@CHARSET "UTF-8";

/* most rules prefixed with body selector to promote above main stylesheets */

fieldset {
	width: 513px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 19px;
	border: 1px solid #b4b5b7;
	background-color: #fff;
	display: block;
	padding: 0px !important; /* must be !important for IE for some dumb reason */
}

fieldset.full {
	width: 832px;
}

fieldset legend {
	color: #3e487d;
	font-weight: bold;
	text-transform: uppercase;
}

/* accomodate ie's broken fieldset handling with an interior div. */
fieldset .padding {
	padding: 7px;
	padding-top: 19px; 
	width: auto;
	height: auto;
}

.field {
	width: 365px;
	float: left;
}

.rcol {
	float: none;
	clear: left;
	margin-left: 121px;
}

.field input, .field textarea, .field select {
	width: 353px;
}

.rfield {
	float: right;
	margin-right: 20px;
	margin-bottom: 9px;
}

input, select, textarea {
	padding-left: 0px;
}

label {
	display: block;
	padding-left: 13px;
	width: 108px;
	float: left;
	color: #707070;
	font-size: 0.84em; /* 10px */
	font-weight: bold;
	text-transform: uppercase;
}

input.checkbox {
	width: auto;
	border: none;
	margin-top: 1px;
}

input.radio {
	width: auto !important;
	margin-top: 0px;
	margin-bottom: 0px;
	border: none; 
}

#url {
	width: 230px;
	margin-right: 6px; 
}

#url-skip-button {
	padding-left: 10px;
}

.note {
	margin-top: 4px;
	color: #5c8cd2;
	font-size: 85%;
	line-height: 92%;
	margin-bottom: 11px;
}

.nonote {
	margin-bottom: 18px;
}

.centerstack {
	text-align: center; 
}

#url-container {
	margin-bottom: 37px;
}

#bigurl {
	color: #2a56a0;
	font-size: 160%;
	padding-right: 4px; 
}

fieldset.rbox {
	float: right;
	width: 298px;
	color: #545a79;
	clear: right;
}

/* accomodate ie's broken fieldset handling with an interior div. */
.rbox .padding {
	padding-left: 21px;
	padding-right: 21px;
	padding-bottom: 12px;
	padding-top: 12px;
}

.rbox p {
	margin-top: 0px;
	margin-bottom: 12px; 
}

/* adding worthless tags to selector to help precedence */
body fieldset .last {
	margin-bottom: 0px;
}

/* large blue text used as a heading or subheading inside fieldset boxes 
 * in a few later pages during signup. */

h1 {
	color: #2a56a0;
	font-size: 29px;
	font-weight: normal;
}

h2 {
	text-align: center;
	color: #2a56a0;
	font-size: 18px;
	font-weight: normal;
	margin-top: 12px;
}

body.formpage table.box td.main {
	padding-left: 27px;
	padding-right: 10px;
}

.buttons {
	text-align: right;
	width: 515px;
	margin-bottom: 19px;
}

.buttons input, .buttons button {
	color: #2a56a0;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #c5d1dd;
	background-color: #fff; /* IE refuses to not display a 1 pixel gap between background color area and background image area */
	background-image: url(/images/signup_button_bg.gif);
	padding-left: 13px;
	padding-right: 13px;
	padding-bottom: 1px;
	padding-top: 1px;
	overflow: visible;
	cursor: pointer;
}

.buttons .left {
	padding: 1px 0px;
	float: left; 
}

.buttons .right {
	padding: 1px 0px;
	float: right;
}

body.formpage * textarea {
	height: auto;
	font-size: 1.2em;
}

/* optional page description text at top of a formpage. */
body.formpage * .description {
	margin-top: 0px;
}

fieldset.full p {
	color: #797979;
	padding-left: 15px;
	padding-right: 15px; 
}

/* box titles */
body.formpage .box .member-name-text-blue {
	color: #3e487d;
	font-size: 11pt;
}

.error, fieldset.full p.error {
	color: #f00;
	font-weight: bold;
}

.radiorow {
	padding-left: 121px;
}

.radiorow * {
	float: left;
	width: auto !important;
	height: auto !important;
}

.radiorow .note {
	clear: left;
}

.radiorow .nonote {
	margin-bottom: 0px;
}

.radiorow label {
	padding-left: 0px;
}

.radiorow input {
	margin-left: 25px; 
}

.radiorow input.l {
	margin-left: 0px;
}

.radiorow p {
	float: none;
	clear: left;
}

.cbMain {
	 width: auto;
}


#home-search-bar {
	padding-left: 0px;
}

/* photo from specifics */
#photo_terms_cb {
	width: 100px;
	padding-right: 8px;
}

#photo_terms_cb input {
	float: right;
	width: auto; 
}

#photo_terms_text {
	font-size: 100%;
}

#photo_submit {
	margin-top: 10px;
}

.checkboxrow-l {
	width: auto;
	padding-left: 13px;
}

.checkboxrow-l .cbMain {
	padding-left: 8px;
	width: 440px !important;
}

