/*
--- New tags for implementation of 3.1 layout which addresses the scrolling
--- issue on resolutions < 1024x768

--- See nav_head.html for IE6 specifics (ie6.css)
*/

html,
body {
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
}

html>body #wrap { 
	height: 100%;
}

#page-header {
	width: 100%;
	height: 74px;
}

html>body #page-header {
	position: fixed;
	z-index: 10; /* Prevent certain problems with form controls */
}

html>body #content-wrap {
	height: 100%;

}

html>body #content {
	padding: 74px 0;
}


#footer {
	width: 100%;
	height: 78px;
}

html>body #footer {
	position: fixed;
	bottom: 0;
	z-index: 10; /* Prevent certain problems with form controls */
}


/*
--- Ends.
*/

.row {
	clear: both;
	padding-bottom: 10px;
}
.row .header {
	font-weight: bold;
	width: 150px;
	float: left;
	text-align: right;
	padding-right: 10px;
}
.row .text {
	float: left;
	text-align: left;
}

.rowSubmit {
	clear: both;
	float: none;
	padding: 10px 0px 10px 160px;
}


.row .header2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	width: 150px;
	float: left;
	text-align: right;
	padding-right: 10px;
	background: #e5e5e5;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;

}
.row .text2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	float: left;
	text-align: left;
	background: #e5e5e5;
	width: 400px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;

}


form .row .error {
	padding-left: 160px;
}
input {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}
select {
	font-size: 10px;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.error {
	font-weight: bold;
	color: rgb(255,0,0);
}
.red {
	font-weight: bold;
	color: rgb(255,0,0);
}

a {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

#progressBar-complete {
	height: 6px;
	overflow: hidden; /* IE */
	margin: 14px 0px 0px 4px;
}
/* Progress Bar Houses */
#progress-houses {
	float: right;
}
#progress-houses div {
	float: left;
}

/**
 *** Generic Styles ***
 */

form {
	margin: 0px;
	padding: 0px;
}
table {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
th, td {
	margin: 0px;
	padding: 0px;
}
/**
 *** End Generic Styles ***
 */


/**
 *** Header Styles ***
 */
/*
#page-header {
	position: absolute;
	height: 74px;
	border-bottom: 2px solid rgb(131,0,42);
}
*/
#header-firmLogo {
	position: absolute;
	top: 0px;
	left: 0px;
}
/* Progress Bar */
#progressBar {
	width: 274px;
	height: 34px;
	float: left;
}
#progressBar-title {
	width: 67px;
	height: 34px;
	float: left;
	background: url(../images/nav_progress_bar_title.jpg);
}
#progressBar-back {
	width: 207px;
	height: 34px;
	float: left;
	background: url(../images/nav_progress_bar_bg.jpg);
}
/* Menu Bar */
#menu-user {
	height: 40px;
}
#menu-user .welcome {
	position: relative;
	top: 5px;
	left: 230px;
	float: left;
}
#menu-bar {
	height: 34px;
	background: url(../images/nav_head_bg.jpg);
}
#menu-left {
	width: 219px;
	height: 34px;
	background: url(../images/nav_head_left.jpg) no-repeat;
	float: left;
}
/* Menu Buttons */
#menu-buttons {
	float: right;
}
#menu-buttons ul {
	padding: 0px;
	margin: 0px;
}
#menu-buttons li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-left-width: 1px;
	border-left-style: solid;
}
#menu-buttons a {
	width: 80px;
	height: 34px;
	display: block;
	font: 11px/3.2em Arial;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
}
#menu-buttons a:hover {
	background: url(../images/nav_btn_o.jpg) top center no-repeat;
}
/**
 *** End Header Styles ***
 */


/**
 *** Footer Styles ***
 */
