﻿/************************************************************** 
    FORMS
 **************************************************************/


.formIntro{
	margin: 0 auto;
	width:800px;
}
 form#formContact {
    font-size:0.9em;
    padding-bottom:20px;
	margin: 0 auto;
	width: 800px;
}
form#formContact .hr {
    clear:both;
    width:100%;
    height:1px;
    line-height:1px;
    margin:5px 0px;
    border-style:none;
    background-color:#e0e0e0;
    overflow:hidden;
}
form#formContact ol {
    list-style-type:none;
    margin:5px 0px 10px 0px;
}

form#formContact li {
    clear:both;
    position:relative;
    margin:3px auto;
}
form#formContact label {
    position:relative;
    float:left;  
    width:180px;  
    line-height:21px;
    padding-left:5px;
    padding-right:15px;
    text-align:right; 
    font-weight:bold;
}
form#formContact input.checkbox 
{
    margin-top:5px;
}
.RadioButtonList input
{
    position:relative;
    float:left;  
    width: 15px;
    margin-left:50px !important;
    margin-top:7px !important;
}
.RadioButtonList label
{
    position:relative;
    float:left;  
    width: 325px !important;
    text-align: left !important;
    padding-right: 0px !important;
}

form#formContact label em { /*required*/
    position:absolute;  
    right:2px;  
    top:0; 
    color:red;
}
form#formContact .text,
form#formContact .textLong,
form#formContact .textShort {
    height:16px;
    background:transparent url(../images/boxes/form_field_bg.gif) repeat-x 0px -3px;
}
    form#formContact .text {
        width:200px;
    }
    form#formContact .textLong {
        width:350px;
    }
    form#formContact .textShort {
        width:100px;
    }
form#formContact .select {
    width:202px;
    height:20px;
}
form#formContact .multiselect {
    width:202px;
}
form#formContact .multiselectLong {
    width:350px;
}
form#formContact .text,
form#formContact .textLong,
form#formContact .textShort,
form#formContact .select,
form#formContact textarea {
    border:solid 1px #ccc;
	clear:none;
}
form#formContact input:hover,
form#formContact select:hover,
form#formContact textarea:hover {
    border:solid 1px #ffb441;
}
form#formContact .indent {
    margin-left:200px;
}
form#formContact fieldset {
    position:relative; /*needed or strange IE bug!!!*/
    border-style:none;
    padding-right:10px;
} 
    form#formContact fieldset .formText {
        display:inline-block;
        margin-top:4px;
        font-weight:bold;
    }   
    form#formContact fieldset legend {
        display:none;
    }     
    form#formContact fieldset fieldset {
        float:left;  
        margin:4px 0px 0px 0px;
        border-style:none;  
        background:transparent none no-repeat;
    }
    form#formContact fieldset fieldset ol {  
        float:left; 
        margin-top:0px;  
    }
    form#formContact fieldset fieldset ol li {  
        margin:0px auto;  
    }  
    form#formContact fieldset fieldset ol.inlineList li {
        clear:none;
        float:left;
    } 
    form#formContact fieldset fieldset ol li label {
        position:static;
        float:none;  
        width:auto;  
        font-weight:normal;
        text-align:left; 
        line-height:14px;
    }

.inFrameForm #pageWrapper {
    width:676px;
    margin:0px auto;
    padding:0px;
    /*border:solid 1px #efefef;*/
}
.inFrameForm #header,
.inFrameForm #footer,
.inFrameForm #altNav {
    display:none;
}
.inFrameForm #contentWrapper.form1 {
    margin:0px auto;
    padding:0px;
    width:100%;
}
    .inFrameForm form#formContact {
        /*background:#f7f7f7 url(../images/modal/bg1.gif) repeat-x bottom left;*/
        background-color:#f7f7f7;
    }
    
.form1 .formHeader,
.form1 .formIntro {
    padding:10px 10px 0px 10px;
}
.form1 .formHeader {
    font-size:1.2em;
    color:#ffb441;
}
.form1 .formIntro {
    font-size:1.0em;
    line-height:1.3em;
    padding-bottom:10px;
    border-bottom:solid 1px #efefef;
}
.form1 .formIntro2 {
    padding:10px;
}
.form1 .formIntro2 p {
    font-size:0.9em;
    line-height:1.4em;
    padding:10px 0px;
}
.form1 ul {
    list-style-type:disc;
    margin-left:16px;
}
    .form1 ul li {
        margin:10px 0px;
    }
