/* ----- FORM STYLES - myCOBUILD.com ----- */

h1 {/*display:none;*/}

#content #contentPrimary #innerContainer h2 {background: url(../images/global/h2-full-width-tile.gif) left top repeat-x scroll;}

/* Registration */
#content.registration #contentPrimary #innerContainer {background:url(../images/global/bottom-grad.gif) bottom left repeat-x scroll; margin-bottom:40px; font-size: 0.9em;}
#content.registration #contentPrimary h1.register {display:block; margin-bottom:20px;}
#content.registration #contentPrimary #innerContainer h2 {background:none; margin:0 0 20px 10px;}
#content.registration #contentPrimary #innerContainer h3 {margin:0 0 20px 20px;}
#content.registration #contentPrimary #innerContainer div.activation {width:694px; margin:0 0 20px 40px;}
#content.registration #contentPrimary #innerContainer div.receive {width:694px; margin:0 0 20px 40px;}
#content.registration #contentPrimary #innerContainer div.details {clear:both; border-bottom:1px solid #eeeeee; width:704px; margin:0 0 20px 40px; padding:0 0 20px 0;}
#content.registration #contentPrimary #innerContainer div.noBorder {border: none; margin-bottom: 0;}
#content.registration #contentPrimary #innerContainer label {margin:3px 10px 0 0; float:left;}
#content.registration #contentPrimary #innerContainer label span {font-weight:normal; font-size:0.9em;}
#content.registration #contentPrimary #innerContainer div.input {float:left; width:156px; height:19px; background:url(../images/registration/col1-input-back.gif) left top no-repeat scroll; padding:2px 2px 0 3px; margin-bottom:10px;}
#content.registration #contentPrimary #innerContainer input {border:0; padding:0; width:150px}
#content.registration #contentPrimary #innerContainer .activation label {width:133px;}
#content.registration #contentPrimary #innerContainer .col1 {float:left; width:320px; margin:0 40px 0 0;}
#content.registration #contentPrimary #innerContainer .col1 label {width:133px;}
#content.registration #contentPrimary #innerContainer div.personal .col1 label {clear: left;}
#content.registration #contentPrimary #innerContainer .col1 div {float:left; width:156px; height:19px; background:url(../images/registration/col1-input-back.gif) left top no-repeat scroll; padding:2px 2px 0 3px; margin-bottom:10px;}
#content.registration #contentPrimary #innerContainer .col1 div.select {background:none; height:auto; padding:0;}
#content.registration #contentPrimary #innerContainer .col1 select {width:156px;}
#content.registration #contentPrimary #innerContainer .col2 label {width:165px;}
#content.registration #contentPrimary #innerContainer .col2 {float:left; width:340px; margin:0 0 0 0;}
#content.registration #contentPrimary #innerContainer input.checkbox,
#content.registration #contentPrimary #innerContainer span.checkbox input {clear:left; background:none; width:auto; float:left;}
#content.registration #contentPrimary #innerContainer div.receive span.checkbox input {clear: none;}
#content.registration #contentPrimary #innerContainer .usage h3 {margin:0 0 0.8em 0; font-size:1.0em; padding-left:3px;}
#content.registration #contentPrimary #innerContainer .usage label {width:auto; font-weight:normal;}
#content.registration #contentPrimary #innerContainer .usage label.websiteCheck {width:145px;}
#content.registration #contentPrimary #innerContainer .usage label.website {clear:left; width:150px; margin:0 0 0 175px; font-size:0.9em;}
#content.registration #contentPrimary #innerContainer .usage div.input {float:left; margin:0;}
#content.registration #contentPrimary #innerContainer .receive h4 {float:left; margin:3px 10px 1em 0; font-size:1.0em; width:359px; font-weight:normal;}
#content.registration #contentPrimary #innerContainer .receive h4 a {color:#000; text-decoration:underline;}
#content.registration #contentPrimary #innerContainer .receive h4 span {display:block; color:#7e7e7e;}
#content.registration #contentPrimary #innerContainer .receive label {display:none;}
#content.registration #contentPrimary #innerContainer .receive input {margin-right:80px; clear:none;}
#content.registration #contentPrimary #innerContainer input.button {width:auto; font-size:1.0em; padding:0 5px; float:right; margin:20px 40px 0 0;}
#content.registration #contentPrimary #innerContainer p.note {width:700px; margin:100px 0 40px 40px;}

