/* Global Registration Form
----------------------------------------------------------------*/

#formWrap {
    
}

#formWrap #textResize {
    margin-left: 400px;
}

#formGlobalRegistration {
    padding: 20px;
}

#formGlobalRegistration .formRow {
    padding: 5px 0;
    margin-bottom: 5px;
}

#formGlobalRegistration .formRowSmall {
    padding: 2px 0;
    margin-bottom: 5px;
 /* padding: 8px 0 0 0;
    margin-top: 0px; */
   /* removed 9/20 so match formRow padding: 2px 0;
    margin-bottom: 2px; */
    overflow:auto;
    vertical-align:bottom; 
}

#formGlobalRegistration .formRow:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#formGlobalRegistration .formQuestion {
    font-weight: bold;
    font-size: 12px;
    color: #000;
/*    text-align: center;*/
    text-align: left;
    padding-bottom: 5px;
}

#formGlobalRegistration span.labelFinePrint {
    font-size: 11px;
    font-weight: normal;
    color: #666;
}
#formGlobalRegistration .radioGroup {
    float: left;
    display: inline;       
}

#formGlobalRegistration .radioGroup div {
/*    padding: 4px 10px;*/
/*    margin-left: 10px;*/
    padding: 0px 0px;
    margin-left: 0px;
}

#formGlobalRegistration .checkBoxGroup input 
{
	padding: 4px 10px;
    margin-left: 10px;
}

#formGlobalRegistration .radioGroup input {
    vertical-align: middle;
}

#formGlobalRegistration table.radioGroup 
{
/*    padding: 2px 10px;*/
/*    margin-left: 10px;*/
    padding: 0px 0px;
    margin-left: 0px;
    margin-top: -4px;
}

#formGlobalRegistration .radioGroup td
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#formGlobalRegistration .radioGroup select
{
/*    padding: 4px 10px;*/
/*    margin-left: 10px;*/
    padding: 0px 0px;
    margin-left: 0px;
}

#formGlobalRegistration table.radioGroup td
{
	display: inline;
}

#formGlobalRegistration table.radioGroup label
{
	font-weight: normal;
	 font-size: 12px;
	text-align: left;
	 vertical-align: middle;
}

#formGlobalRegistration #divBdOther {
    background: #f3f3f3;
    padding: 11px;
}

#formGlobalRegistration #divBdOtherDescrip {
    width: 280px;
    margin-top: 7px;
}

#formGlobalRegistration #divBdOtherDescrip label {
    width: 100px;
    margin: 0;
    padding: 0 5px 0 0;
    font-weight: normal;
    display: inline;
}

#formGlobalRegistration input#bleedingDisorderDescrip {
    width: 170px;
    height: 18px;
    background: #fff;
    border: 1px solid #b8b8b8;
    padding: 3px 0 3px 0;
    margin: 0;
    display: inline;
    float: left;
}

#formGlobalRegistration .formSection {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 10px;
}

#formGlobalRegistration label.regLabel {
/*    width: 177px;*/
    width: 250px;
    float: left;
    font-weight: bold;
    font-size: 12px;
/*    text-align: right; */
    text-align: left;
    line-height:1.25em; 
    /*display: inline; */
   vertical-align: top; 
}

#formGlobalRegistration label.regLabelCol {
    width: 150px;
    float: left;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    line-height: 1.25em;
    display: inline;
}

/* created 9/21 to format Other BD explain */
#formGlobalRegistration label.regLabelCol2 {
    width: 150px;
    float: left;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    /* line-height: 1.25em;*/
    display: inline; 
    vertical-align: middle;
    padding: 3px;
}


#formGlobalRegistration input.regInputCol {
    border: 1px solid #b8b8b8;
    height: 19px;
    padding: 3px;
    margin-left: 0px;
    width: 50px;
    background: #fff;
}

#formGlobalRegistration input.regInput {
    border: 1px solid #b8b8b8;
    height: 19px;
    padding: 3px;
/*    margin-left: 22px;*/
    margin-left: 0px;
    width: 208px;
    background: #fff;
	margin-right: 30px;
}

#formGlobalRegistration input.regInputSmall {
    border: 1px solid #b8b8b8;
    height: 19px;
    padding: 3px;
/*    margin-left: 22px;*/
    margin-left: 0px;
    width: 50px;
    background: #fff;
}

