@charset "utf-8";
/* CSS Document */



/*******************************************************************************
 *  reset_2.0.5.css
 ******************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
strong {font-weight:bold;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/*******************************************************************************
 *  fonts_2.0.5.css
 ******************************************************************************/

/**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 *
 */
body {font:13px arial,helvetica,clean,sans-serif;
 
*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}

.floatleft {float: left;}
.floatright {float: right;}

:focus {
	outline: 0;
}

 a, .searchLink {text-decoration:none; outline: none; color: #039}
 a:visited {text-decoration:none; outline: none; color: #993366}
 a:hover, a:active {color:#c60;outline: none;text-decoration:underline;}
 

#doc {
	width: 1010px;
        *width: 1010px; /* IE */
        min-width:1010px;
        
       	margin-right: auto;
	margin-left: auto;
	border-right: 2px solid #000000;
	border-left: 2px solid #000000;
	background: #FFFFFF;
	text-align: left;
    /*     background: url(../images/bg-dropdown-fade.jpg) top center repeat-x;}
*/
}

body {
	margin: 0px;
	padding: 0px;
	
	background: #E6E6E6 url(../images/page_bg.png) repeat-y center top;
	text-align: center;
}

#top-page-shadow {
/*	background: url(../images/top-shadow.png)  top center no-repeat; */	height: 10px;
        margin: 0 0 0 0;
}

h1, h2, h3, h4, h5, h6 {
  	font-family: "Lucida Grande",Geneva, Verdana,Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
} 

h1 {
   
   font-family: Tahoma, Geneva, sans-serif;
   color:#DA7405;
   border-bottom: solid 1px #e0e0e0;

   font-size: 120%;

}


h2 {
   font-family: Tahoma, Geneva, sans-serif;
    color:#DA7405;
      font-size: 110%;
}

h3 {
   border-bottom: solid 1px; 
   color:#DA7405;
   font-size: 110%;
}


h4 {
	font-size:1.1 em; /* 18pt */
	border-bottom: solid 1px #e0e0e0;
	padding-bottom:1px;
	margin: 0px 0 0;
 	}

h5 {font-size:0.8em; /* 16pt */
    }
h6 {font-size:.875em; /* 14pt */
        }


p {
   color: #069;    
   margin-top:.75em;
   line-height:1.25; /* on 15pt */
   margin-bottom:.75em; /* 12pts of space */
   

}


a:hover {
 	text-decoration:none;
 	}

a.back {
  background: url('../images/pagination_arrows.png') left -11px no-repeat;
	float: left;
         margin-left: 10px;
	margin-right: 20px;
         
  padding-left: 14px;
}
a.back:visited {background-position: left -69px;}
a.back:hover {background-position: left -40px;}


a.more:visited {background-position: right -55px;}
a.more:hover {background-position: right -26px;}


.more {
  background: url('../images/pagination_arrows.png') right 3.5px no-repeat;
        text-decoration: none;
        
        
        margin-left: 14px;
        padding-right: 14px; 
}

#lessthan1 {

   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: .9em;
   
   width:400px;
   border: 1px solid #DDB575;

}

.optional {
   font-size: 90%;
   color: red;
   font-style: italic;
}
.warnings {

   background: url('../images/warning.png') left 1px no-repeat;   
   color: #069;   
   width: 400px;
   text-align: justify;   
   float:left;
   border: 1px solid #DDB575;   
   margin: 20px 0 20px 20px;
   padding: 5px 10px 0 30px; 
}

#header-inner{
   overflow:hidden; /* prevents oversize elements from breaking the layout */
}
#header-inner {
	padding: 0px 0px 0px 0px;
	position: relative;
	}

 
#header-inner  #logo {
	display:block;
	position:absolute;
	top: 0px;
	left: 0;
}

#banner {
   width:auto;
   background:  url(../images/banner_HFAV2.gif); 
   
   min-height:76px;
   margin: 0 0 0 0;
    
}
#nav {
	
         color: #ffffff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
         margin: 0px 0 0 492px;
	padding: 38px 0 0 0px;
	/* vertical-align:center;*/
	list-style:none;
	
	}


#nav li {
	float:left;
        font-size: 110%;
	line-height: 1.3em;
	margin: 0; }

#nav a, #nav a:visited {
	float:left;
	display:block;
/*	color:  rgb(128,203,241);    */
        color: #039;
	text-decoration: none;
	margin: 0;
	padding: 6px 10px; 
	

}

