/*-------------------------------------------    
    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: 20px; 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 { height: 118px; width:340px; margin-bottom: 38px; float:left; }
#splash-form h2 { font-size: 26px; color: #333; font-weight: bold; line-height: 28px; padding: 9px 0 1px 10px; }

.input-wrap { width: 305px; position: relative; margin: 10px 0 0 10px; }
.input-wrap .submit { position: absolute; top: 0; right: -7px; }

.input-col { width: 310px; padding: 10px 0 0 10px; float: left; position: relative; }
.input-col span.error {
    position: absolute;
    top: 142px;
    left: 10px;
    background-color: #E6C0C0;
    border: 1px solid #E6C0C0;
    color: #CC0000;
    font-weight: bold;
}

.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: 13px 0 0 10px; float: left; font-weight: normal; }
#step2 form { float: left; }

/* Form - text inputs */
#step2 .input-col input {
	margin-bottom: 14px;
	width: 139px;
}

#step2 .input-col input.first{
	margin-right:8px;
}

#step2 .input-col input.wide {
	width: 298px;
}

#step2 .input-col select {
	width: 228px;
	margin-bottom:13px;
}

/* Form - enter email address*/
#step2 .register{
	float:left;
	width:100%;
	padding-left:10px;
}

#step2 .register .text {
	width:213px;
	float:left;
}

#step2 .submit {
	border:0;
	background: url("../../../templates/default/images/buy_tickets_arrow.gif") no-repeat scroll 10px 1px #00ABEA;
	color: #FFF;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
	height: 21px;
	cursor: pointer;
    position : relative;
    top: -3px;
    text-align: left;
    width: 75px !important;
    margin-right: 4px;
    float: right;
}

/* Form - Checkboxes */
#step2 .checkboxes {
	padding:5px 0 1px 10px;
	line-height:18px;
}
#step2 .checkboxes li {
	display:inline-block;
	*display:inline;
	zoom:1;
	vertical-align:baseline;
	margin: 0 10px 0 0;
	color:#333;
}
#step2 .checkboxes input {
	margin: 0 6px 0 0;
	vertical-align:baseline;
}

/* See more */
#step2 .more {
	text-decoration:none;
	border-bottom: 1px solid #00C0FF !important;
	color: #333333;
}
#step2 .more:hover {
	color: #309BD3;
}

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 0 10px; }
#post-wrap p { display: inline; padding-right: 12px; }

input.hint {
    color: #808080;
}

.button-col {
    float: left;
}

/*-------------------------------------------
    Lab Logo
-------------------------------------------*/
#lab-logo { float:left; height: 321px; position: relative; margin: 11px 0 0 10px; }

#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; }