/* 
	File: forms.css
	Author: GlaxoSmithKline
	Date: 6-Aug-2008

    Adverse events report styling
   
*/
#boardbranding a, .firstteam input { outline-color:white; outline:none; }

#adversecontent {  }
#adversecontent ol { list-style:none; }
#adversecontent h1 object  { height:49px; margin-bottom:20px; }
#adversecontent h2 object { height:37px; margin-bottom:10px; }
#adversecontent h2.logo { margin-left:60px; }
#adversecontent img { clear:left; float:left; display:block; width:51px; height:30px; }
#adversecontent p { clear:both; margin-bottom:1em; }
#adversecontent dl { overflow:hidden; margin-bottom:30px; font-size:1.2em; color:#666; }
#adversecontent dt, #adversecontent dd { display:block; float:left; margin-bottom:1em; text-align:left; }
#adversecontent dt { width:200px; }
#adversecontent dt { clear:left; }
#adversecontent a { cursor:pointer; }
#adversecontent a:hover { text-decoration:underline; }

#adversecontent #progress { width:638px; margin:0 0 10px 0; }
#adversecontent #progress p { text-align:center; margin:0 0 2px 0; }
#adversecontent #progressbar { width:100%; height:16px; border:1px solid #666; -moz-border-radius:3px; -moz-webkit-radius:3px; }
#adversecontent #percentage { height:100%; background:#ccc; }
#adversecontent #progress .step1 { width:20%; }
#adversecontent #progress .step2 { width:40%; }
#adversecontent #progress .step3 { width:60%; }
#adversecontent #progress .step4 { width:80%; }
#adversecontent #progress .step5 { width:100%; }

#adversecontent #steps { overflow:hidden; margin:0 0 50px 0; width:640px; }
#adversecontent #steps li { display:block; float:left; width:120px; min-height:80px; margin:0 10px 0 0; padding:0; background:#009ec9; }
#adversecontent #steps li.in { background:#c25913; }
#adversecontent #steps li.done { opacity:0.25; filter:Alpha(Opacity=25); }
#adversecontent #steps li:last-child { margin:0; }
#adversecontent #steps p { color:white; padding:0; margin:0; }
#adversecontent #steps p.stephdr { font-size:1.4em; font-weight:bold; text-align:center; text-transform:uppercase; padding:2px 0; border-bottom:2px solid white; }
#adversecontent #steps p.stepbody { font-size:1.1em; padding:6px; line-height:1.2; height:80px;}

.adverseevents .firstheader h1 { margin-left:45px; }

#container {z-index:0}
#ui.datepicker-div { z-index:1000; }

