/*
 * -------------------------------------------------------------------------- 
 * COMMON FORMATTING
 * --------------------------------------------------------------------------
 */

/*
 * The Form
 */
#page form {
	display: block;
}


input, select, textarea { /* textareas don't handle font inheritance very well */
	font-family: Helvetica, Verdana, Arial, sans-serif;
}


#page fieldset
{
	border-top: 1px solid #547DAF;
	padding: 1em 1em 1.5em 1em;
}

#page fieldset {
	background: #E9EEF5;
}

#page fieldset.odd
{
	background: #BBCBDF;
}

#page fieldset.completed
{
	display: none;
}

#page legend
{
	color: #000;
	padding: 2px;
	margin-top: 2px;
	font-weight: bold;
}

#page fieldset.odd legend {
	background: #EFF2E6 url('/images/bg-fieldset-odd.gif') repeat-x;
	border: 1px solid #F9FAF5;
	border-bottom: 0;
}

#page fieldset.even legend {
	background: #F9FAF5 url('/images/bg-fieldset.gif') repeat-x;
	border: 1px solid #EFF2E6;
	border-bottom: 0;
}

#page fieldset.alt h2
{
	color: #B3B5AC;
}

#page fieldset.submit
{
	padding-top: 2em;
	padding-left: 13em;
	padding-bottom: 0;
	background: transparent;
}

/*
 * Inputs, Selects, Textareas, Radio Buttons, Checkboxes
 */
#page .correctionText,
form .element {
	width: 70%;
}

/*#page .correctionText,*/
#page .help-text {
	text-align: justify;
	margin: 0 0 10px 12em;
	color: #000;
	
}

#page .tip {
   color: #666;
   font-size: 0.9em;
}

form .element.long {
	width: 90%;
}

#page .correctionText {
	text-align: justify;
}

form .element {
	margin: 0;
	padding: 1px 1px 0 1px;
	border: 1px solid #858585;
	background-color: #fff;
	display: block;
}

form .element.error {
	border-color: #880000;
}

form .element input,
form .element textarea,
form .element select {
	border: 1px solid #C3C3C3;
   border-top-color: #7c7c7c;
	border-right-color: #999;
   border-bottom-color: #ddd; 
	font-size: 1.0em;
	line-height: 1.2em;
	width: 99%;
	color: #000 !important;
	background: #fff url('/images/bg-form-element.gif') repeat-x;
}

form .element:focus {
	border-color: #D2D200;
}

form .element input:focus,
form .element textarea:focus,
form .element select:focus {
	border-color: #808000 #999900 #BBBB00 #BBBB00;
}

form .element.error input,
form .element.error textarea,
form .element.error select {
	border-color: #ffcccc;
	border-top-color: #990000;
	border-right-color: #aa0000;
}

form .element.error input:focus,
form .element.error textarea:focus,
form .element.error select:focus {
	border-color: #aa0000 #FF9999 #ff0000 #ff0000;
}

#page input.small
{
	width: 5em;
}

form span.checkbox,
form span.radio,
form span.checkbox input,
form span.radio input {
	border: 0;
	padding: 0;
	width: 15px;
	height: 15px;
}

form span.checkbox-off,
form span.radio-off,
form span.checkbox-on,
form span.radio-on { 
	display: block;
	/*text-indent: -10000px;*/
	cursor: pointer;
}

form span.checkbox-off { 
	/*background: url('/images/checkbox.gif') left top no-repeat;*/
	height: 16px;
}
form span.checkbox input {
	height: 16px;
}
form span.checkbox-on { 
	/*background: url('/images/checkbox.gif') left top no-repeat;
	background-position: 0 -16px;*/
	height: 16px;
}

/*form span.radio-off { 
	background: url('/images/radio-button.gif') left top no-repeat;
}
form span.radio-on { 
	background: url('/images/radio-button.gif') left top no-repeat;
	background-position: 0 -15px;
}*/

div.terms-and-conditions {
   display: block;
   float: right;
}

/*
 * Labels
 */
#page label,
#page label strong,
#page label span,
form input,
#page select,
#page select *,
#page form fieldset.even a,
#page fieldset a,
fieldset p {
	color: #000;
}

#page a,
#page fieldset.submit a { color: #fff; }

#page label
{
	display: block;
	clear: both;
	padding-bottom: 1em;
	padding-left: 12em;
	cursor: pointer;
}

#page label.completed
{
	display: none;
}

#page label .labelText
{
	position: relative;
	width: 10em;
	left: -12em;
	float: left;
	margin-right: -10em;
	padding-bottom: 1em;
}