#content.post #contentPrimary #innerContainer {padding:0 0 30px 0;}
#content.post #contentPrimary p {padding: 10px 0 0 40px; margin:0;}
#content.post #contentPrimary p a {font-weight:bold; background:url(../images/global/arrow-right.gif) no-repeat right center scroll; padding: 0 18px 0 0;}

/* My Settings */

#content.settings #contentPrimary {width:569px; margin:0; float:left;}
#content.settings #contentPrimary #innerContainer {width:556px;}
#content.settings #contentPrimary h1 {width:556px;}
#content.settings #contentPrimary h2 {width:536px;}
#content.settings #contentPrimary h3 {width:512px;}
#content.settings #contentPrimary h3 img {margin-top:10px;}
#content.settings #contentPrimary #innerContainer {width:556px;}
#content.settings #contentPrimary #innerContainer div.details,
#content.settings #contentPrimary #innerContainer div.receive  {width:500px; border-bottom:none; margin:0 0 0 20px;} 
#content.settings #contentPrimary #innerContainer div.receive { float: left; padding-bottom: 10px; }
#content.settings #contentPrimary #innerContainer div.receive h4 { width: 325px; }
#content.settings #contentPrimary #innerContainer .receive .checkbox { float: left; width: 100px; }
#content.settings #contentPrimary #innerContainer .receive .checkbox.sms { width: 50px; }
#content.settings #contentPrimary #innerContainer div.yourSettings {clear:both; border-bottom:1px solid #fff; width:500px; margin:0 0 0 20px; padding:0 0 20px 0;}
#content.settings #contentPrimary #innerContainer div.yourSettings a {line-height: 20px;}
#content.settings #contentPrimary #innerContainer h2.membership {margin:20px 0 20px 10px;}
#content.settings #contentPrimary #innerContainer input.button.settings {margin: 0 40px 0 0;}
#content.settings #contentPrimary #innerContainer p.note {width:500px; margin:40px 0 40px 20px;}
#content.settings #contentPrimary #innerContainer fieldset {margin: 0 10px 10px 10px; padding:0; border-bottom:1px solid #eeeeee;}

#content.settings #contentPrimary #innerContainer div.usage .col1 {margin:0;}


/* Free Trial */
#content.registration #contentPrimary #innerContainer div.register {width:694px; margin:0 0 20px 40px; border-bottom:1px solid #eeeeee; padding-bottom:20px;}


/* Subscription */
#content.subscription #contentPrimary #innerContainer {background:url(../images/global/bottom-grad.gif) bottom left repeat-x scroll; margin-bottom:40px; padding-bottom:20px;}

#content.subscription #contentPrimary h1.subscription {display:block; margin-bottom:20px;}
#content.subscription #contentPrimary #innerContainer .col1 {width:490px; float:left; display:inline; margin:0 0 0 20px;}
#content.subscription #contentPrimary #innerContainer .col1 h2 {margin-bottom:10px; background:none;}
#content.subscription #contentPrimary #innerContainer .col1 p {margin-bottom:2em; font-size:0.9em;}
#content.subscription #contentPrimary #innerContainer .col1 fieldset {padding:10px 0; border-top:1px solid #eeeeee;}
#content.subscription #contentPrimary #innerContainer .col1 fieldset.last {border-bottom:1px solid #eeeeee;}
#content.subscription #contentPrimary #innerContainer .col1 fieldset h3 {width:350px; float:left; display:inline; margin:0.2em 0 0 0;}
#content.subscription #contentPrimary #innerContainer .col1 fieldset label {text-align:right; float:left; display:inline; width:70px; font-size:1.2em; margin-top:0.2em;}
#content.subscription #contentPrimary #innerContainer .col1 fieldset label.period {color:#ca1b10;}
#content.subscription #contentPrimary #innerContainer .col1 fieldset input {float:right; font-size:1.0em;}
#content.subscription #contentPrimary #innerContainer .col1 fieldset input.button {padding:0 1px;}
#content.subscription #contentPrimary #innerContainer .col1 fieldset input.button.red {padding:0 2px;}
#content.subscription #contentPrimary #innerContainer .col1 p.note {text-align:right; margin-top:5px;}

#content.subscription #contentPrimary #innerContainer .col2 {width:170px; float:right; display:inline; margin:5px 20px 0 0;}
#content.subscription #contentPrimary #innerContainer .col2 h4 {margin:5px 0;}
#content.subscription #contentPrimary #innerContainer .col2 ul li {background:url(../images/subscription/tick.gif) left 0.2em no-repeat scroll; padding-left:16px; font-weight:bold; margin-bottom:0.5em;}


