* {
	margin: 0;
	padding: 0;
}
img {
	border-style: none;
	display: block;
}

body {
	color: #666666;
	font: 11px Arial,Verdana,sans-serif;
}
fieldset {
	border-style: none;
}


/* ======================================================= */
/* ======================================================= */

legend { color: #0889c4; font-size: 120%; padding: 8px 0; }
label { display: block; }

.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; 
}



#authentication #profile_links{
        color: #000000;
	float: right;
	font: 11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	margin-right: 16px;
	height: 40px;
}

#authentication #profile_links a{
	color: #000000;
	font: 11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
}


.jqmWindow{ z-index: 1000;}


/* ======================================================= */
/* ======================================================= */




/*
legend {
	display: none;
}*/




p {
	margin-bottom: 1em;
}
ul, ol{
	/* Works for IE
	display: inline-block;
	padding-left: 25px;
	*/
	margin: 0 0 1em 25px;
	
}
ul li, ol li{
	padding-bottom: 0.5em;
	
}
ul ul{
	padding-top: 0.5em;
	
}


h2 {
	clear: both;
	color: #666666;
	font: 14px Arial,Verdana,sans-serif;
	font-weight: bold;
	padding-bottom: 1em;
}
h3 {
	color: #666666;
	font: 12px Arial,Verdana,sans-serif;
	font-weight: bold;
}
a, .link {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	
}
a {
	
	cursor:pointer;
}
a:hover {
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
}
.new{
	font-weight: bold;
	color:#ff0000;

}
.italic{
	font-style: italic;
}





/* Site Layout */
#site_header, #site_body, #site_footer, #logo_nav_area, #full_content_area{
	clear: both;
	position: relative;
	margin: 0 auto;
	width: 780px;
}

#margin_content{
	padding: 0 15px;
}
#site_header {
	position:relative;
	z-index:1000;
}
#site_header, #site_footer {
	padding: 0px;
	font: 9px Arial,Verdana,sans-serif;
}

#site_body #page_body, #site_body #training_body{
	min-height: 350px;
	padding: 0 10px;
	padding-bottom: 10px;
	width: 760px;
	
	/*overflow: hidden;*/
}
#home #page_body{
	padding-left: 0px;
	width: 780px;
	margin: 0 auto;
	/*overflow: hidden;*/
}
#site_body #page_header{
	padding-bottom: 10px;
}

#left_content_area, #spotlight_right {
	padding-bottom: 10px;
	/*padding-bottom: 32767px;
	margin-bottom: -32767px;*/
}


#site_body #page_body #left_content_area{
	float: left;
	width: 576px;
}
#site_body #page_body #spotlight_right{
	float: right;
	min-height: 350px;
	width: 195px;
	background: url("../../../images/_company_site/151408/html_layout/gradientbox.gif") repeat-x;
	
}
#spotlight_text{
	padding: 5px 10px;
}



/*
#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 #top_grey_bar{
	background-color: #e2e2e2;
	height: 24px;
	border-bottom: solid #c0c0c0 1px;
	
}



#site_header #top_grey_bar #authentication {
	
	/*border: solid #000 1px; border-left: none; border-right: none;*/
	/*clear: both;*/
	
	padding: 0px 15px 0 0;
	position: relative;
	font-size:11px;
	color: #000000;
	float: right;
	vertical-align: text-bottom;
}

#site_header #top_grey_bar  #authentication #username {
	border: solid #000 1px;
	height: 12px;
	margin: 1px 0px;
	padding: 0px 2px;
	width: 80px;
	font-size: 10px;
	text-align: left;
}

#site_header #top_grey_bar  #authentication #userlabel {
	font-size: 11px;
	text-align: right;
	padding: 4px 3px 0px 0px;
	float:left;
}

#site_header #top_grey_bar  #authentication #form_field {
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*background-color: #EEEEEE;*/
	float: left;
	width: 135px;
}
#site_header #top_grey_bar  #authentication #submit_login {
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}

#site_header #top_grey_bar  #authentication_links {
	padding: 4px 0px 0px 0px;
	float: left;
}
#site_header #top_grey_bar #authentication_links a {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
#site_header #top_grey_bar  #authentication_links a:hover {
	color: #000000;
	text-decoration: underline;
}