form#formContact .indent label {
    float:none;  
    width:auto;  
    text-align:left; 
}
/**ASPNET CONTROLS**/

.radiodefault
{
    float: left;
    text-align: left;
    position: relative;
    
}

/**STYLE 2**/

.form2 indent {
    font-size:0.9em;
    padding-bottom:20px;
}
.form2 form {
    padding-bottom:20px;
}
.form2 form .hr {
    clear:both;
    width:100%;
    height:1px;
    line-height:1px;
    margin:5px 0px;
    border-style:none;
    background-color:#e0e0e0;
    overflow:hidden;
}
.form2 form ol {
    list-style-type:none;
    margin:5px 0px 10px 0px;
}
.form2 form li {
    clear:both;
    position:relative;
    margin:3px auto;
}
.form2 form label {
    position:relative;
    float:left;  
    width:240px;  
    line-height:21px;
    padding-left:5px;
    padding-right:15px;
    text-align:right; 
    font-weight:bold;
}
.form2 form label em { /*required*/
    position:absolute;  
    right:2px;  
    top:0; 
    color:red;
}
.form2 form .text,
.form2 form .textLong,
.form2 form .textShort {
    height:16px;
    background:transparent url(../images/boxes/form_field_bg.gif) repeat-x 0px -3px;
}
    .form2 form .text {
        width:200px;
    }
    .form2 form .textLong {
        width:350px;
    }
    .form2 form .textShort {
        width:100px;
    }
.form2 form .select {
    width:206px;
    height:20px;
}
.form2 form .text,
.form2 form .textLong,
.form2 form .textShort,
.form2 form .select,
.form2 form textarea {
    border:solid 1px #ccc;
}
.form2 form input:hover,
.form2 form select:hover,
.form2 form textarea:hover {
    border:solid 1px #ffb441;
}
.form2 form .indent {
    margin-left:260px;
}
.form2 form fieldset {
    position:relative; /*needed or strange IE bug!!!*/
    border-style:none;
    padding-right:10px;
} 
    .form2 form fieldset .formText {
        display:inline-block;
        margin-top:4px;
        font-weight:bold;
    }   
    .form2 form fieldset legend {
        display:none;
    }     
    .form2 form fieldset fieldset {
        float:left;  
        margin:4px 0px 0px 0px;
        border-style:none;  
        background:transparent none no-repeat;
    }
    .form2 form fieldset fieldset ol {  
        float:left; 
        margin-top:0px;  
    }
    .form2 form fieldset fieldset ol li {  
        margin:0px auto;  
    }  
    .form2 form fieldset fieldset ol.inlineList li {
        clear:none;
        float:left;
    } 
    .form2 form fieldset fieldset ol li label {
        position:static;
        float:none;  
        width:auto;  
        font-weight:normal;
        text-align:left; 
        line-height:14px;
    }
    
.form2 .formHeader,
.form2 .formIntro {
    padding:10px 10px 0px 10px;
}
.form2 .formHeader {
    font-size:1.2em;
    color:#ffb441;
}
.form2 .formIntro {
    font-size:1.0em;
    line-height:1.3em;
    padding-bottom:10px;
    border-bottom:solid 1px #efefef;
}
.form2 ul {
    list-style-type:disc;
    margin-left:16px;
}
    .form2 ul li {
        margin:10px 0px;
    }
.form2 form .indent label {
    float:none;  
    width:auto;  
    text-align:left; 
}

.calloutForm1 {
    width:210px;
}
    .calloutForm1 label {
        font-weight:bold;
    }
    .calloutForm1 input.text {
        clear:both;
        display:block;
        width:205px;
        height:16px;
        margin-top:2px;
        background:transparent url(../images/boxes/form_field_bg.gif) repeat-x 0px -3px;
        border:solid 1px #ccc;
    }
    .calloutForm1 input.text:hover {
        border:solid 1px #ffb441;
    }
    
