@charset "utf-8";
/* FSEnablers Training Center */

/* sub menu z-index fix */
ul.sub-menu{
	z-index: 1;
}

/* Reset CSS */
.trn-app-container * {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	line-height: 1;
	font-family:Arial, Helvetica, sans-serif;
}

.trn-app-container ul {
	list-style: none;
}
.trn-app-container blockquote, q {
	quotes: none;
}
.trn-app-container blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
.trn-app-container table {
	border-collapse: collapse;
	border-spacing: 0;
}

.trn-app-container .clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.trn-app-container .clearfix {
	display: inline-block;
}

/* Goofy Reset for Curriculum Text... */
.trn-app-container .curriculumText h2 {
		width:100% !important;
		margin:0 0 5px 0;
		padding:20px 20px 15px 30px;
		background: none !important;
		border-bottom: none !important;
		color:#666666;
		font-size:15px !important;
		text-transform: none !important;
		border-radius: 0 !important;
		behavior: none !important;
}

.trn-app-container .curriculumText h2 span {
	color: #666666 !important;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.trn-app-container a, .trn-app-container a:link, .trn-app-container a:visited, .trn-app-container a:active{
	font-weight:bold;
	text-decoration:none;
	}
	
.trn-app-container a:hover{
	text-decoration:underline;
}

/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* training center fixed styles */

