/*  File: getstarted_std_form.css      */
/*  By:   Jeremy Tredway    */
/*  Ver:  2008-12-01        */


.hidden_row {
	display: none;
}

.req_notice {
	font: italic 90% Arial, Helvetica, "san-serif";
}
.req_notice img {
	vertical-align:middle
}


/* reset standard form */

.std_form_wrapper * { 
	margin:0;
	/*padding:0;*/
}
.std_form_wrapper table {
	border-collapse:collapse;
	border-spacing:0;
}
.std_form_wrapper fieldset,
.std_form_wrapper img { 
	border:0;
}
.std_form_wrapper ol,
.std_form_wrapper ul {
	list-style:none;
}
.std_form_wrapper caption,
.std_form_wrapper th,
.std_form_wrapper td {
	font-weight: normal;
	text-align: left;
}

:focus {
	outline: 0;
}


/* misc elements */

.std_form_wrapper h3 {
	margin: .5em 0;
}

.std_form_wrapper .nowrap {
	white-space: nowrap;
}

.std_form_wrapper .readonly_mask {
	background: none;
	border: none;
	font-size: 100%;
}

.std_form_wrapper .hint {
	color: #777;
	display:inline;
	padding:20px 0px 0px 0px !important;
	font: italic 12px Arial, Helvetica, "san-serif";
	vertical-align: middle;
}
.std_form_wrapper span.hint {
	padding: 0 0 0 .5em;
}


/* standard errors */

.std_form_wrapper .errors {
	/*display: inline;*/
	font-size: 90%;
	color: #c00;
	margin: 0;
}
.std_form_wrapper .errors li {
	display: inline;
	padding: 0 .25em;
}

.std_form_wrapper .global_error {
	color: #c00;
	font-size: 90%;
	font-weight: bold;
	margin: 0 0 1em 0;
}


/* standard form */

.std_form_wrapper {
	margin: 0 0 0em 0;
}

.std_form_wrapper .required {
	background: transparent url("/images/icon_req_asterisk.gif") no-repeat 97% 50%;
	font-size: 16px;
	margin:8px 0px 0px 0px;
	border:0px solid black;
	text-align: right;	
}

.std_form_wrapper .optional {
	/*background: transparent url("/images/icon_req_asterisk.gif") no-repeat 97% 50%;*/
	font-size: 16px;
	margin:8px 0px 0px 0px;
	border:0px solid black;
	text-align: right;
}

.std_form_wrapper .readonly {
	color: #777;
}

.std_form_wrapper .note { 
	font-size: 90%;
}

.std_form_wrapper p { 
	margin: .5em 0;
}

.std_form_wrapper .section_divider { 
	margin: 2.5em 0 .5em 0;
}

.std_form_wrapper fieldset {
	clear: both;
	float: none;
}

.std_form_wrapper legend {
	font-size: 110%;
	font-weight: bold;
}

.std_form_wrapper .form_row {
	width: 400px;
	height: 40px;
	margin: 0px auto 10px auto;
	border: 0px solid black;
}

.std_form_wrapper .submit {
	display: block;
	margin: 1em 0;
}

.std_form_wrapper .form_row .std_element {
	display: block;
	float: left;
	height: 40px;
}

.std_form_wrapper label {
	font-size: 100%;
	margin: 0;
	position: static;
}
.std_form_wrapper .form_row .label,
.std_form_wrapper .form_row label {
	display: block;
	float: left;
	width: 175px;
	padding: 0 15px 0 0;
}

.std_form_wrapper .form_row .std_element label {
	display: inline;
	float: none;
	padding: 0 .5em .5em 0;
	width: auto;
}

.std_form_wrapper .append_label .std_element {
	padding-left: 190px;
}

.std_form_wrapper .append_label label {
	display: inline;
	float: none;
	padding: 0 0 0 .5em;
	width: auto;
}

.std_form_wrapper .form_row .std_element label input {
	margin: 0 .5em 0 0;
}

.std_form_wrapper .form_row .checkbox,
.std_form_wrapper .form_row .radio {
	margin: 10px 0px 0px 0px !important;
}

