#cecContainer {
	padding:0px;
	width:442px;
}

#cecTop {
	background: url('/display/images/cecskintop.png');
	background-repeat:no-repeat;
	width:100%;
	height:27px;
	float:left;
}

#cecContents {
	background: url('/display/images/cecskintile.png');
	background-repeat:repeat-y;
	width:100%;
	float:left;
	font-family:Verdana, Arial, sans-serif;
	font-weight:normal;
	font-size:10px;
	line-height:105%;
	text-align:left;
}

#cecFormContainer {
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:0px;
	width:100%;
}

#cecForm {
	margin:0px; 
	padding:0px;
}

#cecBottom {
	background: url('/display/images/cecskinbottom.png');
	background-repeat:no-repeat;
	width:100%;
	height:33px;
	float:left;
}

#cecHeader {
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:15px;
	width:400px;
}

#cecGeneralDataContainer {
	width:400px;
	float:left;
	padding:0px 0px 5px 0px;
}

#cecCommuterTableContainer {
	width:395px;
	float:left;
	padding:5px 0px 0px 0px;
}

html>body #cecCommuterTableContainer {
	width:403px;
	float:left;
	padding:5px 0px 0px 0px;
}

#cecLinks {
	width:442px;
	font-family:Verdana, Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	font-style:normal;
	color: #AAA;
	text-decoration:normal;
	text-align:center;
}

/* edit this to change the appearance of the informational text in the calculator form. */
div.standardText {
	color:#000000;
	font-family:Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight:normal;
	font-style:normal;
	line-height:100%;
}

td.standardText {
	color:#000000;
	font-family:Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight:normal;
	font-style:normal;
	padding-left:3px;
}

/* edit this to change the appearance of the form element labels in the calculator form. */
div.cecLabel {
	padding-left:0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	margin:0px;
	float:left;
	width:295px;
}

span.cecLabel {
	font-family:verdana;
	font-weight:bold;
	font-size:10px;
	color:black;
}

span.disabledCecLabel {
	font-family:verdana;
	font-weight:bold;
	font-size:10px;
	color:#AAA;
}

div.cecInput {
	float:left;
	margin:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:3px;
	width:90px;
	font-family:verdana;
	font-weight:normal;
	font-size:10px;
	color:black;
}

div.cecInput input {
	border:1px solid #7B9EBD;
	width:75px;
	margin:0px;
}

#tollPanel {
	display:none;
	float:left;
	width:100%;
}

#cecButtons {
	padding-top:5px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	width:400px;
	text-align:center;
	float:left;
}

/* edit this to change the appearance of the "more info" hyperlinks in the form. */
span.linkText {
	color:#427DB5;
	font-family:Verdana, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	font-style:normal;	
}

div.CECCopyright {
	float:left;
	text-align:center;
	width:400px;
	padding-top:12px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	font-family:Verdana, Arial, sans-serif;
	font-weight:normal;
	font-size:10px;
	color:#000;
}

span.CECCopyright {
	font-family:verdana;
	font-weight:normal;
	font-size:10px;
	color:#AAA;
}

a.CECPoweredBy {
	font-family:verdana;
	font-weight:normal;
	font-size:10px;
	color:#AAA;
	text-decoration:none;
}

a.CECPoweredBy:visited {
	font-family:verdana;
	font-weight:normal;
	font-size:10px;
	color:#AAA;
	text-decoration:none;
}

a.CECPoweredBy:active {
	font-family:verdana;
	font-weight:normal;
	font-size:10px;
	color:#AAA;
	text-decoration:none;
}

a.CECPoweredBy:link {
	font-family:verdana;
	font-weight:normal;
	font-size:10px;
	color:#AAA;
	text-decoration:none;
}

a.CECPoweredBy:hover {
	font-family:verdana;
	font-weight:normal;
	font-size:10px;
	color:#AAA;
	text-decoration:none;
}

a.CECCopyright {
	font-family:Verdana, Arial, sans-serif;
	font-weight:bold;
	font-size:10px;
	color: #427DB5;
	font-style:normal;
	text-decoration:underline;
}

a.CECCopyright:link {
	font-family:Verdana, Arial, sans-serif;
	font-weight:bold;
	font-size:10px;
	color: #427DB5;
	font-style:normal;
	text-decoration:underline;
}

a.CECCopyright:active {
	font-family:Verdana, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
	color: #427DB5;
	text-decoration:underline;
}

a.CECCopyright:visited {
	font-family:Verdana, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
	color: #427DB5;
	text-decoration:underline;
}
	