#nav a:hover {
/*	color:#eee;    */
        color: #c60;
}
/*
#nav .selected a {
	color:#000 !important;
}
*/
#nav li.home {
	
	height:  50px;
	width: 43px;	
}
#nav li.homeselected {
	background: url(../images/buttons.gif) no-repeat;
	background-position: 0px -30px; 
	margin-top: -8px;
        height:  50px;
	width: 43px;
	
	}
#nav li.find {
	 
	height:  50px;
	width: 68px;	
	margin-left:6px;
}
#nav li.findselected {
	background: url(../images/buttons.gif) no-repeat;
	background-position: -43px -30px; 
	margin-top: -8px;
        height:  50px;
	width: 68px;	
	margin-left:6px;
	}
#nav li.add {
	height:  50px;
	width: 67px;
	margin-left:10px;
}
#nav li.addselected {
	background: url(../images/buttons.gif) no-repeat;
	background-position: -110px -30px; 
	margin-top: -8px;
        height:  50px;
	width: 67px;
	margin-left:10px;
}
#nav li.view {
	height:  50px;
	width: 48px;
	margin-left:6px;
}

#nav li.viewselected {
	background: url(../images/buttons.gif) no-repeat;
	background-position: -177px -30px; 
	margin-top: -8px;
        height:  50px;
	width: 48px;
	margin-left:6px;

}

#infocontainer{
   text-align:left;
   width: 500px;
   float:left; 
   margin: 10px 0px 10px 40px;
}

#infocontainer h1 {
border-bottom: none;
}

#infocontainer h1 a:visited {
color: #039;
}

#infocontainer h2 {
border-bottom: solid 1px #e0e0e0;
}


#syscontainer {
	clear: both;
        overflow: hidden;
	background-color: #FFF;
/*		background:url(../images/conshort.gif) repeat-y; */
	padding:0 11px 25px 11px;
	float: left;
	width: 754px;
	margin-top:10px;
	margin-left: 15px;
        
}
#syscontainer h5 {
color: #069;
}
#systop h4 {
border-bottom: none;

color: #069;
}

.enterfx {
        

	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	
        font-size: 92%;
        color: #069;
        
       	width:300px;
	margin:0 0px 10px;
       	background:url(../images/tile.gif) repeat-y 0 0;  }

.enterfx h4 {
	color:#FFF;
        text-align: center;
	width:286px;
        
	background:url(../images/drugheader.gif) no-repeat 0 0;   
	padding:7px 7px 15px 7px ;
	margin: 0 0 0 0;
}

.enterfx .last {

        
	
	width:286px;
	background:url(../images/base.gif) no-repeat 0 100%;  
	padding:0 7px 7px 7px;

}

.enterfx li {
	font-family: Tahoma, Geneva, sans-serif;
	color: #069;
	margin-bottom : 3px;
	margin-left : 10px;
        padding: 5px 0 5px 0;
}

.enterfx .hide {
        color: #000;
        

}



/* - FOOTER - */

#footer {
	background: #bebebe  top repeat-x; 
	border-top: 1px solid rgb(38,29,26);
	margin: 0;
	width:100%;
	clear:both; 
	font-size:0.9em;
}

#footer-inner {
	padding:0.5em 2em;
	text-align:center;
}

#footer-inner .col {
		float: left;
		margin: 10px 20px 5px 0;
		text-align: left;
}

#footer-inner .col h4  {
		font-size: 1.1em;
		margin-bottom: 1px;
		border-bottom: none;
}

#footer-inner .col h4 a, .footText .col h4 a:visited {
		color: #333;
}
#footer-inner a {
	color: #444;
}
#footer-inner a:hover {
	text-decoration: underline;
}

#footer-inner .col ul {
		margin: 0 0 10px 0;
		padding: 0;
		line-height:1.1;
}
/*
#footer-inner .col ul li {
		/*list-style: url("/common/images/shim.gif");*/
		list-style: none;
		margin: 0;
		padding: 0;
}
*/
#footer-inner #disclaimers {
		float: right;
		margin: 10px 0 0 0;
		text-align: right !important;
}

#footer-inner #disclaimers h4 {
		border-bottom: none;
}

#footer-inner  a {
	color: #5256FF;
}
#footer-inner  a:hover {
	color: #0000FF;
}
#footer-inner li a{
	font-size:0.9em;
}

#page-shadow {
	background: url(../images/footer-shadow.png) top center no-repeat;
	height: 20px;
      /*   border-bottom: 2px solid rgb(38,29,26); */
}

button, a.button {
         
	background: url(../images/button-end-yellow.png) top right no-repeat;
	border: 0;
	color: #000;
	display: inline-block;
	padding: 0 16px 0 0;
	height: 28px;
	margin: 0;
}