#page-footer {
	height: 78px;
	position: absolute;
	bottom: 0px;
}
#footer-dint {
	width: 100%;
	height: 6px;
	position: absolute;
	z-index: 3;
	background: url(../images/nav_foot_dint.jpg) top center no-repeat;
}
#footer-bar {
	height: 36px;
	border-bottom: 2px solid rgb(131,0,42);
	background: url(../images/nav_foot_bg.jpg);
}
#footer-left {
	width: 256px;
	height: 36px;
	float: left;
	position: relative;
	z-index: 1;
	background: url(../images/nav_foot_left.jpg) no-repeat;
}
#footer-nav {
	height: 36px;
	position: absolute;
	left: 0px;
	z-index: 2;
	font-size: 11px;
	text-transform: uppercase;
}
#nav-modules {
	width: 221px;
	height: 36px;
	float: left;
}
#nav-modules .modules-left {
	width: 41px;
	height: 36px;
	float: left;
	background: url(../images/nav_foot_mod_left.jpg);
}
#nav-modules .modules-centre {
	width: 176px;
	height: 36px;
	float: left;
}
#nav-modules .modules-centre .modules-title {
	height: 36px;
	float: left;
	padding: 0px 10px 0px 0px;
	display: block;
	font-size: 11px;
	font-weight: bold;
	line-height: 3.6;
}
#nav-modules .modules-centre ul {
	padding: 0px;
	margin: 0px;
}
#nav-modules .modules-centre li {
	float: left;
	margin: 0px;
	padding: 0px 8px 0px 0px;
	list-style: none;
	line-height: 3.6;
}
#nav-modules .modules-right {
	width: 4px;
	height: 36px;
	float: left;
	background: url(../images/nav_foot_mod_right.jpg);
}
#nav-modules .modules-centre .active {
	font-weight: bold;
	background: url(../images/nav_foot_mod_active.jpg) top left no-repeat;
}
#nav-lessons {
	height: 36px;
	float: left;
}
#nav-lessons .lessons-left {
	width: 61px;
	height: 36px;
	float: left;
	background: url(../images/nav_foot_less_left.jpg);
}
#nav-lessons .lessons-centre {
	height: 36px;
	float: left;
}
#nav-lessons .lessons-centre .lessons-title {
	height: 36px;
	float: left;
	padding: 0px 10px 0px 0px;
	display: block;
	font-size: 11px;
	font-weight: bold;
	line-height: 3.2;
}
#nav-lessons .lessons-centre ul {
	padding: 0px;
	margin: 0px;
}
#nav-lessons .lessons-centre li {
	float: left;
	margin: 0px;
	padding: 0px 8px 0px 0px;
	list-style: none;
	line-height: 3.2;
}
#nav-lessons .lessons-centre .active {
	font-weight: bold;
	background: url(../images/nav_foot_less_active.jpg) top left no-repeat;
}
#nav-pages {
	float: left;
	padding: 0px 20px 0px 0px;
	line-height: 3.2;
}
#nav-links {
	height: 36px;
	float: right;
}

#nav-next a {
	width: 85px;
	height: 36px;
	float: left;
	display: block;
	background: url(../images/btn_next.jpg);
}
#nav-next a:hover {
	background: url(../images/btn_next_o.jpg);
}
#nav-nextDisabled {
	width: 85px;
	height: 36px;
	float: left;
	display: block;
	background: url(../images/btn_next_disabled.jpg);
}

#nav-prev a {
	width: 85px;
	height: 36px;
	float: left;
	display: block;
	background: url(../images/btn_prev.jpg);
}
#nav-prev a:hover {
	background: url(../images/btn_prev_o.jpg);
}
#nav-prevDisabled {
	width: 85px;
	height: 36px;
	float: left;
	display: block;
	background: url(../images/btn_prev_disabled.jpg);
}
#nav-next a span, #nav-prev a span {
	display: none;
}
#footer-base {
	height: 40px;
	background: url(../images/nav_foot_gradient.jpg);
}
#footer-firmLogo {
	float: left;
	margin: 0px 10px 0px 0px;
}
#footer-links {
	height: 40px;
	float: left;
	font-size: 11px;
	line-height: 2;
	padding: 0px 10px 0px 10px;

}
#footer-links a {
	text-decoration: none;
}
#footer-links a:hover {
	text-decoration: underline;
}
#footer-links .course-links {
	float: left;
}

#footer-links .user-links {
	float: right;
}
/**
 *** End Footer Styles ***
 */


/**
 **** Body Styles ***
 */
#page-body {
/*
	'position: absolute;
	'z-index: 0;
	'top: 76px;
	'overflow: auto;
*/
	margin: 0px;
	padding: 0px;
	background-color: rgb(255,255,255);
}

