/*
using CCCA 2013 Style Sheet and Branding Guidelines
http://www.ccca.org/members/logos/Branding%20Guidelines%20%E2%80%93%20Correct%20Logo%20Usage.pdf

Green #A5BE37
Blue #50BEE6
Yellow #FFD700
Orange #F57D1E
Slate Blue #143C46 //for type only

font-family: 'Open Sans', sans-serif;
font-family: 'Domine', serif;

Reset
Header
Footer
Content


*/

/*Reset*/
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body {
font-family: 'Domine', serif;
font-size:100%;	
max-width: 960px;
margin: 20px;

}
h1,h2,h3,h4{font-family: 'Open Sans', sans-serif;margin:0;clear:both;}
h1{font-size:1.4em;font-weight: 700;color:#F57D1E;}
h2{font-size:1.2em;color:#A5BE37;}
h3{font-size:1.1em;color:#F57D1E; }
h4{font-size:1.1em;font-weight: 700;}
p{font-size:1em;line-height: 1.6em;margin:0;}
.hide{display:none;}
.blue{color:#50BEE6;}
.orange{color:#F57D1E;}
.green{color:#A5BE37;}
.pointer{cursor:pointer;}

/*Messages and Alerts*/

.message{
	color: #F57D1E;
	font-size: 110%;
	font-weight:bold;
	margin:10px 0;	
}


/*Header*/
.header{
display:block;
width: 100%;
background-color:#A5BE37;
height: 140px;
border-radius:3px 3px 0 0;
overflow:hidden;
}
.hgroup{
position:relative;
top: 10%;
left: 2%;
}
.hlogo{
position:relative;
top: 0px;
left: 3%;
}
.header h1,.header h2{
color:#FFF;
}
.headermenu{
float: right;
right: 12%;
top: -50px;
position:relative;

}
.headermenu a{
display:block;
text-decoration:none;
color: #fff;
cursor:pointer;
}
.headermenu a:hover{
	color: #CCCCCC;
}
/*Navigation*/
.nav.topnav{
margin-bottom: 15px;
		
}
.nav.topnav ul{padding:0;margin:0;}
.nav.topnav ul>li{
	font-size: .9em;
	background-color:#F57D1E;
	color: #fff;
	width: 33%;
	margin:0;
	height: 25px;
	line-height:25px;
	display: inline-block;
	list-style:none;
	list-style-position:outside;
	text-align:center;
	font-weight:700;
	cursor:pointer;
}
.menutabs{
	display:flex;
	flex-flow:nowrap;
	justify-content: space-evenly;

}
.menutab{
	flex:100%;
	border: 1px solid rgba(0,0,0,.12);

}
@media all and (max-width: 500px) {

	.menutabs{

		flex-flow:row wrap;


	}

}
.tnright{float:right;margin-left:0;}
.tnleft{float:left;margin-right:.5% !important;}
.nav.topnav ul>li:hover{text-shadow: 1px 1px 1px #666;}
.nav a{
color:#fff;
text-decoration:none;	
}
.nav a:hover{
color:inherit;	
}
.pagenavarea{
	padding: .5em;
	margin-top: .5em;	
}
ul.pagenav{
	padding:0;


}
ul.pagenav > li{
	display: inline-block;
	list-style:none;
	list-style-position:outside;
	font-weight:700;
	cursor:pointer;	
	margin-right: 1em;
}
ul.times>li{
	list-style:none;
	list-style-position:outside;
	margin-left:-45px;	
}
.cunrrentstep{
font-weight: bold;
color: #F57D1E;
}
.Seminars p{
margin-bottom: 10px;	
}
header{
display:block;
width: 100%;
background-color:#A5BE37;
border-radius:3px 3px 0 0;
overflow:hidden;
	padding:15px;
}
hgroup{
position:relative;
top: 10%;
left: 2%;
}
.hlogo{
position:relative;
top: 0px;
left: 3%;
}
header h1,header h2{
color:#FFF;
}
.headermenu{
float: right;
right: 12%;
top: -50px;
position:relative;

}
.headermenu a{
display:block;
text-decoration:none;
color: #fff;
cursor:pointer;
}
.headermenu a:hover{
	color: #CCCCCC;
}
/*Navigation*/
nav.topnav{
margin-bottom: 15px;
		
}
nav.topnav ul{padding:0;margin:0;}
nav.topnav ul>li{
	font-size: .9em;
	background-color:#F57D1E;
	color: #fff;
	width: 33%;
	margin:0;
	height: 25px;
	line-height:25px;
	display: inline-block;
	list-style:none;
	list-style-position:outside;
	text-align:center;
	font-weight:700;
	cursor:pointer;
}
.tnright{float:right;margin-left:0;}
.tnleft{float:left;margin-right:.5% !important;}
nav.topnav ul>li:hover{text-shadow: 1px 1px 1px #666;}
nav a{
color:#fff;
text-decoration:none;	
}
nav a:hover{
color:inherit;	
}
.pagenavarea{
	padding: .5em;
	margin-top: .5em;	
}
ul.pagenav{
	padding:0;


}
ul.pagenav > li{
	display: inline-block;
	list-style:none;
	list-style-position:outside;
	font-weight:700;
	cursor:pointer;	
	margin-right: 1em;
}
/*Footer*/
.footer{
clear:both;
width: 100%;
display:block;
margin: 30px 0;
overflow:hidden;
}
.flogo{
width: 170px;
float: left;
margin-left:2%;
margin-bottom:30px;
}
.disclaimer{
margin-top:20px;
width: 50%;
font-size:.8em;
clear:both;	
}
.colorbardiv{clear:both;}
.colorbar{display:inline-block;height: 4px;}

.cb15{background-color:#A5BE37; width: 15%;}
.cb85{background-color:#50BEE6; width: 85%;}

/*seminar grid*/

.gridsemname{
max-width: 100px;
overflow:hidden;
cursor:pointer;	
padding: 2px;
	
}
.gridsemname:hover{
	background-color: #A5BE37;
}

/*Content*/
.row{
margin: 15px 2%;
overflow:hidden;
}
.flexone{
width: 48%;	
float: left;
}
.flextwo{
width: 48%;	
float: right;
	
}
.flexthree{
width: 48%;	
float: right;
	
}
.flexfull{
width: 90%;
float:left;	
}
.btn{
clear:both;	
margin-top: 15px;
margin-bottom:15px;
text-align:center;
color:#F57D1E;	
font-family: 'Open Sans', sans-serif;
font-weight:700;
cursor:pointer;	
border: #F57D1E thin solid;
}
.lgbtn{
width: 200px;
height: 40px;
border-radius:10px;
font-size: 1.1em;
line-height: 40px;
}
.smbtn{
width: 150px;
height: 30px;
border-radius:5px;
font-size: 1.1em;
line-height: 30px;		
}
.btn:hover{
color:#fff;
background-color:#F57D1E;	
}
.greenbtn{
background-color:#A5BE37;	
}

.shadow{
  -moz-box-shadow:    inset 0 0 5px #666;
   -webkit-box-shadow: inset 0 0 5px #666;
   box-shadow:         inset 0 0 5px #666;
}
.shadow:hover{
  -moz-box-shadow:    inset 0 0 5px #000;
   -webkit-box-shadow: inset 0 0 5px #000;
   box-shadow:         inset 0 0 5px #000;	
}
.shadow:active{
  -moz-box-shadow:    inset 0 0 5px #ccc;
   -webkit-box-shadow: inset 0 0 5px #ccc;
   box-shadow:         inset 0 0 5px #ccc;	
}

a{
color:#50BEE6;
text-decoration:underline;
}
a:hover {
cursor:pointer;
color:#666666;
}
a:visited{
}
.link{
cursor:pointer;
text-decoration:underline;
color:#50BEE6;
font-weight:700;
}
.blacklink{
color: #143C46;
}
.link a{color:inherit}
.link:hover{
	text-shadow: 1px 1px 1px #ccc;
}
.content{
width: 100%;
float: left;
margin-bottom:30px;
}
#main {
width:100%;
float: left;
}
#main div{
margin-top:1em;
}
.regarea div{
margin-bottom:10px;
}

label {
font-weight:300;
font-size: 1em;
line-height:1.4em;
margin-top: 1em;
display:block;
}
label.radiolabel{
display:inline;	
}
.required{
font-weight:700;	
}
.sbys label{
clear:both;
display:inline;
margin-right: 1em; 
}
.nocol label{
	float: left;
	width: 6em;
}
.nocol input{
	margin-top: 1em;
}

.cola{
float: left;
margin-bottom: 1em;
clear:both;
width: 96%;
border:thin solid #50BEE6;
border-radius:3px;
padding:10px;
}
.cola p{
margin-bottom: 5px;	
}
.colb{
float: left;
margin-left: 2.5em;

}
.plan {
clear: both;
}
.req {
font-weight: bolder;
}

input,textarea {
color: rgb(15, 88, 129);
 font-family: 'Domine',serif;
 font-size: medium;
}
input[type='text']{

}
.readonly textarea{
background:#CCCCCC;
}

.submit {
color: #fff;
background: rgb(15, 88, 129);
 font-size: medium;
margin-top: .5em;
margin-bottom: .5em;
padding: 10px 30px;
clear: both;
}

.regtable{
background: #8888FF;
margin-bottom: 1em;
}
#seminarstable {
}
.seminarsrow td{
	
}
hr {
clear: both;
}
.error{
	float:left;
	margin-left:1em;
	clear: both;
	color: #CC0000;
	font-weight: bolder;
	width: 600px;
}

.indname h3{
	margin-top: 1em;
}
h4{
	margin-top: 1em;
}
h5{
	margin-top: 0em;
	margin-bottom: 0em;
}
.total{
height: 3em;
font-weight: bolder;
}
.top {
margin-left: 1em;
font-size: large;
}
.address {
margin: 2em;
}
.readonly{
	color: #001F79;
	border: 0px none;
	width: 100%;

}
readonly{
	color: #001F79;
	border: 0px none;

}
.ajaxedit{
	background: gray;
}

.instruction{
font-size: .9em;
margin-bottom: .5em;
clear: both;
width: 100%;
}
#descriptionrow{
	height: 30px;
}
.highlightrow {
background-color: #CCCCCC;

}
.fields{
display: none;
clear: both;
}

#information{
	float: right;
	top:90px;
	width:190px;

}
#information p{
	width: 170px;
}
#camplist{
float: left;
width: 700px;
}
#menuarea{
	width: 400px;
	margin-bottom: 25px;
}
.menu {
	padding:10px;
	line-height:32px;
	margin-bottom: 10px;
	}
.menu a{
clear: both;
display:block;
}
.menua{
	display: block;
}
#check{
font-size: small;
	padding:10px;
	border:1px dashed #999;
	line-height:20px;
	height: 45px;
	margin-bottom: 10px;
}

#paypal{
	font-size: small;
	
	padding:10px;
	border:1px dashed #999;
	line-height:20px;
	margin-bottom: 10px;
}
#paymentinfo{
	
}
#paymentarea{
	clear:both;
	float: left;
	width: 100%;
}
#paymentarea h4{
	margin-bottom: -20px;
}
#paymentforms{
	margin-left: 0px;
	margin-top: 0px;
}

