/** StudentZone **/
.jquery-cactus-checkbox {display: inline; font-size: 16px; line-height: 13px; }
.jquery-cactus-checkbox .mark {display: inline;}
.jquery-cactus-checkbox img {vertical-align: middle; width: 16px; height: 13px;}
.jquery-cactus-checkbox img{background: transparent url(https://students.cactuslanguagetraining.com/DEV/views/images/checkbox.png) no-repeat;}
.jquery-cactus-checkbox img{background-position: 0px 0px;}
.jquery-cactus-checkbox-checked img{background-position: 0px -14px;}
.jquery-cactus-checkbox-disabled img{background-position: 0px -14px;}




#qselecteddiv span{
	display:inline-block;
	margin-right:5px;
	padding:2px 5px;
border:solid #117995 1px;
}
#qselecteddiv {

}

#qselecteddiv span.qselected{
background:#117995;
color:#fff;
}

button.feedbackbutton,.button.feedbackbutton {
 background-color: #117995;
  color: #fff !important;
  padding:5px;
  font-size:14px;
  font-weight:bold;
  border: #117995 solid 2px;
  cursor:pointer;
}

#feedbacktop{
padding:20px 0px 20px 0px ;
}

#feedbacktop th{
padding-right:20px;
text-align:left;
}


table.quiz{
border:solid #ddd 1px;
margin:10px 10px 20px 0px;
padding:10px;
width:100%;
}

table.quiz textarea{
font-family: 'Open Sans', sans-serif;
font-size: 14px;
border:solid #ddd 1px;
margin:10px 0px 10px 0px;
padding:10px;
width:calc(100% - 40px);
}


table.elevenquestion,table.sixquestion{
width:calc(100% - 10px);
}



table.elevenquestion td,table.elevenquestion th{
width:9%;
text-align:center;
vertical-align: bottom;
}
table.sixquestion td,table.sixquestion th{
width:16%;
text-align:center;
vertical-align: bottom;
}



p.question{
font-weight:bold;
}

p.messagewarning{
display:block;
width: calc(100% - 40px);
text-align:center;
padding:5px;
border:solid red 2px;
background:#fadbe0;
}


div.messagewarning{
display:block;
width: calc(100% - 40px);
text-align:center;
padding:5px;
border:solid red 2px;
background:#fadbe0;
margin:0;
}

div.messagewarning p{
padding:0;
margin:0;
}






.ui-widget-header {
 border:none !important;
	border-bottom:1px solid #c5c5c5 !important;
 font-size:14px;color:red;
}
#messagewrapper{
margin-top:50px;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */

  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
    max-width:600px;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}


input.button {
  background-color: #117995;
  color: white
}




#sendmessage {
border: solid #117995 1px;
padding:10px;
margin-bottom:20px;
}

#sendmessage input.button {
 background-color: #117995;
  color: #fff !important;
  padding:5px;
  font-size:14px;
  font-weight:bold;
  border: #117995 solid 2px;
}


#sendmessage select{
border: solid #dbdbdb 1px;
padding:5px;
width:100%;
}

#sendmessage textarea{
border: solid #dbdbdb 1px;
height:200px;
width:calc(100% - 20px);
padding:5px;
}

#sendmessage input[type=text] {
border: solid #dbdbdb 1px;
padding:5px;
width:calc(100% - 20px);
}

#sendmessage label span {
width:100px;
display:inline-block;
}

/**********************************

Name: cmxform Styles

***********************************/
.hidebig{display:none};


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */

  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
    max-width:600px;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

#sendmessagebutton{
	width:120px;
	float:right;
}

a.button {
  background-color: #117995;
  color: #fff !important;
  padding:5px;
}




#sendmessage{
	display: none;
}



table.messages { 
width:100% !important;
}


table.messages td, table.messages th{ 
border: solid 1px #dbdbdb;
padding:5px;
vertical-align:top;
font-size:14px !important;
}
table.messages th{ 
font-weight:bold;
background: #dbdbdb;
}

