/*	COMMON SECTIONS TO ALL EFOS WEB SITES 
	===================================== */

body { background-color:#ddd; margin: 0px; padding: 0px; font-family: Segoe UI,"SegoeUIWF",Arial,sans-serif; font-size: 70%; color: black; }
.wrapper { 	width: 770px; background-color:#FFFFFF; margin:0px auto; padding: 0px; text-align:left;}
#prop { min-height: 600px; } 

.header{ margin: 0px; height: 60px; background-color: #fff; background-image: url(Images/HeaderBG.png);
	background-repeat: no-repeat; 	background-position: top; 
	border-top:1px solid transparent; /* Admin only */ border-bottom: 0px solid #555; }
@media print { .header { visibility: hidden; height: 0px; border-collapse:collapse; position: absolute; } }
.header h1, .header h2, .header h3, .header h4, .header h5, .header h6 { font-weight:normal; } 
.header p { color: White; }

.footer { text-align: center; padding: 0px; color: White; font-size: 80%; width: 770px; margin:0px auto; padding: 6px;  }
@media print { .footer { visibility: hidden; height: 0px; border-collapse:collapse; position: absolute; } }
.footer a{ color: White; text-decoration: none; }
.footer a:hover, .footer p a:focus { color: White; background-color: Transparent; text-decoration: underline; }

.screenonly { visibility: visible; } 
@media print { .screenonly { visibility: hidden; height: 0px; border-collapse:collapse; position: absolute; } }
.printonly { visibility: visible; } 
@media screen { .printonly { visibility: hidden; height: 0px; border-collapse:collapse; position: absolute; } }

.printA4Portrait { }
@media print { .printA4Portrait {  width: 620px !important;} }
   
#editarea { margin-left: 10px; margin-right: 10px; }
#editarea p { margin-left: 0px; }
#editarea h1, #editarea h2, #editarea h3, #editarea h4, #editarea h5, #editarea h6 { margin-left: 0px; }

#listarea { margin-left: 10px; margin-right: 10px; }
#listarea p { margin-left: 0px; }
#listarea h1, #listarea h2, #listarea h3, #listarea h4, #listarea h5, #listarea h6 { margin-left: 0px; }

input { font-family: Segoe UI,"SegoeUIWF",Arial,sans-serif;	font-size: 110%; }
textarea { font-family: Segoe UI,"SegoeUIWF",Arial,sans-serif;	font-size: 110%;  resize:none; /* needed for Safari 3 */ }
/* Force all text boxes and text areas to font-size small using .text to overcome default larger fonts in Firefox */
.textbox { background-color:Window; }
.textbox-focused { background-color:lemonchiffon; }
table{ /*	margin-left: 10px; margin-right: 10px;*/ }

a { text-decoration: underline; }	
a:hover, a:focus { text-decoration: underline; }

p { margin: 0px 0px 10px 10px; }
p a { text-decoration: underline; }
p a:hover, p a:focus { background-color: Transparent; text-decoration: underline; }	

h1 { font-weight:normal; margin: 10px 0px 10px 10px; background-color: Transparent;  font-size: 150%; }
h2 { font-weight:normal; margin: 10px 0px 10px 10px; background-color: transparent; font-size: 130%; }
h3, h4, h5, h6 { margin: 10px 0px 10px 10px; background-color: transparent; font-size: 110%; }

.listareaclass { margin-left: 10px; margin-right: 10px; }
.listareaclass p { margin-left: 0px; }

.fieldname { color: Gray; vertical-align: middle; }
.fieldname-top { color: Gray; vertical-align: text-top; }

.link { text-decoration: none; text-align: center;} 
.link:hover, .link:focus { background-color: Transparent; text-decoration: underline;  }

.disabledlink { color: gray; text-decoration: none; }
.disabledlink:hover, .disabledlink:focus { color: gray; text-decoration: none; }

.white-link { color: white; text-decoration: none; background-color: Transparent; }
.white-link:hover, .white-link:focus { color: White; text-decoration: underline; background-color: Transparent; }

.modalBackground { background-color:Black; filter:alpha(opacity=30); opacity:0.3; }

                    
/* Login Page V2 - From July 2012 */
.loginlabel { color:#777; display:block; margin-bottom:4px; }
.loginbutton { text-align:center; color: white; font-family: Sans-Serif; background-color: green; border: gray 0px solid; padding: 8px; padding-left: 10px; padding-right: 10px; text-decoration: none;}
.loginbutton:hover, .loginbutton :focus { color: white; background-color: limegreen; padding: 8px; padding-left: 10px; padding-right: 10px; text-decoration: none; }
.loginbutton:active  { color: white; padding: 4px; background-color: limegreen; padding: 8px; padding-left: 10px; padding-right: 10px; text-decoration: none; }
.loginv2-mainpanel { background-color:white; border:1px solid silver; width:769px; margin:0px auto;margin-top:20px;	}
.loginv2-loginarea { margin-top:30px;margin-bottom:0px;background-color:#FFF;width:100%; }
.loginv2-aircraft { margin:0px auto;vertical-align:top;margin-top:10px; width:300px; }
.loginv2-aircraft img { }
.loginv2-airlinelogo { margin:0px auto;vertical-align:top;margin-top:20px; width:300px; }
.loginv2-airlinelogo img {}
.loginv2-logoarea { width:420px;padding-left:20px;vertical-align:top; }
.loginv2-footer { color:#555;border-top:1px solid gray;padding:10px;margin:0px auto;margin-top:40px;font-size:0.9em; }
.loginv2-footer a { color:#555;  }
.loginv2-footer p { padding:0px;margin:0px }

/* LOGIN BOX - the login control on the home page */
.loginbox-titletext { border: 1px solid white; padding: 6px; margin:0px; font-size: larger; color: white; font-weight: bold; }
.loginbox-button { background-color: #777; border: 1px solid white; color:white; padding:2px; padding-left:10px; padding-right: 10px; }
.loginbox-textbox { background-color: #eee; border: 1px solid white; }
.loginbox { padding: 0px; margin:0px; }
.loginbox table { border: 1px solid white; padding: 0px; margin:0px; border-collapse: collapse; background-color:#ccc; }
.loginbox td { padding:0px; } 
.loginbox tr { padding:0px;  } 
.loginbox tr td { padding: 6px;   } 

/* LOGINSTATUS - the login status control */
#loginarea { font-weight: normal; color: #000; float: right; display: inline; margin: 0px; margin-right: 10px; text-align: right;  }
#loginarea .link { text-decoration: none; background-color: Transparent; }
#loginarea .link:hover, #loginarea .link:focus { background-color: Transparent; text-decoration: underline; }
.loginstatus { margin: 0px; color: #000; text-decoration: none; text-align: center; }
.loginstatus:hover, loginstatus:focus { text-decoration: underline; background-color: Transparent; }

/* SITEMAP Styles for the SiteMap class which displays the navigation map at the top of the screen */
#sitemaparea { font-weight: normal; float: left; display: inline; margin: 0px; margin-left: 10px; }
.sitemap { color: #000;}
.sitemapnode { font-weight: normal; color: #000; }
.sitemap a { text-decoration: none; background-color:Transparent; }
.sitemap a:hover, .sitemap a:focus { background-color:Transparent; text-decoration: underline; }
.sitemapcurrentnode { color: #000; }

/* Error/Info Panels - used to show validate and server side errors on edit pages */
.error { color: Red; margin-top: 10px; margin-bottom: 10px; }
.errorpanel { width: 735px; color: Red; border: 1px solid red; background-color: #fffafa; padding: 4px; margin-bottom: 10px; }
.infopanel { color: Black; border: 1px solid Silver; background-color: whitesmoke; padding: 4px; margin-bottom: 10px; }
.confpanel { color: Black; border: 1px dotted #529214; background-color: #E7FFE7; padding: 4px; margin-bottom: 10px; }
.warnpanel { color: Black; border: 1px dotted #FF6A00; background-color: #FFF6BF; padding: 4px; margin-bottom: 10px; }
.errpanel { color: Black; border: 1px dotted red; background-color: #FFD8D8; padding: 4px; margin-bottom: 10px; }


/* AJAX masked edit fields */
.maskededit-focus { background-color: LemonChiffon; }
.maskededit-invalid { color: Red; background-color: #ffeeee;}

/* RESOURCEGROUPPANEL - displays which group can view a resource in their My sections */
.resourcegrouppanel { width:650px; border: 1px solid silver; background-color:LemonChiffon; padding: 8px; }

/* ROLEMEMBERSHIPPANEL - displays which asp.net roles a user belongs to */
.rolemembershippanel { width:650px; border: 1px solid silver; background-color:AliceBlue; padding: 8px; }

/* GRID VIEW - DEFAULT */
.gridview { border: white 1px solid; }
.emptydata { }
.emptydata td { padding: 6px;}

.listrow td { color: black; border: White 1px solid; padding: 4px; background-color: #fcfcfc; }
.listrow a{ text-decoration: underline; text-align: center; }
.listrow a:hover, .listrow a:focus { text-decoration: underline; background-color: Transparent; }

.listaltrow {color: black;  padding: 4px; }
.listaltrow td { border: White 1px solid; padding: 4px; background-color:#f4f4f4; }
.listaltrow a { text-decoration: underline; text-align: center; }
.listaltrow a:hover, .listaltrow a:focus { text-decoration: underline; background-color: Transparent; }

.listheader { color: White; }
.listheader th { padding: 3px; background-repeat: repeat-x; background-position: top; font-weight: normal;}
.listheader a{ color: white; text-decoration: none; text-align: center; font-weight: normal;}
.listheader a:hover, .listheader a:focus { background-color: Transparent; color: Black; text-decoration: underline; font-weight: normal;}

.listfooter { color: White;}
.listfooter td { padding: 4px; background-repeat: repeat-x; background-position: top; }
.listfooter a{ color: white; text-decoration: none; text-align: center; }
.listfooter a:hover, .listfooter a:focus { background-color: Transparent; color: Black; text-decoration: underline; }

.listpager {font-size: 125%; font-weight: bold; background-color: white; }
.listpager td { padding-top: 5px; padding-bottom: 5px;}
.listpager a{ text-align: center; padding: 4px; }
.listpager span { border:1px solid black; padding:4px; }

.listrow-plain { }
.listrow-plain td { border: White 0px solid; padding: 4px; background-color: Transparent; }
.listrow-plain a{ color: #1B346C; text-decoration: underline; text-align: center; }
.listrow-plain a:hover, .listrow a:focus { color: #1B346C; text-decoration: underline; background-color: Transparent; }

.listheader-plain { color: White; }
.listheader-plain th { padding: 3px; background-color: #ddd; background-repeat: repeat-x; background-position: top; }
.listheader-plain a{ color: #555; text-decoration: none }
.listheader-plain a:hover, .listheader-plain a:focus {  text-decoration: underline; }

.listrowred td { padding: 4px; background-color: #fffafa; color: Red; }
.listrowgrey td {padding:4px; color: Gray; border:0px; }
.listrowgrey a { color: Gray; }

/*	TableListItem */
.tablelistsection { clear: both; }
.tablelistsection h1 { margin: 0px 0px 0px 10px; padding:0px; padding-top:10px; font-size: 150%; color: Black; text-decoration: none; font-weight:normal; }
.tablelistsection h2 { margin: 0px 0px 0px 10px; padding:0px; padding-top:10px; font-size: 130%; color: Black; text-decoration: none; font-weight:normal; }
.tablelistsection h3 { margin: 0px 0px 4px 0px;  font-size: 130%; color: Black; text-decoration: none; display:inline; font-weight:normal;}
.tablelistsection h3 a { color: Black; text-decoration: none; }
.tablelistsection h3 a:hover, .tablelistitem h3 a:focus { 	color: Black;  text-decoration: underline; }
.tablelistitem { float: left; border: 1px dotted #1c254c; margin: 10px 0px 0px 10px; padding: 2px; background-color: #fafafa; }
.tablelistitem-body { padding-left: 10px; }
.tablelistitem p { margin: 0px 0px 4px 0px; padding: 0px; }
.tablelistitem h3 { font-weight:normal; font-size:100%; }
.tablelisticon img a { 	text-decoration: none; } 
.tablelisticon { vertical-align:top; }

/* Used in the toolbar icons to pad away from the hyperlink to the right and not included a space in the link*/
.toolbar { margin-bottom: 16px;  background-color: Transparent;}
@media print { .toolbar { visibility: hidden; height: 0px; border-collapse:collapse; position: absolute; } }
.toolbar img { vertical-align: middle; padding-right: 4px; }
.toolbar input { vertical-align: middle; padding-right: 4px; }
.toolbar p { vertical-align: middle; }
.toolbar a { vertical-align: middle; }
.toolbar a:hover { vertical-align: middle; }
.toolbar a:focus { vertical-align: middle; }
.toolbar a:hover img { vertical-align: middle; background-color: White; }
.toolbar a:focus img { vertical-align: middle; background-color: White; }
.toolbar span { vertical-align: middle; }

/* Form buttons */
a.formbutton { text-align:center; color: white; font-family: Sans-Serif; background-color: green; border: gray 1px solid; padding: 4px; padding-left: 10px; padding-right: 10px;}
@media print { .formbutton { visibility: hidden; height: 0px; border-collapse:collapse; position: absolute; } }
a.formbutton:hover, a.formbutton:focus { color: white; background-color: DarkSeaGreen; padding: 4px; padding-left: 10px; padding-right: 10px; }
a.formbutton:active  { color: white; padding: 4px; background-color: DarkSeaGreen; padding: 4px; padding-left: 10px; padding-right: 10px; }

a.formbutton-green { text-align:center; color: #555; font-family: Sans-Serif; background-color: #ccffcc; border: gray 1px solid; padding: 4px; padding-left: 10px; padding-right: 10px; text-decoration: none;}
a.formbutton-green:hover, a.formbutton-green:focus { color: white; background-color: limegreen; padding: 4px; padding-left: 10px; padding-right: 10px; text-decoration: none; }
a.formbutton-green:active  { color: white; padding: 4px; background-color: limegreen; padding: 2px; padding-left: 10px; padding-right: 10px; text-decoration: none; }

/* IndexPager */
.indexpager { padding:3px; margin-right: 4px; border:1px solid silver; background-color:whitesmoke; text-decoration:none; }
.indexpager:hover { padding:3px; margin-right: 4px; border:1px solid silver; background-color:whitesmoke; text-decoration:underline; }
.indexpager-selected { padding:3px; margin-right: 4px; border:1px solid silver; 
	background-color: #1c254c; color:White; text-decoration:none; }
.indexpager-selected:hover { padding:3px; margin-right: 4px; border:1px solid silver; 
	background-color: #1c254c; color:White; text-decoration:underline; }

/* GRID VIEW - ALERTS AND UPDATES - UPDATED FEB 2011 */
.alert-wrapper { width: 970px; border:0px solid pink; margin:0 auto; }
.alert-statuscol { width: 200px; border:0px solid green; float:left; }
.alert-status-section-title { color: Black; padding: 4px; margin-bottom: 10px; width:192px; border: 1px solid silver; 
    background-color: #eee; }
.alert-status-section-body { color: Black; padding: 4px; margin-bottom: 10px; width:192px; border: 1px solid silver; 
    background-color: white; }
.alert-main { width: 756px; border:0px solid orange; float:left; margin-left:12px; }
.alert-footer { clear:both; border:0px solid blue; }
.alert { width: 702px; color: white; padding: 4px; background-repeat: repeat-y; border:2px solid pink;}
.alert-body { width: 748px; font-size: 110%; background-color: white; border: 1px solid #aaa; padding: 4px; }
.alert-body-wide { width: 960px; font-size: 110%; background-color: white; border: 1px solid #aaa; padding: 4px; }
.alert-section { color: Black; padding: 4px; margin-bottom: 10px; width:748px; border: 1px solid silver; background-color: #eee; }
.alert-section-wide { color: Black; padding: 4px; margin-bottom: 10px; width:960px; border: 1px solid silver; background-color: #eee; }
.alert-title { width: 746px; color: white; padding: 4px; padding-bottom:6px; padding-left:6px; background-repeat: repeat-x; font-size:200%; font-weight:normal; margin-bottom:8px; border:1px solid silver; }
.alert-title-wide { width: 960px; color: white; padding: 4px; padding-bottom:6px; padding-left:6px; background-repeat: repeat-x; font-size:200%; font-weight:normal; margin-bottom:8px; border:1px solid silver; }
.alert-title-author { font-size:70%; }
.alert-title-author a { color: White; }
.alert-title-author a:hover, .alert-title-author a:focus { color: White; }
.alert-description { width: 740px; border: 1px solid silver; border-top:0px solid #aaa; margin: 0px; margin-top:0px; padding:8px;  }
.alert-seperator { width: 680px; border-top: 2px solid lightsteelblue; margin: 8px; padding-top:8px; }
.alertupdates-row { border: 0px solid silver; vertical-align: top; }
.alertupdates-title { margin:0px; width: auto; background-color: #ddd;
	background-repeat: repeat-y; color: #555; padding:4px; vertical-align: top; font-weight:bold;  }
.alertupdates-title-reply { margin:0px; width: auto; background-repeat: repeat-y; color: #fff; padding:4px; vertical-align: top; font-weight:bold; }
.alertupdates-authorpanel { border: 1px solid #aaa; padding:6px; background-color:#fafafa; vertical-align: top; }
.alertupdates-updatepanel { vertical-align: top; border-top: 1px solid #aaa; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa;}
.alertupdates-body { background-color: White; vertical-align: top; font-size: 110%; padding:10px;  }
.alertupdates-title-reply { background-color: #666; }

/*AutoComplete flyout */
.autocomplete_completionList {  visibility : hidden; margin : 0px!important;  padding : 0px!important;  background-color : white; border-width : 1px; 
	border-style : solid; text-align : left;  list-style-type : none; z-index: 2000; cursor:pointer; font-size: 110%; font-family: monospace; width:100px;}
.autocomplete_completionHighlightedListItem { background-color: #ffff99; color: black; padding: 1px; font-family: monospace; }
.autocomplete_completionListItem { background-color : window; color : windowtext; padding : 1px; font-family: monospace; }

.autocompletelist { border: solid 1px #BED6E2; min-width: 400px; width:400px; cursor:pointer; margin-left:0px; padding-left:0px; }
.watermarked { border:1px solid #BEBEBE; background-color:#F0F8FF; color:gray; font-style:italic; }

/* Tabs */

ul#tabnav { margin: 0px; border-bottom: 1px solid #12679A; list-style-type: none; margin-right:-2px; padding: 10px 10px 10px 20px;}
ul#tabnav li { display: inline; }
ul#tabnav li a  
{
    /* settings for all tab links */
    padding: 9px 20px 10px 20px;        /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #12679A;          /* set border COLOR as desired; usually matches border color specified in #tabnav */
    margin-right: 0px;                  /* set additional spacing between tabs as desired */
    top: 1px;                           /* firefox/opera/safari fix */
    background-color:#F7F7F7;           /* background colour for non-selected tabs */
    text-decoration: none; border-bottom: none; font-weight: bold; 
}
li.SelectedTab { border-bottom: 1px solid #fff !important; background-color: #fff; }
li.SelectedTab a { background-color: #fff !important; position: relative; padding-top: 10px; }
ul#tabnav a:hover { background: #EDF7FF; } /* hover highlight colour of tabs. non-hover colour is light grey. could use airline-style colour here */

/* Tooltips */
a.tooltip span {display:none; padding:4px 5px; margin-left:-80px; margin-top:20px; width:290px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c; text-decoration:none;}

span.tooltip span {display:none; padding:4px 5px; margin-left:-80px; margin-top:20px; width:290px;}
span.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c; text-decoration:none;}

/* TITLE BLOCK */
.titleblock { padding:10px; width:100%;}
.titleblock-inner { width:auto; padding:0px; padding-bottom:0px; width:100%;}
.titleblock-module { vertical-align:middle; }
.titleblock-title { width:auto; padding:8px; background-color:#ddd;}
.titleblock-module h1 { padding:0px; margin:0px; color:white; padding:8px; font-size:12pt; font-weight:normal; }
.titleblock-module h2 { padding:0px; margin:0px; font-size:8pt; color:Black; font-weight:normal; }
.titleblock-title h1 { padding:0px; margin:0px; color:black; font-size:12pt; font-weight:normal; }
.titleblock-title h2 { padding:0px; margin:0px; font-size:8pt; color:Black; font-weight:normal; }

.NoHover {text-decoration:none;}
.NoHover:hover {text-decoration:none;}

/* CSS Tooltips */        
.tool { position: relative }
.tool .tip { display: none; }
/* tooltip will display on :hover event */ 
.tool:hover .tip {  display: block;   z-index: 100;   position:absolute;   top: 0.7em;   left: 0.5em;   width: auto;   padding: 3px 7px 4px 6px;
  border: 1px solid black;   background-color: #808080;   font: normal 0.9em/1.2em arial, helvetica, sans-serif;   text-align: left;   color: #ffffff;
  opacity:0.9;filter:alpha(opacity=90);
}

/* == HUB STYLE MENU == */
/* ====================================================== */

.hub-status-title { font-family:Segoe UI Light, Segoe UI Black, Segoe UI, Calibri, Arial, MS Sans Serif, Sans-Serif; font-size:17pt; margin-top:0px;padding-top:0px;margin-bottom:0px; padding-bottom:0px; }

.hub-maintitle { font-family:Segoe UI Light, Segoe UI Black, Segoe UI, Calibri, Arial, MS Sans Serif, Sans-Serif; font-size:17pt; margin-top:0px;padding-top:0px;margin-bottom:0px; padding-bottom:0px; }
.hub-maintitle a:link, .hub-maintitle a:visited { margin-top:0px;padding-top:0px; margin-bottom:0px; padding-bottom:0px; font-size:17pt; color: darkgray; text-decoration: none; }
.hub-maintitle a:hover { color: darkgray; text-decoration: none; }
.hub-maintitle a:active { color: darkgray; text-decoration: none; }

.hublink-title { font-family:Segoe UI Light, Segoe UI, Calibri, Arial, MS Sans Serif, Sans-Serif; font-size:24pt; margin-top:0px;padding-top:0px; }

.hub-sectiontitle { font-family:Segoe UI Light, Segoe UI Black, Segoe UI, Calibri, Arial, MS Sans Serif, Sans-Serif; font-size:17pt;color:#737373; margin-top:0px;padding-top:0px; margin-bottom:0px; padding-bottom:0px; }
.hub-sectiontitle a:link, .hub-sectiontitle  a:visited { margin-top:0px;padding-top:0px; margin-bottom:0px; padding-bottom:0px; font-size:17pt; color: #737373; text-decoration: none; }
.hub-sectiontitle  a:hover { color: #737373; text-decoration: none; }
.hub-sectiontitle  a:active { color: #737373; text-decoration: none; }

.hub-sectiontitle-selected { font-family:Segoe UI Light, Segoe UI Black, Segoe UI, Calibri, Arial, MS Sans Serif, Sans-Serif; font-size:17pt;color:darkgray; margin-top:0px;padding-top:0px; margin-bottom:0px; padding-bottom:0px; }
.hub-sectiontitle-selected a:link, .hub-sectiontitle-selected  a:visited { margin-top:0px;padding-top:0px; margin-bottom:0px; padding-bottom:0px; font-size:17pt; color: darkgray; text-decoration: none; }
.hub-sectiontitle-selected  a:hover { color: darkgray; text-decoration: none; }
.hub-sectiontitle-selected  a:active { color: darkgray; text-decoration: none; }

.hub-listitem { font-family:Segoe UI Light, Segoe UI, Calibri, Arial, MS Sans Serif, Sans-Serif; font-size:18pt; margin-top:0px;padding-top:0px;margin-bottom:10px; padding-bottom:0px; border:1px solid silver; padding:6px;}
.hub-listitem a { font-family:Segoe UI Light, Segoe UI, Calibri, Arial, MS Sans Serif, Sans-Serif; font-size:18pt; margin-top:0px;padding-top:0px;margin-bottom:0px; padding-bottom:0px; text-decoration: none; color:darkgray; }
.hub-listitem a:link, .hub-listitem  a:visited { color: darkgray; text-decoration: none; }
.hub-listitem  a:hover { color: darkgray; text-decoration: none; }
.hub-listitem  a:active { color: darkgray; text-decoration: none; }

.hub-listsubitem { font-family:Segoe UI Light, Segoe UI Black, Segoe UI, Calibri, Arial, MS Sans Serif, Sans-Serif; font-size:10pt; color:#444; margin-top:0px;padding-top:0px; margin-bottom:0px; padding-bottom:0px;  padding-left:0px;}
.hub-listsubitem a:link, .hub-listsubitem a:visited { margin-top:0px;padding-top:0px; margin-bottom:0px; padding-bottom:0px; font-size:10pt; color: #444; text-decoration: none;  }
.hub-listsubitem a:hover { color: #737373; text-decoration: none; }
.hub-listsubitem a:active { color: #737373; text-decoration: none; }

/*	EFOS WEB USER SITE SPECIFIC STYLES 
	================================== */

/* TOPMENU */
#topmenuarea {color:White;  border-bottom: 0px solid #014982;}
#topmenuarea a { color:White; }
#topmenuarea a:hover, #topmenuarea a:focus { color:White; }
@media print { #topmenuarea { visibility: hidden; height: 0px; border-collapse:collapse; position: absolute; } }
.topmenu-normal { color:White; text-decoration: none; padding:4px; }
.topmenu-normal a { color:White; }
.topmenu-normal a:hover, .topmenu-normal a:focus { color:White; background-color:Transparent; }
.topmenu-selected { font-weight:bold; }
.topmenu-dynamic { z-index: 1; }	/* Reqd for IE8 */
.topmenu-dyn-normal { text-decoration: none; padding-top:6px; padding-bottom:6px; padding-left:14px; padding-right:14px; 
	border-top:1px solid white; color:White; }
.topmenu-dyn-hover a { color:White; }
.topmenu-dyn-hover a:hover, .topmenu-dyn-hover a:focus { color:White; background-color:Transparent;}

/* CREW NOTICES */
@media screen
{
	#crewnoticearea { margin-left: 10px; margin-right: 10px; border: 1px solid gray; width: 950px; }
	#crewnotice-description { margin-left: 10px; margin-right: 10px; border: 1px solid gray; width: 950px; }
	#crewnoticeheader { margin-left: 10px; margin-right: 10px; background-color: #eeeeee; border: 1px solid gray; border-bottom: 0px; 
		padding: 4px 0px 4px 6px; width: 944px; }
	#crewnoticetitle { 	padding: 6px; margin-left: 10px; margin-right: 10px; border: 1px solid gray; 
		border-bottom: 0px; width: 938px; }
	#crewnoticefooter { margin-left: 10px; margin-right: 10px; background-color: #eeeeee; border: 1px solid gray; border-top: 0px; 
		padding: 4px 0px 4px 0px; width: 950px; }
}
@media print
{
	#crewnoticearea { margin-left: 10px; margin-right: 10px; border: 1px solid gray; width: 700px; }
	#crewnotice-description { margin-left: 10px; margin-right: 10px; border: 1px solid gray; width: 700px; }
	#crewnoticeheader { margin-left: 10px; margin-right: 10px; background-color: #eeeeee; border: 1px solid gray; border-bottom: 0px; 
		padding: 4px 0px 4px 6px; width: 694px; }
	#crewnoticetitle { 	padding: 6px; margin-left: 10px; margin-right: 10px; background-color: #f8fcfc; border: 1px solid gray; 
		border-bottom: 0px; width: 688px; }
	#crewnoticefooter { margin-left: 10px; margin-right: 10px; background-color: #eeeeee; border: 1px solid gray; border-top: 0px; 
		padding: 4px 0px 4px 0px; width: 700px; }
}
#crewnoticeheader p { margin-bottom: 4px; }
#crewnoticeheader p a { color: darkblue; text-decoration: underline; text-align: center; }
#crewnoticeheader p a:hover, p a:focus { color: white; background-color: darkblue; }
#crewnoticetitle p { }
#crewnoticetitle p a { color: darkblue; text-decoration: underline; text-align: center; }
#crewnoticetitle p a:hover, p a:focus { color: white; /* COL */ background-color: #1B346C; }
#crewnoticetitle h1 { color: black; margin:0px; margin-bottom: 4px;}
#crewnoticetitle h2 { margin:0px; margin-bottom: 4px;}
#crewnoticetitle h3{ margin:0px; margin-bottom: 4px; margin-top:10px;}
#crewnoticecategorytitle { font-family: Verdana; text-align:center; font-size:130%; font-weight: bold; color:white; border:1px solid #777; padding:5px; margin-left:10px; float:right; 
		padding:5px; margin-left:10px; float:right; /* COL */ background-color: #777; }
#crewnotice-description p { margin: 10px; }
#crewnotice-attachment { background-color: whitesmoke; border: 1px solid #aaa; margin:10px; padding: 6px; }
#crewnoticefooter p { margin-bottom: 4px; }
#crewnoticefooter p a { color: #777; text-decoration: underline; text-align: center; }
#crewnoticefooter p a:hover, p a:focus { color: white; background-color: darkblue; }
.crewnoticepager td { width: auto; padding-left: 5px; height:20px;}
.crewnoticepager a { padding:5px; background-color: white; }
.crewnoticepager a:hover, .crewnoticepager a:focus {background-color: white; }

/* LIBRARY */
.library-area { width:970px; margin:10px; 
	background-color: white; border:0px solid black; }

.library-tab-area { width:128px; height: 100%; float: left; border:0px solid blue; }
.library-tab { width:120px; text-align:left; vertical-align: middle; padding: 4px; height: 40px; margin-bottom: 8px; border-right: 0px; 
	/* COL */ background-color: whitesmoke; }
.library-tab a { text-decoration: underline; text-align: center; 
	font-weight: normal; }
.library-tab a:hover, .library-tab a:focus { background-color: Transparent; }
.library-tab-selected { width:120px; text-align:left; vertical-align: middle; padding: 4px; height: 40px; margin-bottom: 8px; border-right: 0px;  }
.library-tab-selected a { text-decoration: underline; text-align: center; 
	color: white; font-weight: normal; }
.library-tab-selected a:hover, .library-tab a:focus { color: white; }

.library-book-area { min-height: 800px; float: left; width:824px; /* COL */ background-color: whitesmoke; }
.library-book  { color: #ccc;  padding-left: 0px; margin-left: 0px; }
.library-book-title { color: black; margin:4px; padding: 4px; padding-bottom: 4px; border: 0px solid black ; 
		background-color: #ccc; background-repeat: repeat-x; font-size:120%; }
.library-book-title a { font-size:100%; font-weight: normal; color: Black; text-decoration:none;  }
.library-book-title a:hover, .library-book-title a:focus { color: Black; text-decoration:underline; }

.library-book-subtitle { color: black;  font-weight: normal; font-style:italic;  }
.library-book-subtitle a { color: black; font-weight: normal; }
.library-book-subtitle a:hover, .library-book-subtitle a:focus { font-weight: normal; color: black; text-decoration:underline; }

.library-book-list { margin-left: 4px; margin-right: 4px; background-color: white; }
.library-book-list-hidden { visibility: hidden; }
.library-book-list-hidden table { visibility: hidden; border: 5px solid steelblue; }

/* Style for the book revision list screen */
.bookrevision-title { font-size: 130%; width: auto; background-repeat: repeat-x;
	color: white; padding:4px; margin:0px }
.bookrevision-title-archived { font-size: 130%; width: auto; background-color: #aaa; background-repeat: repeat-x;
	color: white; padding:4px; margin:0px }
.bookrevision-title a { color: white }
.bookrevision-title a:hover, .bookrevision-title a:focus { color: white }
.bookrevision-body { vertical-align: top; width: auto; font-size: 110%; padding:6px; padding-bottom: 10px; 
	margin-bottom:0px; border: 1px solid silver; border-bottom: 0px solid white; border-top: 0px solid white; }
.bookrevision-footer { width: auto; padding:4px; padding-bottom: 8px; padding-top: 8px; margin-bottom:10px; border: 1px solid silver; 
	border-top: 2px solid silver; border-bottom: 1px solid silver; background-color: whitesmoke; }

/* Styles for the RSS Feed Reader Control */
.rss { padding:4px; margin:0px; font-family: verdana, arial, sans-serif; font-size: small; border:1px solid silver; }
.rss h1 { margin:0px; padding:0px; margin-bottom: 0px; font-size: x-small; font-weight: normal; }
.rss h1 a { text-decoration: none; color: Navy; font-size:x-small; }
.rss h1 a:hover, .rss h1 a:focus { text-decoration: underline; color: Silver; }
.rss table { }
.rss tr { padding-top: 0px; }
.rss td {}
.rss h2 { margin:0px; padding:0px; font-size: x-small; font-weight: normal; }
.rss h2 a { color: #999999; text-decoration: none;  }
.rss h2 a:hover, .rss h2 a:focus { text-decoration: underline; }
.rss p { margin:0px; padding:0px; }
.rss p a {  }
.rss p a:hover, .rss p a:focus {  }

/* Styles for the charts which appear on the home page */
.chart { font-size:xx-small; border: 1px solid silver; }
.chart h1 { margin:0px; margin-bottom: 0px; padding: 2px 0px 4px 4px; width:auto; font-size: 120%;
		background-color: #ccc; background-repeat: repeat-y; }
.chart h2 { margin:0px; margin-bottom: 0px; padding: 2px 0px 4px 4px; width:auto; font-size: 120%; font-weight:normal;
		background-color: #eee; background-repeat: repeat-y; }
		
/* Style for other charts */
.graph { position: relative; /* IE is dumb */border: 1px solid silver; padding: 1px; margin-bottom: .0em; }
.graph .bar { display: block; position: relative;background: silver; text-align: center; color: #333; height: 1.5em; line-height: 1.5em;	}
.graph .bar span { position: absolute; left: 1em; } /* This extra markup is necessary because IE doesn't want to follow the rules for overflow: visible */

/* Style for the summary panels which contains lists used on the HOME PAGE PANELS */
.summarypanel { margin-left: 10px; margin-bottom:15px; border: 0px solid #CCC; }
.summarypanel h1 { color:White; margin:0px; padding: 3px 0px 3px 4px; font-size:10pt; /* COL */ background-color: #777; }
.summarypanel h1 a { color:White; text-decoration: none; }
.summarypanel h1 a:hover, .summarypanel h1 a:selected { color:white; text-decoration: underline; }
.summarypanel-footer { width: auto; background-color: #eee; padding: 3px; color: black; border-bottom: 0px solid silver; 
			border-left: 0px solid silver; border-right: 0px solid silver; }
			
/* StatusPanel - currently used for Training form status on home page */
.statuspanel-section { width:738px;margin-left:10px;margin-right:10px;margin-bottom:15px;padding:0px;border:1px solid white; }
.statuspanel-secondcolumn { border-left:1px solid white;margin:0px; }

.statuspanel-green { background-color:whitesmoke; border-bottom:1px solid #eee; /*#EEFFEE;*/ }
.statuspanel-green a {  }
.statuspanel-green a:hover, .statuspanel-green a:focus {  }

.statuspanel-yellow { background-color:whitesmoke; border-bottom:1px solid #eee; /*#FFFFEE;*/ }
.statuspanel-yellow a {  }
.statuspanel-yellow a:hover, .statuspanel-yellow a:focus {  }

.statuspanel-red { background-color:whitesmoke; border-bottom:1px solid #eee; /*#FFEEEE;*/ }
.statuspanel-red a {  }
.statuspanel-red a:hover, .statuspanel-red a:focus {  }

/* MISC */
div.container { }
div.spacer { clear: both; }
div.float { float:left; }
div.float p { text-align: left; }

div.row { clear:both; padding-top:4px; }
div.row span.label { float:left; width:80px; text-align:right; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
div.row span.form { float: right;width: 150px; text-align:left; padding:0px; margin: 0px; }
div.row span.left { float: left; text-align: left; } 
div.row span.right { float: right; text-align: right; }


/* Quotations */
.quotepanelheader {background: #5E8CC6 url(Images/quotepanelbg.gif) repeat-x; color: White; height:22px; line-height:22px; padding: 0px 4px; text-shadow:#245282 0 1px 1px; }
.quotepanelheadergrey {background: #efefef url(Images/quotepanelbggrey.gif) repeat-x; color: white; height:22px; line-height:22px; padding: 0px 4px; text-shadow:#245282 0 1px 1px; }
.quotepanelactive {background-color: #BED6E2; border: solid 1px #999; margin-top:15px; margin-bottom:15px; }
.quotepanelactivegreen {background-color: #EEFFEE; border: solid 1px #999; margin-top:15px; margin-bottom:15px; }
.quotepanelactiveamber {background-color: #FFFFEE; border: solid 1px #999; margin-top:15px; margin-bottom:15px; }
.quotepanelactivered {background-color: #FFEEEE; border: solid 1px #999; margin-top:15px; margin-bottom:15px; }
.quotepanelinactive {background-color: #fff; margin-top:15px; margin-bottom:15px; }
.quotetitle { padding: 4px; margin-left: 10px; margin-right: 10px; background-color: #F4F9FB; border: 1px solid #12679A; }
.quoteref { border: 1px solid #999; background-color: #EFEFEF; color: #777777; padding:2px; width:120px; }
.quoteref h1 { color: #777777; font-size: medium; font-weight: bold; margin:2px; border-bottom: solid 1px #999; }
.quoteref p { font-size:small; font-weight: normal; margin:2px; }

/* Home Page Version 2 - Jun 2010 */
.homepage2-col1 { width: 485px; float:left; margin-left:10px; }
.homepage2-col2 { width: 485px; float:left; margin-left:4px; }
.homepage2-summary-table { width:475px; float:left; margin:0px; margin-bottom:2px; margin-right:5px; padding:0px; border:1px solid silver; margin-bottom:8px; }
.homepage2-summary-titlecell { width: 445px; padding-left:10px; padding-top:6px; vertical-align:top; border:0px solid red; }
.homepage2-summary-title1 { font-size:16pt; color:#777; }
.homepage2-summary-title2 { font-size:14pt; color:#777; }
.homepage2-summary-buttoncell { width: 445px; margin-top:2px; margin-bottom:6px; vertical-align:top; }
.homepage2-summary-statuscell-green { width: 20px; padding:5px; background-image:url('../../Images/GreenGradBG.jpg') }
.homepage2-summary-statuscell-yellow { width: 20px; padding:5px; background-image:url('../../Images/YellowGradBG.jpg') }
.homepage2-summary-statuscell-red { width: 20px; padding:5px; background-image:url('../../Images/RedGradBG.jpg') }
.homepage2-summary-grid { width:475px;margin-top:0px;margin-left:0px;border:silver 1px solid;border-color:silver; margin-bottom:4px;}
.homepage2-summary-gridsection { width:465px;padding:4px;background-color:Silver;border-left:1px silver solid;border-right:1px silver solid;color:white;margin-left:0px;margin-right:5px; }

.SSO-module-itempanel { color:#555; font-size:12pt; padding-top:4px; padding-bottom:4px; }

/* GRID VIEW - OPS LOG LIST */
.opsloglistrow { padding: 4px; }
.opsloglistrow td { padding: 4px; background-color: #FCFCFC; background-repeat: repeat-x; background-position: bottom; }
.opsloglistaltrow { padding: 4px; }
.opsloglistaltrow td { padding: 4px; background-color: #F2F2F2; background-repeat: repeat-x; background-position: bottom; }
.opsloglistaltrowatt { padding: 4px; }
.opsloglistaltrowatt td { padding: 4px; background-color: #FFFACD; background-repeat: repeat-x; background-position: bottom; }
.opsloglistaltrowcur { padding: 4px; }
.opsloglistaltrowcur td { padding: 4px; background-color: #E7FFE7; background-repeat: repeat-x; background-position: bottom; }
.opslogentrycomments:hover { background-color: #F2F2F2; }

.opslogSearchLink { padding-left:100px !important; }
.opslogAircraftCbo { margin: 0px !important; }
.Ops_OfficerList { border-color:Gray; border-width:1pt; border-style:Solid; font-family:Verdana; font-size:110%; width:350px; }
.OPS_HighlightPin { padding:3px; width:16px; float:right; margin:5px;}
.Ops_EditStaffOnDuty_Legend { border: 1px solid silver; padding: 4px; width: 120px; font-size: 1.3em; background-color: whitesmoke; margin-left: 10px; }


/* EFF List */
.div-eff-folder {width: 140px; height: 100px; float: left; margin: 5px 10px 15px 10px; padding: 2px;} /* For EFF div */
table#effempty{width: 100%; height: 100%; margin: 0px;} /* For sector without flight folder */
table#effempty td{border: solid 1px #1c254c; background-color: #F6F7FA;}
table#effcreated{width: 100%; height: 100%; margin: 0px} /* For sector flight folder already */
table#effcreated td{border: solid 1px #1c254c; background-color: #FFFACD;}


/* Safety Module Dashboard - added 18/10/2012 by SJW */
.safety-dashboard-panel { width: 400px; min-height: 120px; margin-left: 10px; margin-top: 10px; padding: 8px; background-color: #EEEEFF; border:1px solid silver; float: left; list-style-type: none }
.safety-dashboard-table { border-collapse: collapse }
.safety-dashboard-cell { padding-left: 4px; padding-top: 4px; vertical-align: middle; border: 0px; list-style-type: none }
.safety-dashboard-title { font-family: Verdana; font-size: 16pt; color: #555 }
.safety-dashboard-item { font-family: Verdana; font-size: 12pt; color: #777 }

.safety-dashboard-listitem { float: left; list-style-type: none; width: 400px; margin-right: 20px; margin-bottom: 20px }
.safety-dashboard-table-new { margin:0px; padding:0px; border:1px solid silver }
.safety-dashboard-titlecell-new { width: 370px; padding-left:10px; padding-top:6px; vertical-align:top; border:0px solid red }
.safety-dashboard-title2-new { font-size:14pt; color:#777 }
.safety-dashboard-statuscell-green { width: 20px; padding: 5px; background-image:url('../../Images/GreenGradBG.jpg') }
.safety-dashboard-statuscell-yellow { width: 20px; padding: 5px; background-image:url('../../Images/YellowGradBG.jpg') }
.safety-dashboard-statuscell-red { width: 20px; padding: 5px; background-image:url('../../Images/RedGradBG.jpg') }
.safety-dashboard-statuscell { width: 20px; padding: 5px; background-color: #EEEEFF; border: 1px solid silver }


/* Leave bidding */
/* ============= */
.leavecalday-plainnohover { float:left; width:34px; margin:2px; padding:2px; border: 1px solid silver; background: white; display:block; }
.leavecalday-plainnohover a { width: 100%; display:block; color: Black; }
.leavecalday-plain { float:left; width:34px; margin:2px; padding:2px; border: 1px solid silver; background: white; display:block; }
.leavecalday-plain:hover { display:block; border: 1px solid black; background: silver; }
.leavecalday-plain a { width: 100%; display:block; color: Black; }
.leavecalday-wrap { float:left; width:34px; margin:2px; padding:2px; border: 1px solid black; background: #FFE8C1; display:block; cursor: default; }
.leavecalday-wrap:hover { background: #FFE8C1; }
.leavecalday-wrap a { width: 100%; display:block; color: White; }
/*amber - new request*/
.leavecalday-leaverequest { float:left; width:34px; margin:2px; padding:2px; border: 1px solid black; background: #CC9900; display:block; }
.leavecalday-leaverequest:hover { background: #CC9900; }
.leavecalday-leaverequest a { width: 100%; display:block; color: black; }
/* Red */
.leavecalday-existingdeclined { float:left; width:34px; margin:2px; padding:2px; border: 1px solid black; background: red; display:block; cursor: default;  }
.leavecalday-existingdeclined:hover { background: red; }
.leavecalday-existingdeclined a { width: 100%; display:block; color: black; }
/*amber*/
.leavecalday-existingpending { float:left; width:34px; margin:2px; padding:2px; border: 1px solid black; background: #CC9900; display:block; cursor: default;  }
.leavecalday-existingpending:hover { background: #CC9900; }
.leavecalday-existingpending a { width: 100%; display:block; color: black; }
/*green*/
.leavecalday-leave { float:left; width:34px; margin:2px; padding:2px; border: 1px solid black; background: green; display:block; color:White; cursor: default; }
.leavecalday-leave:hover { background: green; }
.leavecalday-leave a { width: 100%; display:block; color: White; }
.leavecalday-disabled { float:left; width:34px; margin:2px; padding:2px; border: 1px solid black; background: #E0E0E0; display:block; }
.leavecalday-disabled a { width: 100%; display:block; color: #404040; }
.leavecalday-disabled a:hover { text-decoration:none; cursor: default; }
.leavecalday-linkdisabled a:hover { text-decoration:none; cursor: default; }
/* Leave: Slot Usage */
.leaveslot-empty { float:left; width:34px; margin:2px; padding:2px; border: 1px solid black; background: #E7FFE7; display:block; cursor: default; color:Black;  } /*confpanel green*/
.leaveslot-empty a { color:Black;  }
.leaveslot-empty a:hover{ color:Black; text-decoration:underline; }
.leaveslot-empty span, .leaveslot-5 span, .leaveslot-10 span, .leaveslot-15 span, .leaveslot-20 span, .leaveslot-30 span{ display:inline-block; }
.leaveslot-5 { float:left; width:34px; margin:2px; padding:2px; border: 1px solid black; background: #A5FFA5; display:block; cursor: default; color:Black;  }
.leaveslot-5 a { color:Black; height:30px; }
.leaveslot-5 a:hover{ color:Black; text-decoration:underline; }
.leaveslot-5 div { display:none !important; height:30px !important; }
.leaveslot-5 strong { display: inline-block; padding-bottom:1px; }
.leaveslot-10 { float:left; width:34px; margin:2px; padding:2px; border: 1px solid black; background: #00AA00; display:block; cursor: default; color:White;  }
.leaveslot-10 a { color:white; height:30px; }
.leaveslot-10 a:hover{ color:white; text-decoration:underline; }
.leaveslot-10 div { display:none !important; height:30px !important; }
.leaveslot-10 strong { display: inline-block; padding-bottom:1px; }
.leaveslot-15 { float:left; width:34px; margin:2px; padding:2px; border: 1px solid black; background: #006400; display:block; cursor: default; color:White;  }
.leaveslot-15 a { color:white; height:30px; }
.leaveslot-15 a:hover{ color:white; text-decoration:underline; }
.leaveslot-15 div { display:none !important; height:30px !important;  }
.leaveslot-15 strong { display: inline-block; padding-bottom:1px; }
.leaveslot-20 { float:left; width:34px; margin:2px; padding:2px; border: 1px solid black; background: #CC9900; display:block; cursor: default; color:White;  }
.leaveslot-20 a { color:white; height:30px !important; }
.leaveslot-20 a:hover{ color:white; text-decoration:underline; }
.leaveslot-20 div { display:none !important; }
.leaveslot-20 strong { display: inline-block; padding-bottom:1px; }
.leaveslot-30 { float:left; width:34px; margin:2px; padding:2px; border: 1px solid black; background: red; display:block; cursor: default;  color:White; }
.leaveslot-30 a { color:white;  }
.leaveslot-30 a:hover{ color:white; text-decoration:underline; }
.leaveslot-30 div { display:none !important;  }
.leaveslot-30 strong { display: inline-block; padding-bottom:1px; }
/* Blacklist */
.leavecalday-blacklist { float:left; width:34px; margin:2px; padding:2px; border: 1px solid black; background-color: #A3A3A3; background-image:url('../../Images/hatch_grey.png'); background-repeat: repeat; color:Black; display:block; cursor: default;  }
.leavecalday-blacklist:hover {color:Black; }

/* Regulatory Documents */
/* Red */
/*.CountryDocumentCell_NA { margin:0px; padding:0px; border: 1px solid silver; background-color:#e9e9e9; cursor: default; text-align:center; color:Gray; font-size:70%;  }
.CountryDocumentCell_Missing { width:20px; margin:2px; padding:2px; border: 1px solid silver; background-color:red; cursor: default; text-align:center;  }
.CountryDocumentCell_Unsigned { width:20px; margin:2px; padding:2px; border: 1px solid silver; background-color:goldenrod; cursor: default; text-align:center;  }
.CountryDocumentCell_Signed { width:20px; margin:2px; padding:2px; border: 1px solid silver; background-color:green; cursor: default; text-align:center;  }

.CountryDocumentCell_Expiring {background-image:url('../../Images/exclamation.png'); background-repeat:no-repeat; background-position:center;}
.hidden {display:none;}*/

.DocumentAuditGrid {
    table-layout: fixed;
    border-spacing: 0px;
}

.DocumentAuditGrid td {
    margin:0px;    
    padding: 1px;
    table-layout:fixed;
    width: 20px;
    height: 16px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: white;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: white;
}

.DocumentAuditGrid td div.Country {
    background-color:white; 
    height:8px; 
    margin-top:1px;
    margin-left:3px; 
    margin-right:3px;
}

.DocumentAuditGrid td div.Approval {
    background-color:red; 
}    

.DocumentAuditGrid td.RowDivider {
    height: 2px;
    padding: 0px;
}

.DocumentAuditGrid td.RowDividerBorder {
    height: 0px;
    padding: 0px;
    border-right-style: none;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: silver;
    padding-top: 3px;
}

.DocumentAuditGrid td.CountryPadding {
    padding-bottom: 18px;
}

.DocumentAuditGrid td.RowHeader {
    width: 150px;
    vertical-align: top;
}

.DocumentAuditGrid td.RowHeaderWide {
    width: 350px;
}

div.tooltip td.RowHeader {
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:black;
}

.CountryDocumentCell_NA { background-color:#e9e9e9; cursor: default; text-align:center; color:Gray; font-size:75%;  }
.CountryDocumentCell_Missing { background-color:red; cursor: default; text-align:center;  }
.CountryDocumentCell_Unsigned { background-color:goldenrod; cursor: default; text-align:center;  }
.CountryDocumentCell_Signed { background-color:green; cursor: default; text-align:center;  }

.CountryDocumentCell_Expiring {background-image:url('../../Images/exclamation.png'); background-repeat:no-repeat; background-position:center;}
.hidden {display:none;}

/* CSS Tooltips */        
.tool {   position: relative; }
.tool .tip {   display: none; }

/* tooltip will display on :hover event */ 
.tool:hover .tip {   display: block;    z-index: 100;   position:absolute;   top: 0.7em;   left: 0.5em;   width: auto;   padding: 3px 7px 4px 6px;   border: 1px solid black;
  background-color: #808080;   font: normal 0.9em/1.2em arial, helvetica, sans-serif;   text-align: left;   color: #ffffff;   opacity:0.9;filter:alpha(opacity=90); }

/*Include/Exclude Button */
.evokeContainer a    {     border: 1px solid #CCC;     display:inline-block;     margin-top:0px;     padding:2px 5px 2px 5px;     min-width:35px;     text-align:center;
text-decoration:none;     font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;     font-size: 100%;     line-height: 130%;     font-weight: normal;   }
.evokeContainer a:first-child   {     border-right:none;   }
.dState {      background:whitesmoke;  color:SteelBlue ;   }
.dState:hover {      background:#DCDCDC;      text-decoration:underline;      color:SteelBlue ;   }
.disabledState, .disabledState:hover {       background:whitesmoke;        color: #CCC;   }
.yState, .yState:hover, .yState:focus,.yState:active  {     background:#66C285;     color:White;   }
.nState, .nState:hover, .nState:focus, .nState:active   {     background:#E37575;     color:White;   }

/* Region LogEntry History Modal*/
.logEntryModalHeader { background-color: whitesmoke; height: 35px; line-height: 35px; vertical-align: middle; border-right: 6px solid #ef2d24; }
    .logEntryModalHeader .module { background-color: #ef2d24; color: white; font-size: 12pt; font-weight: normal; width: 110px; }
    .logEntryModalHeader .title { font-size: 12pt; }
    .logEntryModalHeader div { float: left; margin-right: 5px; padding: 0px 5px; }
    .logEntryModalHeader div a { text-decoration: none; color: black; width: 100%; }
    .logEntryModalHeader div.icon { padding: 0px 5px 0px 20px; }
    .logEntryModalHeader .headerMenu { float: right; }
    .logEntryModalHeader .headerMenu div { border-left: 1px solid silver; }
/*#endregion */

.pageStyle td { width:100px !important;  }

.profileLabel { color:#fff;background-color:#66CCFF;font-size:10px;padding:5px;margin-bottom:10px;display:inline-block; font-weight:bold }

/*********************
    ** RTL - Alerts
*********************/
.alert-description-rtl { direction: rtl; text-align:right;  }
.alert-title-rtl { text-align:right; }
.alertupdates-body-rtl { direction: rtl; text-align:right; }
.alertupdates-title-rtl { text-align:right; }
.alertupdates-title-re-text-rtl { float:right; padding-left:10px; }
.alert-editrecipients-title-rtl { float:right; } 

/* Blue text */
#loginarea .link, #loginarea .link:hover, #loginarea .link:focus, .loginstatus:hover, loginstatus:focus,
.sitemap a, .sitemap a:hover, .sitemap a:focus 
{ color:  black; }

/* Blue text / link hovers - GENERAL */
a:hover, a.focus, p a:hover, p a:focus, .link:hover, .link:focus,
.listrow a:hover, .listrow a:focus, .listaltrow a:hover, .listaltrow a:focus
{ color: black; } 

/* Blue text / link hovers - ADMIN ONLY */
.admin-header-link, .admin-header-link:hover
{ color: black; } 

/* Gray text/links */
a, a:hover, a.focus, p a, p a:hover, p a:focus, .link, .link:hover, .link:focus,
.listrow a, .listrow a:hover, .listrow a:focus, .listaltrow a, .listaltrow a:hover, .listaltrow a:focus,
.listpager { color: dimgray; } 

/* Blue borders - USER SITE ONLY */
.library-book-area { border: 4px solid black; }
.library-tab, .library-tab-selected { border: 1px solid black; }