/* Online Course Styles ( used in CMT online only) ================================================= */

	#headerOL {
		background-color:#EEEEEE;
		border: thick  #FFCC99;
		border-radius: 7px;
		moz  border-radius: 7px;
		padding: 10px;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 0px;
		margin-right: 20px;
		background-image: linear-gradient(to bottom, #f6f6f6, #e2e2e2); 
		background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e2e2e2));
		background-image: -webkit-linear-gradient(top, #f6f6f6, #e2e2e2);
		background-image: -moz-linear-gradient(top, #f6f6f6, #e2e2e2);
		background-image: -webkit-linear-gradient(top, #f6f6f6, #e2e2e2);
		background-image: -o-linear-gradient(top, #f6f6f6, #e2e2e2);
		background-image: ms-linear-gradient(to bottom, #f6f6f6, #e2e2e2);
		-pie-background: linear-gradient(to bottom, #f6f6f6, #e2e2e2);
	
		}
		
	#headerOL p{
		font-size: 17px;
	}
	
	#NameSummary {
		background-color:#EEEEEE;
		border: thick  #FFCC99;
		border-radius: 7px;
		moz  border-radius: 7px;
		padding: 10px;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 0px;
		margin-right: 20px;
		}
		
	#NameSummary p{
		font-size: 17px;
	}
	
	.gregorian_destiny {
		/*border: 1px ridge #FF9900; */
		border: thick  #FFCC99;
		
		margin-top: 20px;
		margin-left: 0px;
		margin-bottom: 20px;
		margin-right: 20px;
		padding: 10px;
		border-radius: 7px;
		font-size: 17px;
		background-image: linear-gradient(to bottom, #f6f6f6, #e2e2e2); 
		background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e2e2e2));
		background-image: -webkit-linear-gradient(top, #f6f6f6, #e2e2e2);
		background-image: -moz-linear-gradient(top, #f6f6f6, #e2e2e2);
		background-image: -webkit-linear-gradient(top, #f6f6f6, #e2e2e2);
		background-image: -o-linear-gradient(top, #f6f6f6, #e2e2e2);
		background-image: ms-linear-gradient(to bottom, #f6f6f6, #e2e2e2);
		-pie-background: linear-gradient(to bottom, #f6f6f6, #e2e2e2);
		}		

	.gregorian_destiny p{
			font-size: 17px;
		}
	
	.note{
		font-size: 15px;
	}
/*	
//	#header_course_promo {
//		background-color:#E0E0E0;
//		border: thick  #FFCC99;
//		border-radius: 7px;
//		moz  border-radius: 7px;
//		padding: 10px;
//		margin-top: 20px;
//		margin-bottom: 20px;
//		margin-left: 0px;
//		margin-right: 20px;
//		
//		}*/
		
	h2.assistant {
		color: black;
		font-weight: bold;
		font-size: 24px;
		text-shadow: -2px 2px 11px #FF9933;
		margin-top: 10px;
		margin-bottom: 15px;
		border-bottom: thin dotted #999999;
			}
	
	.class_no {
		color: black;
		font-weight: bold;
		font-size: 24px;
		margin-top: 10px;
		margin-bottom: 5px;
		border-bottom: thin dotted #999999;
			}
	
	.course_promo {
		font-size: 13px;
		color: #525252;
		margin-left: 10px;
		font-weight:400;
		text-align: left;
		}		
		
	.course_title {
		font-size: 20px;
		font-style:italic;
		color:#FFFFFF !important;  
		background-color: rgba(153, 51, 102, 1);
		font-weight: bold;
		margin-left: 30px;
		text-align: right;
		padding-left: 5px;
		padding-right: 5px;
		}		

	.course_title_PIA {
		font-size: 18px;
		font-style:italic;
		color:#FFFFFF !important;  
		
		/* Green Gradient */
		
		background: -moz-linear-gradient(top, #72b700, #92ea00);
		background: -webkit-linear-gradient(top, #72b700, #92ea00);
		background: -o-linear-gradient(top, #72b700, #92ea00); 
		background: -ms-linear-gradient(top, #72b700, #92ea00); 
		background: linear-gradient(top, #72b700, #92ea00);
	
		
		
		/* Orange Gradient */
		
		background: -moz-linear-gradient(top, #B73B00, #FF5504);
		background: -webkit-linear-gradient(top, #B73B00, #FF5504);
		background: -o-linear-gradient(top, #B73B00, #FF5504); 
		background: -ms-linear-gradient(top, #B73B00, #FF5504); 
		background: linear-gradient(top, #B73B00, #FF5504);
	
	/* Burgundy Gradient */
		
		background: -moz-linear-gradient(top, #BF4080, #993366);
		background: -webkit-linear-gradient(top, #BF4080, #993366);
		background: -o-linear-gradient(top, #BF4080, #993366); 
		background: -ms-linear-gradient(top, #BF4080, #993366); 
		background: linear-gradient(top, #BF4080, #993366);
		
		background: -moz-linear-gradient(top, #882a5B, #6d2449);
		background: -webkit-linear-gradient(top, #882a5B, #6d2449);
		background: -o-linear-gradient(top, #882a5B, #6d2449); 
		background: -ms-linear-gradient(top, #882a5B, #6d2449); 
		background: linear-gradient(top, #882a5B, #6d2449);
	
		opacity: 0.9;
	
		font-weight: bold;
		margin-left: 15px;
		text-align: right;
		margin-bottom: 5px;
		margin-top: 5px;
		float: right;
		padding-left: 5px;
		padding-right: 5px;
		}		

	.course_title_HLV {
		font-size: 20px;
		font-style:italic;
		color:#FFFFFF !important;  
		background-color: rgba(153, 51, 102, 1);
		font-weight: bold;
		margin-left: 30px;
		text-align: right;
		padding-left: 5px;
		padding-right: 5px;
		}		

	.course_title_HMF {
		font-size: 20px;
		font-style:italic;
		color:#FFFFFF !important;  
		background-color: rgba(153, 51, 102, 1);
		font-weight: bold;
		margin-left: 30px;
		text-align: right;
		padding-left: 5px;
		padding-right: 5px;
		}		

	.session {
		color: #666 !important;
		border-bottom-color: #6d2449 !important;
		border-bottom-width:3px;
		border-style:solid;
		  
		padding-left: 0px;
		margin-top: 30px;
		margin-bottom: 15px;
		margin-right: 25px;
		letter-spacing: 0.5px;
		font-weight: 600;
		font-size: 20px;
	}
		
		.video {
		font-size: 14px;
		font-style:italic;
		color: black;
		background-color: #FF6;
		}		

	.audio {
		font-size: 14px;
		font-style:italic;
		color: black;
		background-color: #0F9;
		}		

	.class_title {
		color: black;
		font-weight: bold;
		font-size: 20px;
		letter-spacing: 0.5px;
		margin-top: 30px;
		margin-bottom: 15px;
		}

	.objective {
		color: black;
		margin-top: 30px;
		margin-bottom: 15px;
		letter-spacing: 0.5px;
		font-weight: bold;
		font-size: 18px;
		}

	.objective_HLV {
		color: black;
		margin-top: 10px;
		margin-bottom: 15px;
		letter-spacing: 0.5px;
		font-weight: bold;
		font-size: 18px;
		}

	.objective_HMF {
		color: black;
		margin-top: 10px;
		margin-bottom: 15px;
		letter-spacing: 0.5px;
		font-weight: bold;
		font-size: 18px;
		}

	.objective_title {
		color: black;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 0.5px;
		margin-top: 30px;
		margin-bottom: 10px;
		margin-left: 75px;
		margin-right: 75px;
		}

	.objective_title_HLV {
		color: black;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 0.5px;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 75px;
		margin-right: 75px;
		}

	.objective_title_HMF {
		color: black;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 0.5px;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 75px;
		margin-right: 75px;
		}
		
	/*
	.session {
		color: black;
		background-color: #FFCC99;
		padding-left:10px;
		
		margin-top: 30px;
		margin-bottom: 15px;
		margin-right: 25px;
		letter-spacing: 0.5px;
		font-weight: bold;
		font-size: 18px;
		}
	*/		
		
			

	.session_item {
		color: black;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 0.5px;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-left: 75px;
		}

	.session_item_wg {
		color: black;
		font-weight: bold;
		font-style: italic;
		font-size: 14px;
		letter-spacing: 0.5px;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-left: 75px;
		}
		
	.session_video {
		color: black;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 0.5px;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-left: 100px;
		}

	.session_video_audio {
		color: black;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 0.5px;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-left: 150px;
		}

	.CourseOptions {
		margin-left:130px;
		margin-right:8px;
		width: 400px;
		}
	
	.session_subitem {
		color: black;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 0.5px;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-left: 125px;
		}

	.break {
		color: black;
		font-style:italic; 
		font-weight: bold;
		font-size: 18px;
		letter-spacing: 0.5px;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 75px;
		border-top: medium #000 #333;
		border-bottom: medium #000;
		display: none;
				}

	.class_space {
		margin-top: 100px;
			}

	.study_title {
		color: black;
		font-weight: bold;
		font-size: 18px;
		letter-spacing: 0.5px;
		margin-top: 30px;
		margin-bottom: 10px;
		margin-left: 0px;
		}

	.study_h1 {
		color: black;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 0.5px;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 75px;
		}
		
	.study_item {
		color: black;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 0.5px;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-left: 125px;
		}
	
	.study_item {
		color: black;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 0.5px;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-left: 125px;
		}
	
	.workgroup_form {
		color: black;
		background:#CCCCCC;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 95px;
		margin-right: 15px;
		padding-top: 10px;
		padding-bottom: 50px;
		}
		
	.workgroup_form textarea {
		color: black;
		font-size:14px;
		margin-left: 25px;
		margin-right: 75px;
		}	
	
	div.workgroup_assistant textarea {
		color:   #000;
		font-size:16px;
		margin-left: 25px;
		margin-right: 25px;
		background-color: #FC6;
		border: 2px solid;
		border-color: #333;
		padding: 10px
		}	
		
	div.workgroup_assistant tr textarea {
		color: #666;
		font-size:16px;
		}	
			
	.workgroup_form_class0 {
		color: black;
		background:#CCCCCC;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 135px;
		margin-right: 15px;
		padding-top: 10px;
		padding-bottom: 50px;
		}
	
	.definition_list li{
		margin-left: 70px;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-right: 10px;
		text-indent: -60px;
		}
	
	.red {
		color:#FF0000;
		}
	
	.blue {
		color: #09F;
		}
	
	.green {
		color: #3C3;
		}
		
	.definition_list ol {
	    counter-reset: my-counter;
		list-style:none;
		}
		
	.definition_list ol li:before {
	    content: counter(my-counter, upper-alpha) ".";
    	counter-increment: my-counter;
	    margin-right: 40px;
		text-indent: 0px;
	    font-weight: bold;
		font-size:16px;
		color:#F00;
		}
	
	.definition_title{
		font-weight: bold;
		font-size: 15px;
		margin-left: 25px;
		margin-bottom: 20px;
		}
	
	.definition_answers{
		border:medium;
		border-color:#F00;
		padding: 10px;
		font-weight: bold;
		font-size: 15px;
		margin-left: 25px;
		margin-bottom: 20px;
		}
		
	.workgroup_title{
		color: white;
		font-weight: bold;
		font-size: 18px;
		background:black;
		margin-top: 20px;
		margin-bottom: 5px;
		margin-left: 25px;
		margin-right: 15px;
		}
	
	.workgroup_objective{
		color: black;
		font-weight: bold;
		font-size: 13px;
		background:#CCCCCC;
		margin-top: 20px;
		margin-bottom: 5px;
		margin-left: 25px;
		padding-left: 60px ;
    	text-indent: -60px ;
		}
	
	.workgroup_question{
		color: black;
		font-size: 13px;
		letter-spacing: 0.5px;
		background:#CCCCCC;
		margin-top: 20px;
		margin-bottom: 5px;
		margin-left: 25px;
		margin-right: 50px;
		padding-left: 25px ;
    	text-indent: -25px ;
		}
	
	.workgroup_question_P34{
		color: black;
		font-size: 15px;
		letter-spacing: 0.5px;
		background:#CCCCCC;
		margin-top: 20px;
		margin-bottom: 5px;
		margin-left: 25px;
		margin-right: 50px;
		padding-left: 25px ;
    	text-indent: -25px ;
		}
		
	.pia_next_step{
		margin-left: 125px;
		}
		
	.preamble{
		color: black;
		font-size: 13px;
		letter-spacing: 0.5px;
		background:#CCCCCC;
		margin-top: 20px;
		margin-bottom: 5px;
		margin-left: 50px;
		margin-right: 50px;
		padding-left: 25px ;
    	}	
	
	.workgroup_question_view{
		color: black;
		font-size: 15px;
		letter-spacing: 0.5px;
		margin-top: 20px;
		margin-bottom: 5px;
		margin-left: 25px;
		margin-right: 20px;
		padding-left: 25px ;
    	text-indent: -25px ;
		}
	
	.workgroup_question_view_title{
		color: black;
		font-weight: bold;
		font-size: 15px;
		letter-spacing: 0.5px;
		margin-top: 20px;
		margin-bottom: 5px;
		margin-left: 25px;
		margin-right: 50px;
		padding-left: 25px ;
    	text-indent: -25px ;
		}
	
	.workgroup_image{
		color: black;
		text-align:center;
		border: groove;
		border-color:#FF0000;
		background:#ffffff;
		margin-top: 20px;
		margin-bottom: 5px;
		margin-left: 25px;
		margin-right: 25px;
		padding: 20px ;
	}
	
	.workgroup_image_HLV{
		color: black;
		text-align:center;
		border: groove;
		border-color:#FF0000;
		background:#ffffff;
		margin-top: 20px;
		margin-bottom: 5px;
		margin-left: 25px;
		margin-right: 25px;
		padding: 20px ;
	}
	
	.workgroup_image_HMF{
		color: black;
		text-align:center;
		border: groove;
		border-color:#FF0000;
		background:#ffffff;
		margin-top: 20px;
		margin-bottom: 5px;
		margin-left: 25px;
		margin-right: 25px;
		padding: 20px ;
	}
		
	.workgroup_instruction{
		color: black;
		font-size: 13px;
		font-weight: bold;
		letter-spacing: 0.5px;
		background:#CCCCCC;
		margin-top: 20px;
		margin-bottom: 5px;
		margin-left: 25px;
		margin-right: 25px;
		}
		
	.workgroup_answer {
		color: black;
		font-weight: bold;
		font-size: 15px;
		letter-spacing: 0.5px;
		background:#CCCCCC;
		margin-top: 10px;
		margin-bottom: 5px;
		margin-left: 50px;
		}
	
	.quality {
		color: black;
		font-weight: bold;
		font-size: 24px;
		}
	
	.PIA_grid {
		margin-left: 100px;
		}
	
	.workgroup_answer_sameline {
		color: black;
		font-weight: bold;
		font-size: 25px;
		letter-spacing: 0.5px;
		background:#CCCCCC;
		margin-top: 10px;
		margin-bottom: 5px;
		margin-left: 50px;
		float: right;
		}
		
	.assistant_title {
		color: black;
		font-weight: normal;
		font-size: 10px;
		font-style:italic;
		letter-spacing: 0.5px;
		}
		
	.workgroup_comment {
		color: black;
		border-width: 1px;
		border-color: #000000;
		border-style: solid;
		font-weight: bold;
		font-size: 15px;
		letter-spacing: 0.5px;
		margin-bottom: 5px;
		margin-left: 75px;
		margin-right: 75px;
		background: #FC9;
		padding: 10px;
		}
		
	.workgroup_generalcomment {
		color: black;
		border-width: 2px;
		border-color: #000000;
		border-style: solid;
		font-weight: bold;
		font-size: 15px;
		letter-spacing: 0.5px;
		background: #F93;
		margin-top: 10px;
		margin-bottom: 5px;
		margin-left: 75px;
		margin-right: 75px;
		padding: 20px;
		}
	
	.workgroup_answer_view {
		color: black;
		font-size: 15px;
		letter-spacing: 0.5px;
		background:#CCC;
		margin-top: 10px;
		margin-bottom: 5px;
		margin-left: 50px;
		margin-right: 150px;
		padding: 10px;
		
		}
	
	.workgroup_answer_view_title {
		color: black;
		font-weight: bold;
		font-size: 15px;
		letter-spacing: 0.5px;
		margin-top: 10px;
		margin-bottom: 5px;
		margin-left: 25px;
		}
	
	.workgroup_comment_view {
		color: black;
		font-size: 15px;
		letter-spacing: 0.5px;
		margin-top: 10px;
		margin-bottom: 5px;
		margin-left: 25px;
		}
	
	.workgroup_comment_view_title {
		color: black;
		font-weight: bold;
		font-size: 15px;
		letter-spacing: 0.5px;
		margin-top: 10px;
		margin-bottom: 5px;
		margin-left: 25px;
		}
	
	.workgroup_correct_answer {
		color: #00F;
		font-weight: bold;
		font-size: 15px;
		letter-spacing: 0.5px;
		background:#CCCCCC;
		margin-top: 10px;
		margin-bottom: 5px;
		margin-left: 50px;
		}
		
	.workgroup_confirmed {
		color: #F00;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 0.5px;
		background:#CCCCCC;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 50px;
		}
	
	.workgroup_saved {
		color: #090;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 0.5px;
		background:#CCCCCC;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 50px;
		}
	
	.workgroup_date {
		color: #666;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 0.5px;
		background:#CCCCCC;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 100px;
		}
	
	.workgroup_date_assistant {
		color: #333;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 0.5px;
		background:#CCCCCC;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 100px;
		content: "==>"}
		
	p.workgroup_date_assistant:before {
		color: #F00;
		font-weight: bold;
		font-size: 14px;
		content: "==>"}
	
	p.workgroup_date_assistant:after {
		color: #F00;
		font-weight: bold;
		font-size: 14px;
		content: "<=="}
	
	.workgroup_submit {
		color: black;
		font-weight: bold;
		background:#CCCCCC;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 45px;
		}
		
	.workgroup_submitbutton {
		background-color:#0F0;
		font-size: 16px;
		color: #333;
		font-weight: bold;
		}
	
	.workgroup_savebutton {
		background-color: #FF0;
		font-size: 14px;
		color: #333;
		font-weight: bold;
		}
		
	table {border-collapse:collapse}
	

	/* Links =================================================================================== */
	
	#php_note:link {
		font-size:12px;
		font-style: italic;
		font-weight: normal;
		text-decoration: none;
		}
	
	#php_note:visited {
		font-size:12px;
		font-style: italic;
		font-weight: normal;
		text-decoration: none;
		}
		 
	#php_note:hover {font-size:12px;
		font-style: italic;
		font-weight: normal;
		text-decoration: bold;
		color: blue;
		background: #CCC;
	}
	
		
	@media only screen and (max-device-width: 480px) {
			.navigation {
				display: none;
				}
	}