/*  general */
html, body, div, span, p, h1, h2, h3, h4, h5, ol, ul, li, a, form, label, legend, fieldset, input, select, textarea {margin:0px; padding:0px;}
body {width:100%; font-size:100.01%; font-family:arial; text-align:center; background:#87B751 url('../images/Site_grad.gif') repeat-x left top;}
	
.page {width:874px; height:100%; margin:0px auto; background:transparent url('../images/shadow.png') repeat-y left top; font-size:0.75em; line-height:1.3em; color:#000;}
.page_inner {position:relative; width:840px; margin:0px auto;  padding-bottom:40px; background-color:#fff; border:0px solid red;}

.log li, .main_nav li, .footer ol li, .detail ol li {display:inline; list-style-type:none;}
.content_list {margin:0px 0px 20px 20px;}
a {color:#386927; text-decoration:underline;}
h1, h2, h3, h4 {color:#336422; margin:10px 0px;}
h1 {margin-bottom:20px; font-size:1.9em;}
h2 {font-size:1.4em;}
h3 {font-size:1.2em; color:#000;}
h4 {font-size:1.1em; color:#000;}
p {margin:10px 0px;}
ul {margin-left:20px;margin-bottom:20px;}
ol {margin-left:20px;margin-bottom:20px;clear:left;}


img, table {border:none;}
.clear {both;}

.green_style {padding:10px 7px; background-color:#DAE9CA;}
.align_center {text-align:center;}
.btn_style {margin-top:10px; border:none; text-transform:uppercase; text-decoration:none; color:#505050; font-weight:bold;}

/*  header */
.header {height:205px; border:0px solid red; background:transparent url('../images/header_grad.jpg') no-repeat right 75px;}
.log {float:right; padding:10px 15px;}
.log li {padding-left:10px;}
.log li strong {padding-right:10px; border-right:1px solid #386927;}

.logo {clear:both; float:left; width:163px; margin-top:50px;}

/*  main nav */
.main_nav {clear:both; position:relative; bottom:113px; left:165px;}
.main_nav li {width:135px;}
.main_nav a {text-align:center; text-decoration:none; color:#386927; line-height:2.6em;}
.tab1 a, .tab2 a, .tab3 a, .tab4 a {display:inline-block; height:28px; background:transparent url('../images/training_off.gif') no-repeat left bottom;}
.tab1 a {width:135px;}
.tab2 a {width:173px; background-image:url('../images/about_off.gif')}
.tab3 a {width:68px; background-image:url('../images/register_off.gif')}
.tab4 a {width:82px; background-image:url('../images/contact_off.gif')}
.tab1 a:hover, .tab2 a:hover, .tab3 a:hover, .tab4 a:hover {color:#fff;}
.tab1 a:hover, .tab1 a.selected {background-image:url('../images/training_on.gif')}
.tab2 a:hover, .tab2 a.selected {background-image:url('../images/about_on.gif')}
.tab3 a:hover, .tab3 a.selected {background-image:url('../images/register_on.gif')}
.tab4 a:hover, .tab4 a.selected {background-image:url('../images/contact_on.gif')}

/* content area */
.adminmenu {margin-left:0px;margin-top:-200px;}
.content_area {padding:0px 50px;}

/* content */
.content {padding:0px 42px; text-align:left;}

/* footer */
.footer {clear:both; position:relative; top:20px; color:#386927;}
.footer ol {margin-top:5px; padding-top:5px; border-top:1px solid #99B191; color:#666;}
.footer ol a {padding:0px 5px; border-right:1px solid #666; color:#666;}

/* homepage columns */
.column {float:left; width:310px;}
.left {margin-right:20px; padding-bottom:15px; background:transparent url('../images/aboutcourse_base.gif') no-repeat left bottom;}
.right {padding-bottom:15px; background:transparent url('../images/getstarted_base.gif') no-repeat left bottom;}
.left_inner, .right_inner {margin-top:-10px; padding:0px 20px;}
.left_inner {background-color:#CFE2B9;}
.right_inner {float:left; width:270px; padding-top:10px; background-color:#85B550;}

.column h2 {widht:310px; height:0px; display:block; padding-top:67px; overflow:hidden; background:transparent url('../images/aboutcourse.gif') no-repeat left top;}
.right h2 {background-image:url('../images/getstarted.gif');}
.right h2, .left h2 {margin:0px;}
.right label, .right a {color:#fff;}
.user, .pass {float:right; width:170px; margin-bottom:10px;}
.right_inner .clear label {float:left; margin-bottom:10px;}
.password {clear:both; margin-left:97px;}
.password .right a {clear:both; display:block;}


.register, .login {width:96px; height:31px; margin-top:50px; padding-bottom:4px; font-size:0.9em;} 
.right a.register {float:left; display:block; height:0px; margin-right:45px; padding:6px 0px 24px 21px; background:transparent url('../images/green_submit.gif') no-repeat left top; color:#505050; font-size:0.9em;}
.login {background:transparent url('../images/yellow_submit.gif') no-repeat left top; border:0px solid blue;}
.forgot {width:180px; height:31px; margin-top:20px; padding-bottom:4px; font-size:0.9em;background:transparent url('../images/forgot.gif') no-repeat left top; border:0px solid blue;} 


.yellow_btn {display:block; padding:7px 13px 10px 13px; background:transparent url('../images/yellow_submit2.gif') no-repeat left top; text-decoration:none;}

/* training table */
.training_header, .detail_header {width:656px;}
.training, .detail {margin:0px auto; background-color:#EDF3E5;}

.training {position:ralative; width:644px;}
.training_header {height:40px; margin-top:20px; background:#fff url('../images/table_top.gif') no-repeat left top;}
.training_box {width:656px; padding-bottom:20px; background:#336423 url('../images/table_base.gif') no-repeat left bottom;}
.col1 {width:50px; text-align:center;}
.col2 {width:355px; padding-left:3px;}
.col3 {width:101px; text-align:center;}
.col4 {width:107px; text-align:center;}
.th_head {position:absolute; top:257px; color:#fff; font-size:1.3em;}
td {padding:5px 5px; border-right:1px dotted #3C6E29; border-bottom:1px dotted #3C6E29;}
td.col4 {border-right:none;}
.progress_on td {background-color:#E0EDD3;}
.last_row td {border-bottom:none;}

/* training table - button styles */
.complete, .in_progress, .not_started {width:90px; height:24px; display:block; margin:0px auto; padding-top:4px; color:#fff; font-weight:bold;}
.complete {background:transparent url('../images/green_btn.gif') no-repeat left top;}
.in_progress {background:transparent url('../images/orange_btn.gif') no-repeat left top;}
.not_started {background:transparent url('../images/grey_btn.gif') no-repeat left top; color:#666;}

/* detail */
.detail {width:644px; position:relative; left:6px;}
.detail_header {height:50px; background:#fff url('../images/module_top.gif') no-repeat left top;}
.detail_header h1 {display:block; margin:0px; padding:10px 0px 10px 12px; color:#fff; font-size:1.7em; font-weight:normal;}
.detail strong {display:block; margin:5px 9px 5px 0px; padding-left:10px; color:#336423;}
.detail_box, .detail {float:left;}
.detail_box {width:656px; margin-bottom:15px; padding-bottom:16px; background:#336423 url('../images/module_base.gif') no-repeat left bottom;}

.detail ol {float:left; margin-left:10px; background:transparent url(../images/hor_slice.gif) repeat-x 4px 15px;}
.detail ol a {float:left; display:block; width:30px; padding:10px 0px; margin-right:29px; background:transparent url(../images/ball1.gif) no-repeat center center; color:#fff; font-size:1.3em; font-weight:bold; text-decoration:underline; text-align:center;}
.detail ol a.last {margin-right:0px;}
.detail ol a:hover, .detail ol a.selected {color:#336423; text-decoration:none;}
.detail ol a.empty {background-image:url(../images/ball3.gif); color:#86B650;} 

.save_exit {margin-right:370px; padding:5px 10px 10px 10px; background:transparent url(../images/save_and_exit.gif) no-repeat left top;}
.previous {padding:5px 15px 10px 15px; background:transparent url(../images/previo.gif) no-repeat left top;}
.next {padding:5px 20px 10px 20px; background:transparent url(../images/next.gif) no-repeat left top;}

/* register form */
.form_left, .form_right {float:left; width:260px; min-height:480px; padding:20px; background-color:#DBE8CA;}
.form_left {margin-right:20px;}
.register_form span {color:#FF0000;}
.register_form label {float:left; margin-bottom:5px; font-weight:bold;}
.register_form input {width:250px;}
.register_form textarea {width:252px; height:100px;}
.register_form input.check {width:20px;}
.register_form .small_font {font-size:0.9em; color:#666;}
.register_form .reset, .register_form .register2 {float:right; height:31px; padding-bottom:3px; font-size:0.9em;}
.register_form .reset {width:106px; margin-left:10px; background:transparent url('../images/reset.gif') no-repeat left top;}
.register_form .register2 {width:96px; background:transparent url('../images/regist.gif') no-repeat left top;}

/* quiz */
.take_quiz {display:block; width:130px; padding:5px 0px 8px; background:transparent url(../images/take_quiz.gif) no-repeat left top; text-align:center;}