/* ===================================================================== */
/* CPCC MAIN STYLESHEET													 */
/* ===================================================================== */


/* HTML ELEMENTS														 */
/* ===================================================================== */
body{background: #fff url(/images/layout/bg_repeat.png) top left repeat-x;padding: 0; margin: 0;}
h1{font-size: 2em; margin-bottom: 10px;}
h2{font-size: 1.5em; margin-bottom: 10px;}
h3{font-size: 1.2em;}
p{ font-size:1em; margin-top: .25em; margin-bottom: 1em; }
a{color: #3A4761;}
a:hover{color: #3A4761;background: transparent;}
a img{border: 0;}

dl dd{margin-left: 0px;line-height: 1.5;}
ul{list-style: outside;margin-left: 20px;font-size: 1em;}

table{background: #fff;}
table tr td{font-size: 1em;background: #fff;}

fieldset{border: 0; border-bottom: 1px dashed;margin-bottom: 10px;}


/* SITE LAYOUT															 */
/* ===================================================================== */
#site{position: relative; width: 830px; min-height: 500px; margin-left: 0px;background: #fff url(/images/layout/content_bg.gif) left top no-repeat;}
##site{height: 500px;}
	#masthead{padding-left: 20px;}
	#masthead h1{margin: 0;}
	#masthead h1 a{display: block; height: 100%; height: 78px; font-size: 30px; color: #fff; text-decoration: none;}
	#masthead h1 a span{visibility: hidden;}
	
	#navigation{float: left; clear: both; padding-left: 30px;}
	#content{float: left; width: 700px; clear: both; padding-left: 40px; padding-right: 30px; padding-top: 20px;}
	#footer{ clear: both; font-size: 10px; text-align: center; padding-left: 30px;}

	#season{color: #fff; position: absolute; top: 30px; left: 520px;display: none;}
	#settings{position: absolute; top: 0px; right: 50px;display: none;}



/* NAVIGATION															 */
/* ===================================================================== */
#nav{display: block; clear: both; padding: 0; margin: 0;list-style: none; margin-bottom: 20px;}
	#nav li{float: left; display: block;}
	#nav li span{float: left; display: block;background: url(/images/layout/nav_tab_bg.gif) top left no-repeat;}
	#nav li span a{float: left; display: block;height: 30px; line-height: 40px; padding: 0 10px;text-decoration: none; size: 16px; font-weight: bold; background: url(/images/layout/nav_tab_corner.gif) top right no-repeat; color: #3A4761;  }
	#nav li span a:hover{color: #B6140A;}


/* TEAM RENEWAL & REGISTRATION */
/* ===================================================================== */
.team_form{clear: both; overflow: hidden; float: left; width: 700px;}
.curler_form{width:700px;border-bottom:1px dashed;padding-bottom:10px;overflow:hidden;margin-bottom:20px;}

.team-member h3, #sponsorship-info h3{display: block; clear: both; margin: 10px 0;}
.team-member p, #sponsorship-info p{position: relative; display: block; float: left; width: 250px;}
/*.phone{width: 100px; float: right; display: inline; clear: none;}*/

.field_subtitle{display: block; font-style: italic;font-size: .9em; }
.field_subtitle a{text-decoration: none;}
.field_subtitle a:hover{text-decoration: underline;}

/* SPONSOR COMPONENTS													 */
/* ===================================================================== */
.sponsor_cta{display: block; border: 3px double;padding: 10px 30px; text-decoration: none; background: #fff;}
#become_sponsor{position: absolute; top: 150px; right: 40px;}
.sponsor_list{width: 30%; float: left;}

#primary_sponsors{position: absolute; top: 0px; right: -210px;}
#secondary_sponsors{position: absolute; top: 150px; right: -120px;}
#tertiary_sponsors{position: absolute; top: 250px; right: -120px;}

a.cta{border: 3px double; padding: 5px 10px; text-transform: uppercase;text-decoration: none;}
	
		
/* ADMIN COMPONENTS														 */
/* ===================================================================== */
.admin_layout{}
		
		
/* BASIC CLASSES														 */
/* ===================================================================== */
.notice{background: #efefef; border: 1px dashed red; padding: 5px 10px; color: red;font-size: 1.25em;margin: 10px; width: 500px;}
.confirm{background: #CCFFCC; border: 1px dashed green; padding: 5px 10px; color: green;font-size: 1.25em;margin: 10px;width: 500px;}
.clear{display: block; width: 100%; clear: both;}


#forgot_password{width: 300px; float: right;}


#roster{}
	#roster td{padding: 4px;}
	#roster .team-details{margin: 0;}
	#roster .title{display: block;padding: 5px;}
	#roster a:hover{text-decoration: none;}
	#roster a.title:hover{display: block; background: #efefef;}
	#roster .team-row{display: block; position: relative; border-bottom: 1px solid;margin: 0;}
	#roster .curler{padding: 0;}
	#roster .odd{background-color: #fff; border-bottom: 1px solid;}
	.team-details{}
	.team-details h3{ }
	.team-curlers{margin-bottom: 20px;list-style-type: none; margin:0; padding: 0;}
	.team-curlers .curler{cursor: move;}
	.curler{display: block;position: relative; clear: both;border-top: 1px dashed; margin-bottom: 10px; padding-top: 10px;}
	.curler .admin-links{position: absolute; top: 10px; right: 10px;}
	.extra-curler, .extra-curler .required, .extra-curler h3, .extra-curler .unconfirmed{color: #888 !important;}


.block{width: 250px; margin-right: 10px; float: left; }
.team-member{position: relative;display: block; clear: both; width: 700px;float:left; overflow: hidden; border-top: 1px dashed #ccc;}

.team-details{position: relative;border-bottom: 1px dashed;margin: 10px 0;padding: 0 10px;}
.admin-controls{position: absolute; top: 0; right: 10px; text-align: right;}
.not-paid{border: 1px dashed red; }
.not-paid a{color: red;}

.show-hide{position: absolute; top: 5px; right: 5px;}

.step{border: 1px dashed #ccc;float: left;margin: 10px 0; width: 700px; padding: 10px 0 10px 40px;}
.step_1{background: url(/images/layout/step_1.gif) top left no-repeat;}
.step_2{background: url(/images/layout/step_2.gif) top left no-repeat;}
.step_3{background: url(/images/layout/step_3.gif) top left no-repeat;}


.duty{text-align: right; font-weight: bold;}


.smart_form{position: relative;}
.smart_form dt, .smart_form dd,.smart_form label{position: relative;}

span.req{color: red;}


/*	 SIDE BAR 					*/
/* ============================ */
#side {position: absolute;top: 40px;left: 830px;width: 220px;text-align: right;border: 0px solid #333333;padding-bottom: 10px;}
.sideblock{background-color: #FFFFFF;border: 1px dashed #999;border-top: 0px;margin: 0px;margin-bottom: 10px;margin-right: 10px;text-align: center;}

#side h3 {
	font: 12px Georgia, Times, Serif #fff;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #336699;
	text-align: center;
	text-transform: uppercase;
	font-family: Georgia;
	border: 1px solid #000033;
	padding: 4px;
	margin: 0px;
	margin-bottom: 10px;
}
#side ul{list-style-type: none;margin: 0;padding: 0;}
#side ul li{margin-right: 10px;padding: 2px;}
#side a{display: block; padding-bottom: 20px;}
#secondary-sponsor-image{padding: 0 10px;}

#doublesBoard{margin-left: -30px;margin-bottom: 10px;}
#side .spares{color: red;}
#side .spares h3,
#side .spares-on h3{background-color: red;}
#side .spares-on, #side .spares{background-color: #FFFFFF;border: 1px dashed #999;border-top: 0px;margin: 0px;margin-bottom: 10px;margin-right: 10px;text-align: center;}
#side .spares{border: 1px dashed red;}
#side .spares-on{border: 1px dashed #FFCC66;}


/* ERROR MESSAGING 			*/
/* ============================ */
.fieldWithErrors {padding: 2px; background-color: red;display: table;}
#errorExplanation{width:400px;border:2px solid red;padding:7px;padding-bottom:12px;margin-bottom:20px;background-color:#f0f0f0;}
#errorExplanation h2{text-align:left;font-weight:bold;padding:5px 5px 5px 15px;font-size:12px;margin:-7px;background-color:#c00;color:#fff;}
#errorExplanation p{color:#333;margin-bottom:0;padding:5px;}
#errorExplanation ul li{font-size:12px;list-style:square;}


#sponsorship_options{position: relative;}
#sponsorship_options i{display: inline-block; padding: 2px 5px; cursor: pointer; }
.sponsorship_details{position: absolute; float: left; display: inline; top: 25px; left: 150px; width: 530px; min-height: 100px; background: #efefef; border: 1px solid #333; padding: 5px 10px 0px 10px;}