#site_header #top_grey_bar  #authentication #logged_in {
	padding: 4px 0px 0px 0px;
	float: left;
	
}

#site_header #top_grey_bar #authentication #logged_in #userdisplay {
	padding-top: 0px;
	float: left;
}
#site_header #top_grey_bar #authentication #logged_in #userdisplay a {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
#site_header #top_grey_bar #authentication #logged_in #userdisplay a:hover {
	color: #000000;
	text-decoration: underline;
}

#site_header #top_grey_bar  #authentication #logged_in #btn_logout {
	padding: 1px 0 0 0;
	display: block;
	float: left;
}





/* =========================================== */
/*              Logos Bar            */
/* =========================================== */

#site_header #logo_nav_area {
	margin: 10px 0 10px 0px;
	height: 27px;
}

#site_header #logo_nav_area a:hover{
	text-decoration: none;
}


#site_header #logo_nav_area  #canon_tech_training {
	float: right;
	padding: 0 10px;
}
#site_header #logo_nav_area  #canon_tech_training img{
	display: block;
}






/* =========================================== */
/*              Navigation Menu         */
/* =========================================== */

#site_header #main_menu{
	height: 37px;
	/*margin-bottom: 10px;*/
	background-color: #ffffff;
	font-size: 1px;
	position: relative;
	border-bottom: solid #c0c0c0 1px;
	/*background-image: url(../../../images/_company_site/151408/html_layout/blue_bk.gif);*/
}

#site_header #main_menu img{
	display:block;
}
#site_header #main_menu a:hover{
	text-decoration: none;
}


#site_header #main_menu #seagate_logo {
	margin: 0px;
	width: 110px;
	height: 37px;
	float: left;
}
#site_header #main_menu #seagate_logo img{
	float: right;
	display: block;
}

#site_header #main_menu  #cyberscholar_logo {
	float: right;
	padding: 5px 15px 0 0;
}
#site_header #main_menu  #cyberscholar_logo img{
	display: block;
}

#site_header #main_menu #links{
	float: left;
	padding: 0px 0px 0 0px;
	height: 37px;
	
}
#site_header #main_menu #links .menu_splitter{
	float: left;
	padding: 0px;
	width: 1px;
	height: 37px;
	background: url("../../../images/_company_site/151408/html_layout/menu_splitter.gif") top no-repeat;
}
#site_header #main_menu #links .menu_split{
	float: left;
	padding: 0px;
	width: 1px;
	height: 30px;
	background: url("../../..images/_company_site/151408/html_layout/nav_split.gif") top no-repeat;
}
#site_header #main_menu #links .t_menu_splitter{
	float: left;
	padding: 0px;
	width: 1px;
	height: 30px;
	background: url("../../..images/_company_site/151408/html_layout/nav_rt_line.gif") top no-repeat;
}

#site_header #main_menu #links .menu_item{
	float: left;
}



/* home rollover */
 a.h_roll, a.h_roll_active{
	width: 62px;
    height: 37px;
    background: url("../../../images/_company_site/151408/html_layout/menu_home.gif") no-repeat;
}

/* home rollover */
 a.t_roll, a.t_roll_active{
	width: 128px;
    height: 37px;
    background: url("../../../images/_company_site/151408/html_layout/menu_training.gif") no-repeat;
}

/* prizes rollover */
a.p_roll, a.p_roll_active{
   	width: 72px;
    height: 37px;
    background: url("../../../images/_company_site/151408/html_layout/menu_prizes.gif") no-repeat;
}

/* report card rollover */
a.rc_roll, a.rc_roll_active{
   	width: 109px;
    height: 37px;
    background: url("../../../images/_company_site/151408/html_layout/menu_report.gif") no-repeat;
}

/* resources rollover */
a.r_roll, a.r_roll_active{
   	width: 94px;
    height: 37px;
    background: url("../../../images/_company_site/151408/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 -37px;
}

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 -37px;
}







/* =========================================== */
/*   Footer Quick Links Bar & Copyright        */
/* =========================================== */

#site_footer {
	/*border-top: solid #c7c7c7 1px;*/
	/*height: 80px;*/
	padding: 10px 0;
	margin-top: 10px;
}

