/*** B O D Y ****/
p, td, ul {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
}
ul { 
	margin-top: 5px;
	margin-bottom: 0px;
}
.indent1 {
	text-indent: 50px;
}
blockquote {
	margin-left: 15px;
}
body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	background-color: #6699cc;
	background-image: url(/images/wtd_bg_tile.gif);
	background-repeat: repeat-y;
}
.oneCol {
/* Class for BODY tag of the one-column layout */
	background-color: #FFFFFF;
}
dl {
/* Used for the Products page popdowns */
	margin: 0px 0px 2px 10px;
}
dt {
/* The popdown link */
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.dd {
/* The popdown content */
	font-weight: normal;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 5px 0px;
	color: #666666;
}
iframe.if_ref {
	 height: 100px;
	 width: 479px;
	 margin: 0px 0px 5px 0px;
	}
.date {
	color: #666666;
	font-size: 10px;
	margin-top: 13px;
}
.in1 {
/* For site maintenance popdown indents */
	color: #666666;
}
.in2 {
/* For site maintenance popdown indents */
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 20px;
}
.pressContact {
/* indents the press contact info slightly */
	font-weight: normal;
	padding-left: 8px;
}
.right_normal {
/* If you don't want text to be bold in the right column
   (which is the default), use this style       */
   font-weight: normal;
 }
 
/**** T A B L E S *****/
.rowShadeLight {
/* not used yet */
	background-color: #E6E6E6;
	}
.rowShadeDark {
/* not used yet */
	background-color: #CCCCCC;
	}
.thinBorder {
	border: solid #003366 1px;
	}
table.thinBorderBlue {
	border: solid #003366 1px;
	background-color: #336699;
}
table.thinBorderBlue td {
	padding: 3px;
}
table.loginBox {
/* The one that appears in the right column */
	border: solid #003366 1px;
	background-color: #336699;
	width: 200px;
}
table.table_login {
/* The actual login screen table */
	width: 350px;
	padding: 0px;
	margin: 0px;
}
table.table_login td {
	padding: 3px;
}
table.thinBorderGrey {
	border: solid #333333 1px;
	}
th {
	color: #003366;
	background-color: #cccc99;
	border-top: solid #003366 1px;
	border-bottom: solid #003366 1px;
	font-weight: bold;
	font-size: inherit;
	text-align: left;
	font-size: 12px;
	padding: 2px 3px 2px 3px;
}
th.th_dark {
	color: #cccc99;
	background-color: #003366;
}

th.th_subhead {
/* Used for the "Market Holidays" and "Exchange Sites" heads
   in the "Industry Information" section of the Reference page   */
	color: #666633;
	font-size: 11px;
	background-color: #e6e6e6;
	border-bottom: solid #CCCC99 1px;
	border-top: solid #CCCC99 1px;
	}
table.table_ref {
/* Admin screens */
	width: 485px;
	/* can't use percent because Win IE doesn't calculate it right */
	border: 0px;
	padding: 0px;
	margin: 0px;
	}
table.table_ref tr {
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}
table.table_ref td {
	padding: 3px;
	margin: 0px;
}

table.table_ref_wide {
/* Admin screens */
	width: 900px;
	/* can't use percent because Win IE doesn't calculate it right */
	border: 0px;
	padding: 0px;
	margin: 0px;
	}
table.table_ref_wide tr {
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}
table.table_ref_wide td {
	padding: 3px;
	margin: 0px;
}
table.table_wtd {
	width: 242px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	}
table.table_wtd tr {
	vertical-align: top;
}
table.table_wtd td {
/* The side-by-side tables for "WTD Administration"
   and "Site Maintenance" on the References page      */
	padding: 3px;
	margin: 0px;
}

td.td_action {
	width: 35px;
}
td.td_action2 {
	width: 90px;
}
td.td_chkbox {
	width: 25px;
}
td.td_lock {
	width: 25px;
	text-align: right;
}
td.td_formLabel {
	font-weight: bold;
}

/*** H E A D L I N E S ***/
h1 {
	font-family: Garamond, Georgia, Times, Times New Roman, serif;
	font-size: 18px;
	color: #003366;
	font-weight: bold;
	margin-bottom: -10px;
	}
h2 {
	font-family: Arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 14px;
	color: #666633; 
	font-weight: bold; 
	margin-bottom: -10px;
}
h3 {
	font-family: Arial, helvetica, sans-serif;
	font-size: 13px;
	color: #003366;
	font-weight: bold; 
	margin-bottom: 2px;
}
h4 {
	font-size: 12px;
	color: #003366;
	font-weight: bold;
	margin-bottom: 2px;
}
.whiteText {
	color: #FFFFFF; 
}
.whiteText_small {
	color: #FFFFFF; 
	font-size: 10px;
}

.greyText {
	color: #666666; }
.lightGreyText {
	color: #999999; }
.redText {
	color: #FF0000; }

/*** F O R M S ***/
select {  
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px;
	 }
textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px; 
}
input { 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; 
	padding: 0px;
	margin: 0px;

}
.buttonGo {
	color: #cccc99;
	background-color: #003366;
	font-size: 10px;
	font-weight: bold;
	border: outset #cccc99 2px;
	padding: 0px 1px 0px 1px;
	cursor: hand;
}
checkbox {
	margin: 0px;
	padding: 0px;
}
.buttonStop {
	color: #000000;
	background-color: #99ccff;
	font-size: 10px;
	font-weight: bold;
	border: outset #cccc99 2px;
	cursor: hand;
}
.inputGrey { 
	background-color: #CCCCCC; }
form {
	margin-top: 0px;
	margin-bottom: 0px;
}

/**** L A Y O U T *****/
.leftCol {
	width: 525px;
	left: 0px;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	background-color: #FFFFFF;
	color: #000000;
}
.leftCol2 {
/* For the one-column layout */
	width: 100%;
	left: 0px;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	background-color: #FFFFFF;
	color: #000000;
}
.leftHead {
	padding: 0px 0px 0px 0px;
	/* top, right, bottom, left */
	background-image: url(images/wtd_nav1.gif);
	background-repeat: repeat-x;
	height: 75px;
}
.miniNav {
/* The search box */
	padding: 11px 0px 10px 0px;
	height: 20px;
	font-weight: normal;
}
.navBar {
	left: 0px;
	text-align: left;
	clear: left;

	padding: 0px 5px 22px 10px;
	/* top, right, bottom, left */
	background-color: #cccc99;
/*	background-image: url(images/wtd_bg2.gif); 
	background-repeat: no-repeat; */
	border-bottom: solid #cccccc 1px;
}
.slogan {
	padding-top: 13px;
}
.subNav {
	position: relative;
	clear: left;
	padding: 0px 0px 2px 15px;
	/* top, right, bottom, left */
}
.mainBody {
	position: relative;
	background-color: #FFFFFF;
	color: #000000;
	margin-left: 20px;
	margin-right: 20px;
	padding: 5px 0px 10px 0px; /* Gecko doesn't render right padding here anyway */
	width: 485px; /* necessary */
}
.mainBody2 {
/* Used for the one-column layout */
	position: relative;
	background-color: #FFFFFF;
	color: #000000;
	margin-left: 20px;
	margin-right: 20px;
	padding: 5px 0px 10px 0px; /* Gecko doesn't render right padding here anyway */
	width: 750px;
}
.rightCol {
	position: absolute;
	height: 100%;
	padding: 0px 0px 0px 20px;
	/* top, right, bottom, left */
	background-color: none;
	top: 0px;
	width: 230px;
	margin: 0px 0px 0px 525px;
}
.rightColTable {
	color: #FFFFFF;
	font-weight: bold;
}
.rightHead {
	position: relative;
	text-align: center;
	padding: 36px 0px 25px 0px;
}
.copyright {
	font-size: 9px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #000000;
}

/***** T O P  L I N K S *******/
div.topLink {
/* Text for top (main) link */
	width: auto;
	float: left;
	font-family: Garamond, Georgia, Times, Times New Roman, serif;
	font-size: 12px;
	height: 25px;
}
div.topLink a {
/* Inactive container for top (main) link */
	float: left;
	color: #666633;
	text-decoration: none;
	padding: 5px 8px 3px 8px;
	/* top, right, bottom, left */
	border: solid #CCCC99 1px;
	border-bottom: solid #CCCCCC 0px;
	font-weight: bold;
}
div.topLink a:hover {
/* Hover over top (main) link */
	text-decoration: none;
	color: #003366;
}
.topLink_a {
/* Active container for top (main) link */
	float: left;
	color: #003366;
	padding: 4px 8px 4px 8px;
	/* top, right, bottom, left */
	background-color: #FFFFFF;
	border: solid #CCCCCC 1px;
	border-bottom: solid #FFFFFF 1px;
	font-weight: bold;
}
div.topLink2 {
/* Text for active top link */
	width: auto;
	float: left;
	font-family: Garamond, Georgia, Times, Times New Roman, serif;
	font-size: 12px;
	height: 25px;
}
div.topLink2 a {
/* Active container for top link  
   Use if you want an active tab to link to its own default page   */
	float: left;
	color: #003366;
	padding: 4px 8px 4px 8px;
	/* top, right, bottom, left */
	background-color: #FFFFFF;
	border: solid #CCCCCC 1px;
	border-bottom: solid #FFFFFF 1px;
	font-weight: bold;
}
.a_subLink {
/* The second-level (sub) nav (if needed) below the main toolbar */
	position: relative;
	color: #666633;
	text-decoration: none;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	padding: 0px 5px 0px 5px;
	/* top, right, bottom, left */
}
.a_subLink:hover {
/* Hover over the sub nav links */
	text-decoration: underline;
}

/**** O T H E R  L I N K S *****/
.a_right { 
/* Most links in the right (blue) column */
	color: #FFFFFF; 
	text-decoration: underline; }
.a_right:hover {
	text-decoration: underline; }
.a_rightMoreNews { 
/* The "more news..." link in the right column */
	color: #FFFFFF; 
	padding-left: 15px;
	text-decoration: none; }
.a_rightMoreNews:hover {
	text-decoration: underline; }

.a_rightNews { 
/* The headline and blurb of the news flashes */ 
	color: #FFFFFF; 
	text-decoration: none; }
.a_rightNews:hover { 
	text-decoration: none; }
a {
/* Default links */
	color: #003366; 
	text-decoration: none; }
a:hover {
	text-decoration: underline; }
a.pageTop {
/* The "top" links to go to top of page
   These should appear only within <TH> table cells  */
	position: absolute;
	color: #003366; 
	right: 3px;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none; }
a.pageTop:hover {
	text-decoration: underline; }
a.product_info {
/* For the "more info..." links in the Product-page popdowns */
	padding-left: 15px;
}
	

/**** P O P D O W N S *****/
div.popDown {
/* Products page and admin screens */
	display: none;
	margin: 0px;
	padding: 0px;
}

/**** N E W S  F L A S H E S ****/
.newsBlock {
/* Sets the height of the news flashes 
   to prevent content below it from jumping up and down    */
	height: 100px;
}
.newsHead {
/* The news flash headline */
	text-decoration: none;
	color: #FFFFFF;
	font-size: 13px;
	padding-bottom: 3px;
}
.newsBlurb {
/* The news flash blurb */
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	padding-bottom: 5px;
}
/* entries brought over from original WTD web site */

/* not too sure what to do about these:
A {
	COLOR: #6666cc
}
A:active {
	COLOR: #993333
}
A:hover {
	COLOR: #993333; TEXT-DECORATION: underline
}
A:visited {
	COLOR: #993333
}
A.naked {
	FONT-SIZE: 12px; COLOR: #6666cc; FONT-FAMILY: Arial, Helvetica; TEXT-DECORATION: none
}
*/
     .wtd_header {
       font-family:        times,arial,helvetica,verdana;
       font-size:          30px;
       font-weight:        bold;
       color:              #000000;
       background-color:   #999966;
       font-style: 		   italic;
       border:             0;
    }
     .wtd_italic_grey {
       font-family:        tahoma, arial,helvetica,verdana;
       font-size:          14px;
       font-weight:        normal;
       color:              #707070;
       font-style: 		italic;
       border:             0;
    }
     .wtd_header2 {
       font-family:        arial,helvetica,verdana;
       font-size:          12px;
       font-weight:        normal;
       color:              #ffffff;
       background-color:   #003366;
       text-decoration:    none;
       border-color:   	   #993333;
       border:             1;
       border-right-style: none;
       border-bottom-style: solid;
       border-top-style: none;
       border-left-style: none;
    }
    .dialog_header {
       font-family:        tahoma,arial,helvetica,verdana;
       font-size:          12px;
       font-weight:        normal;
       background-color:   #0066CC;
       color:   	   #ffffff;
       text-decoration:    none;
       border:             0;
    }
    .dialog_box {
       font-family:        tahoma, arial,helvetica,verdana;
       font-size:          12px;
       font-weight:        normal;
       background-color:   #ECE9D8;
       color:   	   blue;
       text-decoration:    none;
    }
    .dialog_button {
       font-family:        tahoma, arial,helvetica,verdana;
       font-size:          12px;
       font-weight:        normal;
       color:              black;
       background-color:   #ECE9D8;
       text-decoration:    none;
    }
     .menu_header {
       font-family:        arial,helvetica,verdana;
       font-size:          11px;
       font-weight:        bold;
       color:              #000000;
       background-color:   #ffffff;
       text-decoration:    none;
       border:             0;
    }
     .menu_item {
       font-family:        arial,helvetica,verdana;
       font-size:          11px;
       font-weight:        bold;
       color:              #6666cc;
       background-color:   #ffffff;
       text-decoration:    none;
       border:             0;
    }
     .small {
       font-family:        arial,helvetica,verdana;
       font-size:          12px;
       font-weight:        bold;
       text-decoration:    none;
       border:             0;
    }
     .wtd_header3 {
       font-family:        arial,helvetica,verdana;
       font-size:          14px;
       color:              #ffffff;
    }
     .mid_table {
       border-color:   	   #999966;
       border:             2;
       border-right-style: none;
       border-bottom-style: solid;
       border-top-style: none;
       border-left-style: solid;
    }
     .error_text {
       color:              red;
       font-size:          20px;
    }
     .PopUp {
       border-color:   	    black;
       border:              1;
       border-right-style:  solid;
       border-bottom-style: solid;
       border-top-style:    solid;
       border-left-style:   solid;
       background-color:    InfoBackground;

    }
     .application_header {
       font-family:        arial,helvetica,verdana;
       font-size:          14px;
       font-weight:        normal;
       background-color:   #bbffe0;
       color:   	   	   blue;
       text-decoration:    none;
       border:		   1 solid silver;
       border-color:	   #999999;
       border-width:       1px 1px 0px 0px;
       background-color:   #e4f7e4;
       }
    .application_item {
       font-family:        arial,helvetica,verdana;
       font-size:          12px;
       font-weight:        normal;
       color:   	   blue;
       text-decoration:    none;
       border:		   1 solid silver;
       border-color:	   #999999;
       border-width:       1px 1px 1px 1px;
      }
    .fillerday {
       font-family:        arial,helvetica,verdana;
       font-size:          12px;
       font-weight:        normal;
       color:   	   blue;
       text-decoration:    none;
       border:		   1 solid silver;
       border-color:	   #999999;
       border-width:       1px 0px 0px 0px;
      }      
    .day_number {
       font-family:        arial,helvetica,verdana;
       font-size:          14px;
       font-weight:        bold;
       color:   	   blue;
       text-decoration:    none;
       border:		   1 solid silver;
       border-color:	   #999999;
       border-width:       1px 0px 0px 1px;
      }      
    .date_header {
       font-family:        tahoma, arial,helvetica,verdana;
       font-size:          12px;
       font-weight:        normal;
       color:   	   blue;
       text-decoration:    none;
       border:		   1 solid silver;
       border-color:	   #999999;
       border-width:       0px 0px 0px 0px;
       background-color:   #e4f7e4;
     }      
    .day_number_red {
       color:              red;
       font-size:          20px;    
       font-family:        arial,helvetica,verdana;
       font-weight:        normal;
       text-decoration:    none;
       border:		   1 solid silver;
       border-color:	   #999999;
       border-width:       1px 0px 0px 1px;
       background-color:   #e1e1e1;       
      }      
    .day_entry {
       font-family:        tahoma,arial,helvetica,verdana;
       font-size:          10px;
       font-weight:        normal;
       color:   	   blue;
       text-decoration:    none;
       border:		   1 solid silver;
       border-color:	   #999999;
       border-width:       0px 0px 1px 0px;
      }      
    .calendartable {
       font-family:        tahoma,arial,helvetica,verdana;
       font-size:          10px;
       font-weight:        normal;
       color:   	   blue;
       text-decoration:    none;
       border:		   1 solid silver;
       border-color:	   #999999;
       border-width:       1px 1px 1px 1px;
      }      
      
    .application_item_row {
       font-family:        arial,helvetica,verdana;
       font-size:          10px;
       font-weight:        normal;
       background-color:   #557733;
       color:   	   blue;
       text-decoration:    none;
       border:		   1;
       border-right-style: none;
       border-bottom-style: solid;
       border-top-style:   none;
       border-left-style:  solid;

      }
    .table_class {
       border:	           1;
       border-color:	   grey;
       border-right-style: solid;
       border-bottom-style: solid;
       border-top-style:   solid;
       border-left-style:  solid;

      }
    .table_header {
       font-family:        arial,helvetica,verdana;
       font-size:          12px;
       font-weight:        normal;
       color:              maroon;
       text-decoration:    none;
       border:             1;
       border-bottom-style: solid;
       border-color: black;
    }

    .selector {
       font-family:        arial,helvetica,verdana;
       font-size:          12px;
       font-weight:        normal;
       color:              #000000;
       width:		   35px;
       height:             50px;
       background-color:   InfoBackground;
       text-decoration:    none;
       border: 		   0;
    }

     .log_table { 
	margin: 0px;
	padding: 0px;
      }
     .log_table TD { 
	padding: 1x 2px 1px 2px;
	margin: 0px;
      }
.log_cell {
        font-family:       Tahoma, Arial, Helvetica; 
        font-size:         8pt; 
        font-weight:       normal;
        text-decoration:   none; 
	color: #000000;
      }
.log_cell_hours {
        font-family:       Tahoma, Arial, Helvetica; 
        font-size:         8pt; 
        font-weight:       normal;
        text-decoration:   none; 
	color: #000000;
	text-align: right;
      }
input.input_log_hours {
	text-align: right;
	font-weight: bold;
	}
.log_cell_total {
       font-family:       Tahoma, Arial, Helvetica; 
        font-size:         8pt; 
        font-weight:       bold;
        text-decoration:   none; 
	color: #003366;
	background-color:  #e6e6e6;
 	}
.log_cell_total_hours {
       font-family:       Tahoma, Arial, Helvetica; 
        font-size:         8pt; 
        font-weight:       bold;
        text-decoration:   none; 
	color: #003366;
	background-color:  #e6e6e6;
	text-align: center;
}	
      
     .log_cellnu { 
        font-family:       Tahoma, Arial, Helvetica; 
        font-size:         11px;
        font-weight:       normal; 
        text-decoration:   none;
        border: 0;
      }
      
     .log_body {
        color:             blue;
        font-family:       Tahoma, Arial, Helvetica; 
        font-size:         10px;
        font-weight:       normal;
        text-decoration:   none;
        border:            0;
      }
      
.log_header { 
        font-family:       Tahoma, Arial, Helvetica;
        font-size:         8pt;
        font-weight:       bold;
        color:             #003366; 
        background-color:  #cccc99; 
        text-decoration:   none;
        border-bottom:     1px solid #003366;
        border-top:        1px solid #003366;
     }

.log_top_header {
        font-family:       Tahoma, Arial, Helvetica;
        font-size:         8pt;
        font-weight:       bold;
        color:             #FFFFFF; 
        background-color:  #336699; 
        text-decoration:   none;
}	
     .working_date {
     	border:            2px outset #cccc99;
	background-color:  #003366;
	color:             #cccc99;
	width:	           85px;
	text-align:	center;
	font-family:       Tahoma, Arial, Helvetica; 
	font-size:         10px; 
	font-weight:       normal;
     }
     
    .working_date_title {
	color:             #666666;
	text-decoration:   none;
	font-family:       Tahoma, Arial, Helvetica;
	font-size:         8pt;
	font-weight:       normal;
	}     
.log_checkbox_column {
	text-align: center;
	}
    .log_hours_frame {
       font-family:        tahoma,arial,helvetica,verdana;
       font-size:          10px;
       font-weight:        normal;
       color:   	   blue;
       text-decoration:    none;
       border:		   1 solid blue;
       position:           absolute;
      }    
      
    .log_entry_form_class {
       border:             1px solid blue;
       background-color:   #F1F1F1;
       color:              black;
       border-color:       black;
       border-width:       0px 1px 1px 0;
       border-style:       solid;
/*       width:	           150px; */
       position:           absolute;
       text-decoration:    none;
      }   
      
    .log_entry_form_line {
       border-color:       #F1F1F1;
       border-width:       1px;
       border-style:       solid;
       color:              black;
       font-family:        Tahoma, Verdana, Arial, Helvetica;
       font-size:          70%;
       padding-left:       6px;
       padding-right:      6px;
       padding-top:        1px;
       cursor:             hand;
       text-decoration:    none;
      }
.log_entry_popup_title {
	float: left;
	}
.log_entry_popup_closer {
	float:right;
	}
input.log_entry_button {
	border: #003366 1px solid;
	margin: 2px;
	padding: 0px;
	color: #003366;
	font-size: 8pt;
	font-weight: bold;
}
input.input_invisible {
	border: none;
	padding-left: 1px;
	}
input.input_invisible_right {
	text-align: right;
	background-color: #cccc99;
	color: #003366;
	font-weight: bold;
	border: none;
	}
    .log_entry_form_input {
       border-color:       #c1c1c1;
       border-width:       1px;
       border-style:       solid;
       color:              #000000;
       font-family:        Tahoma, Verdana, Arial, Helvetica;
       width:	           150px;
       text-decoration:    none;
     }
	
    .log_entry_form_input_nw {
       border-color:       #c1c1c1;
       border-width:       1px;
       border-style:       solid;
       font-family:        Tahoma, Verdana, Arial, Helvetica;
       text-decoration:    none;
     }
     
     .CellHighlight {
       border:            1 solid blue;
       position:          absolute;
     }
     
     .CellEdit {
       font-family:        arial,helvetica,verdana;
       font-size:          12px;
       font-weight:        normal;
       color:              blue;
       background-color:   yellow;
       text-decoration:    none;
       border:             0;
       maxlength:          5;
       size:               5;
       position:           absolute;
       }
 .small_blue {
       font-family:        arial,helvetica,verdana;
       font-size:          12px;
       font-weight:        normal;
       color:              blue;
       text-decoration:    none;
    }       
    
    
     .site_header {
       font-family:        garamond,times,arial,helvetica,verdana;
       font-size:          30px;
       font-weight:        normal;
       color:              #000000;
       border:             0;
    }

     .site_detail {
       font-family:        lucinda,times,arial,helvetica,verdana;
       font-size:          15px;
       font-weight:        normal;
       color:              #000000;
       background-color:   #999966;
       border:             0;
    }

.fadeoutdiv {
	position:absolute;
	left:188px;
	top:100px;
	background-color:#ECE9D8;
	border:solid;
	border-width:1;
	border-color:#000000;
	z-index:100;
}


     .Style1 {
       font-family:Garamond;
       font-size:36px;
    }
      .Style2 {
        font-family:Tahoma;
    }