.improw{
	clear: both;
	padding-top: 1em;
	font-weight: bold;
}
.improw a{
	
}
.deleteicon {

	height: 25px;
	border: none medium;
	margin-left: 3px;
}
.optionlabel{
	width: 25em;
	float: left;	
}
.namelabel{
	width: 12em;
	float: left;
	font-weight: bold;
}
.camplabel{
	width: 14em;
	float: left;	
}

.fee {
	text-align: right;
	
}
.person{
	margin-top: 1em;
}
.discount{
	margin-bottom: 1em;
}
.general{
	margin-bottom: 1em;
}
.daily{
	display: block;
	margin-left: 10px;
}
.spouse{
	display: none;
}

.maillinks{
	clear: both;
	float: left;
}
.mail{
	display: none;
	clear: both;
	float: left;
	margin-bottom: .5em;
}
.mail label  {
	width: 55px;
	text-align:right;
	padding-right: 5px;
	float:left;
	margin-top: 0px;
}
/*Admin event reg list event_registration_list.php*/
.eventlistindrow{
font-weight:bold;
height:30px;
vertical-align:bottom;

}
.eventlistindname{

}
.eventlistindtotal{

}
.eventlistindgender{

}
.eventlistoptionrow{

}
.eventlistindoptionname{

}
.eventlistindoptionfee{

}

