/* CFS Portal style sheet */

/* HTML tag styles */

td, th, table, div, input, select {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	color: #333;
	font-size: 11px;
}
th {
	background-image: url(images/BGChromeButton.gif);
	background-repeat: repeat-x;
	background-color: #E6EBF1;
	color: #336;
	font-weight: bold;
	height : 20px;
	padding: 2px 2px 3px 5px ;
	border-top: 1px solid #CFD7DE;
	border-left: 1px solid #FFF;
	border-right: 1px solid #A1B2C6;
	border-bottom: 1px solid #A1B2C6; 
	text-align: left;
}
a:link, a.chromebarlink:link, a.chromebarlink:visited {
	color: #036;
	font-weight: normal;
	text-decoration: underline;
}
a:hover, a.chromebarlink:hover {
	text-decoration: none;
	color: #C00;
}
a:visited {
	color: #000;
	font-weight: normal;
}
body {
	background-color: #FFF;
	color: #336;
	font-family : Arial, Helvetica, sans-serif, Verdana;
	font-size : 11px;
	font-style : normal;
	font-weight : normal;
	line-height : normal;
	margin : 0px;
	text-decoration : none;
	text-align: center;
}
h1 {
	color : #000;
	font-size : 17px;
	font-weight : bold;
}
h2 {
	color : #C00;
	font-size : 12px;
	font-weight : bold;
}
h3 {
	color : #000;
	font-size : 11px;
	font-weight : bold;
}
hr {
	color : #99C;
	height : 1px;
}
ol {
	font-size : 11px;
	line-height : 16px;
	list-style-type : decimal;
}
p {
	font-size : 11px;
	line-height : 16px;
	text-decoration : none;
}
ul {
	font-size : 11px;
	list-style-type : square;
}
form {
	margin: 0px;
	padding: 0px;
}



/* ---- CUSTOM STYLES ---- */

/* Page layout */

.frame {
	width: 742px;
	margin-right: auto;
	margin-left:  auto;
	margin-top: 0px;
	padding: 0px;
	text-align: left;			
}
.footer {
	width: 742px;
	clear: both;
	margin-top: 6px;
	background-repeat: repeat-x;
	height: 21px;
	padding: 0px;
	font-size: 11px;
	background-image: url(images/BGChromeRed.gif);
	background-color: #F00;
	border-right: 1px solid #900;
	color: #F99;	
	text-transform: uppercase;
	text-align: center;		
}
.leftcol {
	float: left;
	width: 270px;
	margin-top: 6px;
	padding: 0px;
	vertical-align: top;
	text-align: left;
	margin-right: 6px;		
}
.rightcol {
	float: left;
	width: 466px;
	margin-top: 6px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}
.singlecol {
	width: 742px;
	margin-top: 6px;
	padding: 0px;
	vertical-align: top;
	text-align: left;		
}



/* Navigation bars */