#page label .labelText
{
	font-weight: bold;
}

.requiredMarker,
.optionalMarker
{
	display: block;
	color: #666 !important;
	font-size: 0.8em !important;
	text-transform: uppercase;
	font-weight: normal;
}

.optionalMarker { color: #999 !important; }

#page .info
{
	color: #999;
}

#page .correctionIcon
{
	position: relative;
	left: -2em;
	top: 15px;
	width: 17px;
	height: 17px;
	margin-right: -17px;
	vertical-align: middle;
}

#page .correctionText,
#page .help-text
{
	display: block;
}

#page .correctionText,
#page .correctionText *
{
	color: #006600;
}

#page .warning,
#page .warning *
{
	color: #CC0000;
}

#page .correctionText em,
#page .correctionText strong {
   font-weight: bold;
}

/*
 * -------------------------------------------------------------------------- 
 * SUBMIT BUTTONS
 * --------------------------------------------------------------------------
 */ 
img.payments-by-paypal {
   float: left
}

#page input.submit,
#page input.submit-disabled,
#page input.button
{
	float: right;
	cursor: pointer;
}

/* from http://www.macromedia.com/css/themes.css
 * http://www.macromedia.com/cfusion/tdrc/index.cfm?product=fireworks
*/
#page input.submit,
#page input.button,
#page a.submit,
#page a.button,
#page input.submit-disabled,
#page a.submit-disabled {
	text-decoration: none;
	background: #fff url('/images/bg-form-element.gif') repeat-x;
	color: #000;
}

input.submit,
input.button
#page input.submit-disabled {
	width: auto;
}

#page input.submit,
#page input.button,
#page input.submit-disabled,
#page a.submit,
#page a.button,
#page a.submit-disabled {
	border: 3px double;
	border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
	display: block;
	padding: 2px 3px 2px 3px;
	cursor: pointer;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1em;
	text-align: center;
	float: left;
}

#page .submit-disabled {
	color: #999;
}

#page input.submit:hover,
#page input.button:hover,
#page input.submit:focus,
#page input.button:focus,
#page a.submit:hover,
#page a.button:hover,
#page a.submit:focus,
#page a.button:focus {
	border: 3px double;
	border-color: #aedf9a #94da78 #6ab94b #94da78;
	color: #000 !important;
	background-color: #fff !important;
}

.activate-btn, .activate-btn:hover, .activate-btn:focus,
.send-btn, .send-btn:hover, .send-btn:focus,
.save-btn, .save-btn:hover, .save-btn:focus,
.change-btn, .change-btn:hover, .change-btn:focus,
.add-funds-btn, .add-funds-btn:hover, .add-funds-btn:focus,
.buy-now-btn, .buy-now-btn:hover, .buy-now-btn:focus,
.login-btn, .login-btn:hover, .login-btn:focus,
.signup-btn, .signup-btn:hover, .signup-btn:focus,
.back-btn, .back-btn:hover, .back-btn:focus,
.proceed-btn, .proceed-btn:hover, .proceed-btn:focus {
	border: 0 !important;
	background-color: transparent !important;
	padding: 0 !important;
}

.activate-btn,
.send-btn,
.save-btn,
.change-btn,
.buy-now-btn,
.add-funds-btn,
.login-btn,
.signup-btn,
.back-btn,
.proceed-btn {
	background-position: 0 0;
	height: 29px;
	cursor: pointer;
	float: right;
	text-indent: -10000px;
}
.login-btn {
	background: url('/images/btn-login.gif') no-repeat;
	width: 79px;
}

.signup-btn {
	background: url('/images/btn-sign-up.gif') no-repeat;
	width: 94px;
}

.proceed-btn {
	background: url('/images/btn-proceed.gif') no-repeat;
	width: 101px;
}

.back-btn {
	background: url('/images/btn-back.gif') no-repeat;
	width: 70px;
	float: left;
}

form.back {
   float: left;
   position: relative;
   top: -29px;
   margin: 0;
   padding: 0;
}

.buy-now-btn {
	background: url('/images/btn-buy-now.gif') no-repeat;
	width: 80px;
}

.add-funds-btn {
	background: url('/images/btn-submit-add-funds.gif') no-repeat;
	width: 86px;
}

.save-btn {
	background: url('/images/btn-save.gif') no-repeat;
	width: 70px;
}

.change-btn {
	background: url('/images/btn-change.gif') no-repeat;
	width: 94px;
}

