/* SynviscOne/Genzyme: form classes within chrome  */

.formshell {width:650px; margin:20px 0 0 0; float:left; display:inline;}

#content {overflow:auto;}

div.footnotes  {border-top:1px solid #ccc; margin-top:2em; padding-top:1em; font-size:10px;}
p.footnote { font-size:10px;}


.fieldfootnote {font-size:11px; font-style:italic;}

/* Button a: links */
button {color:#fff;}
button a:link {color:#fff;}
button a:visited {color:#fff;}
button a:hover {color:#fff; text-decoration:none;}
button a:active {color:#fff; text-decoration:none;}

input.formbutton {
	background: transparent url(../images/backgrounds/bg_buttons.gif) 0 0 repeat-x;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	height: 26px;
	padding: 3px 8px 8px 8px;
	width:80px; 
	border:none;
	margin:1em 0;
	}

.formbutton:hover  { background-position: 0 -29px;color: #fff; text-decoration: none;}

a.downloadbutton
{
	background: transparent url(../images/backgrounds/bg_buttons.gif) 0 0 repeat-x;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	height: 23px;
	padding: 2px 0;
	width:80px; 
	text-align:center;
	border:none;
	margin:8px 0 0 0;
	width:220px;
	cursor:pointer;
	}


/* hidden links */
div.adcenter {color:#fff;}
div.adcenter a:link {color:#fff;}
div.adcenter a:visited {color:#fff;}
div.adcenter a:hover {color:#fff;}
div.adcenter a:active {color:#fff;}

/* ------------------------- Form stuff --------------------------- */

h1 {margin:5px 0 10px 0; line-height:1.2em;}

.pedometershell h1 {margin-bottom:1em;}

h2 {margin:0 0 1em 0;padding:0;}

.formintro {border-bottom:1px solid #ccc; padding-bottom:10px; margin-top:2em;}

ul.bullets {margin:.5em 0;}

ul.bullets li {list-style-type:disc; margin-left:20px;}

select.dateMonth {width:80px; display:inline;}

.dateshell {overflow:auto; margin:1em 0 ;}

div.divTreatmentTypes {padding:0; margin:0; }

div.divTreatmentTypes label { display:inline; width:280px; }

.injectionDate {
width:180px;
display:block;
position:absolute; 
left:320px;
background-color:#D5E7F5; 
margin:0; 
padding:5px 10px 8px 10px;
}

button {margin:10px 10px 0 0;}

button span {text-transform:uppercase; letter-spacing:1px; vertical-align:middle;}

/* Button a: links */
button span {color:#fff;}
button span a:link {color:#fff;}
button span a:visited {color:#fff;}
button span a:hover {color:#fff; text-decoration:none;}
button span a:active {color:#fff; text-decoration:none;}

textarea {font-family: Arial, Helvetica; font-size:12px;}
	
label {margin-top:1em;}	
input, select, textarea {
	border: 1px solid #c4c5c7;
	color:#333;
	display:block;
	margin: 0;
	padding:3px;	
}

input, textarea {width:394px;}

input[type="hidden"] { display:none; }

label {
	display:block;
	margin:.6em 0 .2em 0;
	}

legend {
	font-weight:bold;
	margin:0 0 .5em;
	}
	
* html legend { margin-left:-3px; }
*+html legend { margin-left:-3px; }

/* various check box and radio treatments */
.checkbox input {
	border:none;
	float:left;
	margin:4px 8px 0 4px;
	min-width:15px;
	width:15px;
	}
.checkbox label { float:left; display:inline; width:520px; margin-left:20px; }
.checkbox span { display:block; }

fieldset {margin:1em 0; padding:0;}

table.radiobuttons td {border:none;}

fieldset.radiobuttons input {
	border:none;
	float:left;
	display:inline;
	padding:0;
	margin:0 8px 0 4px;
	width:15px;
	}

/* .net is adding this, can't prevent */
fieldset.radiobuttons br {display:none;}
	
fieldset.radiobuttons label { 
	margin:0;
	padding:0;
	border:1px solid #fff;
	}

.checkbox input {
	border:none;
	float:left;
	margin:4px 8px 0 4px;
	min-width:15px;
	width:15px;
	}
	
fieldset.checkbox label { 
	margin:0 0 .5em;
	overflow:hidden; padding-top:2px;
}
	
select.dateMonth {width:80px; display:inline;}

.adbox { /* callout on right for banner ad */
width:200px; height:500px; margin:30px 0 0 680px;
}

/* special treatments */

.local { min-width:150px; width:21%; }
input.postalcode {width:80px;}
.single-select {margin:0 0 1em;}
.single-select select { min-width:250px; width:35%; }

/* ------------------------- Pedometer page --------------------------- */

.pedometerTop {height:140px; width:600px; margin-bottom:10px;}
.pedometerMid {height:300px; padding:20px 10px 10px 20px; background-color:#FBF3DA; overflow:auto; }
.pedometerCode {width:100px; min-width:100px; }
.pedometerimg {float:right; margin:0 0 0 0; width:200px;}
.pedometercode {float:right; margin:0 0 20px 0; }
.pedometershell {width:600px;}
.pedometershell p.top {width:400px;}
.pedometershell p.mid {width:200px;}


/* ------------------- Email signup pages -------------------- */

.shadedpromo {padding:20px 10px 10px 20px; margin:30px 0;
	background-color:#FBF3DA; overflow:auto; color:#333; }

span.emailsubhead {display:block;font-size:16px; line-height:18px;}

.download {float:right; display:inline; 
 width:264px;  
	height:190px;
	background: transparent url(../images/backgrounds/download.gif) 0 0 no-repeat;
	padding:0px 0 0 54px;
	margin-left:80px;
	}

.download p.reporttitle {padding:32px 0 0px 25px; margin-left:94px;
	width:120px; line-height:1.2em; height:60px;
	}

.shadedpromo h2 {color:#333; font-size:13px; padding:0; margin:0;}

.specialCode {width:100px; min-width:100px; margin:0; }

.shadedpromo .downloadlinks  {
	font-size:16px; line-height:18px; font-family:Times, 'Times New Roman', Serif}
.shadedpromo .downloadlinks .left {float:left; display:inline; }
.shadedpromo .downloadlinks .right {float:left; display:inline; padding-top:14px; color:#333;}

.shadedpromo a:link {color:#0066cc;}
.shadedpromo a:visited {color:#0066cc;}
.shadedpromo a:hover {color:#0066cc;}
.shadedpromo a:active {color:#0066cc;}

p.subfield {float:right;margin-right:250px;} /* -- "Not [first]?" text under field -- */ 

/* ------------------------- Privacy popup --------------------------- */

#privacyPromise {
padding:0;
margin:0 0 0 28px;
background-color:#ffffff;
display:none;
}

#privacyPromise p {padding:0px; color:#666; font-size:10px;}
#privacyPromise p.header {font-weight:bold; color:#333; }
#privacyPromise .closelink {float:right; display:inline; padding:5px;}
#privacyPromise div.footer { width:210px; padding:10px; background-color:#bbdefc;}
 
.kitpromo {margin:20px 20px 0 0;}



/* --------------- misc formats ---------------- */

.alert {color:#6CA2CB;}

.highlighted {color:#ff0000; font-weight:bold;}
.smaller {font-size:60%;}
.smaller i {letter-spacing:-1px;}

.underlined {border-bottom:1px solid #ccc; margin-bottom:2em; padding-bottom:1em;}
.noborder {border:none;}
.floatleft {float:left; display:inline;}
.floatright {float:right; display:inline;}
.clear {clear:left;}
.bold {font-weight:bold;}

/* labels without associated fields get span tags; make them block */
span.error {margin:1em 0; display:block;}
div.error {margin:1em 0; }
.error {margin:1em 0; font-weight:bold; }
.error, .formLabelOn { color:red; font-weight:bold; }
.hidden {display:none; }

.inline {display:inline;}
input.inline {margin-right:1em;}

.shaded {background-color:#FBF3DA;}