* {
	margin: 0;
	padding: 0;
}
a img {
	border-style: none;
}

body {
	color: #8C8C8C;
	font: 11px Arial,Verdana,sans-serif;
}
fieldset {
	border-style: none;
}

/*
.jqmWindow{ z-index: 1000;}
#site_header { z-index: 1000; }*/


/* ======================================================= */
/* ======================================================= */

legend { color: #0889c4; font-size: 120%; padding: 8px 0; }
label { display: block; }



/* ======================================================= */
/* ======================================================= */




/*

legend {
	display: none;
}*/
p {
	margin-bottom: 1em;
}
ul, ol{
	/* Works for IE
	display: inline-block;
	padding-left: 25px;
	*/
	margin: 0 0 10px 25px;
}

/* Site Layout */
#site_header, #site_body, #site_footer, #logo_area, #main_menu{
	/*clear: both;
	position: relative;*/
	margin: 0 auto;
	width: 780px;
}

#site_header, #site_footer {
	padding-top: 10px;
	font: 9px Arial,Verdana,sans-serif;
}
#site_body #page_body{
	min-height: 300px;
	width: 750px;
	/*border: solid #707072 1px;*/
	
}

#page_body{
	padding: 15px 15px 15px 15px;
	
}

#site_body #page_body #page_structure{
	width: 750px;
	height: 320px;
}
#site_body #page_body #report_page_structure{
	width: 750px;
	height: 340px;
}
#site_body #page_body #left_side{
	float: left;
	width: 470px;
	margin: 12px 0 0 10px;
	/*background-color: #000;*/
	
}
#site_body #page_body #right_side{
	float: right;
	width: 245px;
	height: 320px;
}





/* =========================================== */
/*              Authentication Bar            */
/* =========================================== */
/*#site_header #authentication {
	background-color: #ffffff;
	/*border: solid #000 1px; border-left: none; border-right: none;*/
	clear: both;
	height: 16px;
	padding: 0px 15px 10px 30px;
	position: relative;
	font-size:10px;
}*/

.submit_button {
 background: url(../../../images/html_layout/submit_arrow.png) no-repeat 0px 0px;
 border: none;
 color: #0889c4;
 font-weight: bold;
 text-align: left;
 width: 125px;
 padding: 0 0 0 17px; 
}

#site_header #authentication #username {
	border: solid #000 1px;
	height: 10px;
	width: 80px;
	font-size: 9px;
	text-align: right;
}

#site_header #authentication #userlabel {
	font-size: 9px;
	text-align: right;
	margin: 2px 3px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:right;
}


#site_header #authentication #form_field {
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*background-color: #EEEEEE;*/
	float: right;
	width: 125px;
}
#site_header #authentication #submit_login {
	margin: 1px 0px 0px 0px;
	vertical-align: top;
}

#site_header #authentication_links {
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 0px 0px;
	float: right;
	color: #5F5F5F;
	
}
#site_header #authentication_links a {
	color: #5F5F5F;
	text-decoration: none;
}
#site_header #logged_in {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	float: right;
	
}

#site_header #logged_in #userdisplay {
	padding: 0px 3px 0 0;
	float: right;
}
#site_header #logged_in #btn_logout {
	padding: 1px 0 0 0;
	display: block;
	float: right;
}



/* =========================================== */
/*              Logos Bar            */
/* =========================================== */

#site_header #logo_area {
	height: 30px;
	margin: 0 0 5px 0;
	
}
#site_header #casio_logo {
	float: left;	
	padding: 0 0 0 15px;
}
#site_header #casio_logo img{
	display: block;
}

#site_header #cyberscholar_logo {
	float: right;
	padding: 0 15px 0 0;
}
#site_header #cyberscholar_logo img{
	display: block;
}



/* =========================================== */
/*              Blue Menu Bar           */
/* =========================================== */

#site_header #main_menu{
	height: 22px;
	background-color: #0135AD;
	background-image: url(../../../images/_company_site/151227/html_layout/blue_bk.gif);
}

#site_header #main_menu #links{
	padding: 0px 0px 0 105px;
	height: 22px;
	
}

#site_header #main_menu #links #menu_splitter{
	float: left;
	padding: 0px 15px 0 15px;
	font-size: 10px;
	color: #fff;
	/*background: url("../images/html_layout/menu_splitter.gif") top no-repeat;*/
}
#site_header #main_menu #links #menu_item{
	float: left;
}