.htracks{
	float:left;
}
.reglisttable{
	font-size: 10px;
	width: 600px;

}
.paymentlist{
	font-size: 10px;
}
.load{
width: 200px;
height: 100px;
background-color:#FFFFFF;
}

.slist {
	overflow:auto;
	float: left;
	position: relative;
	
}
.slisttitle{

}
.slist div{
	margin-top: 2.5px;
}
.leftcol{
float:left;
clear: left;
}
.ro{
   color:rgb(107, 69, 108);

  font-size: 14px;
  font-family: serif;
}
.widecol{
 float:left;
 clear: both;
 margin-top: 2em;
 }
  .section{
 margin-top: 12px;
 font-size:12px;
 }
.estrash{
	border: medium none;
	margin-left: 55px;
	cursor:pointer;
}
.options{
font-size:12px;
}
#campformdiv{

}
.instructions{
	float:left;
}
.eventname, .eventloc{
color: #869b25;
font-weight:bold;
}
.event > p{
margin:0px;
}

#indfs{

}

/*seminars*/
.seminararea{
	margin-bottom: 10px;	
}
.track {
width:150px;
background-color: #A5BE37;
}
.name{
width: 350px;
background-color: #A5BE37;
}
.instructor{
	width: 100px;
	background-color: #A5BE37;
	vertical-align: top;

}
.description{
width: 300px;
background-color: #fff;

}