#page-body .modTitle {
	padding: 20px 10px 20px 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#page-body .modTitle .readmore {
	width: 110px;
	height: 31px;
	float: right;
	font-weight: bold;
	margin-top: -20px;
	background: url(../images/nav_icon_book_blue.gif) no-repeat;
}
#page-body .modTitle .readmore a {
	height: 31px;
	display: block;
	padding-left: 35px;
	text-decoration: none;
}
#page-body .modTitle .readmore a:hover {
	text-decoration: underline;
}
#page-body .modTitle .readmoreReturn {
	width: 150px;
	height: 31px;
	float: right;
	font-weight: bold;
	margin-top: -16px;
	background: url(../images/nav_icon_book_green.gif) no-repeat;
}
#page-body .modTitle .readmoreReturn a {
	height: 31px;
	line-height: 2.2;
	display: block;
	padding-left: 35px;
	text-decoration: none;
}
#page-body .modTitle .readmoreReturn a:hover {
	text-decoration: underline;
}
#page-body .modTitle h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#page-body .modTitle p {
	margin: 0;
	padding: 0;
}

#page-body h2 {
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#page-body h3 {
	font-size: 12px;
	font-weight: bold;
}
#link-coursePrint {
	margin: 2em 3em 2em 0;
	text-align: right;
}
#link-courseBookmark {
	/*padding: 20px 30px 20px 40px;*/
	background: url(../images/nav_icon_book_red.gif) left center no-repeat;
	display: block;
	height: 35px;
	padding-left: 35px;
	padding-top: 1em;
	margin-bottom: 1em;
}
#link-courseBookmark a {
	text-decoration: none;
}
#link-courseBookmark a:hover {
	text-decoration: underline;
}
#link-courseReturn {
	padding: 20px 30px 20px 40px;
	text-align: right;
	background: url(../images/nav_icon_book_green.gif) left center no-repeat;

	clear: both;
}
#link-courseReturn a {
	display: block;
	text-decoration: none;
}
#link-courseReturn a:hover {
	text-decoration: underline;
}

/* Full body page */
#page-full {
	padding: 19px 30px 2em 40px;
	/* -- weird bug in IE6 with a table on fullpage hiding all other text elements */
	_border-right: 1px solid #fff;
}

#page-fullTwo {
	padding: 19px 80px 0px 40px;
}

#Copyright {
	padding: 120px 90px 0px 40px;
}

/* Full body page - No Title */
#page-fullNoTitle {
	padding: 20px 30px 2em 40px;
}

/* Pre-login body page */
#page-prelogin {
	padding: 20px 40px 0px 40px;
}

/* Login body page */

#page-login {
	height: 100%;
}

#page-login #left {
	width: 30%;
}
#page-login #right {
	float: right;
	padding: 2em;
	width: 60%;
}

/* Course Contents */
#courseContents .rowModule {
	clear: both;
	padding: 10px 0px 10px 0px;
	font-weight: bold;
}
#courseContents .rowLesson0, #courseContents .rowLesson1 {
	clear: both;
	/*padding: 0px 0px 10px 0px;
	display: block;*/
	
	height: 16px;
	
}
#courseContents .rowLesson0 {
	background: #F0FDF0;
}
#courseContents .rowLesson1 {
	background: #CCFFFF;
}
#courseContents .rowLesson0 .col1, #courseContents .rowLesson1 .col1 {
	width: 500px;
	padding: 0px 0px 0px 10px;
	float: left;
}

#courseContents .pageTableHeader .row {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 25px;
}
#courseContents .col1  {
	width: 510px;
	float: left;
}
#courseContents .col2  {
	width: 80px;
	float: left;
	text-align: center;
}
#courseContents .col3  {
	width: 80px;
	float: left;
}

/* Reference body page */
#page-reference {
	margin: 1em;
	padding: 2em;
}

/* Readmore body page */
#page-readmore {
	margin: 30px 30px 0px 30px;
	padding: 0px 30px 0px 30px;
	border-width: 1px;
	border-style: solid;
}

/* SWF body page */
#page-swf {
text-align: center; /* IE */
}

/* 50/50 body page */
#page-5050 {
	width: 100%;
	padding-bottom: 2em;
}
#page-5050 #left {
	width: 44.5%;
	float: left;
	padding: 19px 10px 0 40px;
	margin: 0px;
}
#page-5050 #right {
	width: 44%;
	float: left;
	padding: 19px 10px 0 40px;
	margin: 0px;
	border-left-width: 1px;
	border-left-style: solid;

	padding-bottom: 2em;

}

