/* --- global --- */

* { font-family: "Trebuchet MS", Verdana, Arial; }
BODY  { background-color: #e5e5e5; font-size: 81.25%; margin:0; padding:0; border:none; }
input, select, th, td, textarea { font-size: 1em; }


/* --- links --- */

a { text-decoration: none; color: #0000ff; border-bottom:1px dotted #c9c9c9;}
a:hover { text-decoration: none; color: #666666; border-bottom:1px solid #006699; }
a:link { text-decoration: none; color: #0000ff; }
a:link:hover { text-decoration: none; color: #666666; }
a:visited { text-decoration: none; color: #006600; }
a:visited:hover { text-decoration: none; color: #666666; }
a:active { text-decoration: none; color: #660000; }
a:active:hover { text-decoration: none; color: #666666; }

.noBorder {border: none; text-decoration: none; }
.noBorder:hover {border: none; text-decoration: none; }
.noBorder a{border: none; text-decoration: none; }
.noBorder a:hover {border: none; text-decoration: none; }


/* --- text --- */

h1 {  color: #0066cc; text-decoration: none; font-size: 2.3em; font-weight: bold; padding: 0px; margin: 0px;}
h2 {  color: #000; text-decoration: none; font-size: 1.5em; line-height: 1.3em; padding: 0px; margin: 0px; }
h3 {  color: #333; text-decoration: none; font-size: 1.2em; line-height: 1.2em; font-weight: bold;  padding: 0px; margin: 0px; }

.small { font-size: .9em; line-height: 1.4em;  }
.smaller {  font-size: .8em; line-height: 1.3em; }
.smallest {  font-size: .75em; line-height: 1.25em; }
.large { font-size: 1.1em; line-height: 1.4em;  }
.larger { font-size: 1.2em; line-height: 1.5em;  }
.largest { font-size: 1.3em; line-height: 1.6em;  }
.giant { font-size: 1.5em; line-height: 1.8em;  }
.big { font-size: 1.8em; line-height: 2.1em;  }

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

.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }

.block { display: block; }


/* --- colors --- */

.wht { color: #fff; }
.wht a { color: #f0f0f0; }
.wht a:hover { color: #ffff66; }

.drkgry { color: #333; }
.gry { color: #666; }
.midgry { color: #999; }
.ltgry { color: #ccc; }
.lb { color: #0066cc; }
.b { color: #003366; }
.g { color: #116600; }
.lg { color: #009900; }
.r { color: #661100; }
.lr { color: #cc3300; }
.ylw { color: #ffff99; }


/* --- widths --- */

.w50  { width:  50px; }
.w60  { width:  60px; }
.w70  { width:  70px; }
.w85  { width:  85px; }
.w100  { width: 100px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w350 { width: 350px; }

/* --- padding --- */

.p4 { padding: 4px; }
.p6 { padding: 6px; }
.p8 { padding: 8px; }
.p10 { padding: 10px; }


/* --- bgs --- */

.bg_wht { background-color: #fff; }
.bg_drkgry { background-color: #333; }
.bg_gry { background-color: #666; }
.bg_midgry { background-color: #999; }
.bg_ltgry { background-color: #ccc; }
.bg_vltgry { background-color: #e5e5e5; }
.bg_lb { background-color: #006699; }
.bg_b { background-color: #003366; }
.bg_g { background-color: #116600; }
.bg_lg { background-color: #009900; }
.bg_r { background-color: #661100; }
.bg_lr { background-color: #cc3300; }
.bg_ylw { background-color: #ffff99; }
.bg_ltylw { background-color: #ffffcc; }

/* --- forms --- */

.txt { border: solid 1px #aec9e3; background: #F3F7FB; height: 18px; font-weight: bold; color: #666; padding: 3px; }
.txt:hover { background-color: #fff; border: solid 2px #000; color: #666; padding: 2px; }

.ddl { background: #F3F7FB; font-weight: bold; color: #666; }
.ddl:hover { background-color: #fff;  }

.req { border: solid 1px #FFcc33; color: #993300; background: #ffffec; }
.err { border: solid 2px #cc0000; color: #cc0000; padding: 2px; background: #FFF0F0; }

.fcs { border: solid 2px #c9c9c9; color: #993300; padding: 2px; background: #fff; }

.errorMsg { color: #CC0000; font-weight: bold }

.btn { display: block; cursor: pointer; border: solid 1px #333; margin-top: 2px; }
.btn span { font-size: 14px; font-weight: bold; text-align: center; border-top: solid 1px #bbb; border-left: solid 1px #bbb; border-bottom: solid 1px #555; border-right: solid 1px #555; color: #fff; display: block; height: 21px; padding: 3px 9px 0px 9px; }
.btn:hover {  background-image: url(/images/spacer.gif); background-color: #999; }
.btn:hover span { color: #fff; text-decoration: none; }

.b_r { background-image: url(/images/btnBack_r.gif); }
.b_g { background-image: url(/images/btnBack_g.gif); }


/* --- rounded corners --- */

.bl_lightBlueOnWhite { background: url(images/roundedCorners/lightBlueOnWhite/bl.gif) 0 100% no-repeat; }
.br_lightBlueOnWhite { background: url(images/roundedCorners/lightBlueOnWhite/br.gif) 100% 100% no-repeat; }
.tl_lightBlueOnWhite { background: url(images/roundedCorners/lightBlueOnWhite/tl.gif) 0 0 no-repeat; }
.tr_lightBlueOnWhite { background: url(images/roundedCorners/lightBlueOnWhite/tr.gif) 100% 0 no-repeat; } 

.bl_whiteOnLightBlue { background: url(images/roundedCorners/whiteOnLightBlue/bl.gif) 0 100% no-repeat; }
.br_whiteOnLightBlue { background: url(images/roundedCorners/whiteOnLightBlue/br.gif) 100% 100% no-repeat; }
.tl_whiteOnLightBlue { background: url(images/roundedCorners/whiteOnLightBlue/tl.gif) 0 0 no-repeat; }
.tr_whiteOnLightBlue { background: url(images/roundedCorners/whiteOnLightBlue/tr.gif) 100% 0 no-repeat; } 

.bl_grayOnWhite { background: url(images/roundedCorners/grayOnWhite/bl.gif) 0 100% no-repeat; }
.br_grayOnWhite { background: url(images/roundedCorners/grayOnWhite/br.gif) 100% 100% no-repeat; }
.tl_grayOnWhite { background: url(images/roundedCorners/grayOnWhite/tl.gif) 0 0 no-repeat; }
.tr_grayOnWhite { background: url(images/roundedCorners/grayOnWhite/tr.gif) 100% 0 no-repeat; } 

.bl_whiteOnGray { background: url(images/roundedCorners/whiteOnGray/bl.gif) 0 100% no-repeat; }
.br_whiteOnGray { background: url(images/roundedCorners/whiteOnGray/br.gif) 100% 100% no-repeat; }
.tl_whiteOnGray { background: url(images/roundedCorners/whiteOnGray/tl.gif) 0 0 no-repeat; }
.tr_whiteOnGray { background: url(images/roundedCorners/whiteOnGray/tr.gif) 100% 0 no-repeat; }

.bl_yellowOnWhite { background: url(images/roundedCorners/yellowOnWhite/bl.gif) 0 100% no-repeat; }
.br_yellowOnWhite { background: url(images/roundedCorners/yellowOnWhite/br.gif) 100% 100% no-repeat; }
.tl_yellowOnWhite { background: url(images/roundedCorners/yellowOnWhite/tl.gif) 0 0 no-repeat; }
.tr_yellowOnWhite { background: url(images/roundedCorners/yellowOnWhite/tr.gif) 100% 0 no-repeat; }

.bl_midGrayOnWhite { background: url(images/roundedCorners/midGrayOnWhite/bl.gif) 0 100% no-repeat; }
.br_midGrayOnWhite { background: url(images/roundedCorners/midGrayOnWhite/br.gif) 100% 100% no-repeat; }
.tl_midGrayOnWhite { background: url(images/roundedCorners/midGrayOnWhite/tl.gif) 0 0 no-repeat; }
.tr_midGrayOnWhite { background: url(images/roundedCorners/midGrayOnWhite/tr.gif) 100% 0 no-repeat; }

.bl_whiteOnMidGray { background: url(images/roundedCorners/whiteOnMidGray/bl.gif) 0 100% no-repeat; }
.br_whiteOnMidGray { background: url(images/roundedCorners/whiteOnMidGray/br.gif) 100% 100% no-repeat; }
.tl_whiteOnMidGray { background: url(images/roundedCorners/whiteOnMidGray/tl.gif) 0 0 no-repeat; }
.tr_whiteOnMidGray { background: url(images/roundedCorners/whiteOnMidGray/tr.gif) 100% 0 no-repeat; }

/* --------------- SITE ------------------- */
.modalBackground {	background-color: #000; filter:alpha(opacity=72);opacity:0.72; }

.topMenu { padding-top: 6px; vertical-align: top; font-size: .9em; }
.topMenu:hover a, .topMenu:hover a:visited { color: #cc6600; }
.topMenu a, .topMenu a:visited { padding: 0px 10px; color: #0066cc; }

.picFrame { padding: 3px; border: solid 1px #eee; border-right-color: #ccc; border-bottom-color: #ccc; }

.mainMenu 
   { 
      font-size: 14px; font-weight: bold; text-decoration:none; border: none; vertical-align: top; text-align: center; background-image: url(/company/images/mainMenuBack.gif); padding-top: 3px;
   }
.mainMenu:hover 
   { 
      background-position: 0px 42px; 
   }
.mainMenu a, .mainMenu a:visited 
   { 
      display: block; padding: 8px; border: none; text-decoration: none; color: #fff 
   }
.mainMenu a:hover, .mainMenu a:visited:hover 
   { 
      display: block; padding: 8px; border: none; text-decoration: none; color: #ffff99 
   }


.mainMenu_selected 
   { 
      font-size: 14px; font-weight: bold; text-decoration:none; border: none; vertical-align: top; text-align: center; 	background-image: url(/company/images/mainMenuBg_selected.gif); background-repeat: no-repeat; background-position: center;  padding-top: 3px;
   }
.mainMenu_selected a 
   { 
      display: block; padding: 8px; border: none; text-decoration: none; color: #fff; 
   }
.mainMenu_selected a:hover, .mainMenu a:visited:hover 
   { 
      display: block; padding: 8px; border: none; text-decoration: none; color: #fff; 
   }


.menu
{	
	text-decoration:none;
	border: none;
	border-right: dotted 1px #5FCBFF;
	font-weight: bold;
	padding: 6px 16px 6px 16px;
}
.menu a { border: none; text-decoration: none; color: #003366 }
.menu a:visited { border: none; text-decoration: none; color: #003366 }
.menu:hover
{
	
	text-decoration:none;
	border: none;
	border-right: dotted 1px #5FCBFF;
	border-bottom: solid 1px #999;
	background-color: #fff;	
	font-weight: bold;
	padding: 6px 16px 5px 16px;
}
.menu_selected
{
	text-decoration:none;
	border: none;
	background-color: #fff;	
	font-weight: bold;
	padding: 5px 15px 6px 15px;	
	border: solid 1px #999;
	border-bottom: none;
}
.menu_selected a { border: none; text-decoration: none; color: #999; font-weight: bold; }
.menu_selected a:hover { border: none; text-decoration: none; color: #ffff66; font-weight: bold; }
.menu_selected a:visited { border: none; text-decoration: none; color: #999; font-weight: bold; }


/* CONTENT */


.box_wht
{
   background-color: #fff;
   padding: 3px;
}

.box_comment
{
   background-color: #D9F2FF;
   padding: 3px;
}

.box_gry 
{
   background-color: #f0f0f0;
   border: solid 1px #ccc;
   padding: 3px;
}

.box_ylw 
{
   background-color: #ffffcc;
   border: solid 1px #ffcc99;
   padding: 3px;
}

.box_red 
{
   background-color: #F0B2B3;
   border: solid 1px #cc0000;
   padding: 3px;
}


.row { background-color: #fff; }
.row_over { background-color: #f0f0f0; }
.row_selected { background-color: #ccc; }




hr
{
   margin-top: 20px;
   margin-bottom: 20px;
   border: solid 1px #333;
}

.commentP 
{
   margin: 4px 0px 0px 4px;
}

.commentDiv
{
   padding: 3px;
}

.commentDiv.scroll
{
   height: 100px;
   overflow: auto;
}

.popupCalendar .ajax__calendar_container {
    border:1px solid #999;
    background-color: #fff;
    color: black;
}


@media print {    
   .commentDivDisplay
      {
         padding: 3px;
      }
   .tableDisplay
      {
         border: solid 1px #999;
      }
   .tableDisplay tr td 
      {
         border: solid 1px #999;
       }
}

@media screen {
    .commentDivDisplay
      {
         padding: 3px;
         height: 64px;
         overflow: auto;
      }

}