BODY {
   behavior:url("/cowww/css/csshover2.htc");

   margin:           0px;

   padding-top:      0px;
   padding-bottom:   0px;
   padding-right:    0px;
   padding-left:     0px;

   font-family:      Arial, Helvetica, Sans Serif;
   font-size:        10pt;
   line-height:      12pt;

   color:            #000000;
   text-transform:   none;
   text-decoration:  none;

   background-color: #FFFFFF;
}

A {
   color:            #184B81;
}

A:active {
   color:            #FF6600;
   text-decoration:  none;
}

A:hover {
   color:            #FF6600;
   text-decoration:  none;
}

H1 {
   font-size:        13pt;
   color:            #184B81;
}

TABLE {
   padding:          0;
   border-collapse:  collapse;
   font-size:        10pt;
}

TABLE.border {
}


TABLE.columnListBorder {
   width:            100%;
}

TABLE.pagedList {
   width:            100%;
}

TR.evenRow {
   color:            #000000;
   background-color: #CCCCFF;
}

TR.oddRow {
   color:            #000000;
   background-color: #FFFFFF;
}

TR.evenHighlightRow {
   color:            #004080;
   background-color: #E1E4DA;
}

TR.oddHighlightRow {
   color:            #004080;
   background-color: #E1E4DA;
}

TD.columnListBorderNormalShade {
   color:            #FFFFFF;
   background-color: #336699;
}

TH, TD, LABEL {
   padding:          0;
}

TD.columnListBorderContent {
   background-color: #E1E4DA;
}

TD.columnListBorderShade {
   font-weight:      bold;
   color:            #8C90CD;
   background-color: #E1E4DA;
}

TD.promptLabel, LABEL {
   font-size:        9pt;
   line-height:      11pt;
   color:            #004080;
   font-weight:      bold;
   white-space:      nowrap;
}

TD.pagedListColumnText {
   white-space:      nowrap;
   font-weight:      bold;
   padding-right:    2em;
   text-align:       left;
}

TD.pagedListColumnNumeric {
   white-space:      nowrap;
   font-weight:      bold;
   padding-right:    2em;
   text-align:       right;
}

TD.pagedListColumnDate {
   white-space:      nowrap;
   font-weight:      bold;
   padding-right:    2em;
   text-align:       left;
}

TD.pagedListColumnSocialSecurity {
   white-space:      nowrap;
   font-weight:      bold;
   padding-right:    2em;
   text-align:       right;
}

TD.pagedListColumnEmail {
   white-space:      nowrap;
   font-weight:      bold;
   padding-right:    2em;
   text-align:       left;
}

TD.pagedListColumnMoney {
   white-space:      nowrap;
   font-weight:      bold;
   padding-right:    2em;
   text-align:       right;
}

TD.pagedListColumnDateTime {
   white-space:      nowrap;
   font-weight:      bold;
   padding-right:    2em;
   text-align:       left;
}


TD.pagedListText {
   white-space:      nowrap;
   padding-right:    2em;
   text-align:       left;
}

TD.pagedListNumeric {
   white-space:      nowrap;
   padding-right:    2em;
   text-align:       right;
}

TD.pagedListDate {
   white-space:      nowrap;
   padding-right:    2em;
   text-align:       left;
}

TD.pagedListSocialSecurity {
   white-space:      nowrap;
   padding-right:    2em;
   text-align:       right;
}

TD.pagedListEmail {
   white-space:      nowrap;
   padding-right:    2em;
   text-align:       left;
}

TD.pagedListMoney {
   white-space:      nowrap;
   padding-right:    2em;
   text-align:       right;
}

TD.pagedListDateTime {
   white-space:      nowrap;
   padding-right:    2em;
   text-align:       left;
}

INPUT {
   font-family:      Arial, Helvetica, Sans Serif;
}

/******************************************************************************/
/******************************* nav/MenuList *********************************/
/******************************************************************************/

TABLE.menuList {
   border:          1px solid #336699;
   border-spacing:  0px;
}

TD.menuListTitle {
   color:           #FFFFFF;
   font-weight:     bold;
   background-color: #336699;
   padding: 3px;
}

TD.menuListItem {
   background-color: #FFFFFF;
   padding: 3px;
}

/******************************************************************************/
/******************************* nav/MenuBar **********************************/
/******************************************************************************/

.menuBar {
   width:            100%;
   padding:          0px;
   border-spacing:   0px;
   border:           none;
   height:           20px;
}

.menuBarSpacer {
   color:            #000066;
   background-color: #FFFFFF;
}

.menuBarItem {
   font-family:      Arial, Helvetica, Sans Serif;
   font-size:        12px;
   font-weight:      bold;
   text-align:       center;
   text-decoration:  none;
   padding-left:     .5em;
   padding-right:    .5em;
   border-right:     1px solid #FFFFFF;
}

.menuBarItemNormal {
   color:            #FFFFFF;
   background-color: #000066;
   padding-left:     .5em;
}

.menuBarItemActive {
   color:            #000000;
   background-color: #CCCCFF;
   padding-left:     .5em;
}

.menuBarItemHighlight {
   color:            #FFFFFF;
   background-color: #336699;
   padding-left:     .5em;
}

/******************************************************************************/
/******************************** eSign Control *******************************/
/******************************************************************************/

.IconText {
   font-size:        10px;
   text-decoration:  none;
}

TABLE.signstats {
   border:           #000000 1px solid;
}

TD.SignBar {
   background:       #CCFFCC;
   font-size:        8px;
}

TD.UnsignedBar {
   background:       #FFFFCC;
   font-size:        8px;
}

TD.WaivedBar {
   background:       #FFCCFF;
   font-size:        8px;
}

/******************************************************************************/
/********************************* classes ************************************/
/******************************************************************************/

