@charset "utf-8";
/* CSS Document */

/* Basic Layout START */
a:link { color: #FFF; }

a:active { color: #FFF; }

a:visited { color: #FFF; }

a:hover { color: #d5ffbc; }

.backgroundBox{
	text-align: center;
	padding-top: 5px;
	background: #B5D5E5;
	background-image: url(/images/tcoBG.png);
	background-position: top;
	background-repeat: repeat-x;
	margin: 0px;
}

body,td,th{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
input,select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
	color: #000066;
	border: 1px solid #C0C0C0;
}
.inputErr{
	color: #CC0000;
	border: 1px solid #CC0000;
	background-color: #FFE9E6;
}
.formErrorText{
	color: #CC0000;
	padding-left: 7px;
}
input{
	height: 15px;
}
.boxTitle{
	background-image: url(/images/smallHeaderBG.png);
	padding: 5px;
	height: 14px;
	border-bottom: 1px solid #2a4c17;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}
.boxTitleErr{
	background-image: url(/images/smallHeaderBGErr.png);
	border-bottom: 1px solid #500;
}
.areaTitle{
	padding: 5px;
	background-color: #EEE;
	border-bottom: 1px solid #CCC;
	float: left;
	font-weight: bold;
	width: 425px;
}
.headerDiv{
	background-image: url(/images/eTopGrad.png);
	background-repeat: repeat-x;
	height: auto;
	width: 100%;
	float: left;
	border-top: 1px solid #FFFFFF;
}
.totalLine{
	font-weight: bold;
	line-height: 22px;
}
.citation{
	font-size: 11px;
	color: #666;
}
.headerText{
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
.red{
	color: #CC0000;
}
.green{
	color: #009900;
}
.gray{
	color: #777;
}
.blue{
	color: #0000AA;
}
.labelText{
	line-height: 24px;
}
#pageContainer{
	margin: 0 auto;
    width: 901px;
	text-align: left;
}
a img{
	border: none;
}
.optionDiv{
	height: 35px;
	float: left;
	width: 435px;
}

.boxMain {
	background-color: #FFF;
	float: left;
	padding-top: 7px;
	padding-right: 7px;
	padding-left: 7px;
	border: 1px solid #ccc;
	-moz-border-radius:6px 6px 6px 6px;
	border-bottom-left-radius: 6px 6px;
	border-bottom-right-radius: 6px 6px;
	border-top-left-radius: 6px 6px;
	border-top-right-radius: 6px 6px;
}
/* Basic Layout END */

/* Custom Button START */
.btn{
	display:inline-block;
	background:none;
	margin: 0;
	padding: 5px 5px 5px 0px;
	border-width: 0;
	overflow:visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#222;
	cursor:pointer;
	cursor:hand;
	text-shadow:0 1px 0 #FFFFFF;
}
* html button.btn{
	padding-bottom:1px;
}
html:not([lang*=""]) button.btn{
	margin:0 -3px;
}
.btn span{
	background:#ddd url(/images/bg-button.gif) repeat-x 0 0;
	padding:3px 0px 3px 0px;
	border-top:2px solid #999;
	border-right:2px solid #888;
	border-bottom:2px solid #888;
	border-left:2px solid #999;
	-moz-border-radius:3px 3px 3px 3px;
	border-bottom-left-radius: 3px 3px;
	border-bottom-right-radius: 3px 3px;
	border-top-left-radius: 3px 3px;
	border-top-right-radius: 3px 3px;
}
* html .btn span{
	padding-top:0;
}
.btn span span{
	position:relative;
	padding:3px .4em;
	border-width:0;
}
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span{
	cursor:pointer; /* important for any clickable/pressable element */
	border-color:#5797ff !important;
}
.btn:active span{
	background-position:0 -400px;
	outline:none;
}
.btn:focus, .btn:active{
	outline:none; /* doesn't seem to be respected for <button>, only <a> */
}
/* Custom Button END */