TD.content{
		background-color: #6C6C6C;
		font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
		font-size : 12px;
		color : #FFFFFF;
		padding: 15 10 10 20;
	}

	.welcome{
		font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
		font-size : 16px;
		font-weight: bold;
		color : #000000;
		padding: 0 10 3 0;
	}

	TD.login{
		background: #000000;
		font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
		font-size : 12px;
		font-weight: bold;
		letter-spacing: 3px;
		color : #cc0000;
		padding: 3 10 3 10;
	}

	TD.loginBox{
		background: #4b4b4b;
		/*background-image: url(/Assets/images/OKTire/login_bkg.jpg); */
		background-repeat: no-repeat;
		font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
		font-size : 12px;
		color : #FFFFFF;
		/*padding: 0 10 0 10;*/
	}


	TD.topBkg{
	background-image: url(/Assets/images/topBg.gif);
	background-color: #ffffff;
	}

	TD.red{
	background-color: #000000;
	}

	TD.topBanner{
	background-image: url(/Assets/images/login_header.jpg);
	background-color: #000000;
	background-position: left top;
	background-repeat: no-repeat;
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size : 12px;
	color : #FFFF00;
	/*padding: 10 0 10 10;*/
	}

	TD.logo{
	/*background-image: url(/Assets/images/logo.jpg); */
	background-color: #A6A6A6;
	background-position: left top;
	background-repeat: no-repeat;
	}

	.newsTitle{
		font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
		font-size : 12px;
		font-weight: bold;
		color : #CC0000;
	}

	.boldText{
		font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
		font-size : 12px;
		font-weight: bold;
		color : #666666;
	}

body {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 12px;
	color: #666666;
	margin:0;
	height:100%;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
img {
		border:none;
}
/* ------------------------------------  Dashboard Page Links  -----------------------------------------*/
a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size: 12px;
	color:#CC0000;
}

a:hover{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 12px;
	color:#FF9900;

}
a.nav:link {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size: 12px;
	color: #000000;
}

a.nav:hover{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 12px;
	color: #CC0000;
}
a.login:visited {
	color: #FF9900;
}
/* ------------------------------------  Login Page Links  -----------------------------------------*/
a.login:link {
	color: #2E2E2E;
}
a.login:hover {
	color: #A6A6A6;
}
a.login:visited {
	color: #000000;
}

/* ------------------------------------  Login Page Links  -----------------------------------------*/
a.login2:link {
	color: #000000;
}
a.login2:hover {
	color: #6C6C6C;
}
a.login2:visited {
	color: #000000;
}
/* ------------------------------------  Header Area  -----------------------------------------*/
.headerArea {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	height:60px;
	text-align:left;
	width:auto;
	clear:both;
	z-index:2;
	background-color: #A6A6A6;
	background-image:url(../images/hdrbg.jpg);
	background-position: right center;
	background-repeat: no-repeat;
}

/*----- Tab links - Off State -----*/
.headerArea a.off {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	color: #666666;
	width:100px;
	height:24px;
}

.headerArea a.off:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	color: #FFFFFF;
}

/*----- Tab links - On State -----*/
.headerArea a.on {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	font-size: 12px;
	color: #FFFFFF;
	width:100px;
	height:24px;
}

.headerArea a.on:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	font-size: 12px;
	color: #FFFFFF;
}

/* --------------  Tabs  -------------*/

/* Holder for Tab elements */
.headerRight {
	float:left;
	position:relative;
	clear:right;
}

/* Holder for Tab elements */
.tabs {
	float: left;
	position:relative;
}


/* ----- Off State ----- */

/* Left */
.tabOffLeft {
	background-image:url(/Assets/images/headerTabOffLeft.gif);
	background-repeat:no-repeat;
	position:relative;
	width:10px;
	height:24px;
	float:left;
}

/* Center */
.tabOffCenter {
	background-image:url(/Assets/images/headerTabOffCenter.gif);
	background-repeat:repeat-x;
	position:relative;
	width:100px;
	height:24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:29px;
	float:left;
	text-align:center;
}

