/* Provider Master Stylesheet 
------------------------------------------------------------------------------
1.  Body Reset Styles

2.  Heading and Paragraph Styles

3.  Link Styles

4.  Typography Styles 
    a. font sizes 
    b. bold, italics, underline
    c. font colors
    d. text-alignment
    d. background colors

5.  List Styles (ordered and unordered)
    a. Unordered
    b. Ordered

6.  Data List Styles

7.  Forms, Inputs, Selects and TextAreas

8.  Button Styles

9.  Table and Data Grid Styles

10. Layout 
    a. Banner
    b. Menu
    c. Page Header
    d. file Folder
    e. Sub Nav Tabs

11. Box Styles

12. Highlighted Box Styles

13. Miscellaneous Styles
----------------------------------------------------------------------------*/




/* =1. Body Reset Styles
---------------------------------------------------------------------------- */

html {
height: 100%;
}

BODY,TABLE,TR,TH,P,BR,UL, DL, DT, DD, BLOCKQUOTE,INPUT,TEXTAREA,SELECT {
font-family: arial, sans-serif;
font-size: 12px;
color: #000;
}

BODY,TABLE,TR,TD,TH,P,BR,UL,BLOCKQUOTE {
line-height: 18px;
}

body {
margin: 0px;
padding: 0px;
background: #0f0f0f url(images/style/bodybg2.gif) repeat-x top left;
text-align: center;
height: 100%;
}

body.whiteBackground {
background-image: none;
background-color: #fff;
}



/* =2. Heading and Paragraph Styles
---------------------------------------------------------------------------- */

h1 {
margin: 0px;
padding: 0px;
font-size: 14px;
font-weight: normal;
font-family: arial black, Sans-Serif;
color: #494949;
vertical-align: bottom;
}

h1.portal {
margin-bottom: 12px;
padding-bottom: 3px;
text-align: left;
border-bottom: 1px solid #ebe8da;
}

h2 {
margin: 0px;
padding: 0px;
font-size: 12px;
font-weight: bold;
font-family: arial, sans-serif;
color: #000;
}


h3 {
color: #224567;
margin: 0px 0px 3px 0px;
padding: 0px;
font-size: 11px;
font-weight: bold;
font-family: Arial, sans-serif;
}



h4 {
margin: 0px;
padding: 0px;
font-size: 11px;
color: #224567;
border-bottom: 1px solid #d8d8d8;
}

p {
margin: 0px;
padding: 5px 0px;
}


hr { 
color: #ddd;
}




/* =3. Link Styles
---------------------------------------------------------------------------- */

a {
color: #295198;
font-family: arial,sans-serif;
} 

a:HOVER {
color: #e55b2b; 
}

a.LogoReturnLink {
text-decoration: none;
}

a.LogoReturnLink:hover {
color: #333;
}

a.advancedSearch {
color: #44678e;
font-size: 10px;
vertical-align: middle;
}

a.advancedSearch:hover {
color: #e55b2b;
}

a.boldLink {
font-weight: bold;
}

a.smallLink {
font-size: 10px;
}

a.smallWhiteLink {
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
}


.smallWhiteLink:HOVER {
color: #FFD700;
}

a.mediumWhiteLink {
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}


.mediumWhiteLink:HOVER {
color: #FFD700;
}


A.xsmallLink {
font-size: 9.5px;
}
A.smallBlackLink {
font-size: 11px;
color: #222222;
text-decoration: none;
font-weight: bold;
}

A.hudTabLink {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
font-size: 12px;
}
A.hudTabLink:HOVER {
color: #FFD700;
font-weight: bold;
text-decoration: none;
font-size: 12px;
}

.taskLink {
font-size: 12px;
font-weight: bold;
text-decoration: underline;
color: #000;
}

.subTaskLink {
font-weight: bold;
color: #494949;
}

.addSubTaskLink {
font-size: 11px;
color: #6699cc;
text-decoration: underline;
}

.inverted {
color: #B80000;
}

.inverted:hover {
color: #002d62;
}

.smallGreenLink {
font-size: 10px;
font-family: Arial, Sans-Serif;
color: #35815e;
}

.headerServiceLink {
margin: 0px;
padding: 0px;
font-size: 12px;
font-weight: bold;
font-family: arial, sans-serif;
color: #000;
text-decoration: none;
}

.headerServiceLink:hover {
color: #e55b2b;
text-decoration: underline;
}



/* =4. Typography Styles
---------------------------------------------------------------------------- */

/* a. =font sizes */

.xsmall, .xsmallBold {
font-size: 9.5px;
}

.xsmallBold {
font-weight: bold;
}

.xsmallItalic {
font-size: 8px;
font-style: italic;
}

.small, .smallBold, .smallItalic, .smallUnderline {
font-size: 10px;
}

.smallBold {
font-weight: bold;
}

.smallItalic {
font-style: oblique;
}

.smallUnderline { 
text-decoration: underline;
}

.medium, .mediumBold, .medium td, .mediumBold td  {
font-size: 11px;
}

.mediumBold, .mediumBold td {
font-weight: bold;
}

.normalSize {
font-size: 12px;
}