/* home rollover */
 a.h_roll, a.h_roll_active{
	width: 89px;
    height: 22px;
    background: url("../../../images/_company_site/151227/html_layout/menu_home.gif") no-repeat;
}

/* training rollover */
a.t_roll, a.t_roll_active{
   	width: 89px;
    height: 22px;
    background: url("../../../images/_company_site/151227/html_layout/menu_training.gif") no-repeat;
}

 
/* prizes rollover */
a.p_roll, a.p_roll_active{
   	width: 89px;
    height: 22px;
    background: url("../../../images/_company_site/151227/html_layout/menu_prizes.gif") no-repeat;
}

/* report card rollover */
a.rc_roll, a.rc_roll_active{
   	width: 89px;
    height: 22px;
    background: url("../../../images/_company_site/151227/html_layout/menu_report.gif") no-repeat;
}

/* resources rollover */
a.r_roll, a.r_roll_active{
   	width: 89px;
    height: 22px;
    background: url("../../../images/_company_site/151227/html_layout/menu_resources.gif") no-repeat;
}

a.h_roll, a.t_roll, a.p_roll, a.rc_roll, a.r_roll{
	display: block;
	text-decoration: none;
	background-position: 0px 0px;
}
a:hover.h_roll, a:hover.t_roll, a:hover.p_roll, a:hover.rc_roll, a:hover.r_roll{
	background-position: 0px -22px;
}

a.h_roll_active, a.t_roll_active, a.p_roll_active, a.rc_roll_active, a.r_roll_active{
	display: block;
	text-decoration: none;
	background-position: 0px -22px;
}

/* =========================================== */
/*   Footer Quick Links Bar & Copyright        */
/* =========================================== */

#site_footer {
	clear: both;
	height: 40px;

}

#site_footer #quick_links {
	background-color: #fff;
	color: #000;
	/*font: 9px Arial,Helvetica,sans-serif;*/
	float: right;
	padding: 0 15px 0 0;
}
#site_footer #quick_links a {
	color: #5F5F5F;
	padding: 0 5px 0 5px;
	text-decoration: none;
}
#site_footer #copyright {
	background-color: #fff;
	color: #5B5B5B;
	/*font: 8px Arial,Helvetica,sans-serif;*/
	width: 480px;
	padding: 0 0 0 13px;
	float: left;
	
}
#site_footer #copyright a {
	color: #5B5B5B;
	text-decoration: none;
}



/* =========================================== */
/*              Quiz Login            */
/* =========================================== */


#quiz_site_header, #quiz_site_body, #quiz_site_footer{
	clear: both;
	position: relative;
	margin: 0 auto;
	width: 780px;
	background-color: #91A4DE;
}
 
#quiz_site_header #authentication {
	/*background-color: #026227;*/
	border-left: solid #707072 1px;
	border-right: solid #707072 1px;
	background-image: url(../../../images/_company_site/151227/html_layout/auth_background.jpg);
	clear: both;
	color: #FFF;
	height: 23px;
	line-height: 18px;
	text-align: right;
	padding-top: 2px;
	padding-right: 3px;
}
#quiz_site_header #authentication #username {
	border: solid #8C8C8C 1px;
	font: 10px Arial,Verdana,sans-serif;
	padding: 0 0 0 3px;
}
#quiz_site_header #authentication #submit_login {
	background-color: transparent;
	border-style: none;
	color: #FFF;
	cursor: pointer;
	font: 11px Arial,Verdana,sans-serif;
	height:14px;	
}	
#quiz_site_header #authentication a {
	color: #FFF;
}

/* =========================================== */
/*              Home page            */
/* =========================================== */

#home #home_movie{
	width: 780px;
	height: 250px; 
}

#home #home_buckets {
	clear: both;
	padding: 15px 5px 15px 15px;
}
#home #home_buckets #bucket{
	width: 178px;
	float: left;
	background-color: #015aaa;
	margin: 0 12px 0 0px;
}

#home #home_buckets  #bucket #bucket_header{
	width: 178px;
	height: 19px;
}
#home #home_buckets  #bucket #bucket_header img{
	display: block;
}
#home #home_buckets  #bucket #bucket_body{
	width: 176px;
	border: solid #4183bf 1px;
}

#home #home_buckets  #bucket #bucket_body #bucket_image{
	padding: 4px 3px 4px 3px;
}
#home #home_buckets  #bucket #bucket_body #bucket_content{
	height: 80px;
	margin: 0px 10px 0px 10px;
	color: #ffffff;
}