input.regInput {
    border: 1px solid #b8b8b8;
    height: 19px;
    padding: 3px;
/*    margin-left: 22px;*/
    margin-left: 0px;
    width: 208px;
    background: #fff;
}

#formGlobalRegistration select.regInput {
    border: 1px solid #b8b8b8;
    padding: 3px; 
    margin-left: 0px;
    background: #fff; 
    height: 27px;
    /* attempts to fix IE 7 and earlier issues - done using ie6 and ie7.css by applying padding
    font-size:1.2em; 
    display:block; 
    back float:left; 
   	min-height: 2em;
    */
}

#formGlobalRegistration textarea.regInput {
    border: 1px solid #b8b8b8;
    padding: 3px;
/*    margin-left: 22px;*/
    margin-left: 0px;
    background: #fff;
}

#formGlobalRegistration #userInfo select {   
    border: 1px solid #b8b8b8;
    height: 22px;
    padding: 3px;
/*    margin-left: 22px;*/
    margin-left: 0px;
    width: 208px;
    background: #fff;
}

#formGlobalRegistration input#ageOfDiagnosis {
    border: 1px solid #b8b8b8;
    height: 19px;
    padding: 3px;
/*    margin-left: 22px;*/
    margin-left: 0px;
    width: 100px;    
}

#formGlobalRegistration .checkboxGroup {
    float: left;
    display: inline;
}

#formGlobalRegistration .checkboxGroup div {
    padding: 4px 10px;
    margin-left: 10px;
}

#formGlobalRegistration #aabAgreements input {
    float: left;
    margin-right: 18px;
}

#formGlobalRegistration #aabAgreements {
    padding-bottom: 20px;
}

#formGlobalRegistration #aabAgreements div {
    margin: 0 0 10px 20px;
    
}

#formGlobalRegistration #aabAgreements div div {
    float: left;
    font-weight: bold;
    margin: 0;
}

#formGlobalRegistration #formSubmitBtn {
    width: 56px;
    height: 21px;
    margin: 0 auto;
}

#formGlobalRegistration input#formSubmit {
    width: 56px;
    height: 21px;
    background: url(/images/btn_form_submit.gif) 0 0 no-repeat;
    margin: 0 auto;
}

#formGlobalRegistration input.submitButton,  .submitButton {
    width: 56px;
    height: 21px;
    background: url(/images/btn_form_submit.gif) 0 0 no-repeat;
    margin: 0 auto;
}



/* for Spanish reg form */
#formGlobalRegistration input.submitButtonES {
    width: 135px;
    height: 21px;
    background: url(/images/es_btn_form_submit.gif) 0 0 no-repeat;
    /* margin: 0 auto; */
    cursor: default;
}

#formGlobalRegistration input:hover
{
	cursor:pointer;
}



input.forgotPassword {
    width: 119px;
    height: 21px;
    background: url(/images/btn_forgot_password.gif) 0 0 no-repeat;
    margin: 0 auto;
}

/* CMC 3/2011 added for Spanish Forgot Password (Olvidó la contraseña)*/
input.forgotPasswordES {
    width: 119px;
    height: 21px;
    background: url(/images/es_btn_forgot_password.gif) 0 0 no-repeat;
    margin: 0 auto;
}

/* CMC 3/2011 added for Spanish Sign In (Iniciar sesión)*/
input.submitButtonES {
    background:transparent url(/images/es_btn_form_submit.gif) no-repeat scroll 0 0;
    height:21px;
    margin:0 auto;
    width:56px;
    border: 0px;
    text-align: center;
    margin-bottom: 50px;
    /* float: center;*/
    margin-left: 160px;
    margin-top: 25px;
}

input.submitButtonNoImage {
    width: auto;
    height: 21px;
    background: #fff;
    border: 1px solid #b8b8b8;
    margin: 0 auto;
}

.errorText 
{
	font-weight:bold;
	color:#ff0000;
}

#formGlobalRegistration #divHCPTypeOther {
    background: #f3f3f3;
    padding: 11px;
}

#formGlobalRegistration #divHCPTypeOtherDescrip {
    width: 280px;
    margin-top: 7px;
}

#formGlobalRegistration #divHCPTypeOtherDescrip label {
    width: 100px;
    margin: 0;
    padding: 0 5px 0 0;
    font-weight: normal;
    display: inline;
}