.large {
font-size: 14px;
line-height: 20px;
}

.xlarge {
font-size: 16px;
line-height: 24px;
}

.largeBold {
font-size: 14px;
line-height: 20px;
font-weight: bold;
}


/* b. =bold, italics, underline */

.bold {
font-weight: bold;
}

.italic {
font-style: italic;
}

.underline {
text-decoration: underline;
} 

.boldUnderline {
font-weight: bold;
text-decoration: underline;
}

.boldItalic {
font-weight: bold;
font-style: italic;
}



/* c. =font colors */

.red, .redHighlight, .redBold {
color: #ff0000;
}

.redSmall, .smallRedHighlight {
color: #ff0000;
font-size: 10px;
}

.mediumRedHighlight{
color: #FF0000;
font-size: 11px;
}

.redBold {
font-weight: bold;
}


.blue {
color: #2b59a7; 
}

.blueRegular {
color: #b93505;
}

.blueBold {
color: #b93505; /*2b59a7 295198*/
font-weight: bold;
}

.blueBoldMedium {
color: #b93505; /*2b59a7 295198*/
font-weight: bold;
font-size: 11px;
}


.blueBoldLarge {
color: #b93505; /*2b59a7 295198*/
font-weight: bold;
font-size: 14px;
}


.maroon, .maroonMedium, .maroonBold {
color: #B80000; /*maroon*/
}

.maroonMedium {
font-size: 11px;
}

.maroonBold {
font-weight: bold;
}


.greenHighlight, .smallGreenHighlight, .mediumGreenHighlight {
color: #007700;
}

.smallGreenHighlight {
font-size: 10px;
}

.mediumGreenHighlight{
font-size: 11px;
}


.DkGrey, .DKGreyBold {
color: #444;
}

.DKGreyBold {
font-weight: bold;
}

.mediumDkGrey, .mediumDkGreyBold {
font-size: 11px;
color: #444;
}

.largeDkGreyBold {
font-size: 14px;
color: #444;
font-weight: bold;
}

.mediumDkGreyBold {
font-weight: bold;
}

.silver {
color: #c8c8c8;
}

.white {
color: #fff;
}


/* d. =text alignment */

.textAlignright {
text-align: right;
}

.textAlignleft {
text-align: left;
}

.textAligncenter {
text-align: center;
}



/* e. =background colors */


.altbg {
background: #F5F5F5;
}

.altbg td {
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
}

.altbgtdOnly {
background: #F5F5F5;
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
}

.altbg2 {
background: #f0f6fe;
}

.altbg3 {
background: #e7ebf6;
}

.closingCalendarSub {
font-size: 11px;
font-weight: bold;
background: #aaa;
color: #fff;
}

.xltGreyBG {
background-color: #f0f0f0;
}

.pinkBG {
background-color: #f8eae6;
}
.ltGreenBG {
background-color: #ffcc99;
}

.lightGreyBg {
background: #fafafa;
}

.whitebg {
background: #fff;
}

/* f. =Misc Type Styles */

.hvalueLabel {
text-align: right;
font-size: 11px;
font-weight: bold;
color: #494949;
}

.hvalueLabelWhite {
text-align: right;
font-size: 11px;
font-weight: bold;
color: #ffffff;
}


 
.noteLine1 {
font-size: 11px;
color: #494949;
margin: 0px;
padding: 3px 0px 0px 0px;
vertical-align: middle;
line-height: 12px;
}

.copyright {
color: #FFFFFF;
font-size: 14px;
}

.voided, .voided td {
color: #ff0000; /*a8a8a8*/
}


.noPaddingTop {
padding-top: 0px;
}


/* =5. List Styles (Ordered and Unordered)
---------------------------------------------------------------------------- */

/* =a. Unordered Lists */


ul.noBullets, ul.noBulletsMedium {
margin: 9px 0 5px 9px;
padding: 0px;
list-style-type: none;
}

ul.noBullets li, ul.noBulletsMedium li {
margin: 0 0 5px 0;
padding: 0;
}

ul.noBulletsMedium {
font-size: 11px;
}

ul.agentInformation {
margin: 0px;
padding: 0px 2px 10px 2px;
list-style-type: none;
line-height: 15px;
}

ul.agentInformation li {
padding: 3px 0px;
}


ul.highlightListBox {
margin: 5px 5px 0px 0px;
padding: 5px;
background: #FFFFE0;
border: 1px solid #d0d0d0;
text-align: left;
list-style-type: none;
}

ul.highlightListBox li {
margin: 0 0 5px 0;
padding: 0px;
}



/* =b. Ordered Lists */ 

ol {
margin-top: 7px;
margin-bottom: 5px;
}

ol li {
margin: 0px;
padding: 0px 0px 7px 0px;
}



/* =6. Data List Styles
---------------------------------------------------------------------------- */

dl.infoList {
margin: 9px 0;
padding: 0;
}

dl.infoList dt, dl.infoList dt.w150 {
clear: left;
float: left;
position: relative;
margin-right: 1em;
margin-bottom: 5px;
text-align: right;
font-weight: bold;
font-size: 11px;
color: #494949;
width: 75px;
}