/* Note body page */
#page-note {
	width: 100%;
	padding-bottom: 2em;

}
#page-note #left {
	width: 70%;
	float: left;
	padding: 19px 10px 0px 40px;
	margin: 0px;
}
#page-note #right {
	width: 150px;
	float: right;
	padding: 10px;
	margin: 0px 10px 0px 0px;
	font-size: 11px;
	border-top: 0px;
	border-right: 1px;
	border-bottom: 1px;
	border-left: 1px;
	border-style: solid;
	border-color: rgb(150,150,150);
	background-color: rgb(255,252,223);
}
#page-note #right h3 {
	font-size: 12px;
	font-weight: bold;
	color: rgb(255,0,0);
	padding: 0px;
	margin: 0px;
}

/* Note body page */
#page-note-3 {
	width: 100%;
	padding-bottom: 2em;
}
#page-note #left {
	width: 70%;
	float: left;
	padding: 19px 10px 0px 40px;
	margin: 0px;
}
#page-note #right {
	width: 150px;
	float: right;
	padding: 10px;
	margin: 0px 10px 0px 0px;
	font-size: 11px;
	border-top: 0px;
	border-right: 1px;
	border-bottom: 1px;
	border-left: 1px;
	border-style: solid;
	border-color: rgb(150,150,150);
	background-color: rgb(255,252,223);
}
#page-note #right h3 {
	font-size: 12px;
	font-weight: bold;
	color: rgb(255,0,0);
	padding: 0px;
	margin: 0px;
}
/* Note 5050 body page */


/* Note 5050 body page */
#page-note-2 {
	width: 100%;
	padding-bottom: 2em;

}
#page-note-2 #left {
	width: 55%;
	float: left;
	padding: 19px 10px 0px 40px;
	margin: 0px;
}
#page-note-2 #right {
	width: 350px;
	float: right;
	padding: 10px;
	margin: 0px 10px 0px 0px;
	font-size: 11px;
	border-top: 0px;
	border-right: 1px;
	border-bottom: 1px;
	border-left: 1px;
	border-style: solid;
	border-color: rgb(150,150,150);
	background-color: rgb(255,252,223);
}
#page-note-2 #right h3 {
	font-size: 12px;
	font-weight: bold;
	color: rgb(255,0,0);
	padding: 0px;
	margin: 0px;
}



/**
 * User Profile: Course Progress
 */
#userCourseProgress {
	padding: 0px 0px 30px 0px;
}

/* User Profile: Module Progress */
#userModuleProgress {
	padding: 0px 0px 30px 0px;
}
#userModuleProgress .pageTableHeader .row {
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 25px;
};
#userExerciseProgress {
	padding: 0px 0px 30px 0px;
}
#userExerciseProgress .section {
	padding: 10px 0px 0px 20px;
}
#userExerciseProgress .section .sectionHead {
	font-weight: bold;
}
#userFinalScores .totals {
	clear: both;
	padding: 5px 0px 0px 0px;
}
#userFinalScores .totals .header {
	font-weight: bold;
	width: 300px;
	float: left;
	text-align: right;
	padding-right: 10px;
}
#userFinalScores .totals .text {
	float: left;
	text-align: left;
}
#userFinalScores .row .header {
	font-weight: bold;
	width: 300px;
	float: left;
	text-align: right;
	padding-right: 10px;
}
#userFinalScores .row .text {
	float: left;
	text-align: left;
}
/**
 **** End Body Styles ***
 */


/**
 **** Mentor Styles ***
 */
#mentor {
	position: absolute;
	z-index: 100;
	top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight)-78 : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
	width: 786px;
	height: 384px;
	margin: 0px;
	padding: 0px;
}
/* Padding for use with Mentor Type 1 */
.mentorPad1 {
	padding-left: 80px;
}
/**
 **** End Mentor Styles ***
 */


/**
 **** under_construction Styles ***
 */

#page-body .under_construction {
  margin:50px;
  padding-left:280px;
  background: transparent url('../images/admin_images/under_construction.jpg') left top no-repeat;
  height:300px;
}

#page-body .under_construction h1 {
  font-size:36pt;
  font-weight:bold;
  letter-spacing:-0.1em;
  line-height:0.9em;
  text-transform:uppercase;
  color:#333;
}

#page-body .under_construction p {
  font-size:24pt;
  font-weight:bold;
  letter-spacing:-0.1em;
  color:#555;
}

