/**
 * Screen styles for ATB
 * Author Matthew Holmes <www.ivt.com.au>
 * Created 13 Mar 2008
 */
 
 @import "atb.css";
 
 body {
 	margin: 50px 0;
 	padding: 0;
 	background: #838EAB url(../webimage/bg-body.gif) top repeat-x;
 	color: #777;
 	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
 	}
 	
 	
 	/* links */
 	a {
 		color: #00aedb;
 		}	
 	a:hover {
 		text-decoration: none;
 		}
 	a:focus {
 		outline: none;
 		}
 	a img {
 		border: 0;
 		}
 		
 		
 	/* common elements */
 	h1, h2, h3, h4, h5, h6, form {
 		margin: 0;
 		}
 		
 		
 	
	
	p.path {
		display: none;
		}
 		
 	
		/* structure 
		-----------------------------------------------------------*/
		#container {
			width: 800px;
			margin: 0 auto;
			background: #fff;
			}
		#footer {
			width: 800px;
			margin: 0 auto;
			color: #fff;
			font-size: 1.1em;
			}
			
			
			/* using clearfix solution to reduce any html markup just apply class="clearfix" to any div you want. */
			.clearfix:after {
				display: block;
				clear: both;
				height: 0;
				content: ".";
				visibility: hidden;
				}
			* html .clearfix { /* ie hack it needs to use height: 1%, does not support the :after pseudoclass */
				height: 1%;
				}
			*+ html .clearfix {
				height: 1%;
				}
				
				
			/* header */
			#header {
				position: relative;
				height: 99px;
				background: url(../webimage/logo-atb.gif) no-repeat;
				}
				
				#header h1 a { display: block; width: 606px; height: 99px; text-indent: -999em; }
					
				/* sponsors */
				ul#sponsors {
					position: absolute;
					top: 27px;
					right: 0px;
					margin: 0;
					padding: 0;
					list-style: none;
					}
				#sponsors li {
					float: left;
					margin: 0 20px 0 0;
					}
				#sponsors li.end {
					margin: 0 15px 0 0;
					}
				* html #sponsors li.end {
					margin: 0 10px 0 0;
					}
					
					
			/* main body */
			#main-body {
				padding: 0 0 15px;
				background: url(../webimage/bg-main-body.gif) left top repeat-y;
				}
			#sidebar {
				float: left;
				width: 130px;
				padding: 0 10px;
				}
				
				/* side navigation */
				ul#menu {
					margin: 35px 0 20px;
					padding: 0;
					list-style: none;
					}
				#menu li {
					display: block;
					margin: 0 0 8px;
					}
				#menu ul {
					margin: 0;
					padding: 0 0 5px;
					list-style: none;
					}
										
				/* login */
				#login {
					margin: 0 0 35px;
					}
				#login h3 {
					margin: 0 0 15px;
					color: #00aedb;
					font-size: 1.1em;
					}
				#login fieldset {
					margin: 0;
					padding: 0;
					border: 0;
					}
				#login ol {
					margin: 0;
					padding: 0;
					list-style: none;
					}
				#login li {
					clear: both;
					margin: 0 0 .75em;
					}
				#login label {
					display: block;
					padding: 0 0 3px;
					}
				#login label:after {
					content: ":";
					}
				#login input {
					width: 120px;
					}
				#login button {
					display: block;
					width: 43px;
					height: 22px;
					text-indent: -999em;
					border: 0;
					background: url(../webimage/btn-login.gif) no-repeat;
					}
				#login p {
					padding: 10px 0 0;
					}
				
				
			#content {
				float: right;
				width: 640px;
				background: url(../webimage/bg-content.gif) top left no-repeat;
				}
				
				
				/* buttons  */
				#buttons {
					padding: 25px 25px 0;
					}
				#buttons ul {
					margin: 0;
					padding: 0;
					list-style: none;
					}
				#buttons li {
					float: left;
					margin: 0 34px 0 0;
					padding: 0;
					}
				#buttons li.end {
					margin: 0;
					}
					
				/* body */
				#body {
					padding: 25px;
					line-height: 1.3;
					font-size: 1em;
					}
				#body-reg {
					padding: 25px 0;
					line-height: 1.3;
					font-size: 1em;
					}
				#body h3, #body-reg h3, .category_spacing h2 {
					margin: 0 0 15px;
					color: #00aedb;
					font-size: 1.1em;
					}
				
				
			/* footer */
			#footer a {
				color: #fff;
				}
			#footer #copyright {
				float: left;
				padding: 15px;
				}
			#footer #powered {
				float: right;
				padding: 15px;
				}
				
				
				
				
			 form#passwordForm, form.signup_form,
			 form#passwordForm fieldset, form.signup_form fieldset {
				margin: 0;
				padding: 0;
				border: 0;
				}
			 form#passwordForm legend, form.signup_form legend {
				display: none;
				}
			 form#passwordForm ol {
				margin: 0;
				padding: 0;
				list-style: none;
				}
			 form#passwordForm li {
				clear: both;
				margin: 0 0 .75em;
				padding: 0;
				}
			 form#passwordForm label, form.signup_form label {
				float: left;
				width: 100px;
				margin-right: 5px;
				text-align: right;
				}
			 form#passwordForm button {
				margin-left: 105px;
				cursor: pointer;
				}
				
				
				
			/* bv registrations */
			ul#atb_form_tabs {
				margin: 0;
				padding: 0;
				list-style: none;
				}
			#atb_form_tabs img {
				display: none;
				}
			#atb_form_tabs li {
				float: left;
				margin: 0 3px 0 0;
				}
			#atb_form_tabs li a {
				float: left;
				display: block;
				height: 35px;
				text-indent: -999em;
				}
			#atb_form_tabs li#atb_user_info_tab a {
				width: 114px;
				background: url(../webimage/btn-atb-user-info2.gif) no-repeat;
				}
			#atb_form_tabs li#atb_options_tab a, #atb_form_tabs li#atb_options_tab a.tab_on {
				width: 113px;
				background: url(../webimage/btn-atb-options2.gif) no-repeat;
				}
				
			#atb_form_tabs li#atb_options_tab a.tab_incomplete {
                                background: url(../webimage/btn-atb-options2-off.gif) no-repeat;
                                }
			#atb_form_tabs li#atb_options_tab a.tab_on {
                                background: url(../webimage/btn-atb-options2.gif) no-repeat;
                                }
                                
			#atb_form_tabs li#atb_conditions_tab a {
				width: 159px;
				background: url(../webimage/btn-atb-terms2.gif) no-repeat;
				}
			#atb_form_tabs li#atb_conditions_tab a.tab_incomplete {
                                background: url(../webimage/btn-atb-terms2-off.gif) no-repeat;
                                }
			#atb_form_tabs li#atb_conditions_tab a.tab_on {
                                background: url(../webimage/btn-atb-terms2.gif) no-repeat;
                                }
			#atb_form_tabs li#atb_merchandise_tab a {
				width: 113px;
				background: url(../webimage/btn-atb-merchandise2.gif) no-repeat;
				}
			#atb_form_tabs li#atb_merchandise_tab a.link_disabled {
                                background: url(../webimage/btn-atb-merchandise2-off.gif) no-repeat;
                                }
			#atb_form_tabs li#atb_payment_tab a {
				width: 114px;
				background: url(../webimage/btn-atb-payment2.gif) no-repeat;
				}
			#atb_form_tabs li#atb_payment_tab a.tab_incomplete {
                                background: url(../webimage/btn-atb-payment2-off.gif) no-repeat;
                                }
			#atb_form_tabs li#atb_payment_tab a.tab_on {
                                background: url(../webimage/btn-atb-payment2.gif) no-repeat;
                                }
			
			#atb_user_info_fieldset, #atb_options_fieldset, #atb_conditions_fieldset, #atb_merchandise_fieldset, #atb_payment_fieldset {
				border: 0;
				padding: 45px 15px 15px;
				margin: 0;
				background: url(../webimage/bg-atb-user-info.jpg) top repeat-x;
				}
			#atb_options_fieldset {
				background: url(../webimage/bg-atb-options.jpg) top repeat-x;
				}
			#atb_conditions_fieldset {
				background: url(../webimage/bg-atb-conditions.jpg) top repeat-x;
				}
			#atb_merchandise_fieldset {
				background: url(../webimage/bg-atb-merchandise.jpg) top repeat-x;
				}
			#atb_payment_fieldset {
				background: url(../webimage/bg-atb-payment.jpg) top repeat-x;
				}
				
			
			div.atb_buttons_left,
			div.atb_buttons_right,
			div.submit div {
				float: left;
				padding: 0 15px;
				}
			div.atb_buttons_right, div.submit div {
				float: right;
				}
			div.submit div {
				padding: 15px 15px 0;
				}
			div.atb_buttons_left input,
			div.atb_buttons_right input,
			div.submit div input,
			input.submit,
			input.button {
				padding: 3px;
				background: #00aedb;
				border: 0;
				color: #fff;
				font-size: 12px;
				}
				
			fieldset {
				border: 0;
				}
			h3.atb_section_heading, div#message, h3#complete, h3#incomplete {
				padding: 0 15px;
				margin: 0;
				}
			h3#complete, h3#incomplete {
				padding: 0 15px 15px;
				}
				
			#body-reg form {
				margin: 0;
				padding: 0;
				}
			.required {
				font-weight: bold;
				}
				
			form.atb_form {
				margin: 0;
				padding: 0;
				border: 0;
				}
				
			fieldset.atb_form_fieldset {
				margin: 0;
				padding: 10px 0;
				border: 0;
				border-bottom: 1px solid #ccc;
				}
			fieldset.atb_form_fieldset fieldset {
				margin: 0;
				padding: 0;
				border: 0;
				}
			fieldset.atb_form_fieldset legend {
				margin: 0;
				padding: 10px 0;
				font-size: 11px;
				font-weight: bold;
				}
			fieldset#atb_team_typeselect, fieldset#atb_manager_contactinfo {
				padding: 10px 15px;
				}
			fieldset.atb_form_fieldset label {
				float: left;
				display: block;
				width: 120px;
				margin: 6px 5px;
				text-align: right;
				}
			fieldset.atb_form_fieldset fieldset.atb_agreedtoterms label {
				width: 100%;
				text-align: left;
				margin: 0;
				}

			fieldset.atb_form_fieldset label.wide_label {
				width: 120px;
				}
			fieldset#atb_team_typeselect label.wide_label,
			fieldset#atb_manager_contactinfo label.wide_label {
				width: 97%;
				text-align: left;
				}
			* html fieldset#atb_team_typeselect label.wide_label,
			* html fieldset#atb_manager_contactinfo label.wide_label {
				width: 92%;
				}
				
			div.atb_option_div {
				padding-left: 125px;
				}
			
			fieldset#atb_contactinfo {
				
				}
			fieldset.atb_readonly_teaminfo {
				padding: 0 15px;
				line-height: 1.6;
				}
			fieldset.atb_teaminfo {
				padding: 0 15px;
				}
			fieldset.atb_teaminfo label.wide_label {
				float: none;
				width: 97%;
				margin: 0;
				text-align: left;
				}
			fieldset#atb_contactinfo input,
			fieldset#atb_contactinfo textarea,
			fieldset#atb_contactinfo select,
			fieldset.atb_form_fieldset div {
				margin: 4px 0;
				}
			fieldset.atb_form_fieldset div#state_field {
				margin: 0;
				}
			fieldset#atb_contactinfo input {
				width: 250px;
				}
			fieldset#atb_contactinfo fieldset input {
				width: auto;
				}
			fieldset#atb_contactinfo fieldset span {
				vertical-align: middle;
				}
			fieldset.atb_form_fieldset br {
				clear: left;
				}
			
			div.atb_team_members, div.atb_team_emails, div.atb_team_payments {
				padding: 0 15px;
				}
			div.atb_team_members fieldset {
				padding: 15px 0;
				}
			div.atb_team_members fieldset div.submit div {
				float: left;
				padding: 0;
				}
				
			
			
			
			table.atb_team_members {
				border-collapse: collapse;
				border-top: 1px solid #ddd;
				border-left: 1px solid #ddd;
				}
			table.atb_team_members th,
			table.atb_team_members td {
				padding: 5px;
				border-right: 1px solid #ddd;
				border-bottom: 1px solid #ddd;
				}
			
			
			div.atb_note, .atb_form_title {
				padding: 0 15px 10px;
				}
				
				
			
			form.atb_form label {
				display: block;
				float: left;
				width: 120px;
				margin: 6px 5px;
				text-align: right;
				}
			form.atb_form input {
				margin: 4px 0;
				}

			h4#atb_form_title {
				padding: 0 15px;
				}
			h4#atb_form_title {
				margin: 0 0 10px;
				}
			form.atb_form br {
				clear: both;
				}

			fieldset.atb_readonly label {
				margin: 0 5px;
				}
			span.atb_readonly label {
				margin: 0 5px;
				}

			fieldset#atb_team_typeselect,
			fieldset#atb_manager_contactinfo {
				padding: 0 15px;
				}
			

			.input_small_off,
			.input_small_on,
			.input_medium_off,
			.input_medium_on,
			.input_large_off,
			.input_large_on,
			.textarea_small_off,
			.textarea_small_on {
				width: 250px;
				border: 1px solid #999;
				}
			.input_small_on,
			.input_medium_on,
			.input_large_on,
			.textarea_small_on {
				border: 1px solid #ddd;
				}
			.textarea_small_off,
			.textarea_small_on {
				width: 350px;
				height: 100px;
				}
				
			div.form .input_small_off,
			div.form .input_small_on {
				width: 50px;
				}
				
			table.cart_table {
				width: 100%;
				border-collapse: collapse;
				border-right: 1px solid #ddd;
				border-top: 1px solid #ddd;
				background: #fff;
				}
			table.cart_table th,
			table.cart_table td {
				padding: 5px;
				border-bottom: 1px solid #ddd;
				border-left: 1px solid #ddd;
				}
				
				
			div.product_list {
				padding: 10px 0;
				border-bottom: 1px solid #ddd;
				}
			div.product_list h4 a {
				font-size: 1.2em;
				}
				
			form.atb_form div.product_list br {
				clear: none;
				}
				
			.buy_field {
				display: none;
				}
				
			div.list table {
				border-collapse: collapse;
				border-right: 1px solid #ddd;
				border-top: 1px solid #ddd;
				background: #fff;
				}
			div.list table th,
			div.list table td {
				padding: 5px;
				border-bottom: 1px solid #ddd;
				border-left: 1px solid #ddd;
				}
			div.list table th {
				background: #eee;
				}