.send-btn {
	background: url('/images/btn-send.gif') no-repeat;
	width: 80px;
}

.activate-btn {
	background: url('/images/btn-activate.gif') no-repeat;
	width: 86px;
}


.activate-btn:hover,
.send-btn:hover,
.save-btn:hover,
.change-btn:hover,
.buy-now-btn:hover,
.add-funds-btn:hover,
.login-btn:hover,
.signup-btn:hover,
.back-btn:hover,
.proceed-btn:hover {
	background-position: 0 -29px;
}

.change-region-btn,
.change-region-btn:hover,
.change-region-btn:focus {
	display: block;
	height: 25px;
	cursor: pointer;
	background: url('/images/btn-change-region.gif') no-repeat;
	background-position: 0 0;
	width: 78px;
	float: right;
}

.change-region-btn:hover {
	background-position: 0 -25px;
}

.change input,
.change textarea {
	width: 100%;
	color: #000;
	border: 0;
	background: transparent;
}

.change div.password {
	display: none;
}

.change .element,
#page .change .correctionText,
#page form.three-col .correctionText {
	clear: left;
	float: left;
	position: relative;
	left: 0;
	width: 95%;
}

#page .change label {
	clear: left;
	padding-left: 0;
	margin-top: 5px;
}

#page .change label .labelText {
	position: auto;
	width: auto;
	left: 0;
	float: left;
	margin-right: 0;
	padding-bottom: 0;
	font-weight: bold;
}

/*
 * -------------------------------------------------------------------------- 
 * THREE COLUMN FORM
 * --------------------------------------------------------------------------
 */
#page form.three-col label {
	padding-left: 2em;
}

#page form.three-col label span.labelText {
	float: left;
	left: -2em;
	width: 4em;
	margin-right: 0;
	padding-right: 1em;
}
#page form.three-col .correctionText {
	left: 5em;
}

#page form.three-col .correctionIcon {
	top: 1em;
	float: none;
}

#page form.three-col label.checkbox {
	padding-left: 0;
}

#page form.three-col label {
	margin-right: 10px;
}

#page form.three-col label.checkbox,
#page form.three-col label span.labelText {
	font-weight: bold;
}

#page form.three-col label,
#page form.three-col label.checkbox input,
#page form.three-col label .element {
	clear: none;
	float: left;
}

#page form.three-col label .element {
	width: 75%;
}

#page form.three-col label {
	width: 70%;
}

#page form.three-col label.checkbox {
	float: right;
	width: auto;
}

#page form.three-col label.checkbox .element {
	margin-right: 5px;
}

#page form.three-col .group {
	clear: both;
}

#page form.three-col label.half {
	width: 40%;
}
#page form.three-col label.half {
	padding-left: 0;
}
#page form.three-col label.half {
	margin-right: 0;
	padding-bottom: 2em;
}
#page form.three-col label.half .element {
	width: 80%;
}

#page form.three-col label.half span.labelText {
	left: 0;
	width: 100%;
	padding-bottom: 2px;
}

/*
 * -------------------------------------------------------------------------- 
 * LOGIN FORMS
 * --------------------------------------------------------------------------
 */
#login form {
	margin-top: 20px;
	padding-top: 0;
	padding-left: 10px;
}

#login label {
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}

#login input.text {
	padding: 0;
	margin: 0;
}

#sidebar a.forgotten {
	margin: 10px 0 0 0;
}

#sidebar .login-btn {
	margin: 10px 5px 0 0;
}


/*
 * -------------------------------------------------------------------------- 
 * MASTHEAD LOGIN
 * --------------------------------------------------------------------------
 */
#masthead-box.login form {
   margin: 0;
	font-size: 1em;
}

#masthead-box.login form label {
   float: left;
   width: 46%;
   padding: 10px 1% 20px 1%;
	clear: none;
}
#masthead-box.login form label.right {
   float: right;
}

#masthead-box.login form a {
   color: #000;
   margin-left: 1%;
	clear: left;
}

#masthead-box.login form a:hover {
   color: #fff;
}

#masthead-box.login form input.login-btn {
	clear: both;
	float: right;
}

#masthead-box.login form label span {
   width: 100%;
}

/*
 * -------------------------------------------------------------------------- 
 * TERMS AND CONDITIONS
 * --------------------------------------------------------------------------
 */
div.terms-and-conditions {
   height: 300px;
   width: 70%;
   overflow: auto;
   background: #fff;
   color: #000;
   display: block;
   margin-bottom: 1em;
}