dl.infoList dt.w150 {
width: 150px;
}

dl.infoList dt.w100 {
width: 100px;
}


dl.infoList dd {
margin: 0 0 5px 0 ;
text-align: left;
}


/* =7. Forms, Inputs, Selects and TextAreas
---------------------------------------------------------------------------- */

/*input,*/ .newInput, .newInputSmall, .newInputReadOnly, .newInputReadOnlySmall, .newInputSmallReadOnly {
border: #aaa 1px solid; 
color: #000000; 
background-color:#ffffff;
}

.newInputSmall, .smallInput  {
font-size: 9.5px;
}

.newInputReadOnly {
background-color:#e7e7e7;
}

.newInputReadOnlySmall, .newInputSmallReadOnly {
background-color:#e7e7e7;
font-size:9.5px;
}

.noBorder input {
border: none;
background: none;
}

.invisInput {
border-style: none;
background-color: transparent
}

.searchInput, .searchSmallInput {
border-style: solid;
border-color: silver;
background-color: #D3D3D3;
}

.searchSmallInput {
font-size: 9.5px;
}

.xsmallInput {
font-size: 9.5px;
border-style: solid;
border-color: #000000;
border-width: 1px;
}

.textArea {
font-size: 9.5px	
}

.smallSelect {
font-size: 9.5px;
}

.newSmallSelect {
font-size: 10px;
border: 1px solid #34435f;
}

.hvalueSelect {
font-size: 11px;
font-weight: bold;
color: #383838;
}

.hvalueSelectSmall {
font-size: 10px;
color: #383838;
}

.checklist label {
font-size: 11px;
}

.checklist input {
border: none;
background: none;
}

.DropDownBold {
font-weight: bold;
font-size: 11px;
}


/* =8. Button Styles
---------------------------------------------------------------------------- */

.newButton {
margin-right: 4px;
border: 1px solid #d0d0d0;
border-left: 2px solid #ccc;
border-bottom: 2px solid #ccc; 
color: #57709f; 
background-color:#ffffff;
font-weight: bold;
}

.newButtonSmall {
/*border: #999999 1px solid;*/
border: 1px solid #d0d0d0;
border-left: 2px solid #ccc;
border-bottom: 2px solid #ccc;  
color: #295198; 
background-color:#ffffff;
font-weight:bold;
font-size:10px;
} 

.newButtonXSmall {
border: 1px solid #d0d0d0;
color: #295198; 
background-color:#ffffff;
font-weight:bold;
font-size:9.5px;
} 

.newButtonSmallBrown {
border: #999999 1px solid; 
color: #FFFFFF; 
background-color:#777777;
font-weight:bold;
font-size:9.5px;
} 

.newButtonGreen {
border: #999999 1px solid; 
color: #000000; 
background-color:#CCFF99;
font-weight:bold;
}

.newButtonGreenSmall {
border: #999999 1px solid; 
color: #000000; 
background-color:#CCFF99;
font-weight:bold;
font-size:9.5px;
} 

.newButtonRedSmall {
border: #999999 1px solid; 
color: #000000; 
background-color:#FFCCCC;
font-weight:bold;
font-size:9.5px;
} 

.blueButtonSmall {
margin: 0px 1px;
background: #f0f6fe; 
border: 1px solid #c1dcff;
font-size: 10px;
color: #333;
}

.blueButton {
margin: 0px 1px;
background: #f0f6fe; 
border: 1px solid #d0d0d0;
border-left: 2px solid #ccc;
border-bottom: 2px solid #ccc;  
font-weight: bold;
color: #002d62;
}


.greyButtonSmall {
border: 1px solid #d0d0d0;
border-left: 2px solid #ccc;
border-bottom: 2px solid #ccc;  
color: #295198; 
background-color:#e0e0e0;
font-weight:bold;
font-size:10px;
}


.editButton {
border: #999999 1px solid; 
color: #000000; 
background-color:#ccff99;
font-size:9.5px;
font-weight:bold;
}

.submit {
background-color: gray;
color: #FFFFFF;
}
.smallSubmit {
font-size: 9.5px;
background-color: gray;
color: #FFFFFF;
}

.smallBlueSubmit {
font-size: 9.5px;
background-color: #222288;
color: #FFFFFF;
}

.smallRedSubmit {
font-size: 9.5px;
background-color: #FF5555;
color: #FFFFFF;
}

.smallGreenSubmit {
font-size: 9.5px;
background-color: #557755;
color: #FFFFFF;
}

.linkButtonBlue {
margin: 3px 0px;
padding: 2px 3px;
border: 1px solid #ccc;
text-align: center;
font-size: 9.5px;
color: #3d72b6;
background: #eee;
text-decoration: none;
}
 
.linkButtonNew {
margin: 2px 0px;
padding: 2px 5px;
border: 1px solid #d0d0d0;
border-left: 2px solid #ccc;
border-bottom: 2px solid #ccc;  
color: #295198; 
background-color:#ffffff;
font-weight:bold;
font-size:10px;
text-decoration: none;
}


.iconButton {
padding: 0px 1px;
border: none;
}

