/*-------------------------------------------    
    Reset
-------------------------------------------*/
* { margin: 0; padding: 0; }
html, body { height: 100%; }
body { font-family: Helvetica,Arial,sans-serif; font-size: 12px; }
object, img { vertical-align: bottom; }
fieldset, img { border: 0; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
address { font-style: normal; }


/*-------------------------------------------    
    Common
-------------------------------------------*/
/* default form settings */
label, input, textarea, select { font-family: Helvetica,Arial,sans-serif; font-size: 12px; color: #333333; vertical-align: top; }
label { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; }
.text { width: 207px; padding: 4px 0 4px 6px; border: 1px solid; border-top-color: #7c7c7c; border-right-color: #c3c3c3; border-bottom-color: #dddddd; border-left-color: #c3c3c3; }
.submit { border: none; width: 21px; height: 21px; cursor: pointer; margin: 1px 0 0 -25px; background: url('../../../splash/img/submit.gif') no-repeat; text-indent: -500px; overflow: hidden; }
select { padding: 1px 0; }


/*-------------------------------------------    
    Self-clearing Floats
-------------------------------------------*/
.wrap:after, .horiz:after { clear: both; content: '.'; height: 0; width: 0; visibility: hidden; display: block; }
.wrap, .horiz { zoom: 1; }
.horiz li { float: left; }


/*-------------------------------------------    
    Splash Form
-------------------------------------------*/
#splash-form { margin-bottom: 18px; }
#splash-form h2 { font-size: 15px; color: #393536; line-height: 18px; padding: 5px 0 1px 10px; font-weight:normal; }
.input-wrap { width: 305px; position: relative; margin: 10px 0 0 10px; }
.input-wrap .submit { position: absolute; top: 0; right: -7px; }

.input-col { padding: 10px 0 0 10px; float: left; position: relative; }
.input-col span.error { color: #b11109; position: absolute; top: 38px; left: 12px; }

.button-col { width: 160px; float: left; }
.button-col input { color: #292929; background: #0bbdfe; -moz-border-radius: 3px; border-radius: 3px; text-align: left; padding: 4px 8px 2px 6px; margin: 10px 0 0 8px; border: none; cursor: pointer; }
.button-col input:hover { color: white; }
.button-col button,button#done { border: none; font-family: Helvetica,Arial,sans-serif; font-size: 12px; color: #25a2d0; text-align: left; text-decoration: underline; margin-top: 14px; background: none; cursor: pointer; }

form.doneform { display:inline; }

.jqEasyCounterMsg { font-family: Helvetica,Arial,sans-serif !important; font-size: 12px !important; color: #333333 !important; text-align: left !important; padding-top: 6px; }

#form1 .text { width: 305px; }

#step2 h3 { font-size: 12px; line-height: 17px; color: #333333; padding: 5px 0 0 10px; float: left; font-weight: normal; }
#step2 form { float: left; }
#step2 .input-col input { width: 84px; margin-right: 1px; margin-bottom:7px; }
#step2 .input-col input.wide { width: 180px; }
#step2 .input-col select { width: 190px; }

a.sharebutton { text-decoration: none; background-color:#0bbdfe; color:#333333; padding:6px; -moz-border-radius: 3px; border-radius: 3px; margin-right: 2px; }
a.sharebutton:hover { color:#fff; }
a.done { color: #0bbdfe; border-bottom: solid 1px #0bbdfe; text-decoration: none; margin-left: 2px; }

#post-wrap { padding: 15px 0 15px 10px; border-bottom:1px solid #E7E9ED; }
#post-wrap p { display: inline; padding-right: 12px; }


/*-------------------------------------------    
    Lab Logo
-------------------------------------------*/
#lab-logo { height: 321px; position: relative; width:610px; margin: 0 0 0 60px; }

#logo_container {  }

#logo_container div {
	height:12px; 
	position:absolute;
	white-space:nowrap;
	/*background:#ddd;*/
}

span.c1 {
	color:#FF0000;
}

span.c2 {
	color:#FF9900;
}

span.c3 {
	color:#003399;
}

span.c4 {
	color:#009900;
}

span.c5 {
	color:#0099FF;
}

span.c6 {
	color:#CC00CC;
}

span.c7{  /*black - delimiter color*/
	color:#000000;
}


#logo_container.preview .c1.fade,
#logo_container.preview .c2.fade,
#logo_container.preview .c3.fade,
#logo_container.preview .c4.fade,
#logo_container.preview .c5.fade,
#logo_container.preview .c6.fade { color:#ccc; }


/*-------------------------------------------    
    IE
-------------------------------------------*/
/* ie7 */
*:first-child+html .input-wrap { margin-left: 5px; }
*:first-child+html .input-wrap .submit { right: -12px; top: 2px; }
*:first-child+html .button-col input { padding-right: 0; margin-right: 5px; }
*:first-child+html a.sharebutton { line-height: 17px; }

/* ie6 */
*html .input-wrap { margin-left: 5px; }
*html .button-col input { padding-right: 0; margin-right: 5px; }
*html .input-wrap .submit { top: 2px; right: 2px; }