button span, a.button span {
	
	
	background: url(../images/button-yellow.png) top left no-repeat;
	display: block;
	height: 28px;
	line-height: 28px;
	margin: -2px 0 0 0;
	padding: 0 0 0 16px;
}

a.button, x:-moz-any-link {padding-bottom: 13px;}
a.button, x:-moz-any-link, x:default {padding-bottom: 4px;}
 a.button span {margin: 0;}  
a.button span, x:-moz-any-link  {float: left;}


a, button {
	cursor:pointer;cursor:hand;
 	}
	
#cond_container2 {
	float: right;
	width: 350px;
    	
}
#google_ads160 {
	
	border: solid 1px #069;
	margin-top: 50px;
    width:165px;  

}	
#findbox {
   background: url('../images/search.png') left 1px no-repeat; 
   
   margin-left: 50px;
   padding: 0 0 0 70px;
   
   font-size: 110%;
}

#findbox h2 {
   color:#DA7405;

   
}


.drugbox {
        
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	
        
        color: #6699FF;
        
	width:300px;
	margin: 5px 10px 0;
	background:url(../images/tile.gif) repeat-y 0 0;
}

.drugbox h4 {
	color:#FFF;
        text-align: center;
	width:286px;
        font-size: 90%;
	background:url(../images/drugheader.gif) no-repeat 0 0;
	padding:7px 7px 15px 7px;
	margin: 0 0 0 0;
}

.drugbox .last {
	
	width:286px;
        
	background:url(../images/base.gif) no-repeat 0 100%;
	padding:0 7px 7px 7px;

}

.drugbox li {
	font-family: Tahoma, Geneva, sans-serif;
	color: #069;
        font-size: 90%;
        margin-bottom : 3px;
	margin-left : 10px;
}

.drugbox li.first {
        
        font-size: 110%;
        margin: 3px;        
        
}
.plainbox {
        
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	

        color: #069;
        
	width:300px;
	margin: 22px 10px 0;
	background:url(../images/tile.gif) repeat-y 0 0;
}

.plainbox h1 {
	color: #069;
        text-align: center;
	width:300px;
        font-size: 110%;
	background:url(../images/cap.gif) no-repeat 0 0;
	
	margin: 0 0 5px 0;
}
.plainbox h4 {
	color:#069;
        text-align: center;
	width:300px;
        font-size: 90%;
	background:url(../images/cap.gif) no-repeat 0 0;
	
	margin: 0 0 5px 0;
}
.plainbox .last {
	
	width:286px;
        
	background:url(../images/base.gif) no-repeat 0 100%;
	padding:0 7px 7px 7px;

}

.plainbox li {
	font-family: Tahoma, Geneva, sans-serif;
	color: #069;
        font-size: 98%;
        margin-bottom : 3px;
	margin-left : 10px;
}


.plainbox li.fx {
         color: #000;
         font-size: 100%;
}




#systop {
	width: 845px;
        
        color: #DA7405;       
	height: auto;
        padding: 7px;
        margin-left: -9px;
  /*      background:url(../images/shorttop.gif) no-repeat 0 100%;  */
}
	
#syscolumn1 {
	background-color: #FFF;
	float: left;
	width: 235px;
	margin-top:10px;
	margin-left: 3px;
}
#syscolumn2 {
	background-color: #FFF;
	float: right;
	width: 235px;
	margin-top:10px;
        

}
#syscolumn3 {
	background-color: #FFF;
	width: 235px;
	margin-top:10px;
	margin-left:262px;
}
.sysbox {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	
         font-size: 92%;
	width:225px;
	margin:0 7px 12px;
	background:url(../images/medtile.gif) repeat-y 0 0;
}
.sysbox h4 {
	
        text-align: center;
	width:211px;
	background:url(../images/medcap.gif) no-repeat 0 0;
        color:#DA7405; 

	padding:7px 7px 5px 7px;
	margin: 0 0 0 0;
}
.sysbox .last {
	
	width:211px;
	background:url(../images/medbase.gif) no-repeat 0 100%;
	padding:0 7px 7px 7px;
}
.sysbox li {
	font-family: Tahoma, Geneva, sans-serif;
	color: #069;
        margin-top: 5px;
	margin-bottom : 3px;
	margin-left : 10px;
}
/*
#footer {
	clear: both;
	width: 974px;
	margin-left: 15px;
	background:url(../images/shortbtm.gif) no-repeat 0 100%;
}
*/
#report_col1 {
   width: 400px;
   float: left;
   margin-top:  10px;
   margin-left: 30px;
   display: inline;
   }
