/* CSS Document for Global ITU */
/* Global styles*/
/* Styles for links when you hover over them*/
a:hover {
	text-decoration: underline;
}

/* Default style for all styles without a class applied*/
a {
	color: #0e2e68;
}

/* Default style for all text without a class applied*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #636468;
}


/* Styles used in the global banner*/
/* Styles to set the background, height, font style for non linked text for the top navigation*/
.topnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #024b8c;
	background-image: url(/files/images/bg_topnav.jpg);
	background-repeat: repeat-x;
	height: 26px;
	padding-right: 0px;
	padding-left: 24px;
	text-decoration: none;
}
/* Styles to set font style for linked text for the top navigation*/
.topnav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-right: 8px;
	padding-left: 0px;
	text-decoration: none;
}
/* Styles to set the background, height, font style for LearnCenter Ttile*/
.lc_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #14336d;
	background-image: url(/files/images/bg_banner.jpg);
	background-repeat: repeat-x;
	height: 62px;
	padding-left: 22px;
	border-bottom: 1px solid #6f82a4;
	width: 220px;
}
/* Styles to set the background, height, font style - white text for the banner (right side of banner)*/
.banner_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-image: url(/files/images/bg_banner.jpg);
	background-repeat: repeat-x;
	border-bottom: 1px solid #6f82a4;
	padding-top: 5px;
	padding-right: 30px;
	text-transform: uppercase;
	padding-bottom: 5px;
}

/* Styles to font blue text for the banner (right side of banner)*/
.banner_blue_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2c9fe6;
	text-transform: none;
	line-height: 12px;
}

/* Left navigation styles*/
/* Styles to set the background, height, font style for Login button*/
.leftnav_greenbg {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(/files/images/bg_btn_green.jpg);
	background-repeat: no-repeat;
	border: 1px solid #FFFFFF;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
	height: 48px;
	background-color: #5e9a36;
	padding-right: 30px;
	padding-left: 17px;
}
/* Styles to set font style for Login button once it is linked*/
.leftnav_greenbg a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
}
/* Styles to set the background, height, font style for Register button*/
.leftnav_bluebg {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(/files/images/bg_btn_blue.jpg);
	background-repeat: no-repeat;
	border: 1px solid #FFFFFF;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
	height: 114px;
	background-color: #0067a5;
	padding: 15px;
}
/* Styles to set font style for Register button once it is linked*/
.leftnav_bluebg a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;	
}

/* Styles to set font style for text under the Register link in the same box*/
.white_text {
	font-size: 12px;
	color: #FFFFFF;
}

/* Styles to set font style for headers About and Quicklinks*/
.leftnav_bg_ltblue {
	background-color: #becfde;
	height: 27px;
	padding-right: 16px;
	padding-left: 16px;
	border: 1px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #0e2e68;
	text-decoration: none;
}

/* Styles to set font style for headers About and Quicklinks - if links are applied*/
.leftnav_bg_ltblue a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #0e2e68;
}
/* Styles to set font for the cell with lists in the leftnav*/
.leftnav_list_arrow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0e2e68;
	padding-top: 12px;
	padding-bottom: 24px;
}
/* Styles to set font and green arrow for the li tag in the leftnav*/
.list_arrow li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0e2e68;
	list-style-image: url(/files/images/arrow_green.gif);
}

/* Right column styles (only for the homepage)*/
/* Styles to set padding and bottom line for the right column*/
.rightcol {
	background-color: #FFFFFF;
	border-bottom: 5px solid #e5e5e5;
	padding-top: 7px;
	padding-right: 6px;
	padding-bottom: 7px;
	padding-left: 9px;
	height: 142px;
}

/* Styles for the grey header in the right column*/
.rightcol_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #203f79;
	background-color: #e5e5e5;
	height: 25px;
	padding-right: 10px;
	padding-left: 10px;
}

/* Styles for the text under the grey header in the right column*/
.rightcol_text {
	padding-top: 16px;
	padding-right: 2px;
	padding-bottom: 16px;
	padding-left: 2px;
}