.editLinkButton {
color: #34435f; 
font-size: 11px;
text-decoration: none;
}

.smallEditLinkButton {
font-size: 10px;
font-weight: normal;
font-family: Arial, Sans-Serif;
color: #000;
}


.imgButton {
margin: 9px 5px;
}




/* =9. Table and Data Grid Styles
---------------------------------------------------------------------------- */

table td.valignMiddle {
vertical-align: middle;
}

.surroundSubHeader {
background: #e8e8e8; /*#e0e0e0*/
height: 16px;
}

.surroundSubHeader td {
padding: 0px 2px;
border-bottom: 1px solid #d8d8d8;
font-size: 11px;
font-weight: bold;
vertical-align: middle;
color: #333; /*022e62*/
height: 16px;
}

.dataGridBaseStyle td {
padding: 4px 3px;
vertical-align: middle;
}

.dGridStyle, .dGridRegister, dGridStyleMedium, .dGridStyleSmall {
margin: 0px;
padding: 0px;
background: #fff;
border: 1px solid #ccc;
border-collapse: collapse;
font-size: 12px;
}

.dGridStyle .subHeader, .dGridRegister .subHeader, .dGridStyleMedium .subHeader, .dGridStyleSmall .subHeader, .subHeader {
background: #e8e8e8; 
height: 20px;
}

.dGridStyle .subHeader td, .dGridRegister .subHeader td, .dGridStyleMedium .subHeader td, .dGridStyleSmall .subHeader td, .subHeader td {
margin: 0px;
padding: 0px 5px;
border-bottom: 1px solid #d8d8d8;
font-size: 11px;
font-weight: bold;
vertical-align: middle;
color: #333; /*022e62*/
height: 20px;
}

.dGridRegister .subHeader td {
border-bottom: 1px solid #b8cad7;
}


.dGridStyle .altbg, .dGridStyleMedium .altbg, .dGridStyleSmall .altbg {
background: #F5F5F5;
}

.dGridRegister .altbg {
background: #e7ebf6;  /*e7ebf6*/
}

.dGridStyle td, .dGridRegister td, .dGridStyleMedium td {
font-size: 12px;
padding: 4px;
border: 1px solid #e8e8e8;
}


.dGridStyleSmall td {
font-size: 10px;
border: 1px solid #d8d8d8;
}



.dGridStyle td.medium {
font-size: 11px;
}





.dGridRegister td {
border: 1px solid #b8cad7;
}


.dGridStyle td table td  {
/*margin: 0px;*/
padding: 0px 0px 2px 0px;
border: none;
font-size: 12px;
}

.dGridStyleMedium td table td {
border: none;
}

.dGridRegister table td {
padding: 2px 0px;
border: none;
font-size: 11px;
}

.dGridStyleMedium td {
font-size: 11px;
}

.dGridStyle .gridFooter, .dGridStyle .gridFooter td, .dGridRegister .gridFooter, .dGridRegister .gridFooter td, .dGridStyleMedium .gridFooter td {
background: #e8e8e8;
color: #000;
}

.dGridStyle .gridFooter td, .dGridRegister .gridFooter td, .dGridStyleMedium .gridFooter td {
font-size: 12px;
text-align: right;
font-weight: bold;
vertical-align: middle;
}


.dGridAlerts {
margin: 0px;
padding: 0px;
background: #fff;
border: 1px solid #ccc;
border-collapse: collapse;
font-size: 12px;
}

.dGridAlerts .subHeader {
background: #e8e8e8; 
height: 20px;
}

.dGridAlerts .subHeader td {
margin: 0px;
padding: 0px 5px;
border-top: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
font-size: 11px;
font-weight: bold;
vertical-align: middle;
color: #333; /*022e62*/
height: 20px;
}

.dGridAlerts .subHeader td a {
color: #494949;
}

.dGridAlerts .subHeader td a:hover {
color: #e55b2b;
}

.dGridAlerts .altbg {
background: #F5F5F5;
}

.dGridAlerts .altbg td {
border-top: 1px solid #e8e8e8;
background: #F5F5F5;
}

.dGridAlerts .altbgBottomBorder td {
border-bottom: 1px solid #e8e8e8;
}


.dGridAlerts td {
font-size: 12px;
padding: 4px;
border: none;
}

.dGridAlerts td.medium {
font-size: 11px;
}

.dGridAlerts td.mediumDkGrey {
font-size: 11px;
color: #494949;
}

.dGridAlerts  .nextPrevFooter {
background: #e8e8e8;
} 


.feeTable td {
border-top: 1px solid #ddd;
}

.feeTable tr.first td, .feeTable td table td, .feeTable td.noBorder {
border-top: none;
}

.1101Link {
display: block;
}

.1101Info {
position: absolute;
top: 0px;
left: 0px;
}


.doc_grid {
margin: 3px 0px 0px 0px;
padding: 0px;
background: #fff;
border: 1px solid #dbdbdb;
border-top: 2px solid #ccc;
border-collapse: collapse;
font-size: 12px;
}

.doc_grid .subHeader {
background: #e8e8e8; 
height: 24px;
}

