

	.style6 {
	color: #b71234;
	font-weight: bold;
}
table td.centerShell{
	padding-left:20px;

}
table.marginLeft{
margin-left:10px;

}

	TD.content{
		font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
		font-size : 12px;
		color : #333333;
		padding: 0 10 10 10;
	}

	.welcome{
		font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
		font-size : 16px;
		font-weight: bold;
		color : #b71234;
	}

	TD.frame{
		background: #CCCCCC;
	}

	TD.login{
		background: #000000;
		font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
		font-size : 12px;
		font-weight: bold;
		letter-spacing: 3px;
		color : #cc0000;
		padding: 3px 10px 3px 10px;
	}

	TD.loginBox{
		background: #4b4b4b;
		/*background-image: url(/Site/images/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(/Site/images/topBg.gif); */
	background-color: #ffffff;
	}

	TD.red{
	background-color: #cc0000;
	}

	TD.topBanner{
	background-image: url(/Site/images/login_header.jpg);
	background-color: #ffffff;
	background-position:center;
	background-repeat: no-repeat;
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size : 12px;
	color : #CC0000;
	padding: 10 0 10 10;
	}

	.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 : #000000;
	}

body {
	background-image:url(/Site/Images/body_bg2.gif);
	background-position: center 0px;
	background-color:#e1e1e1;
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 10pt;
	color: #555555;
	margin:0px;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size: 12px;
	color:#000000;
}

a:hover{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size: 12px;
	color:#898989;
}


a.french:link {
	color: #b71234;
}
a:french:hover {
	color: #ff0000;
}
a.french:visited {
	color: #b71234;
}

a.loginFrench:link {
	color: #ffffff;
}
a:loginFrench:hover {
	color: #ffffff;
}
a.loginFrench:visited {
	color: #ffffff;
}

a.login2:link {
	color: #000;
}
a:login2:hover {
	color: #A6A6A6;
}
a.login2:visited {
	color: #000;
}


a.callOutHeaderLink:link {
padding-left:20px;
	color: #ffffff;
}
a:callOutHeaderLink:hover {
	color: #ffffff;
}
a.callOutHeaderLink:visited {
	color: #ffffff;
}
p{
font-size:1em;
padding-top:5px;
padding-left:10px;
}
p.login{
font-size:1em;
padding-top:5px;
padding-left:15px;
padding-right:15px;
}
h1{
font-size:1em;
font-weight:bold;
padding-top:10px;
padding-left:10px;
margin-bottom:15px;
}

h2{
font-size:1.25em;
font-weight:bold;
color:#898989;
padding-top:20px;
padding-left:15px;
margin-bottom:15px;
}
ol.alpha{
list-style-type:lower-alpha;

}
ul.noSpace{
margin-top:0px;
padding-left:25px;
}
li.noBullet{
margin-top:4px;
list-style:none;
font-size:1em;
}
li.arrowBullet{
margin-top:4px;
list-style:url(/Site/Images/bullet_arrow.gif);
font-size:1em;
}
/* ------------------------------------  Login Area  -----------------------------------------*/
.loginCenteringShell{
	width:768px;
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
	padding:0px;
}

.login_header{
background-image:url(/Site/Images/login_header.gif);
	width:768px;
	min-width:768px;
	height:78px;
	min-height:78px;
	float:left;
	text-align:right;
}

.login_shell{
float:left;
	width:768px;
	min-width:768px;
	height:auto;
	min-height:auto;
	padding:4px;
	background-color:#eaedf1;
}

.login_body{
	float:left;
	width:768px;
	min-width:768px;
	height:auto;
	min-height:auto;

	background-color:#ffffff;
}