.coordinator{
width: 100px;
vertical-align: top;
}
table{
color: #143C46;
float: left;
clear: both;
border-collapse:collapse;
width: 100%;
font-size: .8em;
}
tr.heading {
	font-weight: bold;
	background-color: #F57D1E;
	color:#fff;
}
tr.trackrow{
height: 75px;
 border-color: #000;
    border-width: 0 0 1px 0px;
    border-style: solid;

vertical-align:top;
}
td{
padding: 5px;
}
td.tracktd{
background-color:#A5BE37;
}
div.tdname{
margin-bottom:15px;
cursor:pointer;
font-size: 12px;
}
#infobox{
	position:absolute;
	min-height: 200px;
	width: 250px;
	top: 100px;
	left: 100px;
	z-index:10;
	background-color:#FFFFFF;
	color:#000000;
	border:#000000 thin solid;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 20px;
	overflow:auto;
}
#info p, #info li{
	font-size: 12px;
	display:block;
	line-height:18px;
}
#boxclose{
cursor:pointer;
	position:absolute;
	top: 5px;
	right: 15px;
	color:#003399;
}
/* Event Registration */
#info{
	float: left;
}
#info div {
	margin-top: 20px;
}

#selection {

}
#selection div{
	margin-top: 10px;
	margin-bottom: 20px;
}
#selection select{
	margin-bottom: 0px;
}

.bottom {
	clear: both;
}
#display_total_fee{
	margin-top: 1em;
}

#password span{
	width: 5em;
}
.types{
	
}
.types label{
margin:0;
line-height:1.6em;
}
.Headstart{
margin-left: 15px;
margin-top: 20px;
}
.Daily{
margin-left: 15px;
}
@media screen and (max-width: 860px){
.flexone,.flextwo,.flexthree,.flexfull{
float: left;
width: 100%;	
}
.nav.topnav{
background-color:#F57D1E;
}
.nav.topnav ul>li{
	width: 32%;	
}
.tnleft{
		margin-right:0 !important;
}
.tnright{
	float: left;

}
.tnmiddle{
	margin-right:0 !important;	
}
}
	
@media screen and (max-width: 450px){
body{font-size:75%;padding-right:0;}



.flogo{
clear:both;
margin:15px;}

.flextwo{margin-bottom: 15px;}
.headermenu{
	clear: both;
    float: left;
    left: 10px;
    position: relative;
    right: 12%;
    top: 22px;
	line-height: 20px;
}

input[type='text'],input[type='email']{
width: 80%;
}
input[type='radio']{
width: 20px;
}

}