/**
 **** End under_construction Styles ***
 */


 /** Copyright Page Styles **/
 #page-body .copyright {
  padding: 19px 30px 0px 40px;
  height:300px;
}


/** dislaimer Page Styles **/
 #page-body .dislaimer {
  padding: 19px 30px 0px 40px;
  height:300px;
}

/* Credits Page Styles */
#page-body .credits .left 
{
	float: left;
	padding: 19px 10px 0px 40px;
	margin:0px 0px 0px 0px;
	width: 70%;
}
#page-body .credits .right {
	width: 200px;
	float: right;
	padding: 10px;
	margin: 0px 10px 0px 0px;
	font-size: 11px;
	border-top: 0px;
	border-right: 1px;
	border-bottom: 1px;
	border-left: 1px;
	border-style: solid;
	border-color: rgb(150,150,150);
	background-color: rgb(255,252,223);
}
#page-body .credits .right h3 {
	font-size: 12px;
	font-weight: bold;
	color: rgb(255,0,0);
	padding: 0px;
	margin: 0px;
}


/** Feedback Page Styles **/
 #page-body .feedback {
  padding: 19px 30px 3em 40px;
}

.feedback p {
  height: 1em;
 }

#page-body .feedback .row {
	clear: both;
	padding-bottom: 10px;
}
#page-body .feedback .row .header {
	font-weight: normal;
	width: 330px;
	float: left;
	text-align: right;
	padding-right: 10px;
}
#page-body .feedback .row .text {
	float: left;
	text-align: left;
}

#page-body .feedback .rowSubmit {
	clear: both;
	float: none;
	padding: 10px 0px 0px 160px;
}
/** user profile course detail**/
#table_user_tr {
	background: #ccc;
	padding: 10px;
}

#table_user_tr td {
	background: #fff;
}
table.user_tr_details {
	background: #fff;
	margin: 10px 0 10px 0;

}



.user_tr_cmodules td {
	padding: 1px;
}

.user_tr_sec_header {
	font-weight: bold;
}
#user_tr_exlist, #user_tr_cm_scroll {
	overflow: auto;
	/**height: 195px;  changed by gaspar (user profile course deatils)**/
	padding: 5px;

}

#user_tr_exlist {
	padding: 10px;
}
tr.f_red th, tr.user_tr_finalscores_red td {
	color: #990000;
}
table.user_tr_finalscores {
	/*width: 440px;*/
}


.user_tr_finalscores th {
	text-align:left;
	font-weight: bold;
	padding: 0 0 5px 5px;
	vertical-align: top;
}

.user_tr_finalscores td {
	width: 50px;
}

.user_tr_cm_date {
	vertical-align: top;
	width: 65px;
}
.user_tr_exlist_result {
	margin-left: 10px;
}
#page-courseAbstract {
	width: 98%;
}

#page-courseAbstract th {
	text-align: left;
	font-weight: bold;
}


#page-courseAbstract p {
	font-size: 13px;
}

.user_tr_exlist_head {
	font-weight: bold;
	margin-top: 1em;
	
}
/*
--- OptModLess
*/

/* -- Ugly hack for FF to align the dropdown & feet due to some issue with line-height */
html>/**/body #navskip {
	margin-top: -14px
	}

#navskip ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#navskip li { /* root list items */
	float: left;
	position: relative;
	width: 110px;
	display: block;
	height: 36px;

	background: url(../images/btn_skip.gif) no-repeat;
}

#navskip li ul { /* second-level root */
	display: none;
	position: absolute;
	top: 30px;
	left: 8px;
}

#navskip li ul li { /* second-level lists */
	height: 1.5em;
	width: 88px;

	background: #EFF4FF;
	border: none;
	padding-left: 5px;

	text-transform: none;

}

#navskip li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
/* IE7 review
	top: auto;
	left: auto;
*/
}
#navskip li:hover ul, #navskip li.over ul { /* lists nested under hovered list items */
	display: block;
}

/*
Export User Training Record
*/

#page-fullNoTitle div#myUTR
{
	height: 20px;
	line-height: 20px;
	background:url(../images/UTR_icon.gif) left no-repeat;
	float:right;
	text-align: right;
	margin-right: 1em;
	padding-left: 25px;
}

#page-fullNoTitle div#myUTR a
{
	text-decoration:none;
}

#page-fullNoTitle div#myUTR a:hover
{
	text-decoration: underline;
}