.std_form_wrapper .form_row .text {
	width: 340px;
}

.std_form_wrapper .lg {
	width: 270px !important;
	font-size: 16px;
	margin: 6px 0px 0px 0px;
}
.std_form_wrapper .md {
	width: 170px !important;
	font-size: 16px;
	margin: 6px 0px 0px 0px;
}
.std_form_wrapper .sm {
	width: 120px !important;
	font-size: 16px;
	margin: 6px 0px 0px 0px;
}
.std_form_wrapper .xs {
	width: 40px !important;
}

.std_form_wrapper .form_row textarea {
	height: 120px;
	width: 340px;
}

.std_form_wrapper .form_row .radio_options ol {
	float: left;
}

.std_form_wrapper #submit_options {
	margin: 1em 0 0 190px;
}
.std_form_wrapper .submit_row {
	clear:right;
	float:right;
	margin-right:210px;
}
.std_form_wrapper .button_fieldset,
.std_form_wrapper .indent_header {
	margin-left: 190px;
}


/* begin button elements */

span.button {
	background: transparent url("../images/events/buttons/button_bg.png") no-repeat scroll top right;
	display: block;
	float: left;
	margin: 0 6px 0 0;
	padding: 0 12px 0 0;
	text-align: center;
}
span.button input.button {
	background: transparent url("../images/events/buttons/button_bg.png") no-repeat;
	border: 0;
	color: #fff;
	display: block;
	font-size: 12px;
	height: 22px;
	line-height: 20px;
	margin: 0;
	padding: 0 0 2px 12px;
	position: relative;
	white-space: nowrap;
}

a.button {
	background: transparent url("../images/events/buttons/button_bg.png") no-repeat scroll top right;
	color: #fff;
	display: block;
	float: left;
	font-size: 12px;
	height: 22px;
	margin: 0 6px 0 0;
	padding: 0 12px 0 0;
	text-decoration: none;
}
a.button span {
	background: transparent url("../images/events/buttons/button_bg.png") no-repeat;
	display: block;
	line-height: 22px;
	padding: 0 0 2px 12px;
	white-space: nowrap;
}

button.button {
	background: transparent url("../images/events/buttons/button_bg.png") no-repeat scroll top right;
	border: 0;
	color: #fff;
	display: block;
	float: left;
	font-size: 12px;
	margin: 0 6px 0 0;
	padding: 0 12px 0 0;
	text-align: center;
}
button.button span {
	background: transparent url("../images/events/buttons/button_bg.png") no-repeat;
	display: block;
	height: 22px;
	line-height: 22px;
	margin: -1px 0 0 0;
	padding: 0 0 0 12px;
	position: relative;
	white-space: nowrap;
}

.button,
.button:link,
.button:visited,
.button:hover {
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}


/* member login form */

#member_login_form .form_row label,
#guest_login_form .form_row label {
	width: 105px;
}
#member_login_form .submit,
#guest_login_form .submit {
	margin-left: 120px
}
#member_login_form .submit_row,
#member_login_form .button_fieldset,
#member_login_form .indent_header,

#guest_login_form .submit_row,
#guest_login_form .button_fieldset,
#guest_login_form .indent_header { margin-left: 120px }
#guest_login_form .form_row .lg { width: 270px !important; }
#guest_login_form .form_row .md { width: 170px !important; }
#guest_login_form .form_row .mmd { width: 100px !important; }
#guest_login_form .form_row .sm { width: 70px !important; }
#guest_login_form .form_row .xs { width: 40px !important; }

#guest_login_form .label_left { float:left; width: 300px; }
#guest_login_form .label_left input { width:80px; }
#guest_login_form .label_left label { width: 105px; }

#guest_login_form .label_right { float:left; width: 150px;}
#guest_login_form .label_right label { display:none }
#guest_login_form .label_right select { width:150px; }
#guest_login_form .label_right button { width:120px; }
#guest_login_form .submit_row { float:left; width: 150px; }

.std_form_wrapper #guest_login_form .label_right .errors li {
	white-space: nowrap;
}


/* clearing the elements */

form:after,
.faux_form:after,
.form_row:after,
.submit_row:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
}