@import url("/dx/css/com/epocrates/online/common/eula.css");
@import url("/noFrame/includes/css/browser.css");
@import url("/noFrame/includes/css/periphery.css");
@import url("../../../common/css/global_navigation.css");

/* THIS FILE IS ALSO USED BY ECOM */

/* dev notes - remove for production */
div.devnote {
	position: absolute;
	bottom: 0;
	background: #FFFFCC;
	font-size: 10px;
	padding: 5px;
	width: 150px;
	}

/* end dev note */


/* elemental */
* { margin: 0; padding: 0; zoom: 1; }
html, body { height: 100%; }
body {
	background: #333;
	color: #000;
	font: small "Lucida Grande", Arial, Helvetica, sans-serif;
	min-width: 790px;
	}
a { color: #003399; }
a:hover { color: #990000; }
h1, h2, h3, h4, h5 { font-family: Arial, Helvetica, sans-serif; }
h1 { font-size: 1.3em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }
h5 { font-size: .95em; }
img { border: none; }
/* -- */

/* master page wrapper */
div#page {
	position: absolute;
	background: #EEE url("/common/images/bg_panel.png") repeat-x;
	border-top: 1px solid #FFF;
	margin: -13px 5px 0 5px;
	padding: 10px 0 0 0;
	clear: both;
	top: 50px;
	width: 993px;
	}
	
	/* this doesn't seem to be working, at least not for FF or Safari. should be #container not body to work*/
	body>div#page { margin-top: 0; padding: 6px 0 0 0; }

/* -- */


/* topbar control widgets */
	.widget { /* not used on multicheck*/
	float: left;
	background: url(/noFrame/img/bg_widget.gif) right bottom no-repeat;
	border: none;
	border-top: 1px solid #B1B1B1;
	margin: 0 5px 5px 5px;
	padding: 0 1px 0 0;
	}
	/* lookup bar */
	fieldset#lookup {
	clear: left;
	width: 24.75em;
	}
	.widget label {
	display: block;
	background: url(/noFrame/img/bg_widgetleft.gif) left bottom no-repeat;
	border: none;
	border-top: 0px solid #D5D5D5;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 0 4px 5px;
	}
	.widget label input {
	border: 1px solid #747474;
	font-size: 12px;
	margin-left: 5px;
	padding: 1px 3px;
	width: 17.5em;
	}
	/* browse bar */
	fieldset#browser {
	background: url(/noFrame/img/bg_widgetstroke.gif) right bottom no-repeat;
	margin-left: 15px;
	width: 187px; /*180 except for Safari3, otherwise make font Arial etc. */
	}
	.widget dl {
	border: none;
	border-top: 1px solid #DDD;
	}
	.widget dt {
	float: left;
	background: url(/noFrame/img/bg_widget2.gif) left bottom no-repeat;
	border-right: 1px solid #DDD;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	margin-left: -2px;
	padding: 3px 8px 5px 5px;
	}	
	.widget dd {
	float: left;
	font-size: 12px;
	margin: 0 4px;
	}
	.widget dd a {
	display: block;
	float: left;
	padding: 3px 5px 2px 5px;
	}
	
	.widget dd.active {
	position: relative;
	background: url("/common/images/widget_tabends.gif") 0 -102px no-repeat;
	padding: 0 0 0 2px;
	z-index: 10;
	}
	.widget dd.active a {
	position: relative;
	background: url("/common/images/widget_tabends.gif") top right no-repeat;
	color: #000;
	font-weight: bold;
	padding: 3px 6px .4em 3px;
	text-decoration: none;
	z-index: 10;
	}
	
	fieldset#druglookup {
	clear: left;
	width: 350px;
	}
	
	
	
	/* topbar control widgets select MedCals */
		.widgetSelect {
		float: left;		
		border: none;
		border-top: 1px solid #B1B1B1;
		margin: 0 5px 5px 5px;
		padding: 0 1px 0 0;
		}
		
		.widgetSelect label {
		display: block;
		background: url(/noFrame/img/bg_widgetleft.gif) left bottom no-repeat;
		border: none;
		border-top: 1px solid #D5D5D5;
		color: #333;
		font-size: 12px;
		font-weight: bold;
		padding: 4px 0 4px 5px;
		}
		.widgetSelect label input {
		border: 1px solid #747474;
		font-size: 12px;
		margin-left: 5px;
		padding: 1px 3px;
		width: 17.5em;
		}
		
		.widgetSelect dl {
		border: none;
		border-top: 1px solid #DDD;
		}
		.widgetSelect dt {
		float: left;
		background: url(/noFrame/img/bg_widget2.gif) left bottom no-repeat;
		border-right: 1px solid #DDD;
		color: #333;
		font-size: 12px;
		font-weight: bold;
		margin-left: -2px;
		padding: 3px 8px 5px 5px;
		}	
		.widgetSelect dd {
		float: left;
		font-size: 12px;
		margin: 0 4px;
		}
		.widgetSelect dd a {
		display: block;
		float: left;
		padding: 3px 5px 2px 5px;
		}
		
		.widgetSelect dd.active {
		position: relative;
		background: url(/noFrame/img/bg_brtab_left.gif) left top no-repeat;
		padding: 0 0 0 3px;
		z-index: 10;
		}
		.widgetSelect dd.active a {
		position: relative;
		background: url(/noFrame/img/bg_brtab_right.gif) right top no-repeat;
		color: #000;
		font-weight: bold;
		padding: 3px 6px .4em 3px;
		text-decoration: none;
		z-index: 10;
	}
	
	
	
	