#formGlobalRegistration input#hcpTypeOtherDescrip {
    width: 170px;
    height: 18px;
    background: #fff;
    border: 1px solid #b8b8b8;
    padding: 3px 0 3px 0;
    margin: 0;
    display: inline;
    float: left;
}

#formGlobalRegistration textarea#orgAffiliationName {
    width: 320px;
    height: 92px;
    border: 1px solid #b8b8b8;
/*    margin-left: 22px;*/
    margin-left: 0px;
}

/* Form Errors classes
------------------------------- */

#formGlobalRegistration div.formError {
    background: #ebebeb;
    padding: 0 0 5px 0;
}

#formGlobalRegistration .formError label {
    color: #fc1921;
    font-weight: bold;
}

#formGlobalRegistration span.formErrorMessage {
    color: #b81218;
    font-weight: bold;
    display: block;
    padding: 10px;
}





#formTellAFriend
{
    padding-left: 25px;

    
}

#formTellAFriend ul
{
    list-style-type: none;
}

#formTellAFriend input, #formTellAFriend textarea
{
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #B8B8B8;
    height:19px;
    margin-left:22px;
    padding:3px;
    width:208px;
    margin: 5px;
 
}

/* SK 3/2011 changed button to float center and left margin needed too */
#formTellAFriend .submitButton
{
    background:transparent url(/images/btn_form_submit.gif) no-repeat scroll 0 0;
    height:21px;
    margin:0 auto;
    width:56px;
    border: 0px;
    text-align: center;
    margin-bottom: 50px;
    float: center;
    margin-left: 160px;
    margin-top: 25px;
}

#formTellAFriend label
{
    width: 150px;
    float:left;
    text-align: right;
    vertical-align: middle;
    padding-top: 8px;
}

/* SK 3/2011 added to add space on right side of text since butting up to gray side line */
#formTellAFriend .formSection {
     margin-right: 35px;    
}

/* CMC 3/2011 added for Spanish Tell a Friend (Dile a un amigo) */
#formTellAFriend .submitButtonES
{
    background:transparent url(/images/es_btn_form_submit.gif) no-repeat scroll 0 0;
    height:21px;
    margin:0 auto;
    width:56px;
    border: 0px;
    text-align: center;
    margin-bottom: 50px;
    margin-left: 200px;
    margin-top: 25px;
}


/* 4/2011 SW BOXES - used on registration form & survey results
Registration is using forms.css style sheet
There's a teal and a gray version  */

/* teal version - Jan likes gray version below better */
	.teaser {
		width:430px;
		padding:0 0 14px 0;
		margin:10px auto;
		background:url("/images/box-teal-bottom.gif") bottom left no-repeat;
	}
	.teaser h2 {
		margin:0;
		padding:7px 10px 0px 10px;
		background:url("/images/box-teal-bottom.gif") top left no-repeat;
	}
	.teaser p, .teaser ul.bodyul2 {
		margin:0;
		margin-top: 0;
		padding:0 25px 3px;
		border:1px solid #d8d8d8;
		border-width:0 1px;
		background:#fff;
	}
	.teaser ul.bodyul 
	{font-size: 11px; }

/* reg page */
	.teaser-gray {
		width:430px;
		padding:0 0 14px 0;
		margin:10px auto;
		background:url("/images/box-gray-bottom.gif") bottom left no-repeat;
		position:relative;left:-140px;top:-30px;
	}
	.teaser-gray h2 {
		margin:0;
		padding:7px 10px 0px 10px;
		background:url("/images/box-gray-bottom.gif") top left no-repeat;
	}
	.teaser-gray p, .teaser-gray ul.bodyul2 {
		margin:0;
		margin-top: 0;
		padding:0 25px 3px;
		border:1px solid #d8d8d8;
		border-width:0 1px;
		background:#fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px; 
	}
	#contentWrap .teaser-gray ul.bodyul3, .teaser-gray li.bodyli3 	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px; 
		margin-top: 0;
		margin-left: 20px;
		margin-bottom: 0;
		/* padding: 0; */
		line-height: 1em;
		}
		
	#contentWrap .bodyul3 li.bodyli3 	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px; 
		margin-top: 0;
		margin-left: 20px;
		margin-bottom: 0;
		/* padding: 0; */
		line-height: 1em;
		}