#site_footer #quick_links {
	background-color: #fff;
	/*font: 9px Arial,Helvetica,sans-serif;
	float: right;*/
	margin: auto;
	clear: both;
	padding-bottom: 10px;
	text-align: center;
}
#site_footer #quick_links a {
	color: #666666;
	padding: 0 5px 0 5px;
	text-decoration: none;
}

#site_footer #copyright {
	background-color: #fff;
	color: #666666;
	/*font: 8px Arial,Helvetica,sans-serif;*/
	margin: auto;
	padding: 0;
	text-align: center;
	
	
}
#site_footer #copyright a {
	color: #666666;
	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/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 #E0DED8 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: 240px; 
	
}

#home #home_buckets{
	padding-top: 10px;
	width: 780px;
	height: 180px; 
	background-color: #e2e2e2;
	border-bottom: solid #c0c0c0 1px;
}


#home #home_buckets .bucket{
	width: 237px;
	background-color: #e2e2e2;
	float: left;
}
#home #home_buckets .bucket_header{
	
}
#home #home_buckets .bucket_body{
	clear: both;
}
#home #home_buckets .bucket_image{
	width: 110px;
	float: right;
}
#home #home_buckets .bucket_content{
	padding-top: 5px;
	margin-left: 5px; 
	width: 122px;
	float:left
}
#home #home_buckets .bucket_splitter{
	width: 25px;
	float: left;
}
#home #home_buckets .vert_line{
	margin: auto;
	margin-top:8px;
	width: 1px;
	height: 150px;
	font-size: 1px;
	background-color: #9d9d9d;
	
}


/* bucket rollover */
a.bucket_p_header_roll{
	width: 237px;
    height: 33px;
    background: url("../../../images/_company_site/151408/home/Home_Prizes.gif") no-repeat;
}
a.bucket_rc_header_roll{
	width: 237px;
    height: 33px;
    background: url("../../../images/_company_site/151408/home/Home_ReportCard.gif") no-repeat;
}
a.bucket_r_header_roll{
	width: 237px;
    height: 33px;
    background: url("../../../images/_company_site/151408/home/Home_Resources.gif") no-repeat;
}




a.bucket_p_header_roll, a.bucket_rc_header_roll, a.bucket_r_header_roll {
	display: block;
	text-decoration: none;
	background-position: 0px 0px;
}
a:hover.bucket_p_header_roll, a:hover.bucket_rc_header_roll, a:hover.bucket_r_header_roll {
	background-position: 0px -32px;
}








/* =========================================== */
/* Report Card and Resources */
/* =========================================== */



/* Report Card and Resources */
#report_card{
	width: 780px;
	margin: 0 auto;
	min-height: 350px;
}

#report_card #page_body{
	padding: 8px;
}
#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: 4px 6px;
}
#report_card #training_report_card td, #resources .resource_set td, #training .training_set td {
	border-bottom: solid #f2f2f2 1px;
	padding: 4px 6px;
}
#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: #6a757b;
	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: 15%;
}
#report_card #training_report_card .status img {
	margin: auto;
}

#resources{
	width: 780px;
	margin: 0 auto;
}

#resources #page_body{
	padding: 8px;
}
#resources .resource_set .resource_type, #resources .resource_set .file_type {
	text-align: center;
	width: 20%;
}
#resources .resource_set .resource_type img, #resources .resource_set .file_type img{
	margin: auto;
}
#resources .section_label td {
	background-color: #8CC63F;
	color: #FFF;
	font-weight: bold;
}






/* =========================================== */
/*              Prizes            */
/* =========================================== */

#prizes{
	width: 780px;
	margin: 0 auto;
}

#prizes #page_body{
	padding: 8px;
}
ul.indent{
	margin: 0 0 10px 55px;
	list-style: circle;
}
ul.indent li{
	clear:both;
	padding-bottom: 1em;
}

#prizes .prize_indent{
	clear: both;
	padding-left: 25px
}
#prizes .prize_description{
	width: 340px;
	float:left;
}
#prizes .prize_image{
	width: 180px;
	float: right;
}

#prizes .prize_image img{
	margin: auto;
}


