/* THEME CSS for YourFormularyInfo.com -----------------------------------:o}-------------------------------- */
/* General styling */
body {
	background:#47186c url(../images/page-bg.jpg) repeat-x left top;
	}
	
#container {
	background:url(../images/box-top.png) no-repeat left top;
	width:942px;
	margin:91px auto 0 auto;
	position:relative;
	z-index:1;
	}
	
#masthead {
	padding:0 29px 0 31px;
	position:relative;
	}
	
h1, h2 {float:left;}
h1 {color:#fff; font-weight:bold; margin-top:22px;}
h2 {font-weight:normal; font-size:107%; color:#491a6d;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}

ul#nav {padding:1em 0 2em 0; width:600px; margin:0 auto;}

ul#nav li a {
	float:left;
	border-right:1px solid #000;
	margin-right:6px;
	padding-right:6px;
	color:#000;
	font-weight:bold;
	line-height:1;
	font-size:92%;
	} 
	
ul#nav li.last a {border-right:none; margin-right:0; padding-right:0;}

#container p {margin-bottom:10px;}
	
#container .grid-2, #container .home-grid-2 {
	margin-bottom:0;
	padding:0 29px 0 31px;
	}
	
#container .grid-2 {padding-bottom:8em; padding-top:2em;}
#container .home-grid-2 {padding-top:2em; position:relative;}
	
#container .home-grid-2 .content {width:652px;}
#container .home-grid-2 .content .pad, #container .home-grid-2 .first .pad {padding-right:28px;}

#container .home-grid-2 .signin-box {width:230px;}
#container .home-grid-2 .signin-box .pad {padding:0;}

#container table a, #container div.caption a {text-decoration:underline;}
	
strong {font-weight:bold;}
	
#logo-fingertip {
	display:block;
	text-indent:-32767px;
	background:url(../images/logo-fingertip-formulary.png) no-repeat 0 0;
	width:136px;
	height:72px;
	position:absolute;
	top:22px;
	right:37px;
	}
	
h3 {
	font-weight:bold;
	margin-bottom:1em;
	}

/* Home - Horizontal Logos */
ul#nav {float:left;}
ul#logos {width:600px; margin:0 auto;}
ul#logos li, ul#nav li {display:inline;}

ul#logos li a {
	float:left;
	display:block;
	text-indent:-32767px;
	margin-right:36px;
	height:69px;
	}
	
ul#logos li#logo-crestor a {background:url(../images/logo-crestor.png) no-repeat 0 0; width:118px;}
ul#logos li#logo-nexium a {background:url(../images/logo-nexium.png) no-repeat 0 0; width:105px;}
ul#logos li#logo-pulmicort_flexhaler a {background:url(../images/logo-pulmicort_flexhaler.png) no-repeat 0 0; width:123px;}
ul#logos li#logo-pulmicort_respules a {background:url(../images/logo-pulmicort_respules.png) no-repeat 0 0; width:98px;}
ul#logos li#logo-seroquel a {background:url(../images/logo-seroquel.png) no-repeat 0 0; width:110px; margin-left:75px;}
ul#logos li#logo-symbicort a {background:url(../images/logo-symbicort.png) no-repeat 0 0; width:108px;}
ul#logos li#logo-vimovo a {background:url(../images/logo-vimovo.png) no-repeat 0 0; width:108px;}

/* Selection Steps */
ul#steps {padding-top:2em; float:left; width:100%;}
ul#steps li {display:inline;}

ul#steps li span {
	float:left;
	display:block;
	padding-right:50px;
	font-weight:bold;
	font-size:122%;
	color:#939598;
	white-space:nowrap;
	}
	
ul#steps #step-1 span {padding-left:20px;}

ul#steps li span.active {color:#502977;}

#container .grid-2 .first .pad {padding-left:60px; position:relative;}
#container .grid-2 .second .pad {padding-left:37px; position:relative;}

#container .grid-2 .onecol .pad {padding-left:60px;}

#container .step1 input.purple-arrow {
	position:absolute;
	top:4em;
	right:2em;
	}
	
#container .step2b .purple-arrow {
	margin:2em auto 0 auto;
	display:block;
	}
	
#container .step3 .purple-arrow {
	margin:1em auto 2em auto;
	display:block;
	}

ul.states {margin-right:3em;}
ul.states li {padding-bottom:4px;}

ul#action-buttons {float:left; margin-right:1.5em;}
ul#action-buttons li {text-align:right;}

ul#action-buttons li#search-again {padding-bottom:2em;}