a.topnav, a.topnav:link, a.topnav:visited, .topnavon, .topnavoff {
	display : inline;
	font-size : 11px;
	padding : 4px 10px 2px 10px;
	border-left: 1px solid #FF0000;
	border-right: 1px solid #B70000;	
	height: 19px;
	text-decoration : none;
	text-transform: uppercase;
	text-align: center;	
	color : #EDD;
	font-weight: bold;	
}
a.topnav:hover, .topnavon {
	background-position: 0px 1px;
	background-image: url(images/BGStripesRedPressed.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #900;
	border-right: 1px solid #B70000;		
	color : #FC0;	
}
.topnavoff {
	color: #F99;
}
.topnavbar {
	background-repeat: repeat-x;
	height: 21px;
	padding: 0px;
	font-size: 11px;
	background-image: url(images/BGChromeRed.gif);
	background-color: #F00;
	border-right: 1px solid #900;
	color: #EDD;	
	text-transform: uppercase;
	text-align: center;
}
a.subnav, a.subnav:link, a.subnav:visited, .subnavon, .subnavoff {
	display : inline;
	font-size : 11px;
	border-left: 1px solid #CF0000;
	border-right: 1px solid #B70000;
	padding : 4px 10px 2px 10px;
	height: 19px;
	text-decoration : none;
	text-transform: uppercase;
	text-align: center;	
	color : #EDD;
	font-weight: bold;
	white-space: pre;
}
a.subnav:hover, .subnavon {
	background-position: 0px 1px;
	background-image: url(images/BGStripesRedPressed.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #900;
	border-right: 1px solid #B70000;	
	color : #FC0;		
}
.subnavbar {
	width: 742px;
	border-left: 1px solid #CF0000;
	border-right: 1px solid #900;
	border-bottom: 1px solid #C70000; 
	height: 21px;
	padding: 0px;
	font-size: 11px;
	background-position: 0px 0px;
	background-image: url(images/BGStripesRed.gif);
	background-repeat: repeat-x;
	background-color: #D00;
	color: #EDD;	
	text-transform: uppercase;
	text-align: center;
}
a.chromenav, a.chromenav:link, a.chromenav:visited, .chromenavon, .chromenavoff {
	display : inline;
	font-size : 11px;
	border-left: 1px solid #CFD7DE;
	border-right: 1px solid #CFD7DE;
	padding : 4px 10px 2px 10px;
	height: 19px;
	text-decoration : none;
	text-transform: uppercase;
	text-align: center;	
	color : #7F95AF;
	font-weight: bold;
	white-space: pre;
}
a.chromenav:hover, .chromenavon {
	background-position: 0px 1px;
	background-image: url(images/BGStripesChromeDark1x2.gif);
	border-left: 1px solid #A1B2C6;
	border-right: 1px solid #CFD7DE;	
	color : #336;		
}
.chromenavbar {
	width: 742px;
	border-left: 1px solid #CFD7DE;
	border-right: 1px solid #CFD7DE;
	border-bottom: 1px solid #CFD7DE; 
	height: 21px;
	padding: 0px;
	font-size: 11px;
	background-position: 0px 1px;
	background-image: url(images/BGStripesChrome1x2.gif);
	background-color: #E6EBF1;
	color: #336;	
	text-transform: uppercase;
	text-align: center;
}


/* Form elements */

.button {
	background-image: url(images/BGChromeButton.gif);
	background-repeat: repeat-x;
	background-position: 0px -1px;
	background-color: #E6EBF1;
	border-top: 1px solid #CFD7DE;
	border-left: 1px solid #CFD7DE;
	border-right: 1px solid #A1B2C6;
	border-bottom: 1px solid #A1B2C6; 
	color: #336;
	font-weight: bold;
	height : 21px;
	padding: 2px;
	letter-spacing : 0px;
	vertical-align : middle;
	cursor: hand;	
	margin: 0px;
}
a.button, a.button:link, a.button:visited, a.button:active, a.button:hover {
	background-image: url(images/BGChromeButton.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-color: #E6EBF1;
	border-top: 1px solid #CFD7DE;
	border-left: 1px solid #CFD7DE;
	border-right: 1px solid #A1B2C6;
	border-bottom: 1px solid #A1B2C6; 
	color: #336;
	font-weight: bold;
	height : 20px;
	padding: 2px 8px 1px 8px;
	letter-spacing : 0px;
	vertical-align : top;
	cursor: hand;	
	margin: 0px;
	text-decoration: none;
}
.formbutton {
	text-align: right;
	height: 23px;
}
.formrow {
	clear: both;
	margin-bottom: 8px;
	vertical-align: absmiddle;
}
.inputbox {
	border: 1px solid #CFD7DE;
	background-color: #FFF;
}
.formleftcol {
	float: left;
	width: 156px;
	margin-top: 6px;
	padding: 0px;
	vertical-align: top;
	text-align: left;
	margin-right: 6px;	
	font-weight: bold;	
}
.formrightcol {
	float: left;
	width: 564px;
	margin-top: 6px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}
.spacer { 
	clear: both; 
	font-size: 1px;
	width: 1px;
	height: 1px;
	margin: -8px 0px 0px 0px;
	padding: 0px;
}
.boxspacer {
	height: 8px;
	font-size: 1px;
}



/* Boxes, text styles, etc */

a.redbarlink:link, a.redbarlink:visited {
	color: #FFF;
	text-decoration: none;	
	text-transform: uppercase;
}
a.redbarlink:hover, a.redbarlink:active {
	color: #FC0;
}
.chromebar, .redbar {
	background-repeat: no-repeat;
	height: 20px;
	padding: 4px 2px 2px 20px;
	font-size: 11px;
	font-weight: bold;
}
.chromebar {
	background-image: url(images/BGChrome.gif);
	background-color: #E6EBF1;
	border-right: 1px solid #A1B2C6;
	border-bottom: 1px solid #A1B2C6; 
	color: #336;
}
.chromebox {
	border-left: 1px solid #CFD7DE;
	border-right: 1px solid #CFD7DE;
	border-bottom: 1px solid #CFD7DE; 
	padding: 8px;	
	line-height : 16px;
}
.chromeboxfull {
 	border: 1px solid #CFD7DE;
} 
.newsstory {
	margin-bottom: 8px;
	padding-bottom: 8px; 
	border-bottom: 1px solid #CFD7DE;
}
.newsdate {
	color: #7F95AF;
}
.redbar {
	background-image: url(images/BGChromeRed.gif);
	background-color: #F00;
	border-right: 1px solid #900;
	border-bottom: 1px solid #900;
	color: #FFF;
}
.redbox {
	border-left: 1px solid #CC0000;
	border-right: 1px solid #CC0000;
	border-bottom: 1px solid #CC0000;
	padding: 8px;
	line-height : 16px;
}
.redboxfull {
	border: 1px solid #CC0000;
}
.datatable {
	border-left: 1px solid #CFD7DE;
}
.datatablecell {
	border-right: 1px solid #CFD7DE;
	border-bottom: 1px solid #CFD7DE; 
	padding: 8px;
	vertical-align: top;
}
.datatablerow, .questionrow  {
	background-image: url(images/BGStripesChrome1x2.gif);
	background-position: 0px 1px;
	border-right: 1px solid #CFD7DE;
	border-bottom: 1px solid #CFD7DE; 
	padding: 3px 2px 2px 5px;
	vertical-align: top;
	font-weight: bold;
	color: #336;
	height: 21px;
}
.questionrow {
	border-left: 1px solid #CFD7DE;
}

/* Calendar */

.calendarbox1, .calendarbox2, .calendarbox3, .calendarboxnone, .calendardays {
	width: 102px;
	vertical-align: top;
	padding: 6px;
}
.calendarbox1 {
	background-image: url(images/BGStripesChromeDark1x2.gif);
	border-top: 1px solid #E6EBF1;
	border-left: 1px solid #E6EBF1;
	border-right: 1px solid #CFD7DE;
	border-bottom: 1px solid #CFD7DE;
	background-color: #E6EBF1; 
}
.calendarbox2 {
	background-image: url(images/BGStripesChrome1x2.gif);
	border-top: 1px solid #E6EBF1;
	border-left: 1px solid #E6EBF1;
	border-right: 1px solid #CFD7DE;
	border-bottom: 1px solid #CFD7DE;
	background-color: #E6EBF1;
}
.calendarbox3, .calendarboxnone {
	border-top: 1px solid #E6EBF1;
	border-left: 1px solid #E6EBF1;
	border-right: 1px solid #CFD7DE;
	border-bottom: 1px solid #CFD7DE; 
}
.calendardays {
	background-image: url(images/BGChromeButton.gif);
	background-repeat: repeat-x;
	background-color: #E6EBF1;
	color: #336;
	font-weight: bold;
	height : 20px;
	padding: 2px 2px 3px 5px;
	border-top: 1px solid #CFD7DE;
	border-left: 1px solid #FFF;
	border-right: 1px solid #CFD7DE;
	border-bottom: 1px solid #CFD7DE; 
}
.calendardate {
	color: #A1B2C6;
	font-weight: bold;
}
.calendardatetraining {
	color: #C00;
	font-weight: bold;
}
.calendardateevents {
	color: #336;
	font-weight: bold;
}