/* Critics Choice css */
/* Mobile responsive design */
/* 1. Any Screen Size */
@media only screen { 

a, a:link {
	color: #362F2D;
	text-decoration: underline;
}
a:active {
	color: #362F2D;
}
a:hover {
	color: #362F2D;
}
a:visited {
	color: #362F2D;
}
a.current {
	color: #fbb241;
	font-weight: bold;
	text-decoration: underline;
}
h2 {
	font-weight: normal;
}
#Menu{
	width:100%;
	display:inline-block;
	display:none;
}
#Menu a, #Menu a:link {
	text-decoration: none;
	margin-right: 8px;
}
#Menu ul li.current a {
	font-weight: bold;
}

body {
	background: #dbf2fe;
	margin: 0;
	padding: 0;
 	font-family: 'Arvo', serif;
	font-size: 80%;
	color: #362F2D;
}
#Align {
	text-align: center;
}
#Page {
	position: relative;
	width: 955px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}
	#Page-Inner {
		position: relative;
		width: 100%;
	}
		#JoinMailing{box-sizing:border-box;width:100%;padding:20px 60px 0 0;display:inline-block;background:#fbb241;text-align:right;}
			#JoinMailing label,#JoinMailing input,#JoinMailing button{display:inline-block;border: 0;padding: 8px;}
			#JoinMailing label{padding:0 8px;}
			#JoinMailing button{background:#000;color:#fff;}
		#Header {
			background: url('/criticschoice/includes/images/header_bg.gif') repeat-x;
		}
			#Header-Inner {
				padding: 60px 60px 0px 70px;
			}
		#Content {
			margin-top:0;
		}
			#Content-Inner {
				padding: 10px 72px 20px 70px;
			}
				#Primary {
					width: 810px;
				}
				#Primary-Inner {}
		#Footer {
			background: url('/criticschoice/includes/images/footer_bg.gif') repeat-x;
			height: 62px;
			font-size: 80%;
		}
			#Footer-Inner {
				padding: 30px 72px 0px 70px;
			}
#Menu {}
	#Menu ul {
		float: left;
		margin-left: 0px;
		padding-left: 0px;
	}
		#Menu ul li {
			display: inline;
			margin-right: 10px;
		}

#ContentBox {
	width: 810px;
	background: #b1e3f9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
	#ContentBox-Inner {
		padding: 10px 25px;
	}
#ContentBoxBottom {
	width: 810px;
	background: #b1e3f9;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
	#ContentBoxBottom-Inner {
		padding: 10px 25px;
	}
#BigMenu {
	margin-top: 20px;
}
	#BigMenu-Inner {}
		#BigMenu .summaryItem {
			width: 195px;
			display:inline-block;
			margin: 0px 5px 0 2px;
			padding-bottom: 0px;
			margin-bottom: 0px;
				background: #fdba58;
				-webkit-border-bottom-right-radius: 10px;
				-webkit-border-bottom-left-radius: 10px;
				-moz-border-radius-bottomright: 10px;
				-moz-border-radius-bottomleft: 10px;
				border-bottom-right-radius: 10px;
				border-bottom-left-radius: 10px;
				border-top-right-radius: 20px;
				border-top-left-radius: 20px;
		}
			#BigMenu .summaryItem:hover {
				background: #dde99f;
			}
			#BigMenu .summaryItem img {
				width:100%;
				border: 0px;
				border-top-right-radius: 10px;
				border-top-left-radius: 10px;
			}
			#BigMenu .summary {
				margin-top: 0px;
				padding-top: 0px;
			}
				#BigMenu .summaryInner {
					padding: 0px 10px 0px;
				}
					#BigMenu .summaryInner h2 {
						font-size: 110%;
					}
	
#Footer ul {
	float: left;
	margin-top: 0px;
	padding-top: 0px;
	color: #333;
	margin-left: 0px;
	padding-left: 0px;
}
	#Footer ul li {
		display: inline;
		margin-right: 10px;
	}
	#Footer ul li a {
		margin-right: 10px;
	}
	#Footer a, #Footer a:link, #Footer a:visited {
		color: #333;
		text-decoration:none;
	}
#FooterLogos {
	padding: 30px 0 0 0;
	text-align:right;
}
#FooterLogos a{
	display:inline-block;
}
#FooterLogos img {
	margin-right: 30px;
	display:inline-block;
}
#FooterLogos img.quitlogo {
	margin-right: 0px;
}
	