.doc_grid .subHeader td {
margin: 0px;
padding: 0px 5px;
border-bottom: 1px solid #d8d8d8;
font-size: 11px;
font-weight: bold;
vertical-align: middle;
color: #333; 
height: 24px;
}

.doc_grid td {
font-size: 11px;
}



/* =10. Layout (Header, Banner, Navigation, Sub-Navigation, Sidebar, Content)
---------------------------------------------------------------------------- */

/* a. =Banner Styles */

.ttBannerWrapper {
margin: 0 auto;
padding: 0px;
color: #fff;
background: #0f0f0f url(images/style/bodybg2.gif) repeat-x top left;
text-align: left;
width: 960px;
height: 41px;
}

.ttBannerWrapper td, .ttBannerWrapper td a {
color: #fff;
}

img.logo {
margin: 1px 0px 0px 4px;
padding: 0px;
}

.ttMenu {
padding-bottom: 7px;
font-size: 13px;
font-weight: bold;
}

.ttMenu a {
text-decoration: none;
}

.ttBannerLinks {
font-size: 10px;
color: #fff;
text-align: right;
vertical-align: middle;
}

.ttBannerLinks table, .ttBannerLinks td {
font-size: 10px;
color: #f4f9ff;
text-align: right;
}

.ttBannerLinks td a {
font-size: 10px;
text-align: right;
text-decoration: none;
color: #f4f9ff;
}

.ttBannerLinks td a:hover {
color: #ff9933;
}


/* b. =Menu Styles */

.wmTable td {
vertical-align: middle;
color: #fff;
font-family: Arial, Sans-Serif;
font-size: 13px;
font-weight: bold;
}

.wmTable td a {
padding: 5px 7px 5px 7px;
color: #fff;
font-family: Arial, Sans-Serif;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}

.wmTable td a:hover {
color: #fff;
background: #494949;
}


/*.disabledmenufont {
color: #666666; 
text-decoration: none; 
}
.disabledmenufont:hover {
color: #666666; 
text-decoration: none; 
}

.menufont {
color: #FFFFFF; 
text-decoration: none; 
}

.menufont:hover {
color: #FFFFFF;
text-decoration: none; 
}

.menubarfont {
color: #FFFFFF;
font-weight: bold;
text-decoration: none; 
font-size: 13px;
}

.menubarfont:hover {
color: #FFFFFF;
font-weight: bold;
text-decoration: none; 
font-size: 13px;
}*/


/* c. =PageHeader Styles */

.menuInput { 
border: 1px solid #999; 
font-size: 10px; 
color: #000; 
background: #dddddd;
 }

.menuSelect {
font-family: arial, sans-serif; 
font-size: 10px; 
color: #000; 
background: #ddd; 
}

.menuButton { 
border: 1px solid #aaa; 
font-weight: bold; 
font-family: verdana; 
font-size: 10px; 
line-height: 12px;
color: #fff; 
background: #000000; 
}

.fileSearch {
vertical-align: top;
background: #fff;
border-bottom: 1px solid #ebe8da; /*ccdbf7*/
text-align: right;
}


.fileSearchTable td {
font-family: Arial, Sans-Serif;
font-size: 11px;
font-weight: bold;
color: #333;
vertical-align: middle;
}

.fileSearchTable td a {
font-family: Arial, Sans-Serif;
font-weight: normal;
color: #44678e;
font-size: 10px;
vertical-align: middle;
}

.fileSearchTable td a:hover {
font-family: Arial, Sans-Serif;
color: #e55b2b;
}

.fileSearchTable td img {
vertical-align: middle;
}


/* d. =fileFolder Styles */

.pageWrapper {
position: relative;
margin: 0 auto;
padding: 10px 10px 0px 10px;
background: #fff url(images/style/pageWrapperbg.gif) no-repeat top left;
width: 940px;
min-height: 100%;
}

* html .pageWrapper {
height: 100%;
}

body.fullScreen {
margin: 0 10px;
}

body.fullScreen .pageWrapper {
position: relative;
margin: 0 auto;
padding: 10px 10px 0px 10px;
background: #fff url(images/style/pageWrapperLeft.gif) no-repeat top left;
width: 98%;
min-height: 100%;
}

body.fullScreen *html .pageWrapper {
height: 100%;
}

body.fullScreen .pageWrapperRight {
margin: -10px -10px 0px 0px;
padding: 10px 10px 0px 0px;
background: #fff url(images/style/pageWrapperRight.gif) no-repeat top right;
}

body.fullScreen .fileSearch {
vertical-align: top;
background: none;
border-bottom: 1px solid #ebe8da; /*ccdbf7*/
text-align: right;
}


.noFile {
padding-bottom: 5px;
margin-bottom: 2px;
}

.fileFolderbg {
margin: 0px;
padding: 0px 5px 10px 5px;
background: #fbfaf4;  /*f4f9ff*/
border-left: 1px solid #ebe8da; /*ccdbf7*/
border-right: 1px solid #ebe8da;
border-bottom: 1px solid #ebe8da;
width: 928px;
}

