/* The @import below imports the structural style sheet "base.css", it contains all structural elements
common to both the high and low contrast versions.

Because of the cascade, the structural controls contained in base.css will all blend with 
the low contrast colour controls declared in the following file, producing a cohesive, 
consistent CSS based layout for both.

The best way to think of this file, is that if an attribute can't contain a colour definition,
it's removed from this file. Note that by this, I mean even if it actually doesn't  contain
a specific colour value ie: values of 'transparent' or 'none', it should be declared in 
here, as values that produce a blank display (such as these) are still cascading attributes.

I do the mixing here, so that I can disable the CSS completely when it's in either high or 
low contrast mode, without having to completely rewrite the values for each CSS attribute.
*/

@import url("base.css");


/*--General rules --------------------------------*/

body { color: #000000; background-color: #ffffff;  min-width: 800px; min-height: 600px; }

h2, h3 { color: #0054A0; }
a { color: #003399; }

/*:focus { outline: 2px solid #3399cc; }
a:focus, a:active { background: #003366 url(../common_img/logo.gif) no-repeat; color: #ffffff; }*/
div#secondaryNav li#accessibility a:focus, div#secondaryNav div#globalNav a:focus, div#navigationMenu div.menus ul li a:focus, div#bc ul.breadcrumb li a:focus, 
div.tabMenu a:focus, div.wizMenu a:focus, div.pageNavMenu ul li.back a:focus, div.pageNavMenu ul li.next a:focus, div#summaryData a:focus, table tr td a:focus, div#footer a:focus { background: #3399cc; color: #ffffff; }

div#secondaryNav li#accessibility a:active, div#secondaryNav div#globalNav a:active, div#navigationMenu div.menus ul li a:active, div#bc ul.breadcrumb li a:active, 
div.wizMenu a:active, div.pageNavMenu ul li.back a:active, div.pageNavMenu ul li.next a:active, div#summaryData a:active, table tr td a:active, div#footer a:active { background: #3399cc; color: #ffffff; }
div.tabMenu a:active { color: #ffffff; }


/*-- Homepages - also see the specific skin files for anything relating to graphics/colours, and base.css for structural elements */

div.homepage { border-top: 1px solid #DBDADA; background: #eeeeee url(../common_img/overflow_bg.gif) repeat-x bottom left; }
div.homepage.blank { border: none; background: none; }
div.homepage h3 { background: url(../common_img/news_hd_bg.gif) repeat-x top left; }
div.homepage.blank h3 { background: none; }

div#contentBody div.homepage dl, div#contentBody div.homepage ul { border-left: 2px solid #DBDADA; border-right: 2px solid #DBDADA; }
div#contentBody div.homepage.blank dl, div#contentBody div.homepage.blank ul { border: none; }

div.homepage dt { background: url(../common_img/homepage_bullet.gif) no-repeat top left; }

div.news h3 a { background: url(../common_img/homepage_news.gif) no-repeat 2% 20%; }
div.system h3 a { background: url(../common_img/homepage_system.gif) no-repeat 2% 20%; }
div.training h3 a { background: url(../common_img/homepage_training.gif) no-repeat 2% 20%; }
div.mail h3 a { background: url(../common_img/homepage_mail.gif) no-repeat 2% 20%; }


/*--Structural rules --------------------------------*/

/*--General --------------------------------*/

form { color: #000000; border-left: 5px solid #cccccc; border-top: 5px solid #cccccc; border-right: 5px solid #cccccc; } 
div#wrapper { background: url(../sidemenu_img/menu_bg.gif) repeat-y 0% 0%; color: #000000; border-bottom: 1px solid #ffffff; } 
div#wrapperNoBar { background: url(../sidemenu_img/menu_bg.gif) repeat-y 0% 0%; color: #000000; border-bottom: 1px solid #ffffff; } 


/*--Header --------------------------------*/

div#titlebar { background: #003366 url(../common_img/head_bg.jpg) no-repeat 100% 0%; border-bottom: 1px solid #cccccc; }

h1.title a /*, h1#title a // is now class selector */ { background: #003366 url(../common_img/logo.gif) no-repeat; }

div#accessLinks ul li.hiContrast, /* div#accessLinks ul li#hiContrast, // is now class selector */ div#accessLinks ul li.fontSizeDown, /* div#accessLinks ul li#fontSizeDown, // is noew class selector */ div#accessLinks ul li.fontSizeUp, /* div#accessLinks ul li#fontSizeUp, // is now class selecotr */ div#accessLinks ul li.textOnly /*, div#accessLinks ul li#textOnly // is now class selector */ { border: 1px solid #336666; }
div#accessLinks ul li.hiContrast a /*, div#accessLinks ul li#hiContrast a // is now class selector */ { background: url(../common_img/hiContrast.gif) no-repeat 0 0; }
div#accessLinks ul li.hiContrast a:hover /*, div#accessLinks ul li#hiContrast a:hover // is now class selector */ { background: url(../common_img/hiContrast.gif) no-repeat 0 -13px; }

div#accessLinks ul li.loContrast /*, div#accessLinks ul li#loContrast // is now class selector */ { display: none; }

div#accessLinks ul li.fontSizeDown a /*, div#accessLinks ul li#fontSizeDown a // is now class selector */ { background: url(../common_img/fontDwn.gif) no-repeat 0 0; }
div#accessLinks ul li.fontSizeDown a:hover /*, div#accessLinks ul li#fontSizeDown a:hover // is now class selector */ { background: url(../common_img/fontDwn.gif) no-repeat 0 -13px; }

div#accessLinks ul li.fontSizeUp a /*, div#accessLinks ul li#fontSizeUp a // is now class selector */ { background: url(../common_img/fontUp.gif) no-repeat 0 0; }
div#accessLinks ul li.fontSizeUp a:hover /*, div#accessLinks ul li#fontSizeUp a:hover // is now class selector */ { background: url(../common_img/fontUp.gif) no-repeat 0 -13px; }
div#accessLinks ul li.textOnly a /*, div#accessLinks ul li#textOnly a // is now class selector */ { background: url(../common_img/textOnly.gif) no-repeat 0 0; }
div#accessLinks ul li.textOnly a:hover /*, div#accessLinks ul li#textOnly a:hover // is now class selector */ { background: url(../common_img/textOnly.gif) no-repeat 0 -13px; }


/*--Side Menu --------------------------------*/

div#navigationMenu div.searchBox fieldset.searchBox { border: none; }
div#navigationMenu div.searchBox fieldset.searchBox h3 { background: transparent url(../sidemenu_img/search.gif) no-repeat top left; }

div#navigationMenu div.menus ul { color: #003366; }
div#navigationMenu div.menus ul li { border-bottom: 1px solid #D4D4D4; }
div#navigationMenu div.menus ul li a { color: #030303; }
div#navigationMenu div.menus ul li a:hover { background: #ffffff; color: #000000; }
div#navigationMenu div.menus div { background: url(../sidemenu_img/menu_hd_bg.gif) no-repeat 0% 0%; }


/*--Content --------------------------------*/

/*-breadcrumbs --------------------------------*/

div#bc ul { color: #373737; }
div#bc ul.breadcrumb li a:hover { color: #838282; }
div#bc ul.breadcrumb { padding-left: 112px; padding-right: 10px; }


/*-summary info --------------------------------*/

div#summaryData a:hover { color: #838282; }

/*table.clientData tr:nth-child(2) td.clientnotes span { background: url(../common_img/alert_ico.gif) no-repeat 0% 0%; }*/

table.clientData tr:first-child+tr td.clientnotes span { background: url(../common_img/alert_ico.gif) no-repeat 0% 0%; }


/*-start of the content proper --------------------------------*/

div.securityNotice { background: url(../common_img/security_bg_bot.gif) no-repeat center top; border-bottom: 2px solid #D81E05; }
div#summaryData div.securityNotice { background: url(../common_img/security_bg_top.gif) no-repeat center bottom; border-top: 2px solid #D81E05; border-bottom: none; }
div.securityNotice p { color: #ffffff; }


/*--Footer --------------------------------*/

div#footer { border-top: 1px solid #cccccc; background: url(../common_img/overflow_bg.gif) repeat-x bottom left; }
div#footer ul li { border-left: 1px solid #003366; }
div#footer ul li.first { border: none; }

/*--Aesthetic rules --------------------------------*/

/*--Content  --------------------------------*/

div.pageContent a:hover { color: #003366; }


/*--Messages --------------------------------*/

li.error { color: #ffffff; background: #D81E05 url(../common_img/error_large.gif) no-repeat 0% 0%; height: 12px; }
span.error { font-weight:bold; color: #FFFFFF; background: #D81E05 url(../common_img/error_sm.gif) no-repeat 2px 3px; }

li.direction { color: #ffffff; background: #0054A0 url(../common_img/direction_large.gif) no-repeat 0% 0%; }
div#contentBody p.direction { color: #003366; background: #ffffff url(../common_img/direction_sm.gif) no-repeat 2px 3px; }
span.direction { font-weight:bold; color: #FFFFFF; background: #0054A0 url(../common_img/direction_sm.gif) no-repeat 2px 3px; }

li.success { color: #ffffff; background: #3CA433 url(../common_img/success_large.gif) no-repeat 0% 0%; }
span.success { font-weight:bold; color: #FFFFFF; background: #269900 url(../common_img/success_sm.gif) no-repeat 2px 3px; }

li.alert { color: #ffffff; background: #EAAF0F url(../common_img/alert_large.gif) no-repeat 0% 0%; }
span.alert { font-weight:bold; color: #FFFFFF; background: #EAAF0F url(../common_img/alert_sm.gif) no-repeat 2px 3px; }

p.quicklink {color: #003366; background: #ffffff; }


/*--Tabs and wizards --------------------------------*/

div.pageNavMenu { background: #ffffff; }
* html div.pageNavMenu { border-top: 1px solid #EAEAEA; }
div.pageNavMenu ul { background: #0054A0; border-top: 3px double #ffffff; border-bottom: 3px double #ffffff; }
* html div.pageNavMenu ul { border-top: 1px double #ffffff; border-bottom: 1px double #ffffff; }
div.pageNavMenu ul li { background: #0054A0; border-right: 1px solid #0054A0; border-left: 1px solid #0054A0 }

div.pageNavMenu ul li.back span, div.pageNavMenu ul li.back a { background: url(../menus_img/pageNav_back.gif) no-repeat 0% 50%; }
div.pageNavMenu ul li.next span, div.pageNavMenu ul li.next a { background: url(../menus_img/pageNav_forward.gif) no-repeat 100% 50%; }

div.tabMenu { background: url(../menus_img/tabs_bg.gif) repeat-x bottom left; }
div.tabMenu ul li { background: url(../menus_img/tab_pending_left.gif) no-repeat top left; }
div.tabMenu ul li span { background: url(../menus_img/tab_pending_right.gif) no-repeat top right; }
div.tabMenu ul li.current { color: #ffffff; background: url(../menus_img/tab_active_left.gif) no-repeat top left; }
div.tabMenu ul li.current span { background: url(../menus_img/tab_active_right.gif) no-repeat top right; }
div.tabMenu ul li.disabled { color: #666666; }

div.wizMenu { background: url(../menus_img/wizard_bg.gif) repeat-x bottom center; }
div.wizMenu ul li.pending, div.wizMenu ul li.inactive { background: url(../menus_img/wizard_pending.gif) repeat-x bottom center; }
div.wizMenu ul li.current { background: url(../menus_img/wizard_current.gif) repeat-x bottom center; }
div.wizMenu ul li.complete { background: url(../menus_img/wizard_completed.gif) repeat-x bottom center; }
div.wizMenu ul li.disabled { color: #999999; }

div.wizMenu ul li span, div.wizMenu ul li.pending span, div.wizMenu ul li.disabled span { border-left: 1px solid #dddddd; border-right: 1px solid #ffffff; }

/* - This is to cover the possibility of the wizard menu being switched to an ordered list.
div.wizMenu ol li.pending span, div.wizMenu ol li.inactive span { background: url(../menus_img/wizard_pending.gif) repeat-x bottom center; }
div.wizMenu ol li.current span { background: url(../menus_img/wizard_current.gif) repeat-x bottom center; }
div.wizMenu ol li.complete span { background: url(../menus_img/wizard_completed.gif) repeat-x bottom center; }
div.wizMenu ol li.disabled span { color: #999999; }

div.wizMenu ol li span, div.wizMenu ol li.pending span, div.wizMenu ol li.disabled span { border-left: 1px solid #dddddd; border-right: 1px solid #ffffff; }
*/

/*--Forms --------------------------------*/

span.comp { color: #D81E05; }

fieldset { border: none; }
* html div#content fieldset { border: 1px solid #ffffff; border/* */:/**/ none; }
div#contentBody fieldset.hoverable { background: #F4F4F4; }
div#contentBody fieldset.hoverable:hover { background: #E7E7E7; }
fieldset.thirtyPercent { background: #E9E9E9; }

fieldset.repeater { border-top: 1px solid #dddddd; background: url(../common_img/repeat_fieldset_bg.gif) 0 0 repeat-x; }
div#contentBody fieldset.imgcol { border-bottom: 1px solid #B0C1D3; }
fieldset.imgcol dl.section { border: none; }

fieldset h3 { color: #0054A0; }

div.tips { border: 1px solid #EAAF0F; background: #ffffff url(../forms_img/tips.gif) repeat-x 0% 0%; }
div.tips h3 { background: url(../forms_img/formTips_hd.gif) no-repeat 0% 0%; }
div.warning { background: url(../forms_img/formTips_hd.gif) no-repeat 0% 0%; height: 27px; }
div.warning span { background: #ffffff url(../forms_img/tips.gif) repeat-x 0% 0%; float: left; margin-left: 32px; height: 20px; padding-top: 7px; }
 
div.rightLinks { background: #ffffff url(../forms_img/menus.gif) repeat-x 0% 0%; }
div.rightLinks h3 { background: url(../forms_img/menus_hd.gif) no-repeat 0% 0%; }
div.rightLinks ul { background: url(../sidemenu_img/menu_bg.gif) repeat-y 100% 0%; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; }
div.rightLinks ul li { border-bottom: 1px solid #D4D4D4; color: #030303; background: url(../menus_img/pageNav_forward.gif) no-repeat 98% .45em; }
div.rightLinks ul li a:hover { background: #ffffff url(../menus_img/pageNav_forward.gif) no-repeat 98% .45em; }

div#navigationMenu div.menus div { background: url(../sidemenu_img/menu_hd_bg.gif) no-repeat 0% 0%; color: #0054A0; border-bottom: 1px solid #D4D4D4; }

div.section, dl.section, div.fdf, dl.fdf { border-bottom: 1px solid #B0C1D3;
    top: 129px;
    left: 0px;
}

div.section input, div.fdf input, div.searchbox input { border: 1px solid #027AB9; background: #ffffff; }
div.section .radio input, div.fdf .radio input, div.section .check input, div.fdf .check input { border: none; }
div.section select, div.fdf select { background-color: #ffffff; color: #000000; border: 1px solid #027AB9; }

span.numericRef { border: 1px solid #000000; color: #ffffff; background: #0054A0; }
dd.numericRef { border: 1px solid #000000; color: #ffffff; background: #0054A0; }

span.help { background: url(../common_img/help_ico_locon.gif) no-repeat 50% 50%; }
dl.fdf span.help { background: url(../common_img/help_ico_locon.gif) no-repeat 50% 50%; }


/*--Tables --------------------------------*/

table tr.alt { background: #F0F0F0; }
td.twentyPercent { background: #F5F5F5; }
tr.alt td.twentyPercent { background: #E9E9E9; }

table.dataGrid, table.coreDataGrid { border: 2px solid #E8E7E7; border-bottom: 1px solid #D6D6D6; }

table.dataGrid th, table.coreDataGrid th { border-right: 1px solid #ffffff; background: #E3E3E3 url(../common_img/thead_bg.gif) repeat-x 0% 0%; text-decoration: none; color: black; }
table.dataGrid th a, table.coreDataGrid th a { text-decoration: none; color: black; }
table.dataGrid th a:hover, table.coreDataGrid th a:hover { text-decoration: none; color: black; }

table.dataGrid td, table.coreDataGrid td { border-right: 1px solid #ffffff; }

tr.pagination  { background: url(../common_img/pagination_bg.gif) repeat-x 0% 100%; }
tr.pagination td { border-right: 1px solid #ebebeb; border-top: 1px solid #DDDCDC; }

.PermissionControl { color: #000000; }
.PermissionControlDisabled { color: #555555; }

span.GridAscending { display: inline-block; height: 13px; width: 13px; background: url(../common_img/up.png) no-repeat 0% 0%; }
span.GridDescending { display: inline-block; height: 13px; width: 13px; background: url(../common_img/down.png) no-repeat 0% 0%; }

ul.wireless li a { color: #ffffff; }

table .center 
{
    text-align: center;
}
/*-- Permission tree */
.TreeHeader {
    background: #0054A0;
    color: #FFFFFF;
}
.TreeLevelOne {background: #CCCCCC; font-weight:bold; margin-top:5px; padding: 5px 0px 0px 5px; }
.TreeLevelTwo, .alt {padding-left: 30px; height:18px;}
.alt {background: #F0F0F0; }

.GroupHeader {background: #CCCCCC; font-weight:bold; font-size:14px; margin-top:5px; padding: 5px 0px 5px 5px; }
.GroupMember, .alt {padding-left: 30px; }
.alt {background: #F0F0F0; }


/*-- Page level process message */

div#processMessage { margin-bottom:10px; padding: 0px 15px 0px 15px; }
div#processMessage div.error, div#processMessage div.alert, div#processMessage div.direction, div#processMessage div.success 
{ padding: 5px; margin-bottom:10px; color: #FFFFFF; font-weight: bold; }
div#processMessage div.error {background-color: #FF0000}
div#processMessage div.alert {background-color: #FFCC00}
div#processMessage div.direction {background-color: #0066CC}
div#processMessage div.success {background-color: #3CA433}


/*-- Inline contextual process message */

div.inline_error, div.inline_alert, div.inline_direction, div.inline_success 
{ padding: 5px; margin-bottom:10px;}
div.inline_error {color: #FF0000}
div.inline_alert {color: #FFCC00}
div.inline_direction {color: #0066CC}
div.inline_success {color: #3CA433}

div#exception {background-color: #FFFFFF; }


/*-- modified class for AccessManager */

div.amClientData { margin: 0; padding: 0.25em 0.25em 0em 0.75em; background-color:#E6E6E6; }

input.scopeHeaderImage, td.scopeSelectionHeaderImageTd, input.scopeHeaderCaptionSpan, input.amPermissionChkBox { }
tr.amHiddenRow, input.amHiddenImage, input.amHiddenButton, div.amHiddenDiv, p.amHiddenP, li.amHiddenLi, input.amHiddenInput, a.amHiddenAnchor { display: none;}
span.amHiddenSpan, span.amHiddenSpanChkSelectAll { visibility:hidden;}
a.TaxPracHyperLink { text-decoration: none; cursor:arrow;}

input.scopeHeaderImage {padding-top:7px; padding-left:3px;}

fieldset input.inline { background: url(../forms_img/btn_bg.gif) repeat-x; color: #0054A0; border-top: 1px solid #B9B9B9; border-left: 1px solid #B9B9B9; border-right: 1px solid #7D7D7D; border-bottom: 1px solid #7D7D7D; }

fieldset input.inlineDisabled, div input.amDisabled  
{
    background: url(../forms_img/btn_bg.gif) repeat-x; color: #C0C0C0; border-top: 1px solid #B9B9B9; 
    border-left: 1px solid #B9B9B9; border-right: 1px solid #7D7D7D; border-bottom: 1px solid #7D7D7D; 
}

div.amDisableDiv { background: url(../forms_img/btn_bg.gif) repeat-none; color: #C0C0C0; }

span.amHidden { display: none; }
span.amVisible { display: inline; }