/* TAG REDEFS */
* 
{
   font-family: "Trebuchet MS", Verdana, Arial;
}

BODY  
{
   background-color: #666; 
   font-size: 81.25%;
   margin:0; padding:0; 
   border:none; 
   line-height: 140%;
   
}

input, select, th, td, textarea 
{
   font-size: 1em;
}

.lnk { text-decoration: none; border-bottom: dashed 1px #999; }



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

.menu
{	
	font-size: 14px;
}
.menu a { border: none; text-decoration: none; color: #666; display: block; padding: 30px 0px 30px 0px; }
.menu a:visited { border: none; text-decoration: none; color: #666;  display: block; padding: 30px 0px 30px 0px;  }
.menu:hover a, .menu:hover a:visited
{	
	color: #0066cc;
	 display: block;	
}

.menu_selected
{
	font-weight: bold;
	font-size: 14px;
	background-repeat: no-repeat; 
	background-position: center;
	
}
.menu_selected a { border: none; text-decoration: none; color: #333; font-weight: bold; padding: 30px 0px 30px 0px; }
.menu_selected a:hover { border: none; text-decoration: none; color: #333; font-weight: bold; padding: 30px 0px 30px 0px; }
.menu_selected a:visited { border: none; text-decoration: none; color: #333; font-weight: bold; padding: 30px 0px 30px 0px; }


.subMenuSmall
{
	cursor: pointer;
	float: left; 
	padding: 6px 10px 5px 10px;
}
.subMenuSmall.selected
{
	border: solid 1px #b0b0b0; border-bottom: solid 1px #fff; background-color: #fff; padding: 5px 9px 4px 9px;
}


/* CONTENT */

.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; }


h1 {  color: #0066cc; text-decoration: none; font-size: 2.3em; font-weight: bold; padding: 12px 0px 12px 0px; margin: 0px;}

h2 {  color: #0066cc; text-decoration: none; font-size: 1.5em; line-height: 1.8em; padding: 5px 0px 5px 0px; margin: 0px; }

h3 {  color: #333; text-decoration: none; font-size: 1.2em; font-weight: bold;  padding: 0px; margin: 0px; }


.small { font-size: .9em; line-height: 1.2em;  }
.smaller {  font-size: .8em; line-height: 1.1em; }
.smallest {  font-size: .75em; line-height: 1.05em; }

.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; }

/* 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; }
.vltgry { color: #f0f0f0; }
.lb { color: #006699; }
.b { color: #0066cc; }
.g { color: #116600; }
.lg { color: #009900; }
.r { color: #990000; }
.ylwer { color: #ffff66; }
.ylw { color: #ffffcc; }

.block { display: block; }

.box
{   
   padding: 0px;
}

.box_hlgt {}
.box_hlgt:hover { background-color: #ffffcc; }

.border_gry { border: solid 1px #666; }

.bg_wht { background-color: #fff; }
.bg_drkgry { background-color: #333; }
.bg_gry { background-color: #666; }
.bg_midgry { background-color: #999; }
.bg_lgry { background-color: #ccc; }
.bg_vlgry { background-color: #f0f0f0; }
.bg_ylwer { background-color: #ffff66; }
.bg_ylw { background-color: #ffffcc; }
.bg_red { background-color: #F0B2B3; }

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


.btn { height: 21px; display: block; margin: 5px 0px 7px 0px; font-size: 1.1em; font-weight: bold; padding: 5px 8px 0px 8px; cursor: pointer; border: solid 1px #333; }
.btn span { color: #fff; }
.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); }
.btn:hover {  background-image: url(/images/spacer.gif); background-color: #999; }

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;
      }

}