html, body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-color:#ffffff;
}

body {
 	font-family : trebuchet ms,arial narrow, arial ;
 	font-size : 11px;
	color : #060808;
	width:800px;
	text-align:left;
	margin:4px auto;
}
	

a { color: #0C5348; text-decoration:none; }
a:visited { color: #0C5348;  }
a:hover { text-decoration:underline; }

img { border:0px; }

hr {
	background-color:silver;
	border-width:0px;
	height:1px;
	margin:5px 0px;
	clear:both;
}


p {
	margin-top:0;
	}


h1, .head  	{
 	color : #009FB4;
 	font-family: trebuchet ms,arial narrow, arial;
	font-size : 19px;
 	font-weight : bold;
	line-height:100%;
	margin:0px 0px 6px 0px;
	}

h2, .home2 {
	margin:0px 0px 6px 0px;
 	font-family: trebuchet ms,arial narrow, arial;
	font-weight: bold;
	color: #25705D;
	font-size:13px;
	/* text-decoration: underline; */
	}

h3, .home2 {
	font-weight: bold;
	font-size:12pt;
	margin-bottom:10px;
	color:#0C5348;
	}

input, select {
 	font-family : arial, helvetica;
	font-size : 10pt;
	font-weight:normal;
}	
	
.input {
	width:200px;
	}

textarea {
 	font-family : courier new, monospaced;
	font-size : 8pt;
	width:400px
 	}

.button {
 	font-family : arial;
	font-size : 12px;
	color:black;
	}
 
.dwarf {
	font-family : arial;
	font-size : 10px;
	font-weight:normal;
	line-height: normal;
	letter-spacing:normal;
	}




table {
	border-spacing:0px;
	border-collapse:collapse;
}


table.data {
	width:100%;
}

table.data tbody td {
	border-width:1px 0px;
	border-color:#D6C555;
	border-style:dotted;
}

table.data .tdlabel {
	background-color:#FCF9C8;
}


td, th {
	padding:4px;
	font-size:10pt;
	text-align:left;
}

td.numeric, th.numeric {
	text-align:right;
}

thead, tfoot {
	font-size:10px;
}



table.form {
	border:solid #F7E6BF;
	border-width:2px 0;
	margin-bottom:10px;
}

table.form td {
	border:1px solid #B8BE55;
	border-width:1px 0;
	background-color:#0C5348;
}

table.form th {
	width:170px;
	text-align:right;
	padding-right:10px;
}



.trlabel, .tdlabel, .cell, .cell2, .odd, .even {
 	font-family : arial narrow, arial;
 	letter-spacing:normal;
	font-size : 10pt;
}

.trlabel, thead th  {
	font-weight: bold;
	font-size: 12pt;
	color: #F7E6BF;
	background-color:#0C5348;
	}
	
.tdlabel, tbody th  {
	border:1px solid #B8BE55;
	border-width:1px 0;
	font-weight: bold;
	color:#DEE1A9;
	background-color:#0C5348;
	}
	
.cell, .odd  {
	color:#0C5348;
	background-color: #DCE269;
	}
	
.cell2, .even  {
	color:#0C5348;
	background-color: #B9BF47;
	}
	
.box  {
 	font-family : verdana,arial,helvetica;
 	font-size:10px;
	font-weight:normal;
	letter-spacing:0px;
	}
	
.error {
	color: white;
	font-weight:bold;
	background-color:#D82816 !important;
	}
	
th.error {
	background-color:#D82816 !important;
	color:white;
}
	
.hand {
	cursor:pointer;
	cursor:hand;
}


.odd a, .even a { color:white; text-decoration:underline; }


img.header { margin-bottom: 15px; }

.infoBar { float:right; margin-right:20px; font-size:smaller; text-align:center; z-index:300; }
.shapeIcon { margin:1px 3px; float:right; }
.orderEntryPanel { padding:0; border:0; font-size:10pt; background:url(../image/bg-orderEntry.gif) no-repeat; color:black; }
.orderEntryPanel td { font-size:9pt; background-color:#ABDCE2; }
.orderEntryPanel h1 { margin:0px; font-size:small; color:black; }
.orderEntryPanel h2 { margin:0px; font-size:smaller; color:black; }
.orderEntryPanel .button { font-size:smaller; }
.orderEntryPanel .error { color:red; background-color:#FCF06D !important; }
.selectedRow { background-color:#B9F6FF; color:#000000; }
.itemInOrder { background:url(../image/bg-checkedicon.gif); border-color:#21AE15; }


div#orderSummary td, div#orderSummary th {
	padding:2px;
	font-size:9pt;
	border:0px;
	color:#0C5348;
	border-bottom:1px solid #919734;
}

div#orderSummary th {
	padding-right:4px;
	background-color:transparent;
}


div.clear {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}

#nextprev {
	clear:both;
	margin:10px 0px;
	font-family:arial;
	font-size:90%;
	color:gray;
}

.highlight { color:red !important; }


div.autocomplete {
  position:absolute;
  width:450px;
  background-color:#80D6E1;
  border:1px solid #009FB4;
  margin:0px;
  padding:0px;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #009FB4; color:#000000;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:22px;
  cursor:pointer;
  color:#000000;
}

div.autocomplete ul li .informal { font-weight: bold; }

div.clear {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}

div.callout1 { float:right; margin-left:20px; margin-bottom:20px; width:270px; background:url(../image/recentProgramsBox-top.gif) top no-repeat; padding-top:20px; }
div.callout2 { margin:0px; padding-bottom:30px; background:url(../image/recentProgramsBox-bot.gif) bottom no-repeat; }
div.callout3 { margin:0px; padding:5px 10px; background:url(../image/recentProgramsBox-bg.gif) repeat-y; }


#tabbedNav { line-height:normal; border-bottom:2px solid #5DC0CD; }
#tabbedNav ul { margin:0; padding:0; list-style:none; padding:0px 20px; }
#tabbedNav li { float:left; margin:0; padding:0; background:url("../image/tab-right.gif") no-repeat right top; }
#tabbedNav a { display:block; background:url("../image/tab-left.gif") no-repeat left top; padding:6px 15px 2px; font-size:95%; font-weight:bold; color:#DCE269; text-decoration:none; }
#tabbedNav a:hover { color:white; }
#tabbedNav .current { background-image:url("../image/tab-right-on.gif"); }
#tabbedNav .current a { background-image:url("../image/tab-left-on.gif"); padding-bottom:3px; color:white; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {height: 1%;}

