/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
audio, canvas, video {
display: inline-block; *
display: inline; *
zoom: 1;
}
audio:not([controls]) {
display: none;
}
[hidden] {
display: none;
}
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
height: 100%;
margin: 0px;
padding: 0px;
background-image: url(../img/DashboardBackground.png);
background-color: #BFCED7;
background-repeat: repeat-x;
}
html, button, input, select, textarea {
font-family: Arial, Helvetica, sans-serif;
color: #222;
-webkit-font-smoothing: antialiased;
}
body {
margin: 0;
padding: 0;
font-size: 1em;
text-align: center;
font-family: arial;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
/* =============================================================================
Links
========================================================================== */
a {
/* color: #00e; */
}
a:visited {
}
a:hover {
}
a:focus {
outline: thin dotted;
}
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {
outline: 0;
}
/* =============================================================================
Typography
========================================================================== */
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
dfn {
font-style: italic;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
ins {
background: #ff9;
color: #000;
text-decoration: none;
}
mark {
background: #ff0;
color: #000;
font-style: italic;
font-weight: bold;
}
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
/* Improve readability of pre-formatted text in all browsers */
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: none;
}
q:before, q:after {
content: "";
content: none;
}
small {
font-size: 85%;
}
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
font-size: 75%;447[]
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* =============================================================================
Lists
========================================================================== */
ul, ol{
margin: 1em 0;
padding: 0 0 0 40px;
}
li {
margin-left:-23px;
margin-right:-10px;
}
dd {
margin: 0 0 0 40px;
}
nav ul, nav ol {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
*/
img {
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: middle;
}
/*
* Correct overflow not hidden in IE9
*/
svg:not(:root) {
overflow: hidden;
}
/* =============================================================================
Figures
========================================================================== */
figure {
margin: 0;
}
/* =============================================================================
Forms
========================================================================== */
form {
margin: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/* Indicate that 'label' will shift focus to the associated form element */
label {
cursor: pointer;
}
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend {
border: 0; *
margin-left: -7px;
padding: 0;
white-space: normal;
}
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline; *
vertical-align: middle;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
}
}
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
*/
button, input {
line-height: normal;
}
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
* 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
*/
button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button; *
overflow: visible;
}
/*
* Re-set default cursor for disabled elements
*/
button[disabled], input[disabled] {
cursor: default;
}
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0; *
width: 13px; *
height: 13px;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea {
overflow: auto;
vertical-align: top;
resize: vertical;
}
/* Colors for form validity */
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
background-color: #f0dddd;
}
/* =============================================================================
Tables
========================================================================== */
table {
border-collapse: collapse;
border-spacing: 0;
}
td {
vertical-align: top;
}
/* =============================================================================
Chrome Frame Prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: black;
padding: 0.2em 0;
}
/* ======================================================================== */
/* ==|=====================================================================
Font Styles
========================================================================== */
/* ======================================================================== */
.font_Oswald50 {
font-size:31pt; font-family: 'Oswald', sans-serif; color:#65757e; height:45px;
-webkit-font-smoothing: subpixel-antialiased;
}
.font_Oswald23 {
font-size:23pt; font-family: 'Oswald', sans-serif; color:#65757e; height:45px;
-webkit-font-smoothing: subpixel-antialiased;
}
.small_caps{
font-size:0.7em;
text-transform:capitalize;
color:#646464;
}
/* ======================================================================== */
/* ==|=====================================================================
Form Elements
========================================================================== */
/* ======================================================================== */
.formelement_textbox {
background-color: #e6e9eb; width: 294px;
border-color:#c2c4c5; height:22px;
border-style: solid; border-width: 1px;
font-size:10pt; font-weight:bold; color:#14354a;
}
.formelement_textbox:focus {
border-color:#7c8285;
background-color:#f2f4f5;
outline-color:#FFFFFF;
}
.formelement_textbox_search{
width:70%;
margin-top:60px;
}
/* ======================================================================== */
/* ==|=====================================================================
Main Content Container
========================================================================== */
/* ======================================================================== */
.main_outerContainer {
width: 904px;
display: inline-block;
height:100%;
}
/* Portrait View */
@media screen and (max-width: 768px) { .main_outerContainer { width: 750px; }}
.main_contentwrapper {
top: 53px;
width: 904px;
/*overflow: auto;*/
margin-left: auto;
margin-right: auto;
padding-bottom: 15px;
height: 100%;
}
/* Portrait View */
@media screen and (max-width: 768px) { .main_contentwrapper { width: 750px; }}
.main_content {
overflow:hidden;
display:block;
height:100%;
}
.main_content_header{
width:100%;
height:47px;
display:block;
margin-top:10px;
background-image: url('../img/BlueHeader.png');
background-repeat: repeat-x;
height: 47px;
border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
-moz-border-radius: 6px 6px 0px 0px;
background-color: #13364a;
margin-left:auto;
margin-right:auto;
border-color:#57707f;
border-width:1px;
border-style:solid;
margin-bottom:0px;
color:#dfdfdf;
}
/* ======================================================================== */
/* ==|=====================================================================
Header Divs:
========================================================================== */
/* ======================================================================== */
.main_header_SignedInAs {
display:inline-block;
float:right;
font-size:12px;
color:#dfdfdf;
cursor: pointer;
color:#dfdfdf;
margin-left:25px;
height:16px;
margin-top:16px;
text-align:right;
}
.main_header_dashboard_title {
font-size:1.5em;
float:left;
color:#ffffff;
margin-left:2%;
display:inline-block;
margin-top:5px;
}
.main_header_whiteDivider{
height:30px; background-color:#dfdfdf;
width:1px; float:right;
margin-top:8px;
margin-left:19px;
margin-right:12px;
}
.main_header_btn_SignedInOut{
display:inline-block;
float:right;
margin-top:9px;
font-size:14px;
min-width:78px;
height:16px;
border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
background-color:#07131c;
font-weight:bold;
font-size:12px;
padding:6px;
padding-left:12px;
padding-right:12px;
margin-right:13px;
cursor: pointer;
}
.main_header_titleWhiteBox{
display:inline-block;
float:right;
margin-top:9px;
font-size:14px;
min-width:78px;
height:20px;
color: #fff;
font-size:23px;
padding:6px;
padding-left:12px;
padding-right:12px;
margin-right:13px;
cursor: pointer;
}
.main_header_btn_arrow{
margin-top:11px; float:left; margin-left:20px; width:23px; height:22px;
background: url(../img/back_arrow.png) no-repeat;
}
.main_header_btn_arrow:hover {background: url(../img/back_arrow_hover.png) no-repeat;
}
.main_header_DDES_logo_small{
margin-left:25px; margin-top:4px; float:left
}
.main_header_DDES_logo_dashboard{
margin-left:55px; margin-top:4px; float:left;
}
/* IPAD CSS Detection and Changes */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
.main_header_btn_SignedInOut{ padding-top:8px; }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
.main_header_btn_SignedInOut{ padding-top:8px; }
}
/* ----------------------------- */
.main_header_btn_SignedInOut:hover{
color:#FFFFFF;
background-color:#030e15;
}
.main_content_whitebody{
border-radius: 0px 0px 8px 8px;
-webkit-border-radius: 0px 0px 8px 8px;
-moz-border-radius: 0px 0px 8px 8px;
width:100%;
height:100%;
display:block;
margin-top:0px;
background-color: #ffffff;
margin-left:auto;
margin-right:auto;
border-color:#8e98a0;
border-width:1px;
border-style:solid;
clear:both;
position:inherit;
padding-bottom:2%;
padding-top:2%;
}
.main_content_whitebody_dashboardadjustment{
padding-bottom:4%;
padding-top:0%;
}
.main_container_greycurved_holder{
padding:6px;
margin-left:3%;
margin-right:3%;
background-color:#cfd0d0;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
margin-left:10px;
margin-right:10px;
clear:both;
}
.main_container_greycurved{
border-color:#123142;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-width:2px;
border-style:solid;
background-color:#FFF;
}
/* ======================================================================== */
/* ======================================================================== */
/* --- The TitleBar with Logo, Page Title */
/* ======================================================================== */
/* ======================================================================== */
.main_content_titlebar{
width:100%;
height:20px;
display:block;
clear:both;
}
.main_content_titlebar_document{
height:80px;
margin-top:-20px;
}
.main_content_titlebar_left {width:50%; float:left; height:100%;
display: inline-block;
text-align:left;
}
.main_content_titlebar_right{width:50%; float:right; height:100%;
display: inline-block;
text-align:right;
}
.main_content_titlebar_logo {float:left; display: block; width:120px; margin-top:20px; }
.main_content_titlebar_title {float:left; display: block; margin-top:39px; }
.main_content_titlebar_right_text{
margin-top:37px;
display:inline-block;
float:right;
}
.main_content_titlebar_right_icon{
margin-top:44px;
width: 40px;
height: 34px;
text-decoration: none;
background-position: 0px 0px;
float:right;
background: url(../img/dashboard_icon_sprite.png) no-repeat;
margin-right:3%;
}
.icon_header_kit{
background: url(../img/icons/kit_header_icon.png) no-repeat;
background-position: 3px 2px;
}
.main_content_titlebar_icon_tds { background-position: 0px -70px; }
/* ----------------------------- */
/* ======================================================================== */
/* ==|=====================================================================
Footer_Navigation_Bar:
========================================================================== */
/* ======================================================================== */
.navBtn_toolbar {
background-image: url('../img/darkgrey_menu_bg.png');
background-repeat: repeat-x;
border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
background-color: transparent;
padding:5px;
display: block;
margin-right: auto;
margin-left: 135px;
position: fixed;
z-index: 2;
bottom: 0px;
width:628px;
height:60px;
}
/* Portrait View */
@media screen and (max-width: 768px) { .navBtn_toolbar { margin-left: 55px;}}
.navBtn {
display: block;
background: url('../img/bottom_menu_sprite.png') no-repeat;
width: 89.5px;
height: 60px;
text-decoration: none;
float: left;
}
#navBtn_home { background-position: 0px -59.5px; }
#navBtn_home:hover { background-position: 0px 0px; }
#navBtn_homeDisabled { background-position: 0px -118.5px; }
#navBtn_save { background-position: -89.5px -59.5px; }
#navBtn_save:hover { background-position: -89.5px 0px; }
#navBtn_saveDisabled { background-position: -89.5px -118.5px; }
#navBtn_delete { background-position: -179.5px -59.5px; }
#navBtn_delete:hover { background-position: -179.5px 0px; }
#navBtn_deleteDisabled { background-position: -179.5px -118.5px; }
#navBtn_mail { background-position: -268.5px -59.5px; }
#navBtn_mail:hover { background-position: -268.5px 0px; }
#navBtn_mailDisabled { background-position: -268.5px -118.5px; }
#navBtn_comment { background-position: -357.5px -59.5px; }
#navBtn_comment:hover { background-position: -357.5px 0px; }
#navBtn_commentDisabled { background-position: -357.5px -118.5px; }
#navBtn_info { background-position: -446.5px -59.5px; }
#navBtn_info:hover { background-position: -446.5px 0px; }
#navBtn_infoDisabled { background-position: -446.5px -118.5px;}
#navBtn_help { background-position: -535px -59.5px; }
#navBtn_help:hover { background-position: -535px 0px; }
#navBtn_helpDisabled { background-position: -535px -118.5px; }
#navBtn_go { background-position: 0px -44px; }
#navBtn_go:hover { background-position: 0px 0px; }
#navBtn_go:active { background-position: 0px -44px; }
/* ======================================================================== */
/* ==|=====================================================================
Buttons
========================================================================== */
/* ======================================================================== */
.btnTemplate {
display: inline-block;
zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
*display: inline;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
}
.btnTemplate:hover {
text-decoration: none;
}
.btnTemplate:active {
}
#dashboard_GoNow{ margin-left:35px; margin-right:35px;}
/* =================== Button Sizes ============================= */
.btnTemplate_bigRounded {
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5;
border-color:#9ea0a1;
border-style:solid;
border-width:2px;
width:110px;
height:19px;
font-size:13px;
padding-top:11px;
cursor:pointer;
}
.btnTemplate_large {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
height:37px;
display:table;
text-align:center;
width:140px;
border-color:#9ea0a1;
border-style:solid;
border-width:2px;
font-size:20px;
float:right;
cursor:pointer;
}
.btnTemplate_small{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height:21px;
display:inline-block;
text-align:center;
width:100px;
border-color:#9ea0a1;
border-style:solid;
border-width:1px;
font-size:12px;
float:right;
cursor:pointer;
background-color:#DDDDDD;
margin-left:5px;
margin-right:5px;
padding-top:5px;
margin-top:4px;
}
.btn_smallarrow{
background: url(../img/btns/sprite_symbols_rollovers.png);
background-position: 83px 125px;
width: 27px;
height:29px;
display: table;
float:right;
}
/* =================== Button Colors ============================= */
/* == DDES Blue == */
.btnTemplate_DDESBlue {
font-weight:bold;
color: #e2eaee;
border: solid 1px #9ea0a1;
background: #23566f;
background-image: url('../img/btns/btn_blue_logon_bg.png');
background-repeat: repeat-x;
}
.btnTemplate_DDESBlue:hover {
background-image: url('../img/btns/btn_blue_logon_bg_hover.html');
background-color:#1a3f51;
color: #ffffff;
}
.btnTemplate_DDESBlue:active {
color: #b6b6b6;
}
/* == Dark Grey == */
.btnTemplate_BtnDarkGrey {
background: url(../img/btns/btnTemplate_DarkGrey.png);
background-color:#585f64;
color:#ffffff;
}
.btnTemplate_BtnDarkGrey:hover {
background: url(../img/btns/btnTemplate_DarkGrey_hover.png);
color:#ffffff;
background-color:#585f64;
}
.btnTemplate_BtnDisabledGrey {
background-image: none;
background-color:#d9d9d9;
color:#FFFFFF;
border-color:#EEEEEE;
}
.btnTemplate_text_container{
display: inline-block;
float:left;
margin-left:14px;
margin-top:6px;
}
.btnTemplate_text_viewcontainer{
display: inline-block;
float:left;
margin-left:14px;
margin-top:6px;
}
/* IPAD CSS Detection and Changes */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
.btnTemplate_text_viewcontainer{ margin-top:7px; }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
.btnTemplate_text_viewcontainer{margin-top:7px;}
}
.btnTemplate_text_search_container{
display: inline-block;
float:left;
margin-left:9%;
margin-top:8px;
}
.btnTemplate_arrow_icon{
background: url(../img/btns/sprite_symbols_rollovers.png);
background-position: 38px -135px;
width: 27px;
height:29px;
display: inline;
float:left;
margin-left:14px;
margin-top:4px;
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
.btnTemplate_text_container{ margin-top:4px; }
.btnTemplate_arrow_icon{ margin-top:1px; }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
.btnTemplate_text_container{ margin-top:4px; }
.btnTemplate_arrow_icon{ margin-top:1px; }
}
/* == Light Grey == */
.btnTemplate_BtnLightGrey {
background: url(../img/btns/btnTemplate_LightGrey.png);
background-color:#585f64;
color:#ffffff;
}
.btnTemplate_BtnLightGrey:hover {
background: url(../img/btns/btnTemplate_LightGrey_hover.png);
color:#ffffff;
background-color:#585f64;
}
.btnTemplate_BtnDisabledLightGrey {
background-image: none;
background-color:#dfe0e0;
color:#FFFFFF;
background: url();
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
.btnTemplate_text_search_container{ margin-top:7px; }
.btnTemplate_question_icon{ margin-top:1px; }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
.btnTemplate_text_search_container{ margin-top:7px; }
.btnTemplate_question_icon{ margin-top:1px; }
}
/* == Individual Buttons == */
#search_search_now {
display:block;
margin-left:auto;
margin-right:auto;
float:none;
margin-top:20px;
width:180px;
}
#btn_SearchNow{
display:block;
margin-left:auto;
margin-right:auto;
float:right;
margin-top:5px;
width:45%;
margin-right:3%;
}
#btn_RemoveAll{
display:block;
float:right;
margin-top:5px;
width:45%;
margin-right:3%;
}
#btn_View{
display:block;
float:left;
margin-top:5px;
width:45%;
margin-right:3%;
}
.btnTemplate_remove_icon{
background: url(../img/btns/sprite_symbols_rollovers.png);
background-position: 36px -84px;
width: 27px;
height:29px;
display: inline;
float:right;
margin-right:4%;
margin-top:3%;
}
.btnTemplate_search_icon{
background: url(../img/btns/sprite_symbols_rollovers.png);
background-position: 38px -110px;
width: 27px;
height:29px;
display: inline;
float:right;
margin-right:4%;
margin-top:3%;
}
.btnTemplate_viewdoc_icon{
background: url(../img/btns/sprite_symbols_rollovers.png);
background-position: 38px -217px;
width: 27px;
height:29px;
display: inline;
float:right;
margin-right:10%;
margin-top:3%;
}
#btn_View{
float:right;
color:#fff;
margin-top:7px;
margin-right:7px;
display:inline;
width:15%;
min-width:100px;
}
/* ------ Content Title Bubble --------- */
.dashboard_titlebar_bubble_arrow {
display:inline-block;
width:65%;
height:14px;
margin-bottom:0px;
margin-left:30px;
float:left;
}
.dashboard_titlebar_bubble {
clear:both;
background-color: #14394f;
border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
width:90%;
height:5%;
min-height:67px;
display:block;
color:#e1dfdf;
float:right;
}
.dashboard_titleContent_right{ float:left; padding-left:18px; padding-top:18px; color:#e1dfdf; text-align:left;
text-transform:uppercase; font-size:12.5px; margin-left:14px; width:42%;
}
.dashboard_titleContent_leftContainer{float:left; color:#e1dfdf; text-align:left;
text-transform:uppercase; font-size:15px; margin-left:0px; color:#FFFFFF; margin-top:4px;
display:block; text-align:right; height:45px; line-height:17px; margin-right:0px;
font-weight:bold; width:42%; position:relative; }
.dashboard_titleContent_left {position:absolute; bottom:0; clear:both;
display:block; text-align:right;
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
.dashboard_titleContent_leftContainer{ width:42%; }
.dashboard_titleContent_right{ padding-left:10px; }
.dashboard_titleContent_left { text-align:right; }
}
/* ======================================================================== */
/* ==|=====================================================================
Dashboard Icons
========================================================================== */
/* ======================================================================== */
.dashboard_container_div {
display:block;
width: 92%;
height:420px;
margin-left:auto;
margin-right:auto;
margin-top:1%;
-moz-border-radius: 10px;
-webkit-border-radius: 6px;
border-radius: 6px;
background-color:#ffffff;
border-color:#585f64;
border-width:1px;
background-color:transparent;
clear:both;
border:1px;
border-style:solid;
border-color:#585f64;
background-image: url('../img/dashboard_bg.png');
overflow:hidden;
}
.dashboard_container_right {
float:left;
width:50%;
display:block;
background-image: url('../img/grey_gradient.png');
background-color:yellow;
margin:0px;
border:0px;
margin-top:56px;
}
.dashboard_container_left {
float:left;
width:50%;
color:#444a4e;
display:block;
margin:0px;
border:0px;
margin-top:56px;
}
/* ------ The Dashboard Header ------ */
.dashboard_container_grey_header {
height:57px;
float:left;
width:100%;
display:block;
background-image: url('../img/dashboard_header_grey.png');
margin:0px;
border:0px;
background-color:#EEEEEE;
border-bottom-color: #919aa1;
border-bottom-width: 2px;
border-bottom-style: solid;
}
.dashboard_header_icon {
display:inline-block;
margin-top:11px;
float:right;
margin-right:11px;
}
.dashboard_header_search_text {
display:inline-block;
margin-top:19px;
float:right;
color:#FFFFFF;
font-size:14px;
margin-right:22px;
}
.dashboard_header_search_dropdown{
width: 268px;
height: 34px;
overflow: hidden;
color:#293135;
font-size:13px;
font-weight:bold;
border-color:#cccbcb;
overflow: hidden;
color:#6b757b;
background: url(../img/dashboard_down_arrow_select.jpg) no-repeat right #fff;
-webkit-appearance: none;
-moz-appearance: none;
}
.dashboard_header_search_container{
float:right;
margin-right:32px;
margin-top:11px;
overflow: hidden;
width: 240px;
height: 34px;
border-color:#cccbcb;
}
.dashboard_header_search_dropdown:focus {
outline: none;
overflow:hidden;
-webkit-appearance: none;
-moz-appearance: none;
}
/* ========= Firefox Exception ======== */
@-moz-document url-prefix() {
.dashboard_header_search_dropdown {
padding-top:8px;
}
}
.dashboard_div_right{
float:left;
width:50%;
height:100%;
background-color:#dee9f0;
display:block;
}
.dashboard_div_left{
float:left;
width:50%;
height:100%;
overflow:hidden;
margin-top:10px;
}
.dashboard_background_opt{
height: 66px;
width: 100%;
clear: both;
color: #404c53;
font-family: Arial, Helvetica, sans-serif;
font-size: 16pt;
font-weight: bold;
float: left;
display: block;
position: relative;
cursor:pointer;
color:#404c53;
}
.dashboard_icon{
float:left;
display: block;
background: url(../img/dashboard_icon_sprite.png) no-repeat;
width: 40px;
height: 34px;
text-decoration: none;
background-position: 0px 0px;
margin-top:16px;
margin-left:7%;
}
.dashboard_text_opt{
margin-top:22px;
float:left;
margin-left:4%;
}
.dashboard_background_divider{
float:left; height:2px; background-color:purple; display:block;
background: url(../img/dashboard_submenu_divider.png) no-repeat;
width:90%; height:2px; margin-top:0px; margin-bottom:0px;
}
#dashboard_icon_opt1{ background-position: 0px 0px; }
#dashboard_icon_opt2{ background-position: 0px -35px; }
#dashboard_icon_opt3{ background-position: 0px -70px; }
#dashboard_icon_opt4{ background-position: 0px -105px; }
#dashboard_icon_opt5{ background-position: 0px -138px; }
#dashboard_icon_opt6{ background-position: 0px -172px; }
#dashboard_text_content1{ display:none; }
#dashboard_text_content2{ display:none; }
#dashboard_text_content3{ display:none; }
#dashboard_text_content4{ display:none; }
#dashboard_text_content5{ display:none; }
.dashboard_text_content_right{
font-size: 12px;
margin-top: 5%;
margin-bottom: 0%;
margin-left: 10%;
margin-right: 10%;
text-align:left;
line-height: 230%;
font-size: 14px;
position:relative;
height:68%
}
.dashboard_text_content_bottom{
margin-bottom:0;
height:50px;
display:block;
width:100%;
position: relative;
text-align: left;
}
/* ======================================================================== */
/* ==|=====================================================================
The Main Container w/ The Dots
========================================================================== */
/* ======================================================================== */
.tab_control_text_bubble {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
display: inline-block;
background-color: #cfd0d0;
margin-top: 0px;
text-align: left;
line-height: 20px;
margin-top: 2%
}
.tab_control_text_bubble_inner {
padding: 2%;
padding-top: 1%;
padding-bottom: 1%;
font-size: 12px;
}
.tab_control_text_bubble_left {
width: 50%;
display: table-cell;
overflow: hidden;
text-align: left;
}
.tab_control_text_bubble_right {
width: 50%;
display: table-cell;
overflow: auto;
overflow: hidden;
vertical-align:top;
}
#tab_control_text_bubble_left_content {
width: 400px;
height: 215px;
overflow: auto;
display: inline-block;
background-color:#ddddde;
font-weight:bold;
font-size:13px;
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
#tab_control_text_bubble_left_content {
height: 200px;
width: 330px;
}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
#tab_control_text_bubble_left_content {
height: 170px;
display: inline-block;
}
}
.tab_control_text_bubble_right_content{
background-color:#dee9f0;
width: 100%;
height: 215px;
overflow: auto;
display: inline-block;
background-color:#e1eaf1;
font-weight:bold;
font-size:13px;
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
.tab_control_text_bubble_right_content{
height: 400px;
}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
#tab_control_text_bubble_left_content {
height: 170px;
display: inline-block;
}
}
.tab_control_text_tablecontainer {
display: table;
width: 100%;
}
/* ======================================================================== */
/* ==|=====================================================================
Search Page - Content Slider
========================================================================== */
/* ======================================================================== */
#search_slideshow #search_slidesContainer {
margin:0 auto;
width:100%;
height:263px;
overflow:auto; /* allow scrollbar */
position:relative;
}
#search_slideshow #search_slidesContainer .search_slide {
margin:0 auto;
width:90%; /* reduce by 20 pixels to avoid horizontal scroll */
height:263px;
float:left;
}
/**
* Slideshow controls style rules.
*/
.search_control {
display:block;
width:39px;
height:263px;
text-indent:-10000px;
position:absolute;
cursor: pointer;
}
#search_leftControl {
cursor: pointer;
}
#search_rightControl {
cursor: pointer;
}
/* ======================================================================== */
/* ==|=====================================================================
The Slide w/ The Dots
========================================================================== */
/* ======================================================================== */
.tab_control_text_bubble_left_SlideDots {
height: 50px;
max-height: 200px;
text-align: center;
}
.tab_control_SlideDots_container {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
height: 30px;
display: inline-block;
}
.tab_control_SlideDots_dots {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
background-color:#748087;
display: inline-block;
margin-top:11px;
}
.tab_control_SlideDots_SingleDot {
width: 18px;
height: 18px;
background-color: #ffffff;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
border-radius: 13px;
float: left;
margin: 8px;
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
.tab_control_SlideDots_SingleDot {
width: 27px;
height: 27px;
}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
.tab_control_SlideDots_SingleDot {
width: 27px;
height: 27px;
}
}
.tab_control_SlideDots_SingleDot:hover {
background-color: #DDDDDD;
}
.tab_control_SlideDots_Selected {
background-color: #14364b;
}
/* ======================================================================== */
/* ==|=====================================================================
The Slider Header
========================================================================== */
/* ======================================================================== */
.tab_control_SlideDots_Header_left {
width: 13%;
height: 42px;
float: left;
display: block;
overflow: hidden;
margin-top: 5px;
margin-bottom: 5px;
-moz-border-radius: 0 0 0 0;
-webkit-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
background: url(../img/tabcontrol_header_arrow_bg.png);
border-color: #e1e2e2;
border-width: 1px;
border-style: solid;
text-align: center;
}
.tab_control_SlideDots_Header_center {
width: 70%;
background-color: #ddddde;
height: 42px;
float: left;
display: block;
overflow: hidden;
margin-top: 5px;
margin-bottom: 5px;
border-color: #e1e2e2;
border-width: 1px;
border-style: solid;
}
.tab_control_SlideDots_Header_right {
width: 13%;
height: 42px;
float: left;
display: block;
overflow: hidden;
margin-top: 5px;
margin-bottom: 5px;
-moz-border-radius: 0 0 0 0;
-webkit-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
background: url(../img/tabcontrol_header_arrow_bg.png);
border-color: #e1e2e2;
border-width: 1px;
border-style: solid;
text-align: center;
}
.tab_control_SlideDots_Header_text {
color: #163c52;
text-align: center;
margin-top: 14px;
font-weight: bold;
font-size: 13px;
}
.tab_control_SlideDots_ArrowLeft {
width: 24px;
height: 24px;
display: inline-block;
background: url(../img/search_sprite_symbols_rollovers.png);
background-position: -2px -165px;
margin-top: 9px;
cursor:pointer;
}
.tab_control_SlideDots_ArrowLeft:hover {
background-position: -47px -165px;
cursor:pointer;
}
.tab_control_SlideDots_ArrowRight {
width: 24px;
height: 24px;
display: inline-block;
background: url(../img/search_sprite_symbols_rollovers.png);
background-position: -2px -190px;
margin-top: 9px;
cursor:pointer;
}
.tab_control_SlideDots_ArrowRight:hover {
background-position: -47px -190px;
cursor:pointer;
}
/* ======================================================================== */
/* ==|=====================================================================
The Slider Header
========================================================================== */
/* ======================================================================== */
.tab_control_Slide_Item{
margin-left:50px; height:25px;
margin-top:11px; margin-bottom:11px;
cursor: pointer;
}
.tab_control_Slide_plus_icon {
width: 26px;
height: 24px;
display: inline-block;
background: url(../img/search_sprite_symbols_rollovers.png);
background-position: -2px -31px;
cursor:pointer;
padding-left:8px;
padding-right:6px;
display:table-cell;
margin-right:4px;
}
.tab_control_Slide_plus_text, .tab_control_Slide_minus_text {
margin-top:8px; display:table-cell;
padding-top:5px;
}
@-moz-document url-prefix() {
.tab_control_Slide_plus_text{
vertical-align:middle;
margin-top:1px;
}
}
}
.tab_control_Slide_plus_icon:hover {
background: url(../img/search_sprite_symbols_rollovers.png);
background-position: -46px -31px;
}
/* ======================================================================== */
/* ==|=====================================================================
Search Criteria Box
========================================================================== */
/* ======================================================================== */
.tab_control_Header_SearchCriteria {
width: 100%;
background-color: #a5b7c2;
height: 42px;
display:inline-block;
overflow: hidden;
margin-top: 5px;
border-color: #e1e2e2;
border-width: 1px;
border-style: solid;
text-align: center;
font-size:13px;
font-weight:bold;
color:#FFF;
}
.tab_control_Header_SearchCriteria_text {
margin-top:14px;
float:left;
margin-left:35px;
}
.tab_control_Header_SearchCriteria_numResults {
font-size:10px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
display:inline-block;
padding:5px;
float:right;
background-color:#8997a0;
color:#FFF;
margin-top:11px;
margin-right:20px;
}
.tab_control_Slide_minus_icon {
width: 26px;
height: 24px;
display: inline-block;
background: url(../img/search_sprite_symbols_rollovers.png);
background-position: -2px -60px;
cursor:pointer;
padding-left:8px;
padding-right:6px;
display:table-cell;
margin-right:4px;
}
.tab_control_Slide_minus_icon:hover {
background-position: -46px -60px;
}
.tab_control_slide_btnContainer {
width:100%;
display:inline-block;
height:52px;
padding-top:4px;
}
/* ======================================================================== */
/* ==|=====================================================================
List of Search Results
========================================================================== */
/* ======================================================================== */
/* ========= Important for Scrolling ============ */
.search_results_scroller {
width:100%;
overflow:auto;
height: 600px;
display:block;
}
.search_individual_result {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
width:99%;
margin-left:auto;
margin-right:auto;
background-color:#e2eaf1;
margin-top:6px;
vertical-align:top;
display:inline-block;
}
.search_individual_result_news {
background-color:#EEE;
}
.search_results_checkbox_container {
float:left;
display:inline-block;
vertical-align:top;
margin-left:9px;
width:5%;
}
.search_individual_result_icon{
margin-top:8px;
margin-left:8px;
float:left;
display:block;
width:4%;
height:25px;
background: url(../img/icons/kitIcon.png) no-repeat;
cursor:pointer;
}
.search_individual_result_icon_news {
background: url(../img/icons/icon_news_rss.png) no-repeat;
background-position: 0px 3px;
}
.search_individual_result_icon_video {
background: url(../img/icons/doc_icon_sprite.png) no-repeat;
background-position: 0px 2px;
}
.search_individual_result_icon_pdf {
background: url(../img/icons/doc_icon_sprite.png) no-repeat;
background-position: 0px -33px;
}
.search_individual_result_icon_web {
background: url(../img/icons/doc_icon_sprite.png) no-repeat;
background-position: 0px -68px;
}
.search_individual_result_icon_ppt {
background: url(../img/icons/doc_icon_sprite.png) no-repeat;
background-position: 0px -96px;
}
.search_individual_result_header {
float:left;
display:block;
width:70%;
text-align:left;
padding-top:3px;
padding-bottom:3px;
line-height:1.6em;
font-size:16px;
font-weight:bold;
color:#063952;
text-align:left;
margin-top:7px;
margin-left:12px;
cursor:pointer;
}
.search_individual_result_more{
width:15%;
float:right;
display:inline-block;
cursor:pointer;
}
.result_more {
background-color:#e6e6e6;
cursor:pointer;
}
.search_results_checkbox {
border-width:1px;
border-style:solid;
border-color:#3a728e;
vertical-align:top;
margin-top:14px;
padding:40%;
width:15px;
height:15px;
}
// ipad checkboxes should be much bigger //
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
.search_results_checkbox {
width:29px;
height:29px;
}
}
.search_individual_result_btn_more {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-top:9px;
background-color:#14364b;
color:#fff;
display:inline-block;
font-size:10px;
padding:3px;
width:65%;
font-weight:bold;
-moz-box-shadow: 1px 1px 1px #fff;
-webkit-box-shadow: 1px 1px 1px #fff;
box-shadow: 1px 1px 1px #fff;
border-color:#fff;
border-style:solid;
border-width:2px;
cursor:pointer;
}
.search_individual_result_btn_more:hover {
background-color:#182128;
}
.search_individual_result_textarea {
clear:both;
float:right;
font-size:11px;
line-height:1.5em;
font-weight:bold;
text-align:left;
font-weight:normal;
display:inline-block;
width:91%;
margin-right:2%;
margin-bottom:1.5%;
cursor:pointer;
}
.search_individual_result_banner_title{
margin-bottom:.5%;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
margin-left:auto;
margin-right:auto;
height:20px;
width:95%;
background-color:#EEE;
padding:1%;
text-align:left;
display:inline-block;
font-size:13px;
font-weight:bold;
color:#173a50;
margin-top:10px;
padding-left:3%;
text-align:left;
cursor:pointer;
}
.search_individual_result_banner_holder{
margin-left:5%;
display:inline-block;
}
/* ============================== Best ========================================== */
/* ==|=====================================================================
Document Screen
========================================================================== */
/* ======================================================================== */
.document_container{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
height:80%;
width:95%;
background-color:#fafbfb;
margin-left:auto;
margin-right:auto;
border-width:3px;
border-style:solid;
border-color:#DDD;
overflow: auto;
}
.document_container_header{
background-color:#f0f3f3;
height:60px;
width:100%;
display:inline-block;
text-align:left;
color:#133447;
font-weight:bold;
font-size:1.3em;
color:#1b3d53;
}
.document_container_body{
text-align:left;
color:#052942;
font-size:.8em;
font-weight:normal;
line-height:1.6em;
width:100%;
}
.document_container_body_font{
font-size:.75em;
}
.document_container_header_text{
display:inline-block;
margin-top:20px;
margin-left:1%;
float:left;
}
.document_header_icon{
width:50px;
height:50px;
float:left;
margin-left:23px;
margin-top:9px;
background: url(../img/icons/document_bigicon_set.png) no-repeat;
background-position: 0px -43px;
}
.document_text_description{
margin-left:auto;
margin-right:auto;
width:94%;
margin-top:3%;
display:block;
}
.document_text_expiration{
float:left;
width:40%;
margin-left:3%;
margin-right:5%;
margin-top:2%;
display:block;
}
.document_text_publication{
float:left;
width:40%;
margin-left:3%;
margin-right:5%;
margin-top:2%;
display:block;
}
.document_text_products{
clear:both;
width:94%;
margin-top:9%;
margin-left:auto;
margin-right:auto;
display:block;
}
.document_text_tiedTo{
clear:both;
margin-left:auto;
margin-right:auto;
width:94%;
margin-top:2%;
display:block;
margin-bottom:2%;
}
#savedDocTree_header_title {
float:right;
color:#173a50;
margin-left:10px;
margin-top:6px;
margin-right:40px;
}
.savedDocs_header_icon {
float:right;
display: block;
background: url(../img/dashboard_icon_sprite.png) no-repeat;
width: 40px;
height: 34px;
background-position: -0px -35px;
text-decoration: none;
margin-top:0px;
margin-bottom:10px;
margin-left:40px;
}
/* ======================================================================== */
/* ==|=====================================================================
Save As - Buttons
========================================================================== */
/* ======================================================================== */
.btnSetBottom{
height:10px;
margin-top:-5px;
display:block;
clear:both;
}
.search_results_slide_container{
clear:both;
width:3000px;
overflow:hidden;
display:block;
}
.search_results_individual_slide{
width:100%;
float:left;
display:block;
}
.search_results_slide_visiblearea{
width:100%;
display:inline-block;
overflow:hidden;
}
/* Portrait View */
#search_rightControl.btn_smallarrow {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
margin-top:-10px;
margin-left:40px;
float:left;
}
#search_leftControl.btn_smallarrow {
margin-top:-10px;
float:left;
}
#kendo_tab_content_div_static {
display:block;
-moz-border-radius: 6px 6px 6px 6px ;
-webkit-border-radius: 6px 6px 6px 6px ;
border-radius: 6px 6px 6px 6px ;
border-color:#14364b;
border-width:2px;
margin-top:4px;
width:95%;
margin-left:auto;
margin-right:auto;
}
.search_results_scroller_smaller{
width:85%;
font-size:0.75em;
margin-left:auto;
margin-right:auto;
}
.search_results_smaller_containter{
width:95%;
font-size:.7em;
margin-left:auto;
margin-right:auto;
}
#slide_document{
font-size: .75em;
}
/* TipTip CSS - Version 1.2 */
/* ======================================================================== */
/* ==|=====================================================================
Tooltips - TipTip
========================================================================== */
/* ======================================================================== */
#tiptip_holder {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 99999;
}
#tiptip_holder.tip_top {
padding-bottom: 5px;
}
#tiptip_holder.tip_bottom {
padding-top: 5px;
}
#tiptip_holder.tip_right {
padding-left: 5px;
}
#tiptip_holder.tip_left {
padding-right: 5px;
}
#tiptip_content {
font-size: 11px;
color: #fff;
text-shadow: 0 0 2px #000;
padding: 4px 8px;
border: 1px solid rgba(255,255,255,0.25);
background-color: rgb(25,25,25);
background-color: rgba(25,25,25,0.92);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0 0 3px #555;
-webkit-box-shadow: 0 0 3px #555;
-moz-box-shadow: 0 0 3px #555;
}
#tiptip_arrow, #tiptip_arrow_inner {
position: absolute;
border-color: transparent;
border-style: solid;
border-width: 6px;
height: 0;
width: 0;
}
#tiptip_holder.tip_top #tiptip_arrow {
border-top-color: #fff;
border-top-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_bottom #tiptip_arrow {
border-bottom-color: #fff;
border-bottom-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_right #tiptip_arrow {
border-right-color: #fff;
border-right-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_left #tiptip_arrow {
border-left-color: #fff;
border-left-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -6px;
border-top-color: rgb(25,25,25);
border-top-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
margin-top: -5px;
margin-left: -6px;
border-bottom-color: rgb(25,25,25);
border-bottom-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -5px;
border-right-color: rgb(25,25,25);
border-right-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -7px;
border-left-color: rgb(25,25,25);
border-left-color: rgba(25,25,25,0.92);
}
/* Webkit Hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#tiptip_content {
padding: 4px 8px 5px 8px;
background-color: rgba(45,45,45,0.88);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
border-bottom-color: rgba(45,45,45,0.88);
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
border-top-color: rgba(20,20,20,0.92);
}
}