@charset "utf-8";
/* CSS Document */

/*HEADER TABLE*/
div#headertable{ width:540px; }
div#headertable span.headertext{ float:left; display:inline; font-size:1.4em; line-height:1.8em; color:#003399; text-align:left; font-weight:bold; padding:0 5px 0 5px; }
div#headertable span.subtle{ float:right; padding:0 5px 0 0; text-align:right; white-space:nowrap; font-size:1.1em; line-height:1.8em; color:#666666; font-weight:bold; }

/*FORM BOX*/
div.formbox{ width:540px; border:1px solid #666666; margin: 10px 0 2px 0; display:block; font-size:1em; text-align:left; }
div.formbox .title{ background: #e6e6e6; padding:5px; display:block; text-align:left; font-size:1.2em; font-weight:bold; }
div.formbox .body{ padding:5px; font-size:1.1em; color:#000000; display:block; clear:both; }
div.row { display:block; margin: 5px 2px; width:100%; clear:both; }
div.titlebar{  }
div.titlebar span.title2 { display: block; float: left;  width: 75%; text-align: left; height: 21px; padding: 3px 8px 0 5px; font-weight:bold; }
div.titlebar span.controlbox { display: block; float: right; width: 19%; text-align: right; height: 21px; padding: 2px 1px 0 5px; visibility:hidden;}

span.controlbox a { display: block; float: right; width: 20px; height: 18px; padding: 0 1px; margin: 0 2px; background: url(../images/controlbox.png) no-repeat; cursor: pointer; }
span.controlbox a.cbUp { background-position: left top; }
span.controlbox a.cbDown { background-position: -22px top; }
span.controlbox a.cbToggleOpen { background-position: -44px top; }
span.controlbox a.cbToggleClosed { background-position: -66px top; }
span.controlbox a.opaque { opacity: .5; filter:alpha(opacity=50); -moz-opacity: 0.5; }
span.controlbox a:hover{ opacity: 1; filter:alpha(opacity=100); -moz-opacity: 1; }
div.row span.label, div.row span.reqLabel { width:150px; text-align:right; vertical-align:top; font-size:1em; display:inline; float:left; }
div.row span.reqLabel { font-weight:bold; }
div.row span.field { text-align:left; display:inline; float:left; width:350px; margin-left:10px; }

/*INPUT & SELECTORS*/
input{font-size:1em; padding:2px; }
textarea{font-size:1em; font-family:helvetica, arial, sans-serif; width:200px; }
/*input.button{border:1px solid #039; width:100px; line-height:14px; font-size:12px; height:18px; font-family:helvetica, arial, sans-serif;}*/
select{width:200px; line-height:1.1em; font-size:1em; font-family:helvetica, arial, sans-serif;}
table select{width:125px;}
span.subtle{margin:0; padding:2px 2px; font-size:1em; line-height: 1.5em; color:#666; display:block;}
.iLink{margin:0; padding:2px 2px; font-size:1em; line-height: 1.5em; color:#666; text-align:right}
.dollar {width:200px; text-align:right; padding-left:10px; padding-right:10px;}
.total  {width:200px; text-align:right; padding-left:10px; border:1px solid #666; border-left:0px; border-right:0px; border-bottom:0px; padding-right:10px;}
.infotext{margin:0; padding: 5px 5px; font-size:1.1em; line-height: 1.5em; color:#000; text-align:left;}

input[type="text"], input.textField{ border:1px solid #d5d5d5; line-height:1.2em; width:200px; padding:1px; }
input[type="text"]:focus, input:focus, textarea:focus{ border:1px solid #063; }
input[type="submit"], input.button, button{ background: url(../images/btnGrad_grey.png) repeat-x top left; border:1px solid #333333; color:#000000; height:22px; font-size:1.2em; font-weight:bold; padding:0 10px 0 10px; }
input.payNow{ background: url(../images/btnGrad_green.png) repeat-x top left; border:1px solid #063; color:#fff; height:22px; font-size:1.2em; font-weight:bold; padding:0 10px; }
input[name*="memberNumber"], input[name*="playerNumber"], input.player{ background: url(../images/vcard.png) no-repeat 2px center; padding:1px 0 0 22px; }
input[name*="email"], input.email{ background:url(../images/email.png) no-repeat 2px center; padding:1px 0 0 22px; }
input.key { background:url(../images/key.png) no-repeat 2px center; padding:0 0 0 22px; }
input.lock { background:url(../images/lock.png) no-repeat 2px center; padding:1px 0 0 22px; }

/*FOOTER TABLE*/
div.footer{ width:540px; padding:0; margin:0 0 10px 0; color:#999999; display:block; vertical-align:top; }
div.footer span.footerleft{ text-align:left; font-size:1em; width:50%; float:left }
div.footer span.footerright{ text-align:right; width:200px; width:50%; float:right; }

/* DOWNLOAD BAR */
.downloadbar { background:#FFF none repeat scroll 0%; line-height:1.5em; margin-top:0pt; padding:0.3em; border:1px solid #CCCCCC; font-size:1.2em; position:relative; }

.pip { font-size:1.5em; }

/*****************************
 *      TABLE STYLINGS       *
 *****************************/
table#infotable{
	width:100%;
	border: 1px solid #666666;
	margin:0 0 5px 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
table#infotable a{
	color: #ffffff;
}
table#infotable th, td{
	padding: 0.1em 0.3em 0.1em 0.3em;
	line-height:1.5em;
}
table#infotable th{
	text-align:left;
	color: #fff;
}
table#infotable thead{
	background: #000000;
	border-bottom: 1px solid #666666;
}
table#infotable .odd{
	background-color: #ececec;
}
table#infotable .label{
	text-align: right;
	font-weight: bold;
	width: 45%;
}
table#infotable .field{
	text-align: left;
	font-weight: normal;
}
caption{
	font-size:1em;
	font-weight: bold;
	margin: 1em 0;
	text-align: left;
	color: #003399;
}