.formApplication {
    width:220px;
    padding:10px 15px;
}
    .formApplication form {
        color:#888;
    }
    .formApplication .formIntro {
        font-weight:bold;
        margin-bottom:5px;
    }
    .formApplication fieldset {
        position:relative; /*needed or strange IE bug!!!*/
        border-style:none;  
    }
    .formApplication fieldset legend {
        display:none;
    }
    .formApplication fieldset ol li {
        list-style-type:none; 
    }
    .formApplication fieldset label {
        margin-top:2px;
        display:block;
    }
        .formApplication fieldset label em {
            color:red;
        }
    .formApplication fieldset input.text {
        width:188px;
        height:15px;
        border:solid 1px #ccc;
    }
    .formApplication fieldset input:hover {
        border:solid 1px #ffb441;
    }
    .formApplication fieldset input.checkbox {
        margin-top:5px;
    }
    .formApplication fieldset select {
        width:188px;
        font-size:1.1em;
        color:#666;
    }
    .formApplication #submitLink {
        margin-top:15px;
        margin-left:50px;
    }
    .formApplication span.formErrorContent {
        font-size:0.9em;
        color:#ffb441;
        background-color:transparent;      
    }

.submitAbstractListfix{ padding:25px 0 25px 150px; }
.submitAbstractListfix label {
    width: auto !important;  
    line-height: 1em;
    text-align:left;
}

.submitAbstractListfix input{ float:left; margin-top:5px}


/*---------------------Form3--*/
#contentWrapper.form3 {
    margin:0 auto;
    width:800px;
}
.form3 {
    font-size:0.9em;
    padding-bottom:20px;
}
.form3 .hr {
    clear:both;
    width:100%;
    height:1px;
    line-height:1px;
    margin:5px 0px;
    border-style:none;
    background-color:#e0e0e0;
    overflow:hidden;
}
.form3 ol {
    list-style-type:none;
    margin:5px 0px 10px 0px;
}
.form3 li {
    clear:both;
    position:relative;
    margin:3px auto;
}
.form3 label {
    position:relative;
    float:left;  
    width:180px;  
    line-height:21px;
    padding-left:5px;
    padding-right:15px;
    text-align:right; 
    font-weight:bold;
}
.form3 label em { /*required*/
    position:absolute;  
    right:2px;  
    top:0; 
    color:red;
}
.form3 .text,
.form3 .textLong,
.form3 .textShort {
    height:16px;
    background:transparent url(../images/boxes/form_field_bg.gif) repeat-x 0px -3px;
}
    .form3 .text {
        width:200px;
    }
    .form3 .textLong {
        width:350px;
    }
    .form3 .textShort {
        width:100px;
    }
.form3 .select {
    width:206px;
    height:20px;
}
.form3 .text,
.form3 .textLong,
.form3 .textShort,
.form3 .select,
.form3 textarea {
    border:solid 1px #ccc;
}
.form3 input:hover,
.form3 select:hover,
.form3 textarea:hover {
    border:solid 1px #ffb441;
}
.form3 .indent {
    margin-left:200px;
}
.form3 fieldset {
    position:relative; /*needed or strange IE bug!!!*/
    border-style:none;
    padding-right:10px;
} 
    .form3 fieldset .formText {
        display:inline-block;
        margin-top:4px;
        font-weight:bold;
    }   
    .form3 fieldset legend {
        display:none;
    }     
 
 /*---------Form 4------------*/
 
 .form4 ol {
    list-style-type:none;
    margin:5px 0px 10px 0px;
}
.form4 li {
    clear:both;
    position:relative;
    margin:3px auto;
}

.form4 label {
    font-weight:bold;
}

.form4 fieldset {
    position:relative; /*needed or strange IE bug!!!*/
    border-style:none;
    padding-right:10px;
} 
    .form4 fieldset .formText {
        display:inline-block;
        margin-top:4px;
        font-weight:bold;
    }   
    .form4 fieldset legend {
        display:none;
    }     
    
.form4 .groupLeft
{
    width: 200px;
    float: left;
}

.form4 .groupRight
{
    width: 300px;
    float: left;
}
.form4 .groupRight td
{
    /*-margin-bottom: 7px;-*/    
}
.form4 .groupRight td input
{
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    top: -1px;

}
.form4 .groupRight td label
{
    padding-left: 10px;
    text-indent: 10px;

}



#CheckBoxArea label{ font-weight:normal !important}

/************************************************************** 
    FORM ERROR STYLING
 **************************************************************/
 