table.messages tr.row:hover { 
background: #117995;
color:#fff;
}

table.messages tr.row:hover a{ 
color:#fff;
}



div.error { display: none; }


label.error{
	padding-left:10px;
	color:red;
}


#sz_login label.error
{	
	color:red;
	display:block;
	font-weight:normal;
	width:100% !important;
}

#cactuskids-content p{
display: block;
width:calc( 100% - 40px);
}



.warning{
color:red;
}

#header #logo {
	width:278px!important;
	height:64px!important;
	margin-top:10px!important;
}

.group
{
    background:	#F4F4F4 none repeat scroll 0 0;
    border:		1px solid #E4E4E4;
	margin: 	10px;
	padding: 	10px;
}

.group h3
{
	font-size: 	15px;
	margin: 	0px 0px 15px 0px;
}

	#extraresourses{
	margin-top:20px;
	}



.group p
{
	margin: 0px;
}	

.group span
{
	text-decoration:underline;
}	


.group div.gDetails
{
	border: 1px solid #e1e1e1;
	width: 390px;
	height: 340px;
	margin-right: 13px;
	float:left;
	padding: 10px;
}
.group div.gDetails p.address
{
	border: 1px solid #e1e1e1;
	padding-left: 10px;
	background: white;
	margin: 10px;
	font-size: 12px;
}

.group div.gDetails p.update
{
	font-size: 10px;
}
.group div.gMap_div div.map_canvas
{
	border: 1px solid #e1e1e1;
	width: 400px;
	height: 326px;
	padding:10px;

}

.group div.gMap_div input.myAddress
{

	width:	244px;
	height: 20px;
	border: 1px solid #e1e1e1;
}

p.grouplist{
padding:10px;
display:block;
margin-left:-10px;
margin-right:-10px;
}

.group div.gMap_div input.gMap_submit
{	
	background: #e5e3df;
	width: 64px;
	margin-top: 2px;
	padding: 2px 0px 2px 0px;
	border: 1px solid #E0783A;
	*width: 60px;
}
.group table.lessonPlan
{
	clear:both;
	margin-top: 10px;
	width: 100%;
	border: 1px dashed #e1e1e1;
}

.group table.lessonPlan tr th
{
	font-weight:bold;
	color: #000;
	font-size: 13px;
}

p.extraresources{
font-size: 15px;
font-weight:bold;
}



.extraresourcesul{
list-style-type:disc;
list-style-position: inside;
}

.extraresourcesul li{
list-style-type:disc;
}

groupgroup div{
padding:10px;
}

.group table.lessonPlan tr.details td
{
	border: 1px solid #e1e1e1;
	padding: 3px;
	background-color: #FFF;	
}



.group table.lessonPlan tr.content
{ 
    background:	#F4F4F4 none repeat scroll 0 0;
}

.group table.lessonPlan tr.content td
{
	border: 1px solid #e1e1e1;
	border-bottom: 2px dotted #000;
	padding:10px;
}

.group table.lessonPlan tr td.isToday
{
	background-color: orange;
	
}
.group table.lessonPlan tr td.status
{
	padding: 0px;
	text-align:center;
}
.group table.lessonPlan tr td.download
{
	padding-top:5px;
	text-align:	center;
}


input.inputbox,textarea.inputbox
{
	border: 1px solid #cccccc;
	padding: 5px;
}







/**Login Part**/

#sz_login
{
	/**width: 290px;**/



	margin-left: -17px;
}

#sz_login h2
{
	margin-top: 0px;
}

#sz_login input
{
	border: 1px solid #cccccc;
	background: #f1f1f1;
	padding: 5px;
	width: calc(100% - 40px);
}

#sz_login label
{	
	width: 200px !important;
	padding:0px;
	margin:0px;
	color: #9c9c9c;
	font-weight:bold;
}

#sz_login #submit
{
	margin-top:10px;	
	color: #FFF;
	background:#117995;
	padding: 5px;
	width: calc(100% - 28px);
	font-weight:bold;
	cursor:pointer;
}