/* -- */

/* help link */

p.help {
	left: 813px;
	position: absolute;
	top: 26px;
	width: 173px;
}

.help a {
	font-size: 12px;
	text-decoration: none;
}

.help a:hover {
	text-decoration: underline;
}

div#help {
	position: absolute;
	top: 0px;
	right: 1px;	
	border: 0px;	
	width: 50%;
	height: 400px;
	z-index: 999;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	#help a#closehelp {
	position: absolute;
	top: 3px;
	right: 10px;
	}

	#help h1 {
	background: #A9B5C2;
	font-size: 12px;
	padding: 5px 5px 2px 10px;
	clear: left;
	}
	#help ul, #help dl {
	border: 5px solid #E9EEF4;
	border-top-width: 10px;
	padding: 0;
	height: 365px;
	overflow: auto;
	}
	#help li {
	border-bottom: 1px solid #E9EEF4;
	list-style: none;
	padding: 4px 0 4px 10px;
	}
	#help li.codehead {
	background: #E9EEF4;
	color: #373851;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	}
	#help dt {
	border-top: 1px solid #E9EEF4;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	}
	#help dd {
	padding: 0 10px 10px 10px;
	}	
	#help li strong {
	color: #000;
	margin-right: 6px;
	}

	#help ul#helpnav {
	background: #CAD5DF;
	border: none;
	height: 20px;
	overflow: hidden;
	}
	#help ul#helpnav li {
	display: inline;
	padding: 0;
	}
	#help ul#helpnav li a {
	display: block;
	float: left;
	font-size: 12px;
	padding: 3px 10px 2px 10px;
	}
	#help ul#helpnav li a.active { 
	background: #E9EEF4;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	}
	
#helpFaQInfo { border:2px solid #A9B5C2; background: #fff; }
#helpFaqIconsOuter { border:0px; width:50px; position:absolute; top:4px; right:0px; }
.helpFaqPrintIcon { border:0px; position:relative; float:left; width:20px; }
.helpFaqCloseIcon { border:0px; position:relative; float:right; width:20px; }
	
#helpPillId {
	position: absolute;
	right: 20px;
	top: 8px;
	}
	#helpPillId a {
	background: url("/noFrame/img/bg_help.gif") left center no-repeat;
	color: #416EAA;
	font-size: 12px;
	padding-left: 15px;
	text-decoration: none;
	position: absolute;
	right: 0px;
	top: 8px;	
	border:0px solid blue;
	}
	#helpPillId a:hover {
	text-decoration: underline;
	}
	
p.formulary {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	.formulary a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	}
	
	#codeInfoForm {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding:5px;
		background: #EBEFF5;
		width:auto;
		height:auto;
	}
	
	#codeInfoForm h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding:0px;
		background: #EBEFF5;
	}
	
	.h1Header {
		background: #D9E4EF;
	}
	
.formularyCloseButton {
	float: right;
	margin: 0 0 5px 5px;
}
/* -- */


/* content box */
div.content {
	position: relative;
	margin: 0 195px 5px 5px;
	padding: 5px 0;
	min-height: 400px;
}

	
*html div.content {
	height: 400px;
}

/* Edit formulary page------------- */

div.edit-formulary {
	border-width: 0;
	border: none; 
	width: 791px; 
	clear: both; 
	padding: 0 0 10px 10px;
}

.edit-formulary fieldset {
	border-width: 0;
	border: none;
}

div.editformularycontent {
	padding-top: 10px;
	clear: both;
}

/* -- */	