span.formErrorContent {
    /*float:left;*/   
    margin:0 5px; 
	padding:2px 10px;
    font-size:0.8em;
    font-weight:bold;
    white-space:nowrap;
	color:#fff;
	background:#ffb441;		
	/*CSS3 styles below*/
	box-shadow: 0px 0px 3px #ccc;
	-moz-box-shadow: 0px 0px 3px #ccc;
	-webkit-box-shadow: 0px 0px 3px #ccc;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}



#ConsortiumCanine span.formErrorContent { position:absolute; left:300px;}
#SequencingError span.formErrorContent { position:absolute; left:380px;}

/************************************************************** 
    Marketo FORM STYLING
 **************************************************************/
 
 /************************************************************** 
    Marketo Lead Form Styling
 **************************************************************/
#IlluminaLeadFromWrap form.lpeRegForm li.mktFormReq label{font-size:10px !important; font-weight:normal !important; background:url("/images/forms/reqired-star.png") no-repeat scroll 0px 3px transparent !important; padding:0 0 0 9px !important; margin:0px !important}
#IlluminaLeadFromWrap form.lpeRegForm li.mktFormReq .mktInput{ float:left; clear:left; padding:0px 0 2px !important; margin:0px;}
#IlluminaLeadFromWrap form.lpeRegForm li { padding:0 10px !important; float:left; clear:left;}
#IlluminaLeadFromWrap  .lpeCElement .formIntro {font-weight:bold; margin-bottom:5px; text-align:left}
.mktEditable .formIntro {font-weight:bold; margin-bottom:5px; text-align:left}
#IlluminaLeadFromWrap  .mktFormReq span.mktFormMsg{font-size:9px !important;}
#IlluminaLeadFromWrap  #mktFrmSubmit{ background:url("/images/buttons/marketo-submit.png") no-repeat scroll 0 0 transparent !important; border:none !important; width:83px !important; height:36px; display:block; margin-left:40px; outline: none; clear:both;}

#mktFrmButtons label{display:none;}

#IlluminaLeadFromWrap  #mktFrmSubmit:hover{ background-position:0px -36px !important}
#IlluminaLeadFromWrap  #mktFrmSubmit.GetQuote{ background:url("/images/buttons/marketo-quote.png") no-repeat scroll 0 0 transparent !important; border:none !important; width:116px !important; height:36px; display:block; margin-left:32px; outline: none;}
#IlluminaLeadFromWrap  #mktFrmSubmit.GetQuote:hover{ background-position:0px -36px !important}
#IlluminaLeadFromWrap  #mktFrmSubmit.PreOrder{ background:url("/images/buttons/marketo-preorder.png") no-repeat scroll 0 0 transparent !important; border:none !important; width:99px !important; height:36px; display:block; margin-left:32px; outline: none;}
#IlluminaLeadFromWrap  #mktFrmSubmit.PreOrder:hover{ background-position:0px -36px !important}
#IlluminaLeadFromWrap  #mktFrmSubmit.dxSubmit{ background:url("/images/buttons/marketo-submit_dx.png") no-repeat scroll 0 0 transparent !important; border:none !important; width:83px !important; height:36px; display:block; margin-left:40px; outline: none;}
#IlluminaLeadFromWrap  #mktFrmSubmit.dxSubmit:hover{ background-position:0px -36px !important}


#IlluminaLeadFromWrap #mktFrmSubmit:hover{ cursor:pointer;  outline: none;}
#IlluminaLeadFromWrap form.lpeRegForm .mktFormReq .mktFormMsg{ left:110px !important; top:-13px !important; background-color:#fff}
#IlluminaLeadFromWrap form.lpeRegForm ul input[type="text"] {border:1px solid #CCCCCC; height:15px; width:185px}
#IlluminaLeadFromWrap form.lpeRegForm ul input[type="text"]:hover {border:1px solid #FFB441;}
#IlluminaLeadFromWrap form.lpeRegForm ul textarea {border:1px solid #CCCCCC; width:185px; overflow: auto;}
#IlluminaLeadFromWrap form.lpeRegForm ul textarea:hover {border:1px solid #FFB441;}
#IlluminaLeadFromWrap form#mktForm_1021 ul input[type="text"]:hover {border:1px solid #7CA8D4 !important;}
#IlluminaLeadFromWrap form.lpeRegForm ul select {border:1px solid #CCCCCC; height:18px; width:186px}

/************************************************************** 
    Marketo Full Page Styling
 **************************************************************/

#IlluminaFullPageFormWrap form.lpeRegForm li.mktFormReq label{font-size:10px !important; font-weight:normal !important; background:url("/images/forms/reqired-star.png") no-repeat scroll 0px 3px transparent !important; padding:0 0 0 9px !important; margin:0px !important}
#IlluminaFullPageFormWrap form.lpeRegForm li label{font-size:10px !important; font-weight:normal !important; background:no-repeat scroll 0px 3px transparent !important; padding:0 0 0 9px !important; margin:0px !important}
#IlluminaFullPageFormWrap form.lpeRegForm li.mktFormReq .mktInput{ padding:0px 0 2px !important; margin:0px;}
#IlluminaFullPageFormWrap form.lpeRegForm li { padding:0 10px !important; float:left; clear:left;}
#IlluminaFullPageFormWrap  .lpeCElement .formIntro {font-weight:bold; margin-bottom:5px; text-align:left}
#IlluminaFullPageFormWrap  .mktFormReq span.mktFormMsg{font-size:9px !important;}
#IlluminaFullPageFormWrap  #mktFrmSubmit{ background:url("/images/buttons/marketo-submit.png") no-repeat scroll 0 0 transparent !important; border:none !important; width:83px !important; height:36px; display:block; margin-left:160px; outline: none;}

#IlluminaFullPageFormWrap  #mktFrmSubmit:hover{ background-position:0px -36px !important}
#IlluminaFullPageFormWrap  #mktFrmSubmit.GetQuote{ background:url("/images/buttons/marketo-quote.png") no-repeat scroll 0 0 transparent !important; border:none !important; width:116px !important; height:36px; display:block; margin-left:152px; outline: none;}
#IlluminaFullPageFormWrap  #mktFrmSubmit.GetQuote:hover{ background-position:0px -36px !important}
#IlluminaFullPageFormWrap  #mktFrmSubmit.PreOrder{ background:url("/images/buttons/marketo-preorder.png") no-repeat scroll 0 0 transparent !important; border:none !important; width:99px !important; height:36px; display:block; margin-left:152px; outline: none;}
#IlluminaFullPageFormWrap  #mktFrmSubmit.PreOrder:hover{ background-position:0px -36px !important}
#IlluminaFullPageFormWrap  #mktFrmSubmit.dxSubmit{ background:url("/images/buttons/marketo-submit_dx.png") no-repeat scroll 0 0 transparent !important; border:none !important; width:83px !important; height:36px; display:block; margin-left:160px; outline: none;}
#IlluminaFullPageFormWrap  #mktFrmSubmit.dxSubmit:hover{ background-position:0px -36px !important}


#IlluminaFullPageFormWrap #mktFrmSubmit:hover{ cursor:pointer;  outline: none;}
#IlluminaFullPageFormWrap form.lpeRegForm .mktFormReq .mktFormMsg{ background-color:#fff}
#IlluminaFullPageFormWrap form.lpeRegForm ul input[type="text"] {border:1px solid #CCCCCC; height:15px; width:225px}
#IlluminaFullPageFormWrap form.lpeRegForm ul input[type="text"]:hover {border:1px solid #FFB441;}
#IlluminaFullPageFormWrap form.lpeRegForm ul textarea {border:1px solid #CCCCCC; width:225px; overflow: auto;}
#IlluminaFullPageFormWrap form.lpeRegForm ul textarea:hover {border:1px solid #FFB441;}
#IlluminaFullPageFormWrap form#mktForm_1021 ul input[type="text"]:hover {border:1px solid #7CA8D4 !important;}
#IlluminaFullPageFormWrap form.lpeRegForm ul select:not([multiple="multiple"]) {border:1px solid #CCCCCC; height:18px; width:226px}
#IlluminaFullPageFormWrap form.lpeRegForm ul select[multiple="multiple"] {border:1px solid #CCCCCC; width:226px}

/************************************************************** 
    Marketo ProfileCenter Styling
 **************************************************************/

/************************************************************** 
    End Marketo Styling
 **************************************************************/


/************************************************************** 
    PRINT STYLES
 **************************************************************/
@media print {

}