div.rss
{
	float:left;
	width: 230px;
}

div.rss
{
	float:left;
	width: 199px;
}
div.rss div.entry
{
	padding-right: 5px;
	padding-left: 5px;
	border: 1px solid #e1e1e1;
    background:	#F4F4F4 none repeat scroll 0 0;	
}

#spanish_rss h2,div.entry h2
{
	color: #e0783a;
}

#italian_rss h2,div.entry h2
{
	color: #3d8036;
}

#french_rss h2,div.entry h2
{
	color: #17118e;
}
	
#german_rss h2,div.entry h2
{
	color: #27a574;
}

#english_rss h2,div.entry h2
{
	color: #0b68d1;
}

div.rss div.entry h2
{
	font-size:12px;
}

h2.blog
{
	border-bottom: 2px dotted #e1e1e1;
	clear:both;
}

div.specialOffer
{
	border: 0px solid #e1e1e1;
	width: 440px;
	height: 340px;
	float:left;

    background:	#F4F4F4 none repeat scroll 0 0;	
}
div.specialOffer a img, img
{
	float: left;
	margin: 1px;
}

/**myOrders Part**/
table.c_orderResult
{
	clear:both;
	margin-top: 10px;
	width: 100%;
	border: 1px dashed #e1e1e1;
}

table.c_orderResult tr th
{
	font-weight:bold;
	color: #000;
	font-size: 13px;
}

table.c_orderResult tr td
{
	border: 1px solid #e1e1e1;
	padding: 3px;
	background-color: #FFF;	
}

table.c_orderResult tr td.isToday
{
	background-color: orange;
	
}
table.c_orderResult tr td.status
{
	padding: 0px;
	text-align:center;
}
table.c_orderResult tr td.green
{
	background-color: #dbffe4;
}

table.c_orderResult tr td.red
{
	background-color: #f5e1e1;
}

table.c_orderResult tr td.orange
{
	background-color: #E9E9E9;
}


#navi
{
	display: 	block;
	width: 		860px;
	margin: 	0 auto;
	text-align: left;
	padding: 	20px;
	background: #FFFFFF;
	border: 	1px solid #CCCCCC;
	border-top: none;
	overflow: 	hidden;
	color: 		#000000;
}

form#myProfile fieldset label
{
	width: 400px;


}

form#myProfile fieldset input
{
	width: 400px;
		padding:5px;
}

form#myProfile fieldset input.border
{
	border: 1px solid #d1d1d1;
	width: 100px;
}

form#myProfile fieldset input.button
{
	width: auto;
	padding:10px;
	font-weight:bold;
	cursor:pointer;
}



h5
{
	font-size:16px;
	font-weight:bold;
	margin-top:6px;
	width:100%;
	text-decoration:underline;
}
em, i{font-style:italic;}
strong, b{font-weight:bold;}
/** END StudentZone **/