.normal {
   color:            #000066;
   background-color: #FFFFFF;
}

.error {
   color:            #FF0000;
}

.buttonShade {} .buttonShadeRemoved {
	background-color:  #9999CC;
}

.veryLightShade {
   color:            #000000;
   background-color: #E1E4DA;
}

.veryLightShadeBold {
   color:            #000000;
   background-color: #E1E4DA;
   font-weight:      bold;
}

.lightShade {
   color:            #000000;
   background-color: #CCCCFF
}

.mediumShade {
   color:            #004080;
   background-color: #9999CC;
}

.normalShade {
   color:            #FFFFFF;
   background-color: #336699;
}

.darkShade {
   color:            #FFFFFF;
   background-color: #000066;
}

.darkFont {
   color:            #184B81;
}

.menuNormal {
   color:            #000000;
   background-color: #000066;
}

.borders {
   border:           1px solid #336699;
}


TABLE {
   border-collapse:  collapse;
   table-layout:     auto;
}

TH {
   text-overflow:    ellipsis;
   overflow:         hidden;
   white-space:      nowrap;
}

TD {
   text-overflow:    ellipsis;
   overflow:         hidden;
   white-space:      nowrap;
}

.promptBorder {
   color:            #004080;
   background-color: #FFFFFF;
}

TABLE.promptBorder CAPTION {
   padding-top:      1em;
}

/* TODO: document me! */

.topLeft {
   width:            9;
   height:           9;
   background-image: url('/cowww/rounded?c=FFFFFF&bc=FFFFFF&w=9&h=9&a=tl');
   background-repeat: no-repeat;
   background-position: top left;
}

.topRight {
   width:            9;
   height:           9;
   background-image: url('/cowww/rounded?c=FFFFFF&bc=FFFFFF&w=9&h=9&a=tr');
   background-repeat: no-repeat;
   background-position: top right;
}

.bottomLeft {
   width:            9;
   height:           9;
   background-image: url('/cowww/rounded?c=FFFFFF&bc=FFFFFF&w=9&h=9&a=bl');
   background-repeat: no-repeat;
   background-position: bottom left;
}

.bottomRight {
   width:            9;
   height:           9;
   background-image: url('/cowww/rounded?c=FFFFFF&bc=FFFFFF&w=9&h=9&a=br');
   background-repeat: no-repeat;
   background-position: bottom right;
}

/******************************************************************************/
/********************************** AJAX **************************************/
/******************************************************************************/

.fieldMissing {
   background:       #E1E4DA;
}

.fieldInvalid {
   background:       #E1E4DA;
   font-weight:      bold;
}

.alertButton {
   width:            auto;
   border:           none;
   background-color: #E1E4DA;
   color:            #FFFFFF;
   padding:          0.1em;
   border-bottom:    1px solid #9999CC !important;
   border-right:     1px solid #9999CC !important;
   border-top:       1px solid #9999CC !important;
   border-left:      1px solid #9999CC !important;
   cursor:           hand;
   cursor:           pointer;
   -moz-border-radius: 10px;
}

.alertDialog {
   width:            30em;
   border:           2px solid #9999CC;
   padding:          1em;
   background:       #FFFFFF;
}

.dialogUnderlay {opacity:0.4 !important}

.alertContent .alertButton {
   float:            right;
   position:         relative;
   bottom:           1em;
}

.missingList, .invalidList {
   padding-bottom:   0.6em;
   padding-top:      0.2em;
   padding-left:     0.1em;
   padding-right:    0.2em;
   margin:           0;
}

.missingList {
   border-top:       4px solid #9999CC;
}

.invalidList {
   border-top:       4px solid #9999CC;
}

.missingList LI, .invalidList LI {
   list-style:       none;
   font-style:       italic;
}

/******************************************************************************/
/********************************** UNUSED? ***********************************/
/******************************************************************************/

A.topMenu {
   font-size:        10pt;
   line-height:      12pt;
   color:            #000000;
}

A.topMenu:hover {
   color:            #000000;
}

A.leftNav {
   font-size:        8pt;
   line-height:      10pt;
   color:            #000000;
   font-weight:      bold;
}

A.leftNav:hover {
   color:            #000000;
}

TD.leftNav {
   font-size:        8pt;
   line-height:      10pt;
   color:            #000000;
   font-weight:      bold;
}


TABLE.multiColumn {
   border-spacing:            0;
   border-spacing-left:       5px;
   border-spacing-right:      5px;
   border-padding:            0;
   border-collapse:           collapse;
   padding-top:               0;
   padding-bottom:            0;
   padding-left:              0;
   padding-right:             0;
   border:                    0px solid #000000;
}

TD.multiColumn {
   padding-left:     4;
   padding-right:    4;
}


TABLE.uploadDocumentList {
   margin-top:       5px;
   margin-bottom:    5px;
}

TD.uploadDocumentList {
   padding-left:     5px;
   padding-right:    5px;
   border:           1px solid #336699;
   white-space:      nowrap;
}

TABLE.promptBrowserList {
   margin-top:       5px;
   margin-bottom:    5px;
}

TD.promptBrowserList {
   padding-left:     5px;
   padding-right:    5px;
   border:           1px solid #336699;
   white-space:      nowrap;
}

.alertDialog {
   width:              400px;
   border:             2px solid #336699;
   //background-color: #9999CC;
   color:              #004080;
   background-color:   #9999CC;
   padding:            0px;
}

.alertDialogTitle {
   margin:             4px;
   color:              #FFFFFF;
   background-color:   #9999CC;
}

.alertDialogBody {
   height:             300px;
   clear:              both;
   padding:            10px;
   overflow:           auto;
   color:              #004080;
   background-color:   #FFFFFF;
}