#home #home_buckets .featured_section img {
	border-style: none;
}



/* Report Card and Resources */
#report_card #training_report_card, #resources .resource_set, #training .training_set {
	border-collapse: collapse;
	margin: 1em auto;
	width: 100%;
}
#report_card #training_report_card th, #resources .resource_set th, #training .training_set th {
	background-color: #f2f2f2;
	padding: 2px 10px;
	color: #4e7ba2;
}
#report_card #training_report_card td, #resources .resource_set td, #training .training_set td {
	border-bottom: solid #f2f2f2 1px;
	padding: 2px 10px;
}
#report_card #training_report_card .training_title, #resources .resource_set .product_name, #training .training_set .training_title {
	text-align: left;
}
#report_card #training_report_card .training_title a, #resources .resource_set .product_name a, #training .training_set .training_title a {
	color: #8C8C8C;
	text-decoration: none;
}
#report_card #training_report_card .status, #report_card #training_report_card .date_completed, #training .training_set .date_posted {
	text-align: center;
	width: 30%;
}
#resources .resource_set .resource_type, #resources .resource_set .file_type, #resources .resource_set .file_size {
	text-align: center;
	width: 15%;
}
#resources .section_label td {
	background-color: #005aa9;
	color: #FFF;
	font-weight: bold;
}






#monthly_prize{
	clear: both;
}
#monthly_prize .prize_image {
	padding: 0px 15px 10px 0px;
	width: 280px;
	float: left;
}
#monthly_prize .prize_content {
	padding: 0px 0 10px 0px;
	width: 450px;
	float: left;
}





/* Training */
#training .training_category {
	margin: 2em 0;
}

#training_module {
	min-height: 300px;
}
#training_module #training_header {
	/*border-bottom: solid #E9EEF2 1px;*/
}
#training_module #training_body {
	padding: 15px;
}

#training_module #training_body #training_page_title {
	font: 20px Arial,Verdana,sans-serif;
	font-weight: bold;
	padding-bottom: 10px;
}

#training_module #training_footer {
	clear: both;
	height: 30px;
	padding: 0 15px 10px 15px;
}
#training_module .comparison_table {
	border-collapse: collapse;
}
#training_module .comparison_table h2 {
	font-size: 100%;
	margin: .6em 0;
}
#training_module .comparison_table .comparison_image {
	position: relative;
	margin-bottom: 10px;
}
#training_module .comparison_table .comparison_image img {
	border: solid #000000 1px;
	margin: 0px;
}
#training_module .comparison_table td {
	border: solid #8C8C8C 1px;
	padding: 10px;
	width: 234px;
	vertical-align: top;
}
#training_module .comparison_table.two_column td {
	border: solid #8C8C8C 1px;
	padding: 10px;
	/*width: 356px;*/
	width: 349px;
	vertical-align: top;
}

#training_module .module_image {
	padding: 4px;
}
#training_module .left_side {
	float: left;
	margin-right: 16px;
	margin-bottom: 16px;
}


#training_module #module_navigation {
	clear: both;
}
#training_module #module_navigation a {
	color: #7AB800;
	font-weight: bold;
	text-decoration: none;
}
#training_module #module_navigation #previous_page {
	float: left;
}
#training_module #module_navigation #next_page {
	float: right;
}






#training_module #div_30_60{
	clear: both;
}
#training_module #div_30_60 .module_image {
	padding: 0px 10px 15px 0px;
	width: 235px;
	float: left;
}
#training_module #div_30_60 .module_image img {
	border: solid #000000 1px;
}

#training_body #div_30_60 .module_content {
	padding: 0px 0 10px 0px;
	width: 500px;
	float: left;
}








#training_table td{
	height: 18px
}
#training_table .tb_header{
	background-color: #F2F5FC;
	padding-left: 5px;
}
#training_table .tb_header_center{
	background-color: #F2F5FC;
	text-align: center;
}
#training_table .tb_arrow{
	text-align: center;
}

#training_table .tb_item a{
	color: #FFA614;
	font-style: italic;
	text-decoration: none;
}
#training_table .tb_item a:hover{
	color: #8C8C8C;
	font-style: italic;
	text-decoration: none;
}
#training_table .tb_item .bold{
	font-weight: bold;
}
#training_table .tb_content_center{
	text-align: center;
}