.login_2-3{
	float:left;
	width:464px;
	min-width:464px;
	height:auto;
	min-height:auto;
	padding:0px;
	margin:0px;
}
.login_1-3{
	float:left;
	text-align:right;
	width:285px;
	min-width:285px;
	margin:0px;
	margin-top:20px;
	height:auto;
	min-height:auto;
}
.login_box_header{
	float:right;
	text-align:left;
	color:#000000;
	text-indent:10px;
	line-height:25px;
	font-weight:bold;
	width:285px;
	min-width:285px;
	height:25px;
	min-height:25px;
	background-image:url(/Site/Images/login_box_header.gif);
}
.login_box_body{
	float:right;
	text-align:left;
	width:285px;
	min-width:285px;
	padding-bottom:20px;
	height:auto;
	min-height:auto;
	background-image:url(/Site/Images/login_box_body.gif);
	background-repeat:repeat-y;
}
.login_box_footer{
	float:right;
	text-align:right;
	font-size:1px;
	width:285px;
	min-width:285px;
	height:2px;
	min-height:2px;
	padding:0px;
	background-image:url(/Site/Images/login_box_footer.gif);
	 background-position:right;
}

.fieldId{
float:left;
width:70px;
min-width:70px;
min-height:24px;
height:24px;
line-height:24px;
color:#000000;
font-weight:bold;
padding-left:10px;
padding-right:10px;
padding-bottom:4px;
padding-top:4px;
}

.field{
margin-top:5px;
padding:0px;
width:170px;
min-width:170px;
text-align:right;
float:right;
}
.fullField{
padding-right:15px;
margin-top:5px;
height:20px;
width:270px;
min-width:270px;
text-align:right;
float:right;
}
input{
width:155px;
min-width:155px;
margin-right:5px;
font-size:1em;
}
input.submit{
margin:0px;
margin-top:5px;
width:80px;
min-width:80px;
font-size:1em;
}
.loginError{
padding:0px;
margin-top:5px;
margin-bottom:5px;
height:25px;
width:285px;
line-height:24px;
text-align:center;
background-color:#FF0000;
float:left;
font-weight:bold;
color:#FFFFFF;
}
/*----- French login box text ---------- */
.fieldId_f{
float:left;
width:75px;
font-size:12px;
min-width:70px;
min-height:24px;
height:24px;
line-height:24px;
color:#000000;
font-weight:bold;
line-height:10pt;
letter-spacing:0px;
padding-left:10px;
padding-right:10px;
padding-bottom:4px;
padding-top:4px;
}
.field_f{
margin-top:5px;
padding:0px;
width:170px;
min-width:170px;
text-align:right;
float:right;
}

/* ------------------------------------  Header Area  -----------------------------------------*/

.headerArea {
	font-family: Arial, Helvetica, sans-serif;
	height:106px;
	text-align:left;
	float:left;
	width:1015px;
	background-image:url(/Site/Images/headerBG.gif);
	background-repeat:repeat-x;
	background-position:0px 0px;

}

/*----- Tab links - Off State -----*/
.headerArea a.off {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	color: #000000;
	width:100px;
	height:24px;
	line-height:22px;
	display:block;
}

.headerArea a.off:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	color: #000000;
	display:block;
}

/*----- Tab links - On State -----*/
.headerArea a.on {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	font-size: 12px;
	color: #000000;
	line-height:22px;
	width:100px;
	height:24px;
}

.headerArea a.on:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	font-size: 12px;
	color: #898989;
}

/* --------------  Tabs  -------------*/

/* Holder for Tab elements */
.headerRight {
position:relative;
top:76px;
margin:0px;
/*margin-top:70px;
margin-left:3px;*/
padding:0px;
float:left;
}

/* Holder for Tab elements */
.tabs {
	float:left;
	width:720px;
}


/* ----- Off State ----- */

/* Left */
.tabOffLeft {
	background-image:url(/Site/Images/headerTabOffLeft.gif);
	background-repeat:no-repeat;
	position:relative;
	width:10px;
	height:24px;
	float:left;
}