#content {color:#444; font-family: 'Open Sans'!important;}
h3 {color:#444; font-size:15px; font-weight:bold; margin-bottom:12px;}
h4 {color:#37589d; font-size:25px; font-weight:normal; font-family: 'Open Sans', sans-serif; line-height:30px; margin-bottom:12px;}
.main-frame {overflow: hidden; background:url(../../images/uploads/landing-page-bg-top.jpg) repeat-x; border-color: #dbdbdb; border-width: 1px 1px 1px 1px; 
border-style: solid; padding:20px 20px 10px 40px; margin-bottom:22px;}
.main-frame p {margin-bottom:12px; margin-top:12px;}
.main-frame a {color:#444; font-weight:bold;}
.main-frame a:hover {color:#222;}
.main-frame a.active {color:#37589d;}
.main-frame hr {margin-bottom:12px; margin-top:12px;margin-right:40px;}
#courses-column {width:295px; float:left; background: #ffffff; margin-bottom:40px;}
#pdf-example {width:300px; height:539px; margin-top:20px;}


#content.wide{width:calc(100% - 20px);}




.map_canvas{border:none; float: right; width: 460px;}

.topnav {
  overflow: hidden;
  background-color: #000;

    padding-left:10px;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2 !important;
  text-align: center;
  padding: 15px 16px 15px 16px;
  text-decoration: none;
  font-size: 16px;
  margin-top:1px;

}



.topnav a#logo {
  padding: 0px 0px;
    margin-top:0px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black !important;
}

.active {
  background-color: #117995;
  color: white;
}

.topnav .icon {
  display: none;
}


.tdradioquestionleft {
width:150px;

}
.tdratioheadercomment {
text-align:left;;

}




	#questionheader{
	margin-top:20px !important;
	margin-bottom:20px !important;
	display:block;
	width:100%;
	}


textarea.form-control{
border:solid #ddd 1px;
padding:5px;
	}


td.formquestion{
display:block;
width:100%;
}
td.formtextarea{
display:block;
width:100%;
}


td.formtextarea textarea.form-control{ 

width:90%;
height:150px;
}


td.radtd{

width:55px;
}
td.tdratioheader {
width:55px;
}






@media screen and (max-width: 850px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 850px) {

#content, #content-extended {
	 width: calc(100% -  20px) !important;
}

#sidebar{
	 float:none !important;
	 width: calc(100% - 20px) !important;
	 margin-left:10px !important;
	}
  

table.messages td, table.messages th{ 
font-size:12px !important;
}

.topnav {
    padding-left: 0px; 
 }

  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  
  
  .topnav.responsive a#logo {
    display: none;

  }
  
  #sendmessagebutton{
width:auto; 
 float:none;
}
  
  
	#content,
	#content-extended {
		width: calc(100% - 20px) !important;;
		 margin-left:10px;
	}
	#content #article-content {
		width: calc(100% - 20px) !important;;
		 margin-left:10px;
	}
	#content-extended {
	  width: calc(100% - 20px) !important;;
	   margin-left:10px;
	}
	
	#footer .vcard {
		  width: calc(100% - 20px) !important;;
	    margin-left:10px;
	}
	

  #footer{
	 	 width: calc(100% - 20px) !important;
	 padding-left:20px !important;;
	}
  
  #brands{
	margin-top:20px;
	}
  
 .group div.gMap_div, div.map_canvas
{

}

.group div.gDetails
{

	margin-right: 0px;
	width: calc(100% - 20px); 
	height: auto;
}

.group div.gMap_div div.map_canvas
{
	border: 1px red 1px;
	width: calc(100% - 20px); 
	height: auto;
	padding:5px;
		float: none; 
}
tr.header {
display:none;
}
tr.order td{
display:block;
}

table.c_orderResult
{
	width: calc(100% - 20px); 
}

#main-frame.wide{
padding:20px 7px
}


/**myOrders Part**/
table.c_orderResult tr.order
{

	padding-bottom: 20px;
	 display: block;

}






}

@media screen and (max-width: 450px) {

td.radtdcom{
display:block;

}
td.radtd{
display:inline-block;
width:35px;
}
td.tdratioheader {
font-size:9px;
width:35px;
display:inline-block;
}


td.tdratioheadercomment {
display:none;
}

td.formquestion{
display:block;
width:100%;
}
td.formtextarea{
display:block;
width:100%;
}


td.formtextarea textarea.form-control{ 

width:90%;
height:150px;
}



		table.messages { 
		border:none; ;
		}
		
		
		
		table.messages td{ 
		display:block ;
		}
		
		table.messages th{ 
		display:none;
		}
		
		.hidebig{display:block;font-weight:bold};
		
		span.hidebig{font-weight:bold !important};
		
		table.messages tr.headerrow{ 
		 display:none;
		}
		
		table.messages tr{ 
		margin-bottom:20px;
		}
		table.messages tr td:last-child{
		margin-bottom:30px;
		}
		
}