.fileFolderTabsbg {
margin: 0px;
padding: 0px 5px 0px 5px;
background: #fbfaf4;  /*f4f9ff*/
border-left: 1px solid #ebe8da;
border-right: 1px solid #ebe8da;
width: 928px;
}

.fileFolderTop {
background: #fbfaf4; /*#f6f8e9 url(images/style/fileFolderTopbg.gif) no-repeat top left*/
}

.fileFolderExpandingBorder {
text-align: left;
border-bottom: 1px solid #ebe8da; /*ccdbf7*/
}

.fileTab {
background: #f4f9ff url(images/style/fileTabRightBiege.gif) no-repeat top right;
}

.fileTabInfo {
float: left;
display: inline;
margin: 0px;
padding: 3px 0px 0px 5px;
list-style: none;
background: url(images/style/fileTabLeftBiege.gif) no-repeat top left;
height: 22px;
}

.fileTabInfo li {
float: left;
display: inline;
margin: 3px 5px 0px 0px;
padding: 0px 0px 0px 2px;
}

.fileTabInfo li.fileNumber {
font-size: 15px;
font-family: Arial Black, arial, sans-serif;
font-weight: normal;
font-style: normal;
color: #111;
}

.fileTabInfo li.fileName {
font-family: arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #111;
}

.fileTabInfo li.fileTabStatus {
font-family: arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #b93505;
}


/* e. =SubNav Tabs */

.subNavTabs {
float: left;
display: inline;
width: 100%;
height: 20px;
line-height: 14px;
margin: 0 0 5px 0;
padding: 0;
list-style: none;
background: #fff url(images/style/subNavbg.gif) repeat-x top left;
}

.subNavTabs li {
display: inline;
margin: 0;
padding: 0;
font-family: arial, verdana, sans-serif;
font-size: 11px;
}

.subNavTabs a {
float: left;
margin: 3px 3px 0px 0px;
padding: 0px 0px 0px 10px;
color: #555;
text-decoration: none;
cursor: pointer;
background: url(images/style/subNavLeft.gif) no-repeat top left;
}

.subNavTabs a span {
float: left;
display: block;
margin: 0px;
padding: 2px 10px 0px 0px;
background: url(images/style/subNavRight.gif) no-repeat top right;
}

.subNavTabs a:hover {
color: #555;
background-position: 0% -17px;
}

.subNavTabs a:hover span {
background-position: 100% -17px;
}


.subNavTabs a.focused {
color: #11449e;
background-position: 0% -17px;
background-color: #fff;
padding-bottom: 2px;
}

.subNavTabs a.focused span {
background-position: 100% -17px;
}



/* =11. Box Styles 
---------------------------------------------------------------------------- */

.box, .boxHighlight {
margin: 3px 3px 5px 3px;
padding: 0px;
border: 1px solid #ccc; 
background: #fff;
text-align: left;
}

.boxHighlight {
background: #FFFFE0;
}

.box h2, .boxHighlight h2 {
color: #111;
margin: 0px;
padding: 4px 0px 4px 4px;
line-height: 16px;
}

.boxTop {
background: #e3eaf0 url(images/style/boxHeader.gif) repeat-x top right;
border-bottom: 1px solid #bfd0db;
}

.boxTopSidebar  {
background: #ddd url(images/style/subheaderbg2.gif) repeat-x top left;
border-bottom: 1px solid #ccc; 
}

.boxTopLinks {
float: right;
margin: -20px 0px 0px 0px;
padding: 0px 7px 0px 0px;
font-size:10px;
} 

.boxTopText {
float: right;
} 

.box table {
margin: 0px;
}

.boxBody {
margin: 2px;
padding: 0px;
}



/* =12. Highlighted Box styles 
---------------------------------------------------------------------------- */

.highlighted {
background: #FFFFE0;
}

.highlightBox {
background: #fef0e1;
border: 1px solid #fbc587;
margin: 5px;
padding: 2px;
}

.highlightBox td, .highlightBoxGrey td, .highlightBoxBlue td, .noHighlightBox td, .highlightBoxLightGrey td, .highlightBoxYellow td, .highlightBoxMedGrey td {
padding: 4px;
}

.highlightBoxBold {
background: #fef0e1;
border: 1px solid #fbc587;
margin: 0px;
padding: 2px;
font-weight: bold;
}

.highlightBoxGrey {
background: #f1f1f1;
border: 1px solid #d0d0d0;
margin: 0px 5px 5px 5px;
padding: 2px;
text-align: left;
}

.highlightBoxBlue {
background: #f0f6fe;
border: 1px solid #d5e4fa;
margin: 5px;
padding: 2px;
}

.highlightBoxYellow {
background: #FFFFE0;
border: 1px solid #e8e8e8;
margin: 5px;
padding: 3px;
}

.highlightBoxLightGrey {
clear: both;
background: #fafafa;
border: 1px solid #d0d0d0;
margin: 5px;
padding: 5px;
}

.highlightBoxLightGrey td {
font-size: 11px;
}


.highlightBoxMedGrey {
background: #f5f5f5;
border: 1px solid #eaeaea;
margin: 5px;
padding: 5px;
}

.highlightBoxMedGrey td {
font-size: 11px;
}

