/* JD Supra - http://www.jdsupra.com 
Updated: 6.15.10 
----------------------------------------------------*/

/* MAIN COLORS
   JD Supra Red:     	  #CE2A19 Red 
   Body Background:       #F3F4F6 Light Gray
   Main Text:             #333333 Almost Black
   Links:                 #005399 Blue
*/

/*----- Account Creation General Styles-----*/
#bodyaccountcreation #logoNoTag {float:left; width: 200px; margin: 13px 5px 13px 15px; padding: 0;}
#bodyaccountcreation #contactJD {float: right; font-size: 85%; line-height: 1.3em; margin-right: 10px; text-align: right; width: 300px;} /*Contact Number on top right*/
#bodyaccountcreation h1 {font-size: 120%; margin-bottom: 8px;}
#bodyaccountcreation em {color: #005399; font-style: normal;} /*Required*/

#bodyaccountcreation {color: #555;}
#createaccount, #accounttype, #cart, #createprofile {border-top: 1px solid #d2d2d2;}
#createaccount label.format {font-weight: bold; font-size:85%; float: left; width: 125px;}

/* Create Account Form Style*/
#createaccount #reg_col {border: 5px solid #ccc; float: left; margin: 25px 0 25px 25px; width: 565px; _display: inline;}
#createaccount #MainFormPanel fieldset {background: #e5f1f5; border: none; margin-top: 5px; padding: 7px 15px 13px 20px;} /*main form width*/
	#createaccount #MainFormPanel fieldset div {margin: 5px 0 7px 0; padding: 0;}
	#createaccount #MainFormPanel fieldset input {border: 1px solid #aaa; padding: 1px 0; vertical-align: middle;}
#createaccount .heading_format {padding: 15px 15px 0 20px;}

#createaccount .or_format {border-top: 1px solid #ccc; color: #888; font-size: 13px; margin: 10px 15px 5px 20px;}
	#createaccount .or_format p {background-color: #fff; margin: -11px 246px 0; text-align: center;}


#createaccount #wantToReach {width: 200px;}
#createaccount .smtext {font-size: 10px; padding-left: 3px;}

#createaccount #MainFormPanel fieldset input#emailOptIn {border: none; margin: 0 0 -3px -3px;}
html > body #createaccount #MainFormPanel input#emailOptIn {margin-left: 0;}
#createaccount #MainFormPanel fieldset p {font-size: 12px; margin-bottom: 5px;}

#createaccount div.button_format {margin: 0; text-align: right;}
#createaccount #MainFormPanel fieldset div.button_format {margin: 0; text-align: right;}
#createaccount #MainFormPanel fieldset div.submit_but {margin-top: 15px;}
#createaccount #ConfirmButton {margin: 0;}

#createaccount #more_box {background: #f2f2f2; border: 1px solid #ccc; padding: 7px 20px 11px 20px; margin: 3px 0 5px 0;}
#createaccount #more_box p {font-size: 85%; line-height: 1.4em; margin-bottom: 8px;}
#close {text-align: right;}

/*Right Column - Internal Ads*/
#createaccount #internalAdRight {float: right; margin: 20px 20px 0 0; width: 266px; text-align: center; _display: inline;}
#createaccount #internalAdRight #quote_sec {margin-bottom: 18px;}
#createaccount #internalAdRight #logo_set {text-align: center; margin-bottom: 15px;}
#createaccount #internalAdRight #logo_set h1 {margin-bottom: 15px;}

/*LI Accounts Linked Confirm Page*/
#createaccount #linked-in-profile {background: #f2f2f2; padding: 15px 15px 15px 20px;}
#createaccount #li-photo {border: 5px solid #fff; float: left; margin: 5px 10px 0 0; padding: 0; width: auto; vertical-align: top;}
#createaccount table#linked-in-data {float: left; font-size: 75%; margin: 10px 0 0 0; padding-bottom: 10px; width: 300px; display: inline;}
#createaccount table#linked-in-data th {padding-bottom: 2px; width: 95px; text-align: left; vertical-align: top;}
#createaccount table#linked-in-data td {padding-bottom: 2px;  vertical-align: top;}

/*Choose Account Page*/
#accounttype {padding: 15px 25px 25px 30px;}
#acct_content {float: left; margin-top: 28px; width: 580px;}
	#acct_content ul {margin: 10px 0 16px 0;}
		#acct_content li {background: url(../img/bullet-gray-square.gif) 0 6px no-repeat; line-height: 1.1em; list-style: none; margin: 0 0 8px 0; padding: 0 0 0 14px;}
	#acct_content p {margin-bottom: 10px;}	

.button_left {float: left; margin: 5px 15px 10px 0; width: 268px; text-align: center;}

#rotate_logos {float: left; margin: 0 0 0 25px; width: 245px;}
	#rotate_logos #rotate_wrapper {background: url(/img/rotate-logos/rotating-logos-bg.gif) top left no-repeat; height: 85px; padding: 33px 0 20px 63px; width: 180px; /*For DOM not ready*/ overflow: hidden; position: relative;}

#heading {float: left; width: 151px;}
#progress {float: right; width: 587px;}

/*Misc*/
/* Message Notes*/
#bodyaccountcreation #footer {border: none; clear: both; margin: 10px 0 10px 0; padding: 0; text-align: center;}
#bodyaccountcreation .note {font-size: 85%; color: #666; display: block; font-weight: normal;} /*small gray notes under fields on the next line*/
#bodyaccountcreation .example {font-size: 85%; color: #666; font-weight: normal;} /*small gray notes under fields on the same line*/
.errormsg {font-size: 85%;}
.quotes {color: #555; font-size: 85%; margin-bottom: 0;}
.blue {color: #005399}
.hidden {display: none;}
.bold {font-weight: bold;}

#createaccount h1 {
	color: #000000;
    font: 17px/1.3em "Avenir LT W02 55 Roman",Verdana,Geneva,sans-serif;
}

#createaccount #MainFormPanel h1 {
	margin-left: 20px;
}

#createaccount h1 img {
	margin: 0 0 -6px 3px;
}

#createaccount #alert {
    background: none repeat scroll 0 0 #FFFDE4;
    border: 1px solid #FBE760;
    color: #333;
    font: 12px Verdana,Geneva,sans-serif;
    margin: 20px 27px 0;
    padding: 12px 15px 20px;
}

#createaccount #alert a {
	font-weight: bold;
}