.firstteam fieldset { width:600px; border:1px solid #ccc; padding:20px; }
.firstteam fieldset p { font-size:1.4em; margin-bottom:20px; }
.firstteam fieldset ol p { font-size:1.3em; margin-bottom:10px; color:black; }
.firstteam legend { font-size:1.6em; color:#666; padding:0 10px; margin-left:10px; }
.firstteam fieldset ol { border-bottom:1px solid #ccc; overflow:hidden; margin:0; }
.firstteam fieldset li { position:relative; clear:left; padding:14px 10px; border:1px solid #ccc; border-bottom:none; overflow:hidden; }
.firstteam fieldset span { position:relative; top:5px; float:none; display:inline; font-size:1.5em; width:auto; color:#39892f; }
.firstteam label { display:block; float:left; font-size:1.3em; width:220px; margin-right:20px; }

.firstteam input,
.firstteam select,
.firstteam textarea { float:left; }

.firstteam input { width:300px; height:22px; background:url("../images/forms/form.png") 0 0 no-repeat; padding:2px 0 0 5px; border:none; border-bottom:1px solid #cecece; border-right:1px solid #cecece; }

.firstteam select { height:20px; width:166px; border:none; background:url(/assets/images/adverse/form_select166.png) no-repeat; }
.firstteam textarea { width:300px; font-size:1.4em; background:url("../images/forms/form_textarea500.png") 0 0 no-repeat; padding:2px 0 0 5px; border:none; border-bottom:1px solid #cecece; border-right:1px solid #cecece; }
.firstteam .otherinfo { margin-left:240px; }


#unfairP { width:220px; font-size:1.1em; line-height:1; font-style:italic; color:#666; }
div#captchaContainer { overflow:hidden; padding-left:240px;}

.firstteam span.error { font-size:1.3em; margin-left:240px; }
.firstteam li.error input { border:2px solid red; border-top:2px solid #800; border-left:2px solid #800; }

.firstteam .nextonly, .firstteam .prevnext { float:right; margin-right:30px; overflow:hidden; }
.firstteam .nextonly { width:121px; }
.firstteam .prevnext { width:282px; }

.firstteam .prevbutton,
.firstteam .nextbutton,
.firstteam .finishbutton { float:left; width:121px; margin-left:20px; border:none; background-color:white; }
.nextonly .nextbutton { margin:0; }

.firstteam .radiogroup { border:none; }
.firstteam .radiogroup li { border:none; padding:0; margin:0 0 8px 240px; }
.firstteam .radiogroup li input { width:13px; margin:0 10px 0 0; background-color:none; }
.firstteam .radiogroup li label { padding:0 0 1px 0; margin:0; line-height:1.2; }

.firstteam .radiotable td { padding-top:4px; }
.firstteam .radiotable td input { width:13px; margin:0 4px 0 0; }
.firstteam .radiotable td label { width:50px; font-size:1em; margin:0; padding:0; line-height:1; }

div.firstteam input.createaccount { float:right; margin-right:30px; width:318px; height:36px; text-indent:none; border:none; background:white url(icon_createaccount.png) no-repeat; cursor:pointer; }

.firstteam #gendercontainer { }
.firstteam #gendercontainer input { margin:0 10px 0 0; width:13px; }
.firstteam #gendercontainer label { width:117px; }

.firstteam #heighttype { }
.firstteam #heighttype input { margin:0 10px 0 0; width:13px; height:13px; }
.firstteam #heighttype label { color:#000000; font-size:0.87em; width:117px; }
.firstteam #heightimperialoptions { margin:0 0 0 240px; overflow:hidden; padding:10px 0 0; width:330px; height:25px; }
.firstteam #heightimperialoptions input { margin:0 10px 0 0; width:45px;}
.firstteam #heightimperialoptions label { width:81px; }
.firstteam #heightmetricoptions { margin:0 0 0 240px; overflow:hidden; padding:10px 0 0; width:330px; height:25px; }
.firstteam #heightmetricoptions input { margin:0 10px 0 0; width:45px;}
.firstteam #heightmetricoptions label { width:81px; }

.firstteam #weighttype { }
.firstteam #weighttype input { margin:0 10px 0 0; width:13px; height:13px; }
.firstteam #weighttype label { color:#000000; font-size:0.87em; width:117px; }
.firstteam #weightimperialoptions { margin:0 0 0 240px; overflow:hidden; padding:10px 0 0; width:330px; height:25px; }
.firstteam #weightimperialoptions input { margin:0 10px 0 0; width:45px;}
.firstteam #weightimperialoptions label { width:81px; }
.firstteam #weightmetricoptions { margin:0 0 0 240px; overflow:hidden; padding:10px 0 0; width:330px; height:25px; }
.firstteam #weightmetricoptions input { margin:0 10px 0 0; width:45px;}
.firstteam #weightmetricoptions label { width:81px; }

#rblExperience { margin-left:240px; }
#rblExperience input { margin:0 10px 0 0; width:auto; }
#rblExperience label { font-size:1em; padding-bottom:10px;}
#rblExperience { }

#RadioButtonList2 { margin-left:240px; }
#RadioButtonList2 input { margin:0 10px 0 0; width:auto; }
#RadioButtonList2 label { font-size:1em; padding-bottom:10px;}

ul.radiogroup2 { margin-left:240px; }
ul.radiogroup2 input { margin:0 10px 0 0; width:auto; }
ul.radiogroup2 label {font-size:1em; padding-bottom:10px; }

#adversestep4 ol li table { width:300px; margin-left:235px;}
#adversestep4 ol li table td { padding-bottom:7px; }
#adversestep4 ol li table td input { width:13px; }
#adversestep4 ol li table td label { font-size:1em; padding:3px 0 0 7px; }

#adversecontent input.datefield,
.firstteam fieldset input.dob { width:100px; }

li#captcha img { height:50px; width:200px;  }

/* to be removed after demo */
.firstteam .nextonly a,
.firstteam .prevnext a { display:block; width:121px; height:36px; text-indent:-9999px; }

.prevbutton { background:white url(../images/icons/icon_prev.png) no-repeat; }
.nextbutton { background:white url(../images/icons/icon_next.png) no-repeat; }
.finishbutton { background:white url(../images/icons/icon_finish.png) no-repeat; }

#adversecontent p.subHint { color:#666666; font-size:1.2em; line-height:1; width:200px; }

.firstteam  .experienceRadios { margin-left:240px; }
.firstteam  .experienceRadios input { margin: 1px 10px 0 0; width:13px; height:13px; }
.firstteam  .experienceRadios label { font-size:1em; padding-bottom:10px;}

/* Success, notice and error boxes
-------------------------------------------------------------- */
li.error span.requiredError { position:absolute; top:0px; left:10px; height:12px; width:458px; }



li.error {  background:#FEF3F4 none repeat scroll 0 0; padding-top:40px !important; }

li.error span.validator { background-image:none!important; color:#ED1C24; font-size:1.6em; font-weight:bold; margin:0; }
li.error span.compareError { position:absolute; top:0px; right:13px; font-size:1.1em; width:auto!important; height:auto!important; }

/*** remove value from search button ***/
#searchContainer input.recipeButton { font-size: 0px; display:block; line-height: 0px; }

body.adverseevents ul#nav_main { overflow:hidden; height:10px !important; }