@charset "utf-8";
/* CSS Document */
*{margin: 0px; padding: 0px}
img{border: none;}
body {
	background: url(/custom/img/body_grad_bg.gif) repeat-x top center; 
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body.modalBody {
	background: #fff;
}
p{margin-bottom: 8px;}
h1{margin-bottom: 26px;}
label{color: #000000;}
div.clearBreak{
	clear: both;
	display: block;
	line-height: 1px;
	font-size: 1px;
	margin-top: -1px;
}
a:link, a:visited{color: #ff6600; text-decoration: none; font-weight: bold;}
span.optional{font-size: 10px; color: #666666; font-style: italic; font-weight: normal}
span.optional.long{clear: left; display: block; float: left; margin-top: 2px;}
.left{float: left;}
.right{float: right;}
.black{color: #000000; font-weight: bold;}
div.border{
	display: block;
	line-height: 1px;
	font-size: 1px;
	height: 1px;
	background: url(/custom/img/teams/dotted-border.jpg) repeat-x;
}
#pageContainer{
	width: 990px;
	margin: 0px auto;
	text-align: left;
}
#header{margin-top: 15px; height: 55px;}
#header .back:link, #header .back:visited{
	background: url(/custom/img/teams/grey-arrow.gif) no-repeat left 8px;
	padding: 5px 0px 0px 15px; 
	font-size: 10px;
	text-decoration: none;
	color: #434343;
	font-weight: bold;
	margin-top: 5px;
}
#pageIntro{margin: 35px 0px 40px 0px;}
#pageIntro p{width: 500px; padding-left: 10px; margin-bottom: 0px;font-size:14px;color:#666666;}
#formPage #form{}
#formPage #rightModules{float: left; width: 320px;} 
#formPage #mainErrors{ background: #ffe57f url(/custom/img/teams/error-caution.gif) 10px 10px no-repeat; margin-bottom: 5px;padding:15px 10px 25px 55px;;display:none;}
#formPage #mainErrors, #formPage #mainErrors p{color: #cc0000; font-weight: bold;}
#formPage #mainErrors .errors{padding-left: 10px;}
#formPage #mainErrors ul{margin-left: 20px;}
#formPage .formSection,
#viewFriendInvites {
	padding: 20px 0px 25px 15px; 
	background: url(/custom/img/teams/form-section-gradient.jpg) repeat-x;
	margin-bottom: 5px;
}
#viewFriendInvites h2,
#formPage h2 {
	margin-bottom: 10px;
	color: #333333;
	font-size: 15px;
}
#formPage input.radio, #formPage input.checkbox{margin: 0px 10px 0px 0px;}
input{padding: 1px}
input.textbox{
	background: url(/custom/img/teams/field-gradient.gif) repeat-x; 
	border: 1px solid #cccccc;
	height: 18px;
	line-height: 18px;
	/* margin: 3px 10px 0px 0px; */
	width: 226px;
	vertical-align: bottom;
}
input.textBoxWide {
	width: 480px !important;
}
textarea.textarea {
	background: url(/custom/img/teams/field-gradient.gif) repeat-x; 
	border: 1px solid #cccccc;
	height: 93px;
	line-height: 18px;
	margin: 0px 10px 0px 0px;
	width: 480px;
	vertical-align: top;
}
#formPage .formSection .options{margin-top: 30px;} 
.modalContainer #formPage .formSection .options{margin-top:0px;} 
#formPage .formSection .options input.radio{margin: 0px 10px 0px 0px;} 
#formPage .formSection .options label span{color: #666666; font-style:italic; font-size: 11px;}
#formPage .formSection .options .option{margin-bottom: 3px;}
#formPage .formSection .options .option input.textbox{ margin: 5px 0px 0px 23px;}
#formPage #signin{margin-bottom: 5px;}
#formPage #signin p{margin: 24px 0px 24px 10px; margin-bottom: 24px;}
#formPage .labelspace label{display: block; margin-bottom: 8px}
#formPage #creditInfo .card{margin-right: 5px; margin-top: -3px;}
span.ui{display: block; float: left; line-height: 20px;}
span.ui-spacer{display: none; width: 240px; float: left;}
.field{padding: 5px 10px 5px 10px; margin-bottom: 5px}
.errorText{color: #cc0000; font-weight: bold; display: none; line-height: 20px;}
.field.error{background: #ffe57f;}
.field.error label{color: #cc0000; font-weight: bold}
.field.error .errorText{display: inline;}
.field.error span.ui-spacer{display: block;}
input.textbox.short{width: 85px}
#formPage #contactInfo label{/*display: block;*/ line-height: 20px;}
#formPage #joinInfo label{display: block; margin-bottom: 8px}
#formPage #address2{margin-top: 5px;}
#formPage #captcha{padding: 5px 10px; height: 150px;}
#formPage #captcha .captchaHolder{float: left; width: 305px;}
#formPage #captcha .captchaFields{float: right; margin-top: -45px;}
#formPage #captcha .captchaFields img{margin-right: 10px;}
#formPage #captcha.error{background: #ffe57f;}
#formPage #captcha.error .errorText{display: inline;}
#formPage #captcha.error .errorText{margin-left: 35px}
#formPage #submit{margin-bottom: 96px}
#formPage .agree{font-size: 10px; color: #666666; font-style: italic; font-weight: normal}
#submit-btn{vertical-align: middle; margin-left: -5px; margin-right: 5px;}
#cancel:link, #cancel:visited, #cancel:hover{color: #666666}
#footer{
	background: url(/custom/img/teams/form-section-gradient.jpg) top repeat-x;
	padding-top: 30px;
}
.footer-copyright{font-weight: bold; color: #000000;}
.footer-links{padding-bottom: 20px;}
.footer-links a, .footer-links a:visited, .footer-links p{color: #000000; font-size: 11px; font-weight: normal}
#rightModules{color: #333333;}
#rightModules h3{text-transform: uppercase; font-weight: normal; margin-bottom: 10px; padding-left: 10px;}
#rightModules .rightModule{margin-bottom: 5px;}
.rightModule .contentHolder{padding: 10px; border: 1px solid #c1c1c1;}
.rightModule .contentHolder .content{padding: 10px;}
.rightModule .contentHolder .content.background{background: #e8e8e8;}
#rightModules ul li{ margin-bottom: 5px; margin-left: 15px}
#rightModules a:link, #rightModules a:visited{text-transform: uppercase; color: #333333; font-weight: normal;}

/* rollover buttons */
.start-team-btn{
background: transparent url(/custom/img/teams/btn_start_team.jpg) no-repeat;
text-decoration: none;
border:0;
display:block;
overflow:hidden;
height:50px;
width:235px;
float:left;
}

.start-team-btn:hover{
height:50px;
width:235px;
background-position: 0 -51px;
}

.signInButton{
	background: url(/custom/img/misc/submit_btn.png) no-repeat;
	height:49px;
	width:152px;
	border:0;
	cursor:pointer;
	float:left;
	overflow:hidden;
}

.signInButton:hover{
	background-position: 0 -49px;
}

#submit-btn-postNotes{
	background: url(/custom/img/teams/button-postnotes.gif) no-repeat;
	overflow:hidden;
	height: 27px;
	width: 147px;
	float:left;
	border:0;
	cursor:pointer;
}

#submit-btn-postNotes:hover{
	background-position: 0 -27px;
}

/* end rollover buttons */

.cancelDiv{
	float: left;
	margin-top: 15px;
	margin-left: 10px;
}

.startTeamButtons{
	margin-left:-5px;
}
.startTeamButtons .cancelButton{
	float:left;
	margin-top:15px;
	margin-left:10px;
}

#modal_pageContainer{
	width:530px;
	text-align:left !important;
}
#modal_pageIntro{
	margin: 0;
}
#formPage #modal_submit{margin-bottom: 25px;}

select {
	color:#000000 !important;
}

option {
	padding-right:15px;
}
a.terms_link:link, a.terms_link:visited {
font-size:10px;
font-weight:bold;
line-height:15px;
}