/* Right */
.tabOffRight {
	background-image:url(/Assets/images/headerTabOffRight.gif);
	background-repeat:no-repeat;
	position:relative;
	width:10px;
	height:24px;
	float:left;
}

/* ----- On State ----- */

/* Left */
.tabOnLeft {
	background-image:url(/Assets/images/headerTabOnLeft.gif);
	background-repeat:no-repeat;
	position:relative;
	width:10px;
	height:24px;
	float:left;
}

/* Center */
.tabOnCenter {
	background-image:url(/Assets/images/headerTabOnCenter.gif);
	background-repeat:repeat-x;
	position:relative;
	width:100px;
	height:24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:29px;
	color:#FFFFFF;
	float:left;
	text-align:center;
}

/* Right */
.tabOnRight {
	background-image:url(/Assets/images/headerTabOnRight.gif);
	background-repeat:no-repeat;
	position:relative;
	width:10px;
	height:24px;
	float:left;
}

/*---------------- End Tabs ------------------*/

/* Area above tabs */
.aboveTabs {
	/*background-image:url(/Assets/images/logoText.gif);*/
	background-repeat:no-repeat;
	top:0px;
	height:36px;
	width:300px;
	position:relative;
	clear:right;
}

/* Logo area on top left */
.headerLogo {
	background-image:url(/Assets/images/headerLogo.gif);
	top: 0px;
	left: 0px;
	width:160px;
	height:60px;
	position:relative;
	float:left;
	background-repeat:no-repeat;
}
.topBg {
	background-image:url(/Assets/images/hdrbg.jpg);
	top: 0px;
	right: 0px;
	width: 396px;
	height: 60px;
	position: absolute;
	float: left;
    background-repeat:no-repeat;
}
.topBgSpr {
	background-image:url(/Assets/images/hdrBgspr.jpg);
	width: 100%;
	height: 60px;
	position: absolute;
    background-repeat: repeat-x;
}

/* Solid Line separating header from content area and sidenav */
.topLine {
	background-image:url(/Assets/images/headerSolidLine.gif);
	background-repeat:repeat-x;
	height:5px;
	width:100%;
	clear:both;
	z-index:2;
}

/* Logout Btn */
.logoutBtn{
	position:absolute;
	width:85px;
	height:25px;
	background-image:url(/Assets/images/logoutBtnOff.gif);
	background-repeat:no-repeat;
	float: right;
	color:#b90202;
	text-align:center;
	font-size:12px;
	line-height:25px;
	right: 30px;
	top:30px;
	display:block;
}

.logoutBtn A{
	width:85px;
	height:25px;
	float: left;
	clear: none;
	color:#FFFFFF;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	line-height:22px;
}