/* VIDEO STUFF */

    /* Critics Choice css */
    #cc_container_teacher_evaluation table td { border: 1px solid #eeeeee;}
    
	#cc_wrapper 	{   
		text-align: left;
		padding: 0px;
		border: #cccccc 1px solid; 
		margin-left:auto;
		margin-right:auto;
		overflow:auto;
	    /*width:953px;*/
		padding: 20px;
	}

	                    
	#cc_container_teacher_evaluation { padding: 10px 10px 10px 10px;}
	
    #cc_container_teacher_evaluation table { width:600px; 
                      border-width:1px 1px 1px 1px;
                      margin:0px 0px 0px 0px;
                      text-align: left;
                    }

	table#cc_innertable { border: #000000 0px solid;
                          padding:0px 0px 0px 0px;
                          margin: 0px 0px 0px 0px;
                        }
	table#cc_plaintable { border: #000000 0px solid;
                          padding:0px 0px 0px 0px;
                          margin: 0px 0px 0px 0px;
                        }
                        
    table#cc_innertable td { vertical-align:top; border: 0px solid #eeeeee; width: 100px}

    table#cc_plaintable td { border: 0px solid #eeeeee;}
                        
	#cc_container_teacher_evaluation input { width:auto;}
	.cc_radio       { border: none;}
	
	#cc_success     {  border: #00A790 1px solid; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; }
	#cc_leftside    { float: left; width: 180px; padding: 5px 5px 0px 5px; height:1495px;}
	#cc_rightside   { float: right; width: 180px; padding: 5px 5px 0px 5px; height:1495px;}
	#cc_content     { float: left; width: 540px; padding: 15px 8px 30px 8px; height:1495px;}
	#cc_content input { width: auto;}
	#cc_header 	    { margin: 5px auto 15px auto; text-align:center; }
	#cc_footer 	    { clear: both; height:10px; }    
	.cc_prompt      { font-weight: bold;  width: 120px; display: inline-block; vertical-align:top;} 
	.cc_input input {  margin: 0px;
                       padding: 0px 0px 0px 0px;
                       font-family: arial, helvetica, sans-serif;
                       color: #323232;
                       background-color: #ffffff;
                       border: #cccccc 1px solid;
                       width: auto;
	                }
	.cc_input textarea  {  width: 300px; height: 100px; border: #cccccc 1px solid; }
	.cc_input select    {  border: #cccccc 1px solid; }
	.BlueFont           {  font-weight:bold; color: #00A790; }
	#cc_feedback_error  {  border: #cccccc 1px solid; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; color: #AA0000}
	                
	#cc_content h1 {color:#00A790;}
	#cc_content a:link, #cc_content a:visited, #cc_content a:hover { color:#00A790; text-decoration:underline; }
	#cc_header a:link, #cc_header a:visited, #cc_header a:hover { color:#00A790; text-decoration:underline; }
	
/*Video Playlist*/
#VideoPlayer {
	background-color:#fdba58;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-bottom:2%;
}
#ccvideoplaylist {width:100%;padding: 0px;margin:0;background-color:#fdba58;}
	#ccvideo{width:100%;display:inline-block;}
	#ccvideotitle{width:100%;height:80px;display:inline-block;margin:3px 0;}
		.ccvideo-arrow{width:5%;height:61px;float:left;margin:0 1%;margin-top:55px;}
		#ccvideo-title{width:100%;height:39px;float:left;padding:10px 10px;text-align:center;color:#3F4146;font-size:120%;font-weight:bold;}
	#video-reel{width:100%;display:inline-block;}
	#ccvideolist{width:86%;height:188px;overflow:hidden;position:relative; float: left;}
	#ccvideolistinner{width:100%;height:188px;overflow:hidden;position:absolute;top:0;left:0;}
		#ccvideolistwrapper{width:3000px;height:188px;position:relative;top:0;left:0;}
			#ccvideolistwrapper a.chapter{padding:4px;display:inline-block;border-radius: 10px;}
			#ccvideolistwrapper a.chapter:hover{background:#fff;}
			#ccvideolistwrapper img{border:none;border-radius: 10px;}
			#ccvideolistwrapper img.current,#ccvideolistwrapper img:hover{background: #fff;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				}
			.videoChapter {position:absolute;left:4px;top:60px;color:#000;background:#fff;width:89px;height:15px;opacity:0.7;filter: alpha(opacity = 70);font-weight:bold;text-align:center;}
	
/*Home page banners*/
img {border: 0px;}
#HomePageFeature {width:810px;height:399px;overflow:hidden;padding:20px 0 10px 0;}

#HomeFeaturesInner {position:relative;height:416px;}
#HomeFeaturesInner  #HomePageFeatureBar {position:absolute;bottom:20px;left:10px;}
#HomePageFeatureBar a,#HomePageFeatureBar a:link,#HomePageFeatureBar a:visited{padding:4px 10px;margin-left:5px;margin-right:15px;text-align:center;display:block;float:right;background:#fff;color:#fff;opacity:0.90;filter:alpha(opacity=90);font-size:90%;font-family:verdana;}
#HomePageFeatureBar a:hover{background:#c8ecfd;color:#c8ecfd;text-decoration:none;}

#HomePageFeature .feature{display:none;position:relative;}
#HomePageFeature .feature:first-child{display:block;}
#HomePageFeature .feature .featurecontent{position:absolute;bottom:10px;left:0;width:50%;background:#1d2338;color:#fff;padding:10px;opacity:0.75;filter:alpha(opacity=75);font-size:108%;line-height:120%;font-family:verdana;}
#HomePageFeature .feature .featurecontent p{padding:0;margin:0;}

/*Vote form*/
#VideoList {
	width: 100%;
	display: inline-block;
	padding-bottom: 20px;
	text-align:center;
}
	.video {
		width: 176px;
		display:inline-block;
		height: 240px;
		margin: 10px 10px 0px 0;
		background: #fdba58;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		overflow:hidden;
		text-align:left;
		font-size:87%;
	}
		.video:hover {
			/*background: #fff;*/
		}
		.videoinner {
			padding: 2px;
		}
		.videoinner img {
			margin-bottom: 8px;
			border-radius: 8px;
		}


div.jquery-radiobutton-wrapper {
    height: 27px;
   /* position: absolute;
    left: 17px;
    top: 8px;
    z-index: 50;*/
    width: 21px;
	float:left;
	margin: 0 7px;
}
div.jquery-radiobutton-wrapper a.jquery-radiobutton {
    background: url("/criticschoice/includes/images/radio.gif") repeat scroll 0 0 transparent;
    cursor: default;
    display: block;
    height: 25px;
    outline: medium none;
    width: 20px;
    background-position: -19px 0;
}
div.jquery-radiobutton-wrapper a.jquery-radiobutton-on {
    background-position: 0 0;
    width: 19px;
}

#FormFields {
	width: 100%;
	text-align: center;
}
#FormFieldsInner {
	margin: 0 auto;
	text-align: left;
	width: 400px;
}
table {
}
	td {
		padding: 4px 10px 6px 2px;
	}
	input.text, textarea.textarea, select  {
		width: 200px;
	}
	.submit-button {
		background-color: #fbb241;
		border: 0px solid #fbb241;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
		font-weight: 900;
		font-size: 150%;
		text-transform: uppercase;
		font-family: 'Arvo', serif;
		padding: 6px 12px;
		cursor: pointer;
	}
	a.submit-button {
		text-decoration: none;
	}
}