#report_col2 {
   width: 350px;
   margin-left: 450px;
}
#report_col3 {
	float:right;
	width: 150px;
	margin-right: 35px;
}
#google_ads {
	border: solid 1px #069;
	margin-top: 50px;
    margin-left: 675px;
    width:165px;

}

#google_ads120 {
	border: solid 1px #069;
	margin-top: 0px;
   
    width: 125px;
}
#google_ads300 {
	border: solid 1px #069;
	margin-top: 0px;
   
    width: 300px;
}
#google_ads728 {
  /*	border: solid 1px #069;   */
	margin-top: 10px;
    margin-left: 130px;
	margin-bottom: 15px;
    width:732px;
}
#google_ads936 {
  	   
	margin-top: 10px;
    margin-left: 20px;
	margin-bottom: 15px;
    width:960px;
}

#col2_head {
	margin-top: 340px;
}


#continue {
   text-align:right;
   margin-top: 40px;
   margin-left: 450px;
   width: 300px;
}


#bottom {
	clear: both;
	width: 845px;
        
	margin-left: -10px;
	background:url(../images/shortbtm.gif) no-repeat 0 100%;
}

#topten {
        width: 874px;
        float: left;
    /*    clear: both;   */
        margin-left: 30px;
        background-color: #FFF;
}
#topten h3 {
   font-family: Tahoma, Geneva, sans-serif;   
   text-align: center;
   border-bottom: none;
}
#topten h5 {
   font-family: Tahoma, Geneva, sans-serif;   
   text-align: center;
   border-bottom: none;
   
}


#topten a:visited {
   color: #039;
}

#topten a.back:visited {
    background-position: left -11px;
}
#topten a.more:visited {
    background-position: right 3.5px;
}
#topten a.back:hover {
   color:#c60;
   background-position: left -40px;
}
#topten a.more:hover {
   color:#c60;
   background-position: right -26px;
}


#viewarea {
        background-color: #FFF;
}

/*************  GEO DATA FORMATTING  *****************/
.geo_percentages, .geo_rk {
	clear: both;
	padding: 9px 0;
	list-style-type: none;
}
.geo_bar {
	background: #eee;
	float: left;
	height: 1em;
	margin-left: 10px;
	width: 100px;}
.geo_stat {
	background: #99CC99;
	float: left;
	height: 1em;}
.geo_number {
	float: left;
	text-align: right;
	height: 1em;
	margin-top: -3px;
	width: 4em;}
.geo_country {
	float: left;
	margin: -3px 0 0 10px;
	height: 1em;
}


#subform {
   
   clear: both;
   color:#000;
/*   font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;  */

   background-color: #FFF;

   padding:0 11px 25px 11px;
   float: left;
   width: 750px;
   margin-top:10px;
   margin-left: 15px;
}

#subform .text {
   color: #000;
   float: left;
   width: 230px;
   margin-right: 20px;
   text-align: right;
   clear: left;
   
}

/*
#submit {
   font-size: 110%;
   margin-left: 200px;
}
*/


#submit h4 {
   color:#DA7405;
   font-size: 110%;
}

#input {
   background-color:#FFFFCC;
   
}

#input:focus {
   background-color: #FDDO41;
}


#patient {
   
   float: left;  /*  for safari  */
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: .9em;
   
   width: 98%;
   border: 1px solid #DDB575;
   border-collapse: collapse;
   margin: 20px 0 0 15px;
   
    
}


#patient caption {
   
   text-align: center;
   color:#DA7405;
   font-size: 1.3em;
   padding-top: 25px;
   padding-bottom: 25px;
}


#patient td, #patient th {

/*   border: 1px solid #DDB575; */
   padding: 6px 7px 2px 7px;
   
}

#patient th {

   font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;
   text-transform:uppercase;
   text-align: left;
   font-weight: bold;
   padding-top: 5px;
   padding-bottom: 4px;
   background: url(../images/th_bg1.png) no-repeat left top;
   color: #FFF;
   border-color: #14556b;
}

  

#patient tr.alt td {
    background: url(../images/td_bg1.png) repeat-y left top;
}

#patient td.sex  {text-transform:uppercase;}



#rating { width: 8%; }

#reason { width: 7%; }

#side { width: 14%; }

#comments { width: 60%; }

#duration { width: 3%; }



#date { width: 9%; }


#drugtab {

   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: .9em;
   
   width: 80%;
   border: 1px solid #DDB575;
   border-collapse: collapse;
   margin-top: 20px;
   margin-left: 30px;
   
    
}