.logoutBtn A:hover{
	background-image:url(/Assets/images/logoutBtnOver.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:12px;
}



/* ------------------------------------  End Header Area  -----------------------------------------*/


/* ------------------------------------  Side Nav  ------------------------------------------------*/

.sideNav {
	position:absolute;
	width:150px;
	top:70px;
	left:5px;
	float:left;
	height:auto;
	z-index:3;
}

.sideNavHeader {
	background-image:url(/Assets/images/sidenavHeader.gif);
	background-repeat:no-repeat;
	position:relative;
	top:0px;
	height:25px;
	width:150px;
	color:#b90202;
	text-indent:10px;
	line-height:25px;
	font-weight:bold;
	font-size:12px;
}

.sideNavContent {
	background-image:url(/Assets/images/sidenavContent.gif);
	background-repeat:repeat-y;
	position:relative;
	text-align:left;
	vertical-align:top;
	height:300px;
	width:150px;
}

.sideNavSubTitle {
	background-image:url(/Assets/images/sidenavSubtitle.gif);
	background-repeat:no-repeat;
	position:relative;
	top:0px;
	height:25px;
	width:150px;
	color:#b90202;
	text-indent:10px;
	line-height:25px;
	font-weight:bold;
	font-size:12px;
}


.sideNavFooter {
	background-image:url(/Assets/images/sidenavFooter.gif);
	background-repeat:no-repeat;
	position:relative;
/*	bottom:39px;*/
	height:11px;
	width:150px;
}


/* Side nav btns */
.sideNavBtn{
	width:150px;
	height:30px;
	background-image:url(/Assets/images/sidenavButtonOff.gif);
	background-repeat:no-repeat;
	line-height: 30px;
	text-indent:15px;
	font-size:12px;
}

.sideNavBtnOn{
	width:150px;
	height:30px;
	background-image:url(/Assets/images/sidenavButtonOn.gif);
	background-repeat:no-repeat;
	color:#b90202;
	line-height: 30px;
	text-indent:15px;
	font-size:12px;
}




/* Side Nav Search btn */
.sideNavSearchBtn{
	position:relative;
	width:35px;
	height:25px;
	background-image:url(/Assets/images/goBtnOff.gif);
	background-repeat:no-repeat;
	color:#b90202;
	text-align:center;
	font-size:12px;
	line-height:25px;
	left:105px;
}

.sideNavSearchBtn A{
	position:relative;
	width:35px;
	height:25px;
	float: left;
	clear: none;
	color:#FFFFFF;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	line-height:25px;
}

.sideNavSearchBtn A:hover{
	background-image:url(/Assets/images/goBtnOver.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:10px;
}


/* ------------------------------------  End Side Nav  --------------------------------------------*/

/* ------------------------------------  Footer  --------------------------------------------------*/

.footerBar{
	background-image:url(/Assets/images/footerBack.gif);
	position:relative;
	left:0px;
	/*top:646px;*/
	width:100%;
	height:33px;
	/*bottom:0px;*/
	font-size:10px;
	text-align:right;
	line-height:33px;
}

/*-------------------------------------  End Footer  ----------------------------------------------*/

/*-------------------------------------  Content Area ---------------------------------------------*/

/* Title bar */
.contentTitleBar {
	background-image:url(/Assets/images/contentAreaHeader.gif);
	position:absolute;
	height:30px;
	width:86%;
	line-height:30px;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	z-index:1;
	/*text-indent:175px;*/
	top:70px;
	left:0px;
	margin-left:160px;
	padding-left:10px;
}

.contentTitleBarWhiteSpace {
	background-color:#FFFffF;
	position:absolute;
	width:160px;
	height:30px;
	z-index:2;
	top:70px;
	left:0px;

}


/*Section Header Styles*/

.sectionHeaderShell{
width:800px;
min-width:800px;
}
.sectionHeader{
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.welcomeMessage{
float:right;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}


/* Div to house the content area */
.contentArea {
	float:left;
	position: absolute;
	top:105px;
	left:160px;
}

/* Left side column */
.leftColumn {
	/*position:absolute;*/
	left:0px;
	top:0px;
	float:left;
	width:402px;
}


/* Right side column */
.rightColumn {
	position:absolute;
	left:407px;
	top:0px;
	float:left;
	width:402px;
}

/* Medium callout box */
.mediumCallout {
	float:left;
	position:relative;
	width: 402px;
}

.mediumCalloutHeader {
	position: relative;
	top:0px;
	left:0px;
	background-image:url(/Assets/images/mediumCalloutHeader.gif);
	background-repeat:no-repeat;
	height:25px;
	width:402px;
	float:left;
	color:#b90202;
	text-indent:10px;
	line-height:25px;
	font-weight:bold;
	font-size:12px;
}

.mediumCalloutContent {
	position: relative;
	background-image:url(/Assets/images/mediumCalloutContent.gif);
	background-repeat:repeat-y;
	width:402px;
	float:left;
}

.mediumCalloutFooter {
	position: relative;
	background-image:url(/Assets/images/mediumCalloutFooter.gif);
	background-repeat:no-repeat;
	width:402px;
	height:16px;
	float:left;
}

/* Large Callout Box */

.largeCallout {
	float:left;
	position:relative;
	width: 809px;

}

.largeCalloutHeader {
	background-image:url(/Assets/images/largeCalloutHeader.gif);
	background-repeat:no-repeat;
	height:25px;
	width:809px;
	float:left;
	color:#b90202;
	text-indent:10px;
	line-height:25px;
	font-weight:bold;
	font-size:12px;
}

.largeCalloutContent {
	background-image:url(/Assets/images/largeCalloutContent.gif);
	background-repeat:repeat-y;
	width:809px;
	float:left;

}

.largeCalloutFooter {
	background-image:url(/Assets/images/largeCalloutFooter.gif);
	background-repeat:no-repeat;
	width:809px;
	height:16px;
	float:left;
}


.fieldName {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 11px;
	color: #000000;
	margin:0;
	height:100%;
}

.columnHeader {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 12px;
	color: #ffffff;
	margin:0;
	height:100%;
}
/*-------------------------------------  End Content Area -----------------------------------------*/


/*-------------------------------------  Text -----------------------------------------*/
.planText {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 11px;
	color: #666666;
	margin:0;
	height:100%;
}

.subTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;
	font-size: 12px;
	color: #666666;
	margin:0;
	height:100%;
}

.tableHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;
	font-size: 12px;
	color: #666666;
	margin:0;
	height:100%;
}

.tableText {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 11px;
	color: #666666;
	margin:0;
	height:100%;
}

.fieldName {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight: bold;
	font-size: 12px;
	color: #666666;
	margin:0;
	height:100%;
}

.columnHeader {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 12px;
	color: #ffffff;
	margin:0;
	height:100%;
}
/*-------------------------------------  End Text -----------------------------------------*/


/*-------------------------------------Table for the content-------------------------------*/
table.grid {

    border-width: thin;
	border-spacing: ;
	border-style: none;
	border-color: ;
	border-collapse: collapse;
	padding:0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
table.grid th {
	border-width: 1px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight: bold;
	font-Size: 12px;
	color: #666666;
	text-align: center;
	border-style: solid;
	border-color: #6f8199;
	padding-left: 0px;
	background-color: #ffffff;
}

table.grid td {
	border-width: 1px;
	border-style: solid;
	border-color: #cbcbcb;
	font-Size: 11px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:2px;
}

table.grid a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 11px;
	color:#663366;
}

table.grid a:hover{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 11px;
	color:#FF9900;

}

/*-------------------------------------End Table for the content style 1-------------------------------*/


/*-------------------------------------Table for the content style 2 without border-------------------------------*/
table.grid2 {
    border-width: 0px;
	border-spacing: ;
	border-style: none;
	border-color: ;
	border-collapse: collapse;
	padding:0px;
	margin-top: 10px;
	margin-bottom: 5px;
}

table.grid2 td {
	border-width: 0px;
    text-align: left;
	border-style: solid;
	border-color: #cbcbcb;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:2px;
	background-color: #ffffff;
}
/*-------------------------------------End Table for the content style 2-------------------------------*/

/*-------------------------------------Table for the learning map-------------------------------*/
table.map {
    border-width: 0px;
	border-spacing: ;
	border-style: none;
	border-color: ;
	border-collapse: collapse;
	padding:0px;
	margin-top: 10px;
	margin-bottom: 5px;
}

table.map td {
	border-width: 0px;
    text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

table.map a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 11px;
	color:#663366;
}

table.map a:hover{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 11px;
	color:#FF9900;

}

/*-------------------------------------End Table for the learning map-------------------------------*/


/*form*/
.formTextBox {
    border-width: 1px;
    border-color: #cbcbcb;
    text-align:left;
	font-size: 10px;
	background-color: #ffffff;
}

.formSelect {
    border-width: 1px;
    border-color: #cbcbcb;
    text-align:left;
	font-size: 10px;
	background-color: #ffffff;
}

.formButton {
 font-size: 12px;
 background-color: #cbcbcb;
 color: #000000;
 margin-right: 6px;
}



/*End Form*/