/*Responsive Video Player*/
.video-container{
    width:100%;
    padding:0;
    display:inline-block;
    z-index:-1;
}
.video-container-inner {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container-inner iframe,  
.video-container-inner object,  
.video-container-inner embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* 2. Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (max-width: 960px) {
	#Page{
		width:100%;
	}
		#Page-Inner{
		}
	#Header{
	}
		#Header-Inner{
			width:96%;
			padding:80px 2% 0 2%;
		}
			#Menu{
				text-align:center;
			}
			#Menu ul{
				float:none;
			}
	#Content{
		margin:0;
	}
		#Content-Inner{
			width:96%;
			padding:2%;
		}
	#Primary{
		width:98%;
		margin:0 1%;
	}
		#Primary-Inner{
		}
			#ContentBox{
				width:100%;
			}
				#ContentBox-Inner{
					padding:1% 2% 2% 2%;
				}
	#Footer{
		width:100%;
		height:auto;
	}
		#Footer-Inner{
			width:96%;
			padding:1% 2%;
			margin-top:30px;
			text-align:center;
			display:inline-block;
			background:#FBB241;
		}
	#FooterLogos{
		padding:2% 0 0 0;
		text-align:center;
	}
		#FooterLogos a{
			display:inline-block;
		}
		#FooterLogos img,#FooterLogos img.quitlogo{
			display:inline-block;
			float:none;
		}
	#FormFieldsInner{
		width:95%;
	}
	#HomeFeatures,#HomeFeaturesInner,#HomePageFeatures,#HomePageFeaturesInner{
		width:100%;
		display:inline-block;
	}
		#HomeFeaturesInner{
			height:auto;
		}
			#HomePageFeature{
				width:100%;
				height:auto;
				padding-bottom:0;
			}
			#HomePageFeature .feature a{
				display:block;
			}
	#ContentBoxBottom{
		width:100%;
		display:inline-block;
	}
		#ContentBoxBottom-Inner{
			width:96%;
			padding:2%;
		}
	#BigMenu,#BigMenu-Inner{
		width:100%;
		display:inline-block;
		text-align:center;
	}
		#BigMenu .summaryItem{
			margin-bottom:10px;
		}
	#VideoPlayer{
		width:100%;
		display:inline-block;
	}
}
/* 3. All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 650px) {
	#JoinMailing{padding:20px 20px 0 20px;text-align:center;}
	#JoinMailing label{width:100%;padding:0 0 10px 0;}
}
/* 4. Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
/* 5. Mobile Portrait Size to Mobile Landscape Size (devices and browsers).*/
@media only screen and (max-width: 479px) {
	#FormFields{
	}
		#FormFields table tr td{
			display:block;
		}
	.ccvideo-arrow{width:10%;}
	#ccvideolist{width:76%;}
}