/* Styles for the padding around the calendar in the right column*/
.rightcol_calendar {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

/* Styles for the linked text under the grey header in the right column*/
.rightcol_text a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0e2e68;
	text-transform: uppercase;
}

/* Styles for the text under the grey header with the divider line at the bottom in the right column*/
.rightcol_text_line {
	padding-top: 16px;
	padding-right: 2px;
	padding-bottom: 16px;
	padding-left: 2px;
	border-bottom: 1px solid #e5e5e5;
}

/* Styles for the linked text under the grey header with the divider line at the bottom in the right column*/
.rightcol_text_line a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0e2e68;
	text-transform: uppercase;
}


/* Styles for the middle column/main area (home page only)*/
/* Styles for the padding and line at the bottom of the middle area*/
.middlecol {
	background-color: #FFFFFF;
	border-bottom: 5px solid #e5e5e5;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}

/* Styles for image and font over the image on the homepage*/
.homepg_image {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-color: #f4f5f0;
	background-image: url(/files/images/img_people.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 170px;
	color: #00529b;
	text-align: right;
}

/* Styles for image and font over the image on the homepage*/
.homepg_image_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #00529b;
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 60px;
	vertical-align: top;
}

/* Styles for image and font over the image on the homepage*/
.homepg_image_right {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f4f5f0;
}

/* Styles for greenline under the image on the homepage*/
.greenline {
	background-color: #6db33e;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

/* Styles for the welcome box on the homepage*/
.greyline_box {
	padding: 18px;
	border: 1px solid #e5e5e5;
}

/* Padding for the space between the 3 gray boxes on the homepage*/
.padding_by_3_boxes {
	padding-right: 8px;
	padding-left: 0px;
}

/* Styles for header in the 3 boxes on the homepage*/
.darkgray_header {
	background-color: #757575;
	border: 2px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	height: 25px;
	padding-right: 12px;
	padding-left: 12px;
	text-transform: uppercase;
}

/* Styles for text in the 3 boxes on the homepage*/
.middlecol_text {
	padding-top: 16px;
	padding-right: 14px;
	padding-bottom: 16px;
	padding-left: 14px;
}

/* Styles for 4 buttons under the greenline on the homepage*/
.btn_blue_homepg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-top: 12px;
	padding-right: 40px;
	padding-bottom: 12px;
	padding-left: 17px;
}

.btn_blue_homepg_arow {
	background-image: url(/files/images/white_arrow.gif);
	background-repeat: no-repeat;
	background-position: right top;

}

/* Styles for the linked text on the 4 buttons under the greenline on the homepage*/
.btn_blue_homepg a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	
}

/* Subpage or secondary page styles*/
/* Styles for all subpages*/
.secondary_pages {
	background-color: #FFFFFF;
	border-bottom: 5px solid #e5e5e5;
	padding-top: 16px;
	padding-right: 0px;
	padding-bottom: 16px;
	padding-left: 0px;
}

/* Styles for titles on all subpages*/
.blue_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #203f79;
	font-weight: bold;
}


/* DO NOT TOUCH THESE UNLESS YOU ARE CHANGING THE DESIGN OF THE LEFTNAV IN THE LEARNCENTER THESE IMPACT THE OVERALL LEARNCENTER. */
/* Sets the background color, width, padding, of the left nav in the learncenter. */

#ldcLCPageLeftNavTD
{
	BORDER-RIGHT: #999999 0px solid;
	BORDER-TOP: #f0f0f0 1px solid;
	LEFT: 184px;
	BORDER-LEFT: #999999 0px solid;
	WIDTH: 184px;
	TOP: 300px;
	background-color: #e5e5e5;
	border-bottom: #999999 0px solid;
	padding: 6px;
}

/* Sets the background color for the shadow area of he leftnav in the LearnCenter. */
#ldcLCPageLeftNavShadowTD { WIDTH: 8px; background-color: #ffffff; }