#trn-container{
	width: 820px;
	margin:0 auto 0 auto;
	}
	
	#trn-main{
		padding-top:25px;
		width:100%;
		float:left;
		background:#e3e3e3;
		border:1px solid #9b9b9b;
		border-radius:10px;
		behavior: url(../../resources/stp-clean/css/PIE.htc); /*ie < 9 corner support */
		position:relative;
		}
		
		#trn-main h1{
			color:#333333;
			font-size:15px;
			font-weight:bold;
			text-transform:uppercase;
			margin: 0px 35px 0px 35px;
			}
			
		#trn-main p{
			margin:10px 35px 10px 35px;
			color:#666666;
			font-size:12px;
			line-height:16px;
			}
	
		
		/* curriculum listing */
		.trn-curriculum{
			width:780px;
			margin:10px auto 15px auto;
			background:#ffffff;
			border-radius:10px;
			box-shadow:0px 0px 10px #cccccc;
			behavior: url(../../resources/stp-clean/css/PIE.htc); /*ie < 9 corner/shadow support */
			position:relative;
			padding-bottom: 5px; /* Added */
			}
			
			.trn-curriculum h2 {
				width:730px;
				margin:0 0 5px 0;
				padding:20px 20px 15px 30px;
				background:#f7f7f7;
				border-bottom:1px solid #e5e5e5;
				color:#666666;
				font-size:20px;
				text-transform:uppercase;
				border-radius: 10px 10px 0 0;
				behavior: url(../../resources/stp-clean/css/PIE.htc); /*ie < 9 corner support */
				}
				
				.trn-curriculum h2 span{
					color:#333333;
					font-weight:bold;
				}
					
			.trn-curriculum p{
				margin-left:10px !important;
				}
				
			.trn-curriculum > p{
				margin-bottom:0 !important;
				}
			.trn-curriculum-logo {
				max-width:140px; 
				margin-left: 15px;
				clear: both;
			}
			
		.curriculumSynopsis {
			margin: 0px 15px 0px 15px;
		}
			
		.curriculumSynopsis td{
			vertical-align: middle !important;
		}
				
				
		.trn-toggle{
			width:739px;
			margin:0 auto 20px 20px;
			background:#ffffff;
			}
			
			.trn-toggle h3{
				margin:15px 0 0 0;
				padding:9px;
				color:#666666;
				text-transform:uppercase;
				font-size:15px;
				cursor:pointer;
				}
				
				.trn-toggle h3 span{
					font-weight:bold;
					}
					
				.trn-toggle h3 p{
					clear:both;
					color:#666666;
					text-transform:none;
					margin-left:0 !important;
					}
					
				.trn-toggle h3 img{
					float:right;
					margin-right:30px;
					}
					
				/* closed specific */
				.trn-toggle h3.ui-accordion-header{
					background:url(../graphics/toggle_expand.jpg) no-repeat 715px 8px #eaeaea;
					}
				
				/* open specific */
				.trn-toggle h3.ui-accordion-header-active{
					background:url(../graphics/toggle_collapse.jpg) no-repeat 715px 8px #eaeaea;
					}
					
					
			.trn-course_info{
				width:739px;
				border:1px solid #eaeaea;
				}
				
				.trn-course_info td{
					color:#666666;
					font-size:12px;
					padding:9px;
					border-bottom:1px solid #eaeaea;
					}
					
				.trn-course_info a.trn-complete{
					color:#a0af4c;
					}
					
					.trn-course_info td.trn-chapter{
						font-weight:bold;
						border-right:1px solid #eaeaea;
						}
						
						.trn-course_info td.trn-chapter span{
						
							}
							
					.trn-course_info td.trn-pages{
						width: 54px; /*width:52px;*/
						text-align:center;
						border-right:1px solid #eaeaea;
						}
						
					.trn-course_info td.trn-progress{
						width:163px;
						border-right:1px solid #eaeaea;
						}
						
						/* Changed a to span */
						.trn-course_info td.trn-progress span.trn-quiz_0{
							background:url(../graphics/quiz_bar_0.jpg) no-repeat;
							padding:1px 0 2px 100px;
							}
							
						.trn-course_info td.trn-progress span.trn-quiz_1{
							background:url(../graphics/quiz_bar_1.jpg) no-repeat;
							padding:1px 0 1px 100px;
							}
						
						.trn-course_info td.trn-progress span.trn-quiz_2{
							background:url(../graphics/quiz_bar_2.jpg) no-repeat;
							padding:1px 0 1px 100px;
							}
						
						.trn-course_info td.trn-progress span.trn-quiz_3{
							background:url(../graphics/quiz_bar_3.jpg) no-repeat;
							padding:1px 0 1px 100px;
							}
						
						.trn-course_info td.trn-progress span.trn-quiz_4{
							background:url(../graphics/quiz_bar_4.jpg) no-repeat;
							padding:1px 0 1px 100px;
							}
						
						.trn-course_info td.trn-progress span.trn-quiz_5{
							background:url(../graphics/quiz_bar_5.jpg) no-repeat;
							padding:1px 0 1px 100px;
							}
						
						.trn-course_info td.trn-progress span.trn-quiz_complete{
							color:#a0af4c;
							background:url(../graphics/quiz_complete.jpg) no-repeat;
							padding:1px 0 0 100px;
							}
						
					.trn-course_info td.trn-proceed{
						width:70px;
						border-right:1px solid #eaeaea;
						}
						
						.trn-course_info td.trn-proceed a.trn-start{
							background:url(../graphics/book_start.jpg) no-repeat;
							padding:1px 0 0 20px;
							}
						
						.trn-course_info td.trn-proceed a.trn-continue{
							background:url(../graphics/book_continue.jpg) no-repeat;
							padding:1px 0 0 20px;
							}
							
						.trn-course_info td.trn-proceed a.trn-review{
							background:url(../graphics/book_review.jpg) no-repeat;
							padding:1px 0 0 20px;
							}
						
					.trn-course_info td.trn-pdf{
						width:10px;
						}
						
		/* quiz pages */
		#trn-course_info{
			float:left;
			width:100%;
			background:#d4d4d4;
			border-left:1px solid #d4d4d4;
			border-right:1px solid #d4d4d4;
			border-radius: 10px 10px 0 0;
			behavior: url(../../resources/stp-clean/css/PIE.htc); /*ie < 9 corner support */
			position:relative;
			}
			
			#trn-curr_name{
				float:left;
				width:50%;
				border-right:1px solid #c9c9c9;
				}
				
				#trn-curr_name h1{
					padding:10px 10px 10px 15px;
					font-size:12px;
					color:#666666;
					text-transform:uppercase;
					}
					
					#trn-curr_name h1 span{
						color:#000000;
						font-weight:bold;
						}
						
			#trn-course_name{
				float:left;
				}
				
				#trn-course_name h1{
					padding:10px 10px 10px 15px;
					font-size:12px;
					color:#666666;
					text-transform:uppercase;
					}
					
					#trn-course_name h1 span{
						color:#000000;
						font-weight:bold;
						text-transform:none;
						}
			
			
		#trn-course_chapter{
			float:left;
			width:100%;
			margin:0 0 10px 0;
			background:#e3e3e3;
			border-left:1px solid #e3e3e3;
			border-right:1px solid #e3e3e3;
			border-radius: 0 0 10px 10px;
			behavior: url(../../resources/stp-clean/css/PIE.htc); /*ie < 9 corner support */
			position:relative;
			}
			
		/* Added for top pager */
		#trn-course_chapter .trn-pager {
			margin-top: 10px;
		}
			
			#trn-chapter_select{
				float:left;
				width:50%;
				margin:0 200px 0 0;
				border-right:1px solid #c9c9c9;
				}
			
				#trn-chapter_select h1{
					float:left;
					padding:16px 10px 10px 15px;
					font-size:12px;
					color:#666666;
					text-transform:uppercase;
					}
					
				#trn-chapter_select form{
					float:left;
					margin:5px 0 5px 0;
					}
					
					#trn-chapter_select form select{
						width:310px;
						border:0;
						background:#ffffff;
						padding:5px;
						color:#666666;
						font-weight:bold;
						font-size:13px;
						}
						
						
		#trn-quiz_alert{
			width:780px;
			margin:10px auto 15px auto;
			border:1px solid #bfbfbf;
			border-radius: 10px;
			behavior: url(../../resources/stp-clean/css/PIE.htc); /*ie < 9 corner support */
			position:relative;
			background:url(../graphics/alert.jpg) no-repeat 12px 12px;
			}
			
			#trn-quiz_alert h1{
				margin:15px 35px 0 80px;
				font-size:12px;
				line-height:16px;
				color:#000000;
				font-weight:normal;
				font-style:italic;
				text-transform:none;
				}
				
				#trn-quiz_alert p{
					margin:10px 35px 10px 80px;
					}
					
		
		.trn-quiz_question{
			width:780px;
			margin:10px auto 15px auto;
			padding:0 0 15px 0;
			background:#ffffff;
			border-radius:10px;
			box-shadow:0px 0px 10px #cccccc;
			behavior: url(../../resources/stp-clean/css/PIE.htc); /*ie < 9 corner/shadow support */
			position:relative;
			color:#666666;
			font-size:13px;
			}
						
			.trn-quiz_question h1{
				float:left;
				width:740px;
				margin:10px !important;
				padding:10px;
				background:#eeeeee;
				color:#000000;
				font-size:15px;
				text-transform:none !important;
				}
				
			.trn-quiz_question input{
				margin:5px 0 5px 20px;
				}
				
		#trn-quiz_options{
			width:750px;
			min-height:30px;
			margin:20px auto 20px auto;
			}
			
			#trn-quiz_options img{
				
				}
			
			#trn-quiz_options input[type=submit]{
				float:left;
				cursor:pointer;
				background:#ffffff;
				font-size:12px;
				font-weight:bold;
				text-transform:uppercase;
				border-radius:5px;
				behavior: url(../../resources/stp-clean/css/PIE.htc); /*ie < 9 corner/shadow support */
				position:relative;
				border:1px solid #c2c2c2;
				padding:2px;
				}
				
				
				
				
	/* content pages */
	.trn-content{
		background:url(../graphics/content_bg.jpg) repeat-x #ffffff !important;
		}
		
		.trn-content h1{
			font-size:18px !important;
			/*float:left;*/
			width:707px;
			}
			
			#trn-print{
				float: left;
				width:40px;
				height:20px;
				margin:23px 0 15px 0;
				}
				
				#trn-print img{
					margin:0;
					border:0;
					}
			
		.trn-content h2{
			font-size:15px;
			color:#666666;
			font-weight:bold;
			margin-left:35px;
			}
			
		.trn-content h3{
			color:#666666;
			background-color: #e4e4e4;
			padding: 4px;
			font-size:12px;
			font-weight:bold;
			text-transform:uppercase;
			margin: 0px 35px 10px 35px;
			}
						
		.trn-content ul {
			margin:15px 50px 30px 45px;
			}
			
			.trn-content ol {
				margin:15px 50px 30px 62px;
			}
			
			.trn-content ul li{
				padding:0 0 8px 12px;
				background:url(../graphics/bullet.png) no-repeat 0 5px;
				color:#666666;
				font-size:12px;
				line-height:16px;
				}
		
				
			.trn-content ol li{
				padding:0 0 8px 0px;
				color:#666666;
				font-size:12px;
				line-height:16px;
			}
				
		/* These caused some issues with images in page details
		
		.content img{
			display:inline-block;
			border:1px solid #666666;
			margin:5px 0 20px 35px;
			}
			
			.content img.img_shadow{
				padding:10px;
				margin:5px 0 20px 20px;
				border:0;
				background:#ffffff;
				border-radius:5px;
				box-shadow:0px 0px 10px #666666;
				behavior: url(../../resources/stp-clean/css/PIE.htc);
				position:relative;
				}		
		*/
				
		#trn-page_link{
			float:right;
			cursor:pointer;
			background:#ffffff;
			font-size:12px;
			font-weight:bold;
			text-transform:uppercase;
			border-radius:5px;
			behavior: url(../../resources/stp-clean/css/PIE.htc); /*ie < 9 corner/shadow support */
			position:relative;
			border:1px solid #c2c2c2;
			padding:4px;
			}
				
				
	.trn-quick_tip{
		float:right;
		width:250px;
		margin:0 15px 15px 15px;
		background:url(../graphics/quick_tip_bot.png) no-repeat bottom center;
		}
					
		.trn-quick_tip h3{
			text-indent:-3000px;
			width:250px;
			height:86px;
			margin:0;
			background:url(../graphics/quick_tip.png) no-repeat;
			}
			
		.trn-quick_tip h4{ 
			width:210px;
			margin:0 0 22px 0;
			padding:0 20px 0 20px;
			color:#666666;
			font-size:13px;
			line-height:17px;
			background:url(../graphics/quick_tip_bg.png) repeat-y;
			}
			
			.trn-quick_tip h4 span{
				float:left;
				font-weight:bold;
				padding-bottom:10px;
				}
				
				
	#trn-pagination{
		float:left;
		width:100%;
		height:50px;
		margin:40px 0 0 0;
		border-radius: 0 0 10px 10px;
		behavior: url(../../resources/stp-clean/css/PIE.htc); /*ie < 9 corner support */
		position:relative;
		background:#e6e6e6;
		}
		
	/* Added Margin to align with Training Home Button*/
	#trn-pagination .trn-pager {
		margin: 12px 0px 12px 0px;
	}
		
		#trn-pagination img.trn-home{
			float:left;
			margin:12px 465px 12px 25px;
			border:0;
			}
			
		#trn-pagination .trn-pager{
			/*float:left;
			width:190px;*/
			margin:10px 10px 0 0;
			color:#666666;
			font-size:11px; /*11px */
			text-transform:uppercase;
			}
		
			.trn-page_back{
				float:left;
				width:20px;
				margin:0 10px 0 0;
				}
				
			.trn-page_numbers{
				float:left;
				margin:0 10px 0 0;
				}
				
				.trn-page_numbers input[type=text]{
					width:28px;
					border:1px solid #c9c9c9;
					text-align:center;
					color:#666666;
					font-size:11px;
					}
					
				.trn-page_numbers input[type=image]{
					width:20px;
					vertical-align:bottom;
					margin:0 0 0 3px;
					}
				
			.trn-page_forward{
				float:left;
				margin:0;
				}
				
			.trn-page_back img, .trn-page_forward img{
				margin:0;
				border:0;
				}
				
		
/* IE7 Display Fixes */

.ie7 .trn-toggle h3 img{
	margin-top:-15px;
	}

.ie7 #trn-chapter_select form{
	margin:10px 0 5px 0;
	}
	
.ie7 #trn-quiz_alert h1{
	margin:22px 35px 0 80px;
	}
	
.ie7 .trn-quiz_question input[type=radio]{
	height:20px;
	margin:0 0 0 20px;
	padding:0;
	}
	
.ie7 #trn-quiz_options img{
	
	}