/* Center */
.tabOffCenter {
	background-image:url(/Site/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(/Site/Images/headerTabOffRight.gif);
	background-repeat:no-repeat;
	position:relative;
	width:10px;
	height:24px;
	float:left;
}

/* ----- On State ----- */

/* Left */
.tabOnLeft {
	background-image:url(/Site/Images/headerTabOnLeft.gif);
	background-repeat:no-repeat;
	position:relative;
	width:10px;
	height:24px;
	float:left;
}

/* Center */
.tabOnCenter {
	background-image:url(/Site/Images/headerTabOnCenter.gif);
	background-repeat:repeat-x;
	position:relative;
	width:100px;
	height:24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:24px;
	color:#b71234;
	float:left;
	text-align:center;
}

/* Right */
.tabOnRight {
	background-image:url(/Site/Images/headerTabOnRight.gif);
	background-repeat:no-repeat;
	position:relative;
	width:10px;
	height:24px;
	float:left;
}

/*---------------- End Tabs ------------------*/

/* Area above tabs */


/* Logo area on top left */
.headerLogo {
	background-image:url(/Site/Images/headerLogo.gif);
	 background-position:10px 0px;
	background-repeat:no-repeat;
	width:207px;
	height:100px;
	float:left;
}

.topRightBg {
	background-image:url(/Site/Images/topRightBg.gif);
	top: 0px;
	right: 0px;
	width: 455px;
	height: 60px;
	position: absolute;
	float: left;
    background-repeat:no-repeat;
}

.topRightBgSpacer {
	background-image:url(/Site/Images/topRightBgSp.gif);
	width: 100%;
	height: 60px;
	position: absolute;
    background-repeat: repeat-x;
}
/* Solid Line separating header from content area and sidenav */
.topLine {
	background-image:url(/Site/Images/headerSolidLine.gif);
	background-repeat:repeat-x;
	height:10px;
	width:970px;

}

/* Logout Btn */
.logoutArea{
position:relative;
top:0px;


}
.logoutBtn{
	/*position:absolute;*/
	width:85px;
	height:25px;
	background-image:url(/Site/Images/logoutBtnOff.gif);
	background-repeat:no-repeat;
	color:#ffffff;
	text-align:center;
	font-size:12px;
	line-height:25px;
	float:right;
}

.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(/Site/Images/logoutBtnOver.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:12px;
}



/* ------------------------------------  End Header Area  -----------------------------------------*/


/* ------------------------------------  Side Nav  ------------------------------------------------*/

.sideNav {
	/*position:absolute;
	top:70px;
	left:5px;
	z-index:3;*/
	width:190px;
	float:left;
	height:500px;
	margin-right:10px;
	padding-left:8px;
	background-color:#ffffff;



}

.sideNavHeader {
	/*background-image:url(/Site/Images/sidenavHeader.gif);*/
	background-repeat:repeat-x;
	position:relative;
	height:30px;
	width:190px;
	color:#000000;
	line-height:25px;
	font-weight:bold;
	/*font-size:1em;*/
	text-indent:5px;
}

.sideNavContent {
	/*background-image:url(/Site/Images/sidenavContent.gif);*/
	background-repeat:repeat-y;
	position:relative;
	text-align:left;
	width:185px;
}

.sideNavSubTitle {
	/*background-image:url(/Site/Images/sidenavSubtitle.gif);*/
	background-repeat:repeat-x;
	height:25px;
	width:185px;
	color:#b71234;
	float:left;
	font-size:1.1em;
}


.sideNavFooter {
	background-repeat:repeat-x;
	position:relative;
	height:10px;
	width:185px;
}


/* Side nav btns */
.sideNavBtn{
	width:190px;
	height:24px;
	color:#000000;
	background-image:url(/Site/Images/sidenavButtonOff.gif);
	background-repeat:repeat-x;
	line-height: 24px;
	text-indent:15px;
	display:block;
	text-decoration:none;
}
a.sideNavBtn:hover{
	color:#b71234;
	text-decoration:none;
}

.sideNavBtnOn{
	width:190px;
	height:24px;
	background-image:url(/Site/Images/sidenavButtonOn.gif);
	background-repeat:no-repeat;
	color:#000000;
	line-height: 24px;
	text-indent:15px;
	font-size:12px;
	text-decoration:none;
	display:block;
}
a.sideNavBtnOn:hover{
	color:#b71234;
	text-decoration:none;
}




/* Side Nav Search btn */
.sideNavSearchBtn{
	position:relative;
	width:35px;
	height:25px;
	background-image:url(/Site/Images/goBtnOff.gif);
	background-repeat:no-repeat;
	color:#006633;
	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(/Site/Images/goBtnOver.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:10px;
}


/* ------------------------------------  End Side Nav  --------------------------------------------*/

/* ------------------------------------  Footer  --------------------------------------------------*/

.footerBar{
	background-image:url(/Site/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 {
	float:left;
	width:100%;
	height:29px;
	line-height:29px;
	font-size:12px;

	font-weight:bold;
	margin:0px;
}



/*Section Header Styles*/
.siteHead{
	width:1015px;
	margin-left:auto;margin-right:auto;
	padding:0px;

	background-color:#FFFFFF;
}

.sectionHeaderShell{
width:100%;
min-width:100%;
float:left;
padding:0px;
margin:0px;
margin-right:auto;
margin-left:auto;


}
.sectionHeader{
float:left;
margin-left:10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.welcomeMessage{
float:right;
font-size: 1em;
font-weight:normal;
color: #111111;

}


/* Div to house the content area */
.centeringShell{
	width:1021px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}
.siteWrap{
	float:left;
	background-image:url(/Site/Images/body_content_bg.gif);
	background-repeat:repeat-y;
	margin:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:4px;
	padding-right:4px;
}
.contentArea {
	float:left;
	width:805px;
	padding:0px;
	margin:0px;
}

/* Left side column */
.leftColumn {
	float:left;
	width:400px;
}


/* Right side column */
.rightColumn {

	float:right;
	width:402px;
}

/* Medium callout box */
.mediumCallout {
	float:left;
	width: 398px;
}

.mediumCalloutHeader {
	background-image:url(/Site/Images/mediumCalloutHeader.gif);
	background-repeat:no-repeat;
	height:25px;
	width:100%;
	float:left;
	color:#000000;
	text-indent:10px;
	line-height:25px;
	font-weight:bold;
	font-size:12px;
}

.mediumCalloutContent {
	background-image:url(/Site/Images/mediumCalloutContent.gif);
	background-repeat:repeat-y;
	width:100%;
	float:left;
	text-indent:10px;
}

.mediumCalloutFooter {
	background-image:url(/Site/Images/mediumCalloutFooter.gif);
	background-repeat:no-repeat;
	width:100%;
	height:16px;
	float:left;
	padding:0px;
	ma
}

/* Large Callout Box */

.largeCallout {
	float:left;
	width: 801px;
}

.largeCalloutHeader {
	background-image:url(/Site/Images/largeCalloutHeader.gif);
	background-repeat:no-repeat;
	height:25px;
	width:100%;
	float:left;
	color:#000000;
	text-indent:10px;
	line-height:25px;
	font-weight:bold;
	font-size:12px;
}

.largeCalloutContent {
	background-image:url(/Site/Images/largeCalloutContent.gif);
	background-repeat:repeat-y;
	width:100%;
	float:left;
}

.largeCalloutFooter {
	background-image:url(/Site/Images/largeCalloutFooter.gif);
	background-repeat:no-repeat;
	width:100%;
	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: #000000;
	margin:0;
	height:100%;
}

.subTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;
	font-size: 12px;
	color: #000000;
	margin:0;
	height:100%;
}

.tableHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;
	font-size: 12px;
	color: #000000;
	margin:0;
	height:100%;
}

.tableText {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 11px;
	color: #000000;
	margin:0;
	height:100%;
}

.fieldName {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight: bold;
	font-size: 12px;
	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 Text -----------------------------------------*/


/*-------------------------------------Table for the content-------------------------------*/
table.grid {
    border-width: thin;
	border-spacing: ;
	border-style: none;
	border-color: ;
	border-collapse: collapse;
	padding:0px;
	margin-left:10px;
	margin-right:10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
table.grid th {
	border-width: 1px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight: bold;
	font-Size: 12px;
	color: #000000;
	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:#006633;

}

/*-------------------------------------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:#006633;

}

/*-------------------------------------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;
 height: 20px;
}

/*--------------------------------Styles for training summary ----------------------------------*/
.team_UserTrainingSummaryContainer {
	padding: 10px;

}

#optionalCoursesContainer, #requiredCoursesContainer{
    border-top: 1px solid #97a5b0;
	padding: 1em 8px;
}

#userTrainingSummaryDetail{
	overflow: scroll;
	display: none;
}

a.backIcon{
	display: block;
	background-color:#DAFFCD;
	border-bottom: 1px dotted #999999;
	background-image:url(/Site/images/arrow_undo.png);
	background-repeat:no-repeat;
	background-position: 3px center;
	padding: 5px 5px 5px 20px;
	margin: 3px;

}