.highlightBoxMedGrey h3 {
color: #0d4c90;
margin: 0px 0px 5px 0px;
padding: 0px 0px 3px 0px;
font-size: 12px;
font-weight: bold;
font-family: Arial, sans-serif;
font-style: italic;
border-bottom: 1px solid #ddd;
}



.noHighlightBox {
background: #fff;
border: 1px solid #d0d0d0;
margin: 5px;
padding: 5px;
}

.noHighlightBox td {
font-size: 11px;
}

.highlightBoxBlueBold {
background: #FFFFE0;
border: 1px solid #e8e8e8;
margin: 5px 0px;
padding: 7px 5px;
font-weight: bold;
color: #002d62;
}

.document_box {
margin: 0px 0px 12px 0px;
padding: 12px;
text-align: left;
background: #fafafa;
border: 1px solid #eaeaea;
}


.document_box h2 {
margin: 0px 0px 9px 0px;
padding: 3px 0px 3px 0px;
color: #000;
font-size: 14px;
border-bottom: 1px solid #ddd;
}

.document_box h2.blueHeading {
color: #0d4c90;
}

.document_box h3 {
margin-top: 6px;
color: #494949;
}

.document_box p {
margin: 0px;
padding: 0px 0px 6px 0px;
color: #333;
}

.document_box ul {
margin: 3px 0px 9px 0px;
padding: 0px;
}

.document_box ul li {
margin: 0px;
padding: 0px 0px 3px 0px;
list-style-type: none;
}

.text_float_right {
float: right;
margin: -30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 11px;
}





/* =13. Miscellaneous Styles                                               
------------------------------------------------------------------------- */

.Preferences, .Prefernces tr, .Preferences td, .FileStatus, .FileStatus td, .criticalNotes, .criticalNotes td {
font-size: 11px;
line-height: 17px;
}

.editCriticalNote {
margin-top: 5px;
}

.criticalNoteEntry {
margin: 2px 0px 0px 0px;
padding: 0;
color: Red;
text-decoration:none;
}


.criticalNoteDateTime {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 3px;
font-size: 10px;
font-style: italic;
color: #494949;
}



.spacerbg {
background: #b8ddf5;
height: 1px;
border-width: 2px;
}

.ledgerLine {
border-bottom: 1px solid #ccc;
}

.trackingMessageLabel {
display: block;
margin: 15px 9px;
padding: 0px;
color:  #494949;
}

.trackingMessageLabelCenter {
display: block;
margin: 15px 9px;
padding: 0px;
color:  #494949;
text-align: center;
}

.dottedunderline {
border-bottom: 1px dotted blue;
}

/* - Wiki Styles - */

.wikiPanel {
margin-top: 3px;
}

.wikiInput {
width: 185px;
font-size: 12px;
}

.wikiBottomBorder {
border-bottom: 1px solid #d7dde4;
}

a.newTabLink {
font-size: 11px;
font-weight: bold;
padding-left: 20px;
background: url(images/icons/tab_add.gif) no-repeat 0 75%;
text-decoration: none;
}

a.editTabLink {
font-size: 11px;
font-weight: bold;
padding-left: 20px;
background: url(images/icons/tab_edit.gif) no-repeat 0 50%;
text-decoration: none;
}

a.smallBold {
font-size: 11px;
font-weight: bold;
text-decoration: none;
}


/* - Old Booking Progress Bar - */

.progressTable {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid;
}
.progressPrevious {
	color:#f2f2f2; 
	font-family:verdana; font-size: 9px;					
	background-color:#ff0000;	
}
.progressNext {
	color:#999999; 
	font-family:verdana; font-size: 9px;
	background-color:#f2f2f2;			
}
.progressSelected {
	color:#f2f2f2; font-weight:bold;
	font-family:verdana; font-size: 9px;
	BACKGROUND-POSITION: left; BACKGROUND-IMAGE: url(images/progressbar.jpg); BACKGROUND-REPEAT: repeat-y;
}



/* - =Welcome Page Styles - */

.messageHeader {
margin: 5px 0px 2px 0px; 
padding: 0px; 
color: #000; 
font-weight: bold; 
font-size: 11px;
}

.messageContent {
margin: 0px 0px 12px 0px; 
padding: 0px; 
color: #000000; 
font-size: 11px;
}

.loggedInInfoTable {
border-top: 1px solid #ccc;
}

.loggedInInfoTable p {
font-size: 11px;
padding: 3px;
}

.dashboard td {
margin: 0px;
padding: 5px 5px 0px 0px;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
}

.dashboard a {
color: #2b59a7;
}

.dashboard img {
margin-right: 7px;
margin-bottom: 25px;
margin-left: 3px;
float: left;
}


/* Auto-Complete Search Styles */

.autoCompleteBox {
border: 1px solid #aaa;
margin: 0px;
padding: 2px;
background-color:white;
z-index: 1000;
width: auto !important;        
overflow: visible !important;
white-space:nowrap;
}

.autoCompleteItem {
font-size: 10px;
background-color: #f9f9f9;
white-space:nowrap;
}   

.autoCompleteItemSmall {
font-size: 9px;
color: Black;
background-color: #f9f9f9;
white-space:nowrap;
}   
           