a.CECCopyright:hover {
	font-family:Verdana, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
	color: #427DB5;
	text-decoration:underline;
}

a.cecLinkStyle {
	font-family:Verdana, Arial, sans-serif;
	font-weight:normal;
	font-size:10px;
	color: #AAA;
	font-style:normal;
	text-decoration:normal;
}

a.cecLinkStyle:link {
	font-family:Verdana, Arial, sans-serif;
	font-weight:normal;
	font-size:10px;
	color: #AAA;
	font-style:normal;
	text-decoration:normal;
}

a.cecLinkStyle:active {
	font-family:Verdana, Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	font-style:normal;
	color: #AAA;
	text-decoration:normal;
}

a.cecLinkStyle:visited {
	font-family:Verdana, Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	font-style:normal;
	color: #AAA;
	text-decoration:normal;
}
	
a.cecLinkStyle:hover {
	font-family:Verdana, Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	font-style:normal;
	color: ##000;
	text-decoration:underline;
}

.cecCommuterTable {
	border:1px solid #AAA;
	padding: 0px;
	border-spacing:0px;
	border-collapse:collapse;
	background-color:#DDD;
	width:100%;
}

.cecCommuterTableHeader {
	padding:3px;
	background-color:#EEE;
	border-bottom:1px solid #AAA;
	width:245px;
	color:#000000;
	font-family:Verdana, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
}

.cecCommuterTableHeaderBtn {
	padding:3px;
	background-color:#EEE;
	border-bottom:1px solid #AAA;
	text-align:right;
	width:115px;
}

.cecCommuterTableRow {
	padding:3px;
	background-color:#EEE;
	width:90%;
}

#commuteCalcDlg {
	border:1px solid #4275AD;
	z-index:5;
	position:absolute;
	width:600px;
	visibility:hidden;
	background-color:#EEEEEE; /* edit this to change the background color of the of the popup dialog box. */
	padding-bottom:3px;
}

#commuteCalcDlgHandle {
	background: #427DB5; /* edit this to change the color of the title bar of the popup dialog box. */
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
	text-align:left;
	vertical-align:middle;
	height:18px;
	width:100%;
	float:left;
}

html>body div.commuteCalcReportCell {
	float:left;
	width:635px;
	padding:0px;
	margin-left:5px;
	margin-top:5px;
	text-align:center;
	height:285px;
	border:1px solid black;
	background-color:#EEE;
}

div.commuteCalcReportCell {
	float:left;
	width:630px;
	padding:0px;
	margin-left:5px;
	margin-top:5px;
	text-align:center;
	height:285px;
	border:1px solid black;
	background-color:#EEE;
}

div.commuteCalcMoreInfoCell {
	float:left;
	width:345px;
	padding:0px;
	margin-left:5px;
	margin-top:5px;
	text-align:left;
	background-color:#EEE;
	font-family:Verdana, Arial, sans-serif;
	line-height:105%;
	font-size:10px;
	font-weight:normal;
}



#commuteCalcButtonCell {
	float:left;
	width:100%;
	padding-top:3px;
	text-align:center;
}

.cecPopupTitle {
	font-family:Verdana, Arial, sans-serif;
	line-height:105%;
	font-size:10px;
	font-weight:bold;
	color: #FFFFFF; /* edit this to change the color of the title bar text of the popup dialog box. */
	float:left;
	width:327px;
	padding-left:3px;
	padding-top:3px;
	vertical-align:middle;
}

.cecPopupClose {
	padding-right:2px;
	padding-top:0px;
	vertical-align:middle;
	float:right;
}

#commuterRecordDlg {
	border:1px solid #4275AD;
	z-index:3;
	position:absolute;
	width:400px;
	visibility:hidden;
	background-color:#EEEEEE;
	padding-bottom:3px;
}

#commuterRecordDlgHandle {
	background: #427DB5;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	text-align:left;
	vertical-align:middle;
	height:18px;
	width:100%;
	float:left;
}

#commuterRecordDlgContentPanel {
	font-family:Verdana, Arial, sans-serif;
	font-weight:normal;
	font-size:10px;
	line-height:100%;
	width:398px;
	float:left;
	padding-left:3px;
	padding-top:5px;
}

#commuterRecordDlgContentPanel b {
	font-family:Verdana, Arial, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:black;
}

#commuterRecordDlgButtonCell {
	text-align:center;
}

#cecTagLine {
	text-align:center;
	width:442px;
}

.cecCommuterRowHover {
	background-color: #FDFED8;
}

.cecCommuterRow {
	background-color: #DDD;
}

.cecErr {
	color:#BB0000;
}