/* content cells */
	
	/* cell1 - control cell */		
	div.cell1 {
	position: relative;
	background: #FFF;
	border: 1px solid;
	border-color: #C9C9C9 #B2B2B2 #B2B2B2 #B2B2B2;
	}
	.cell1 h1 {
	background: #EEE url(/noFrame/img/bg_h1grey.gif) repeat-x;
	border: 1px solid;
	border-color: #FFF #FFF #C2C2C2 #FFF ;
	font-size: 1em;
	padding: 3px 5px;
	}
	.cell1 h1 a {
	font-size: 11px;
	font-weight: normal;
	}
	/* cell2 - results cell */		
	div.cell2 {
	position: relative;
	background: #FFF;
	border: 1px solid;
	border-color: #D9E4EF #C1CEDD #C1CEDD #C1CEDD;
	}
	.cell2 h1 {
	background: #E9EEF4 url(/noFrame/img/bg_h1.gif) repeat-x;
	border: 1px solid;
	border-color: #FFF #FFF #D9E4EF #FFF ;
	font-size: 1em;
	padding: 3px 5px;
	}
	
	.cell2 h1.medcalcTitle {
 		text-align: center;
 	}

	.cell2 p.printsend {
	position: absolute;
	top: 1px;
	right: 0;
	}
	.cell2 p.printsend a {
	background-color: transparent;
	border-top: none;
	border-bottom: none;
	height: 19px;
	}
	.cell2 .printsend a#print {
	border-left:1px solid #FFF;
	}	
	.cell2 p.printsend a:hover {
	background-color: #DCE6F0;
	}
	
	/* button bar */		
	.bbar {
	background: url(/noFrame/img/bg_bbar.gif) bottom repeat-x #dadada;
	border: 1px solid #FFF;
	padding: 6px 5px;
	}
	/* pagination */		
	.pager {
	background: #E9EEF4;
	border: 1px solid #FFF;
	font-size: 11px;
	padding: 3px 5px;
	height: 1.2em;
	}
	.pager em {
	font-style: normal; 
	}
	.pager span {
	float: right;
	}	
/* -- */	


/* buttons */	
.button {
	display: block;
	background: url(/noFrame/img/bg_button.gif) bottom repeat-x #acacac;
	border: 1px solid;
	border-color: #E8E8E8 #EEE #FFF #EEE;
	color: #FFF;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	width: 7.5em;
	}
	.button strong {
	display: block;
	border: 1px solid;
	border-color: #333 #666 #444 #666;
	font-weight: normal;
	padding: 3px 0;
	}
	.button:hover {
	color: #000;
	
	}
	.button:active {
	border: 2px solid;
	}
	
/* global layout */	

#container,#foot {
width:993px; margin-left:0px; margin-right:auto; border:0px; clear:both; height:auto;
}

#container { position: relative; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear { 
	clear: both;
	height:60px;
}

.clearoverfoot { 
	clear: both;
	height: 90px; /*120*/
}

.clearlast { 
	clear: both;
	height: 1px;
}

/* pixel plain */


A.search {
	    font-weight: normal;
	    font-size: 10px; color: #000;
	    text-decoration: none;
	}
	A.search:hover
	{
	    font-weight: normal;
	    font-size: 10px;
	    color: #CC0000;
	     text-decoration: none;
	}
	
	td.search a, td.search a:hover {
	    font-size: 12px;
			text-decoration: underline;
		}
		
	#bodyContent
	{
	    font-weight: normal;
	    font-size: 12px;
	    color: #333;
	    
	}
	
	td.heading, td.checkNum
		{ 
	    background: #fff;
		color: #000; 
		font: bold 12px Arial, Helvetica, sans-serif;
	
	}
	
	.headingTable	{ 
	    	 background: #E7EDF4;
		color: #000; 
		font: bold 12px Arial, Helvetica, sans-serif;		
	}
	
	#heading
	{ font-weight: bold;
	    font-size: 12px;
	    color: #309;
	}
	
	#headingBig
	{ font-weight: normal;
	    font-size: 24px;
	    color: #000;
	    background: #fff;
	}
	
p.feedbackLink{
	cursor:pointer;
	font-weight:bold;
	text-align:center;
	text-decoration:underline;
	color:#003399;
	font-size:11px;
	margin-top:10px;
}

#feedBackPop #fscinfo a{
	background-color:#E9EEF4;
	text-align:left;
} 

#feedBackPop a#pilotMailto{
	float:none;
}
 
/* for ECOM login page only uses the dl to keep it separtate from other styles-----------------*/

dl#nav img {
	margin: 7px 0 0 5px;
}


/*------------------------------- Link to send users to mobile version ----------------------------*/
p.mobileLink {
	position:absolute;
	right:15px;
	top:-28px;	
}
	 p.mobileLink a {
	 	position: absolute;
		right:10px;
		text-decoration:none;
		top:39px;
		color:#416EAA;
		font-size:12px;
		z-index: 2;
		height: 20px;
		width:120px;
	 }