/* Tables - Step 3 */
table.formulary {
	border-top:1px solid #939598;
	border-left:1px solid #939598;
	width:80%;
	}

table.formulary th {
	background:#502977;
	color:#fff;
	font-weight:bold;
	text-align:center;
	}
	
table.formulary th, table.formulary td {
	border-bottom:1px solid #939598;
	border-right:1px solid #939598;
	padding:4px;
	}
	
table.formulary td {text-align:right;}
	
table.formulary td.shade {
	background:#ddf1be;
	text-align:center;
	}

table.formulary td.noshade {
	text-align:center;
	}

div.caption {
	font-size:77%;
	padding-bottom:1em;
	padding-top:3px;
	}
	
div.push {padding-top:2em;}

/* Home - Members' Signin box */	
.signin-box {margin-bottom:0.5em;}

.signin-box form {
	background:#7d5b97;
	padding:7px;
	}
	
.signin-box form fieldset {
	border:3px solid #bd96d5;
	position:relative;
	padding-top:12px;
	padding-left:10px;
	}
	
.signin-box form fieldset p, .signin-box form fieldset label, .signin-box form fieldset a {color:#fff;}

#container .signin-box p {margin-bottom:0;}

.signin-box form fieldset p#free-registration {
	text-align: center;
	}

.signin-box form fieldset p#free-registration a {
	color:#fdb316;
	font-weight:bold;
	font-size:85%;
	}

.signin-box form fieldset p#free-registration a:hover {
	text-decoration: none;
	}

#container .signin-box form fieldset p.form-blurb {
	margin:0.3em 1em 1em 0;
	font-size:85%;
	}

.signin-box form fieldset div input {width:120px;}

div#pw-box {margin-top:0.3em; margin-bottom:0.5em;}
div#pw-box #password {margin-left:5px;}

div#un-box {margin-top:0.5em;}
div#un-box #username {margin-left:3px;}

#btn-members-signin {
	padding-left:6.5em;
	display:block;
	}
	
#forgot-pw {
	padding-left:5.6em;
	display:block;
	margin-bottom:1em;
	font-weight:bold;
	text-decoration:none;
	}

/* Form Elements */
fieldset div {
	display:block;
	margin-bottom:4px;
	}
	
fieldset.columns, ul.columns {
	float:left;
	padding-right:2em;
	}

fieldset.columns-plans, ul.columns-plans {
	float:left;
	padding-right:2em;
    font-size:85%;
	}
	
/* Bottom of site */
#containerbot {
	background:url(../images/box-bottom.png) no-repeat 0 0;
	height:32px;
	margin:0 auto;
	position:relative;
	width:942px;
	z-index:2;
	}

#logo-supportedby-az {
	display:block;
	text-indent:-32767px;
	background:url(../images/logo-supportedby-az.png) no-repeat 0 0;
	width:118px;
	height:31px;
	position:absolute;
	bottom:10px;
	left:29px;
	float:left;
	z-index:100;
	}
	
p#supporting-info {
	font-size:77%;
	float:right;
	position:absolute;
	width:70%;
	bottom:0;
	right:0;
	padding-right:31px;
	}

/* error/success messaging styles 
------------------------------------------- */
.error_message, .success_message {font-weight:900;}
.error_message {color:#f00;}
.success_message { color:#008000;}
.visible { display:normal; }
.hidden { display:none; }

/* account information table 
------------------------------------------- */
table.account {
	width: 80%;
}
	
table.account td {
	padding:4px;
}

/* MJH Additions - Ticket 989, Comment 6
------------------------------------------- */
#masthead p {
clear: left;
font-size: 11px;
position: relative;
top: 10px;
line-height: 1.5;
width: 644px;
}
#masthead, #container {
position: relative;
z-index: 500;
}
#masthead {
z-index: 400;
}
#container .home-grid-2 {
padding-top: 4em;
}
#container .home-grid-2 .content .pad {
padding-left: 292px;
}
#corner-photo { /* NOTE - This is hidden in ie6 in favor of a background image */
z-index: 300;
width: 272px;
height: 350px;
background: url(../images/corner-photo.jpg) no-repeat 0 0;
position: absolute;
left: 17px;
bottom: -9px;
}

/* CLEARFIX ---------------------------------------------:o}-------------------------------- */	
h1, h2, ul#nav, ul#logos, ul#steps, .grid-2 {clear:left;}
.clearfix:after, #container .grid-2 .onecol:after, #container .grid-2 .onecol .pad:after {content:".";display:block;height:0;clear:both;visibility:hidden;}