#drugtab caption {
   
   text-align: center;
   color:#DA7405;
   font-size: 1.2em;
   padding-top: 25px;
   padding-bottom: 25px;
}


#drugtab td, #drugtab th {

/*   border: 1px solid #DDB575; */
   padding: 10px 7px 10px 7px;
   font-size: 95%;
      
}

#drugtab th {

   font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;
   text-transform:uppercase;
   text-align: left;
   font-weight: bold;
   padding-top: 5px;
   padding-bottom: 4px;
   background: url(../images/th_bg.png) no-repeat left top;
   color: #FFF;
   border-color: #14556b;
}



#drugtab tr.alt td {
    background: url(../images/td_bg.png) repeat-y left top;
}

#drugtab td.report {
    font-size: 110%;
}

#name{ width: 25%; }

#category { width: 30%; }

#company { width: 20%; }

#report{ width: 25%; }



/* THE ASLETT CLEARING METHOD */
 
.clear:after {
  content: ".";
  display: block; 
  height: 0;
  clear: both;
  visibility: hidden;
 }
.clear {
   zoom:1;
}


/* star rating section */
.subRating .condition {
	font-size: 95%;
}
.catQuest {
	width: 309px;
	float: left;
	line-height: 21px;
}
.rateCriteria {
	padding: 0 0 10px 5px;
	margin: 10px 5px 0 10px;
	
}
.rateCriteria.noBorder {
	border-bottom: none;
}
.txtRate, .txtRateSelected {
	color: #069;
	font-size: 90%;
	font-weight: normal;
	text-align: left;
	width: 155px;
	right: 0;
	top: 7px;
	
	padding: 0;
	margin: 0;
}
/* tt */
h4.ttLink, p.category {
	font-size: 95%;
	padding: 0 0 5px 0;
	margin: 0;
}
h4.ttLink.subForm {
	position: relative;
	height: 10px;
	line-height: 10px;
	color: #006699;
}
h4.ttLink a:link, h4.ttLink a:visited, h4.ttLink a:hover, h4.ttLink a:active {
	color: #006699;
	font-weight: bold;
	padding: 0;
	margin:0;
	text-decoration: none;
	border-bottom: 1px dashed #006699;
}
#ratings_fmt p.category a:link, #ratings_fmt p.category a:visited, #ratings_fmt p.category a:hover, #ratings_fmt p.category a:active {
	color: #3e3e3e;
	font-weight: bold;
	padding: 0;
	margin:0;
	text-decoration: none !important;
	border-bottom: 1px dashed #3e3e3e;
}
h4.ttLink a:hover, p.category a:hover  {
	position: relative;
	background-color: #ffffcc;
}
h4.ttLink a:link span, h4.ttLink a:visited span, p.category a:link span, p.category a:visited span{
	display: none;
}
h4.ttLink a:hover span, p.category a:hover span  {
	color: #000;
	font: normal 90%/125% arial;
	display: block;
	position: absolute; 
	top: 0; 
	left: 0;
	z-index: 9999;
	background: #fff;
	width: 220px;
	min-width: 220px;
	min-height: 75px;	  
	padding: 2px 10px 2px 10px;
	margin: 15px 0px 0px 0px;
	border: 1px solid #d3d3d3;
}
p.category a:hover span  {
	width: 175px;
	min-width: 175px;
	min-height: 75px;	 
}
/*star rating */
.starRating,
.starRating a:hover,
.starRating a:active,
.starRating a:focus,
.starRating .current-rating{
	background: url(../images/star.gif);
}
.starRating {
	position:relative;
	width:100px;
	height:21px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.starRating li {
	display: inline;
}
.starRating a, 
.starRating .current-rating {
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:21px;
	line-height:21px;
	outline:none;
	overflow:hidden;
	border: none;
}
.starRating a:hover {
	background-position: left center;
}
.starRating a:active,
.starRating a:focus {
	background-position: left bottom;
}
.starRating a.one-star {
	width:20%;
	z-index:6;
}
.starRating a.two-stars {
	width:40%;
	z-index:5;
}
.starRating a.three-stars {
	width:60%;
	z-index:4;
}
.starRating a.four-stars {
	width:80%;
	z-index:3;
}
.starRating a.five-stars {
	width:100%;
	z-index:2;
}
.starRating .current-rating {
	z-index:1;
	background-position: left bottom;
}	
/* for an inline rater */
.inlineRating {
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
	float: left;
}

.error {
	background: #fffdec url(../images/formError.gif) no-repeat 99% 5px;
}
.rateCriteria.error {
	border: none;
}



.clearfix {display:inline-block;}