/* colortheme: '#639e12 - #016b52' */
div {
color: #444444;
}
div.midiv {
border: 1px black dashed;
}
img {
border-style: none;
margin: 0.1em;
margin-bottom: 1em;
}

/* Standard Stuff */
body{ margin:0; padding:0; font-family: sans-serif; color: black; min-width: 200px;}
form{ margin:0; padding:0; }
img{border:0;}
table{border-collapse: collapse; margin: 0; padding:0;}
td{vertical-align: top;}
a{color: #2b3e73; text-decoration: none;}
a:hover{text-decoration: underline;}
a div{cursor: pointer;}
/*hr{border: #016b52;} */
ul.ul_nondescript{ margin:0; padding:0; list-style:none;}
ul.ul_nondescript li{ margin:0; padding:0.2em 0;}
input, textarea, select{ 
	color: black; font-size: 1em; line-height: 1.3em; padding: 0.1em;
	border-top: 1px solid #7c7c7c; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-bottom: 1px solid #ddd; margin: 0.1em; 
	background: #eeeeee url('/cce/img/fieldbg.gif') repeat-x top;
}
.submit{background: #eeeeee; margin: 0.5em;}

/* Main Layout */
body{ background-color: white; margin-top: 1.2em; font-size: 9.6pt; line-height: 1.15em;}

#top{ background: #639e12; padding: 0; margin: 0; text-align: center; border: 1px solid #016b52; border-left: none; border-right: none; }
#top div{ margin: auto; text-align: center;}

#top div h1{ text-align: center; margin: 0; padding:0; text-decoration: none;}
#top div h1 a{ text-decoration: none; color: black;}
#top div span{ font-weight: bold; }

#top div #tabs{ margin-top: 1em; height: 21px;}
#top div #tabs a { color: #666666; font-size: 12px; }
#top div #tabs a:hover span{ border: 1px solid red; border-bottom: none;}
#top div #tabs span{display: block; width: 30px; background: #f0f0f0; float: right; text-align: center; height: 12px; padding: 4px; border: 1px solid #016b52; border-bottom: none; text-decoration: none; margin-left: 1px; margin-right: 1px;}
#top div #tabs span.narrow{width: 20px;}
#top div #tabs span.selected{background: white; color: #666666; border: 1px solid #016b52; border-bottom: 1px solid white;}
#top div #tabs a:hover span.selected{ border: 1px solid blue; border-bottom: 1px solid white;}

#contentContainer{margin: 1em; text-align: center; }
#contentContainer #content{ margin: 0.5em auto; text-align: left; width: 95%;}
#contentContainer #content #contentInner{ padding: 6px 15px; background: white; border: #639e12 solid 1px; }

#footerContainer{text-align: center;}
#footerContainer #footer{margin: auto; text-align: center; width: 50em; font-weight: bold; padding: 0.5em 0; font-size: 0.9em;}

#chips {
padding-right: 6em;
padding-bottom: 0.1em;
}

/* Content */

h2{margin: 0.4em 0;}
h3,h4,h5,h6{margin: 0.4em 0;}

.half{width:49%;}
.third{width:33%;}

.hilighttable{ border-collapse: collapse;}
.hilighttable th{border-bottom: 1px solid #555; padding: 0.2em 0.5em; vertical-align: bottom;}
.hilighttable td{border-bottom: 1px solid #555; padding: 0.3em 0.5em 0.2em 0.5em; vertical-align: top;}

.gray{color: gray;}
.red{color: red;}
.blue{color: blue;}
.green{color: green;}
.bold{font-weight: bold;}
.left{float: left;}
.right{float: right; padding-right: 3em;}
.small{font-size: 80%;}
.clearall{clear: both;}
.clearleft{clear: left;}
.bgtint{background: #ECF3F9;}
.center{text-align:center;}
.hilight_gray{background: #D9D9D9;}
.padd{padding: 0.5em;}
.floatright { float: right; }

/* calendar style */
table.calendar {border: 0}
table.calendar td, th {text-align: center; border: 0}
table.calendar th {height: 10px; font-size: 7pt;}
table.calendar td {width: 19px; height: 10px; font-size: 9pt;}
table.calendar .calendar-month {font-weight: bold; margin-top: 3px; font-size: 12pt; text-align: center}
table.calendar .calendar-month a{text-decoration: none}
table.calendar .calendar-prev, table.calendar .calendar-next {font-weight: normal;}
table.calendar th {color: green; text-align: center;}
table.calendar td.linked-day {font-size: 11pt}

table.prevnext {width: 100%; margin-top: .3em;}
table.prevnext td{
	font-size: smaller;
}
table.prevnext td a{text-decoration: none}

#buttonslot{ padding: 1em; text-align: center;}
#buttonslot div #button a { text-decoration: none; color: #666666; font-size: 12px; }
#buttonslot div #button a:hover span{ border: 1px solid #639e12;}
#buttonslot div #button span{display: block; width: 100px; background: #f0f0f0; text-align: center; height: 12px; padding: 0.30em; border: 1px solid #639e12; text-decoration: none; margin-left: 2px; margin-right: 2px;}
#buttonslot div #button span.selected{background: #639e12; color: white; border: 1px solid #639e12;}
#buttonslot div #button a:hover span.selected{ background: #639e12; border: 1px solid #639e12;}

#buttonslot #hilighttable{ border-collapse: collapse;}
#buttonslot #hilighttable td{border-left: 1px solid #555; border-bottom: 1px solid #555; padding: 0.3em 0.5em 0.2em 0.5em; vertical-align: top;}

#button a { text-decoration: none; color: #666666; font-size: 12px; }
#button a:hover span{ border: 1px solid #639e12;}
#button span{display: block; width: 100px; background: #f0f0f0; text-align: center; height: 12px; padding: 0.30em; border: 1px solid #639e12; text-decoration: none; margin-left: 2px; margin-right: 2px;}
#button span.selected{background: #639e12; color: white; border: 1px solid #639e12;}
#button a:hover span.selected{ background: #639e12; border: 1px solid #639e12;}

tr.disabled{ background: gray; }

img.switchOFF {
	border:	0px solid;
	vertical-align: top;
	cursor: pointer;
}
img.switchON {
	border:	0px solid;
	vertical-align: top;
	opacity:.50;
	cursor: pointer;
}


img.unselected
{
	border:	 0px solid;
	vertical-align: top;
	cursor: pointer;
}

img.selected
{	
	opacity:.10;
	vertical-align: top;
	cursor: pointer;
}

img.navicon
{
	margin: 0;
	padding: 0;
}

img.plaque
{
	margin: 1em;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0;
	vertical-align: top;
	float: right;
}

img.inline
{
	margin: 0px;
	margin-right: 1em;
	vertical-align: top;
	float: left;
}

span.colorchip
{
	display: block;
	margin: 0.5em;
	padding: 0;
	width: 25px;
	height: 25px;
        float: right;
}