/*-----------------------------------------------------------------------*/
/* ACBL CSS Document                                                     */
/*-----------------------------------------------------------------------*/
/* PageID:css/style.css                                                  */
/* Last Revision:04/16/2004                                             */
/* Copyright  American Contract Bridge League 2004, All Rights Reserved */
/*-----------------------------------------------------------------------*/
/*----------------------||| GLOBAL [Main Tags] |||-----------------------*/
/*body{background:#ccc url(images/bgallwhite.gif) repeat-y}*/
body{background:#ccc url(images/bgallwhite.gif) repeat-y; margin:0; padding:0; font-family:helvetica, arial, sans-serif}
img{border:0} /*get rid of link borders*/
p{margin:0; padding:5px 0 20px 0; font-size:0.85em; line-height: 1.5em; color:#000}
a:link, a:visited{font-weight:normal; margin:5px 0 0 0; border:none; color:#900; text-decoration:none}
a:hover, a:active{color:#F33; border:0; text-decoration:underline}
h1{font-size:1.3em; font-weight:normal; color:#000; margin:0; padding:0 0 10px 0}	
h2{font-size:.85em; font-weight:bold; color:#039; margin:0; padding:0}
h3{font-size:.75em; font-weight:bold; color:#333; margin:0; padding:0}
h4{font-size:.95em; font-weight:bold; color:#666; margin:0; padding:0}
td{vertical-align:top}

ul{margin:0 0 5px; padding-left:10px}
ul ul{margin:5px 25px 10px 25px}
li{margin-left:10px; font-size:0.75em; color:#000} 
li li{font-size:1em}
blockquote{font-size:0.75em; font-style:italic; color:#000; margin:0; padding:5px 30px 15px 30px}

/*---------------------||| GLOBAL [#ID / .CLASS] |||---------------------*/
#container{
	margin:0;
	width:760px;
	height:100%;
	padding:0;
	text-align:left;
	position:absolute;
	top:0px;
	left:0px;
}/* holds everything */
#leftside{
	
	width:134px;
	position:absolute;
	top:0px;
	left:0px;
	z-index: 9;
} /* left side:logo and left nav area*/
#rightside{width:600px; position:absolute; top:0px; left:134px} /*right side:header, main nav (w/ dropdowns) and content */

#content{padding:48px 20px 40px 20px; margin:0; width:580px}
#contenthome p {padding-bottom:10px; line-height: 1.5em}
/* 2 Column Pages (refer to index.html, learn/index.html and join/index.html) */
#contentleft{margin:0; padding:0; width:380px}
#contentright{position:absolute; top:155px; left:420px; padding:0; width:195px}
#contentright-h{position:absolute; top:20px; left:420px; padding:0; width:195px}
#contentright td{border-style:solid; border-width:2px}
#contentright div, #contentright td div{padding:10px} 
#contentright h3{margin:0; color:#fff; padding:10px; display:block}
#contentright h4{font-size:.75em}
#contentright p.small{font-size:.70em; padding:0; margin:0}

/*---------------------||| INDEX PAGE CUSTOMIZATIONS |||-----------------------*/
#contenthome{padding:20px 20px 40px 20px; margin:0; position:absolute; top:315px; left:0px; width:100%}
#contenthome{
	padding:20px 20px 40px 20px;
	margin:0;
	position:absolute;
	top:345px;
	left:0px;
	width:100%;
	z-index: 10;
}

/*--------------------||| FORM CUSTOMIZATIONS ||| ---------------------*/
.form{margin:0; border:1px solid #ececec; width:auto; padding:0 0 20px 0; font-size:.70em; text-align:center} 
div.info{margin:0; border:1px solid #ececec; background:#e6e6e6 url(../images/graybg.gif); font-size:.80em; padding:8px 0; width:auto; text-align:left}
div.info span{padding:0 20px; text-align:left} 
.field{width:240px; margin:0 20px 0 0}
form{margin:0; padding:0}
.form span.radio{width:60px}
.form .subtle{color:#999; display:block; margin:3px 0 0 0; padding:0}
p.dynamic{font-size:1em; margin:15px; text-align:left}
div.row{clear:both; padding:10px 0 0 0; width:540px; margin:auto}
div.row span.label{float:left; width:200px; text-align:right}
div.row span.form2{float:right; width:330px; text-align:left} 



/*--------------------||| NO NAV CUSTOMIZATIONS ||| ---------------------*/
#header_nonav {position: absolute; top:0; padding:0; width:761px}
#container.nonav {position:absolute; top:104px; left:0; width:760px}
div#content.nonav1{padding:0px 20px 40px 20px; margin:0; 
width:760px;
voice-family: "\"}\""; 
voice-family:inherit;
width:720px;
}
html>body #content.nonav1 {
  width:720px;
} 
div#content.nonav2{padding:0px 20px 40px 20px; margin:0;}
#content.nonav1 h1, #content.nonav2 h1{padding:0; margin:0}
#content.nonav1 h2, #content.nonav2 h2{padding:10px 0 0 0}
#content.nonav1 p, #content.nonav2 p{padding:0 0 10px 0;}
#content.nonav2 #contentleft{margin:0; padding:0; width:514px; position:absolute; top:0px;}
#content.nonav2 #contentright{position:absolute; top:0px; left:554px; padding:0; width:191px}
#content.nonav2 #contentright td{border:0; width:191px}
#content.nonav2 #contentright h3{margin:0; color:#fff; padding:10px 11px 10px 10px; display:block; font-weight:normal; font-size:.70em;} 
#content.nonav2 #contentright h3 a{color:#fff}
#content.nonav2 #contentright h3 a:hover{text-decoration:underline}



/*-------------||| ZEBRA TABLE (striped tabular data) ||| ---------------*/
#chart {border:1px solid #e6e6e6; width:100%; margin:0; padding:10px; border:1px solid #ececec; margin-top:2px}
#chart tbody td{margin:0; padding:2px 2px; font-size:0.70em; line-height: 1.5em; color:#000}
#chart tbody tr.even td{background:#e6e6e6 url(../images/graybg.gif); padding:3px; margin:0; text-align:left; border:0; color:#000;}
#chart tbody tr.odd td{background-color:#fff; padding:3px; margin:0; text-align:left; border:0; color:#000;}
#chart tbody td.charthead{font-weight:bold; color:#000; border:0; margin:0; padding:3px}	

/*-----------------------------------------------------------------------*/
/* Copyright  American Contract Bridge League 2004, All Rights Reserved */
/*-----------------------------------------------------------------------*/
ol {
	margin: 0px;
	list-style-type: upper-roman;
	padding-left: 20px;
}
ol ol {
	list-style-type: upper-alpha;
}
.required {color:#F00}

/*FORM BOX*/
div.formbox{ width:650px; border:1px solid #666666; margin: 10px 20px 10px 10px; display:block; font-size:0.9em; text-align:left; }
div.formbox .title{ background: #e6e6e6; padding:5px; display:block; text-align:left; font-size:0.9em; font-weight:bold; }
div.formbox .body{ padding:15px; font-size:1.1em; color:#000000; display:block; clear:both; }
div.row { display:block; margin: 4px 2px; width:100%; clear:both; }
div.row span.reqLabel { font-weight:bold; float:left; }
div.row span.field { text-align:left; display:inline;  width:400px;  }
div.row span.label, div.row span.reqLabel { width:150px; text-align:right; vertical-align:top; font-size:0.85em; display:inline; float:left; }
/*INPUT & SELECTORS*/
input{font-size:0.85em; padding:2px; }
textarea{font-size:1em; font-family:helvetica, arial, sans-serif; width:350px; }
select{width:190px; line-height:1.1em; font-size:0.9em; font-family:helvetica, arial, sans-serif;}
input[type="text"],input[type="password"]input[type="file"] input.textField{ border:1px solid #d5d5d5; line-height:1em; width:150px; 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:24px; font-size:0.9em; font-weight:bold; padding:0 10px 0 10px; }


.req {color:#F00 }