.autoCompleteItemHighlight {
font-size: 10px;
background-color: #ffffe0;
cursor: hand;
white-space:nowrap;
} 

.autoCompleteItemHighlightSmall {
font-size: 9px;
background-color: #ffffe0;
color: Black;
cursor: hand;
white-space:nowrap;
}         





.borderTop {
border-top: 1px solid #eee;
}



/* ---------- Monthly Calendar Styles ---------- */

.calMonth {
border: 1px solid #ccc;
background: #fff;
font-size: 10px;
font-family: Arial, Sans-Serif;
}

.calMonth th.dateHeader {
background: #e8e8e8; 
height: 20px;
margin: 0px;
padding: 0px 5px;
border-bottom: 1px solid #d8d8d8;
font-size: 11px;
font-weight: bold;
vertical-align: middle;
color: #333;
height: 20px;
}

.calMonth th.dateHeader {
background: #e8e8e8; 
height: 20px;
margin: 0px;
padding: 0px 5px;
border-bottom: 1px solid #d8d8d8;
font-size: 11px;
font-weight: bold;
vertical-align: middle;
color: #333;
height: 20px;
}


.calTitle, .calTitlePopup {
margin: 0px;
padding: 4px 0px 4px 4px;
font-size: 14px;
font-weight: bold;
font-family: Arial, Sans-Serif;
color: #111;
line-height: 16px;
background: #e3eaf0 url(images/style/boxHeader.gif) repeat-x top right;
border-bottom: 1px solid #bfd0db;
}

.calTitlePopup {
background-image: none;
background-color: #c4cdd6;
}

.currentMonthDay, .altMonthDay, .today, .currentMonthDayPopup, .altMonthDayPopup, .todayPopup  {
height: 95px;
background: #fff;
vertical-align: top;
border-collapse: collapse;
border: 1px solid #ddd;
font-size: 10px;
}

.currentMonthDayPopup, .altMonthDayPopup, .todayPopup {
height: auto;
}

.altMonthDay, .altMonthDayPopup {
background: #f5f5f5;
}

.today, .todayPopup {
background: #FFFFE0;
}


/* -------- CEM Calc --------- */

.cema {
padding: 0px 10px;
background: #000 url(images/style/cemCalcbg.gif) repeat-x top left;
}

.cemaInputTable {
background: #f2f2f2;
border: 2px solid #494949;
text-align: left;
}


.cemaFooter {
margin-top: 5px;
background: #000 url(images/style/cemCalcFooter.gif) repeat-x top left;
padding: 0;
}



.cemaResultsTable {
margin: 10px 0px 0px 0px;
padding: 5px;
background: #010101 url(images/style/resultsTablebg.gif) repeat-x top left;
}


.cemaResultsTable table td {
font-size: 11px;
color: #fff;
}

.cemaResultsTable table td.resultsHeader {
font-family: Arial black, helvetica, Arial;
font-style: italic;
font-size: 15px;
color: #fff;
text-align: left;
}

.cemaResultsTable table td.disclaimer {
font-family: Arial, helvetica, sans-serif;
font-style: italic;
font-size: 9.5px;
line-height: 13px;
color: #ccc;
text-align: left;
}



.cemaResultsTable table td.cemaSavings {
padding-top: 13px;
font-family: Arial black, helvetica, Arial;
font-style: italic;
color: #7db553;
font-size: 14px;
text-align: right;
letter-spacing: -1px;
}

a.white {
color: #fff;
font-size: 11px;
}

a.white:hover {

}

.whiteBold {
color: #fff;
font-weight: bold;
font-size: 13px;
}

.cemaFigures {
color: #7db553;
font-weight: bold;
}


.modalPopup {
margin: 0px;
padding: 15px;
text-align: left;
background: #f0f6fe; /*#FFFFE0;*/
border: 1px solid #666;
width: 400px;
height: 250px;
}

.modalPopup h3 {
color: #0d4c90;
margin: 0px 0px 10px 0px;
padding: 0px 0px 3px 0px;
font-size: 12px;
font-weight: bold;
font-family: Arial, sans-serif;
font-style: italic;
border-bottom: 1px solid #ddd;
}

.disclaimer {
font-size: 10px;
color: #333;
font-style: italic;
text-align: left;
line-height: 15px;
}


.portal_login {
position: relative;
margin: 0 auto;
margin-top: 90px;
margin-bottom: 12px;
padding: 44px 30px 30px 30px;
text-align: left;
background: #eee url(images/style/portal_login_bg.gif) repeat-x top left;
-moz-border-radius: 15px;  
-webkit-border-radius: 15px;  
border-radius: 15px;  
width: 620px;
height: 450px;
}

.portal_login .logo {
margin: 12px 0px 22px 0px;
}

.portal_login p {
margin: 3px 0px 12px 0px;
font-size: 15px;
line-height: 24px;
color: #333;
}

.portal_login_input {
padding: 4px;
font-size: 15px;
background: #fff;
color: #333;
border: 1px solid #cecece;
}

.portal_img {
margin: 24px 40px 0px 0px;
float: right;
}