#monthly_prize{
	clear: both;
}
#monthly_prize .prize_image {
	padding: 0px 15px 10px 0px;
	width: 285px;
	float: left;
}
#monthly_prize .prize_content {
	padding: 0px 0 10px 0px;
	width: 449px;
	float: left;
}







/* Training Table */
#training_table {
	border-collapse: collapse;
	width: 100%;
	margin-top: 1px;
	
}
#training_table th {
	background-color: #000000;
	padding: 5px 10px;
	color: #ffffff;
	/*border: solid #ffffff 1px;*/
	border-spacing:1pt
}
#training_table td {
	background-color: #e0e1dc;
	border: solid #ffffff 1px;
	padding: 5px 10px;
}
#training_table .training_title{
	text-align: center;
}
#training_table .training_title a{
	text-align: center;
	color: #333333;
	text-decoration: none;
}
#training_table .left{
	text-align: left;
}

#training_table .status, .date_completed, .date_posted {
	text-align: center;
	width: 15%;
}
#training_table .cert_level {
	text-align: center;
	width: 20%;
	vertical-align: top;
}
#training_table  .reward {
	text-align: center;
	width: 30%;
	vertical-align: top;
}

.centeredImage {
    display:block;
	padding-left: 37px
    }
.resource_set .resource_type, .resource_set .file_type {
	text-align: center;
	width: 20%;
}
.section_label td {
	background-color: #005aa9;
	color: #FFF;
	font-weight: bold;
}





/* Products Table */
#products_table {
	border-collapse: collapse;
	width: 100%;
	margin-top: 1px;
	
}
#products_table th {
	background-color: #000000;
	padding: 5px 10px;
	color: #ffffff;
	/*border: solid #ffffff 1px;*/
	border-spacing:1pt
}
#products_table td {
	/*background-color: #e0e1dc;*/
	border: solid #ffffff 1px;
	padding: 5px 10px;
	width: 33%;
	vertical-align: top;
}
#products_table .training_title{
	text-align: center;
}
#products_table .training_title a{
	text-align: center;
	color: #333333;
	text-decoration: none;
}
#products_table .left{
	text-align: left;
}


#products_table .status, .date_completed, .date_posted {
	text-align: center;
	width: 15%;
}







#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;
}



/* Certification*/
#certification #cert_table  {
	border-collapse: collapse;
	/*margin: 1em auto;*/
	width: 99.9%;
	

}
#certification #cert_table th{
	background-color: #0014a0;
	
	padding: 0px 0px;
	font-weight: bold;
	
}
#certification #cert_table th img{
	margin: auto;
}
#certification #cert_table .left_corner{
	width: 10px;
}

#certification #cert_table th{
	width: 25%;
}

#certification #cert_table td {
	border: solid #cccccc  1px;
	padding: 5px;
	vertical-align: top;
}

#certification #cert_table td.left_column{
	background-color: #666666;
	vertical-align: middle;
}




/* Training */
#training{
	margin: 0 auto;
	width: 780px;
	min-height: 350px;
}

#training #page_body{
	padding: 8px;
}
#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: 10px 0;
}

#training_module #training_footer {
	clear: both;
	height: 30px;
	padding: 0px 7px;
}


/* bucket rollover */
a.btn_prev_roll{
	width: 70px;
    height: 30px;
    background: url("../../../images/_company_site/151408/training/btn_back.gif") no-repeat;
}
a.btn_next_roll{
	width: 70px;
    height: 30px;
    background: url("../../../images/_company_site/151408/training/btn_next.gif") no-repeat;
}
a.btn_quiz_roll{
	width: 84px;
    height: 30px;
    background: url("../../../images/_company_site/151408/training/btn_quiz.gif") no-repeat;
}




a.btn_prev_roll, a.btn_next_roll, a.btn_quiz_roll {
	display: block;
	text-decoration: none;
	background-position: 0px 0px;
}
a:hover.btn_prev_roll, a:hover.btn_next_roll, a:hover.btn_quiz_roll {
	background-position: 0px -30px;
}




#training_module .comparison_table {
	border-collapse: collapse;
	clear: both;
}
#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: 33%;
	vertical-align: top;
}
#training_module .comparison_table.two_column td {
	border: solid #8C8C8C 1px;
	padding: 10px;
	/*width: 356px;*/
	width: 50%;
	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;
}



