/* CSS Document */

/* CSS Document */
/*Styles that are universal for bpac portal*/

body {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0;
	padding:0;
	background-color:#FFF;
	
	background-image:url(/Public/images/shad_cream_secure-bg.gif);background-repeat:repeat-y; background-position:left;
	
}
td{
	font-size:11px;
}
a:link, a:visited{
	text-decoration:none;
}
a:hover, a:active{
	text-decoration:underline;
}

#diamond{
	display:block;
}

.login {
	color:#FFF;
}
	
h1 {
	font-size: medium;
}
	
h2 {
	font-size:10px;
	font-weight:bold;
	display:inline;
}
		
#quicklink {
	background-image:none;
	background-color: rgb(235,243,246);
	border-right: 1px solid rgb(168,202,211);
	padding: 10px 10px 0px 20px;
	color: rgb(0,112,177);
	vertical-align:top;
}
	
#quicklink a:link, #quicklink a:visited, #quicklink a:active {
	color: rgb(0,112,177);
	text-decoration:none;
}

#quicklink a:hover {
	color: rgb(0,93,140);
	text-decoration:underline;
}

#searchbar {
	/*background: #f7f5df url(/Public/images/shad_cream_r.gif) repeat-y right;*/
	padding: 10px 9px 0px 10px;
	vertical-align:top;
    width:180px;
}
	
#searchbar h2 {
	color: rgb(45,95,37);
}
#searchbar table{
    width:180px!important;
}
.links {
	padding-top:4px;
	padding-bottom:4px;
}

#content {
	padding: 20px 10px;
	vertical-align:text-top;
}

.quicklinkbar {
	background-image:url(gfx/quickline.gif);
	background-repeat:repeat-x;
}

.formtext {
	color:#666;
/*	padding-left:40px;*/
	padding-top:2px;
	padding-bottom:2px;
}

.carttext {
	color:black;
/*	padding-left:40px;*/
	padding-top:2px;
	padding-bottom:2px;
}

#infobox {
	background-image:none;
	background-color:rgb(234,242,234);
	border: thin solid rgb(112,180,105);
	padding:5px;
}

#listings td{
	
	padding:3px;
	
}

#listings .details {
	padding-left:70px;
}

#searchbar a:link, #searchbar a:visited, #searchbar a:active {
	color:#000;
	text-decoration:none;
}

#searchbar a:hover {
	color: rgb(45,95,37);
	text-decoration:underline;
}

#toplink a:link, #toplink a:visited {
	color: #FFF;
	text-decoration:none;
}

#toplink a:hover {
	text-decoration:underline;
}
.header {
	background-image:url(gfx/green_headergradient.jpg);
	background-color:rgb(66,111,59);
	background-repeat:repeat-x;
	}
	
.buttons {
	background-image:url(gfx/green_buttongradient.jpg);
	background-color:rgb(66,111,59);
	background-repeat:repeat-x;
}

.searchline {
	background-color: rgb(112,180,105);
}

#infobox td a{
	color:#7A9A75;
	text-decoration:none;
}

#listings .seperateline {
	padding-left:70px;
	border-bottom:thin solid rgb(112,180,105);
}

#listings .line{
	border-bottom:thin solid rgb(112,180,105);
}

#cartline {
	border-bottom: 1px solid rgb(112,180,105);
}

#listings{
	background-image:none;
	background-color:#FFF;
}

#listings #detailsheader{
	padding:0;
	background-image:url("gfx/detailsheader_secure.gif");
	background-repeat:no-repeat;
	background-position:right;
}

/*top link refers to links in top right hand corner*/
#toplink {
	padding-right:8px;
	padding-top:5px;
}

#toplink a:active{
	color:#C6D3C2;
}

.productslist {
	color:#FFF;
	font-weight:bold;
	background-image:url(gfx/green_buttongradient.jpg);
	background-repeat:repeat-x;
}
a:link, a:visited{
		color:#3f6894;
		text-decoration:none;
}
a:hover, a:active{
		background:#d2d2d2;
}
/*html nav at bottom*/
.bottomnav{
	color:#666;
	position:relative;
	bottom:0; 
	left:210px; 
	text-align:center; 
	width:547px;
}
.bottomnav a:link, .bottomnav a:visited{
		color:#3f6894;
		text-decoration:none;
}
.bottomnav a:hover, .bottomnav a:active{
		background:#d2d2d2;
}
/*--------------------------------------------------
dropdown menu: www.htmldog.com/articles/suckerfish/dropdowns/
--------------------------------------------------*/
#nav, #nav ul {
	padding:0;
	margin:0;
	list-style: none; 
	line-height: 1.1;
	/*pretty stuff - puts borders in place but not visible - to be used later*/
	border: solid rgb(108,143,102);
	border-width: 0;
	font-size:12px;
	}

#nav a {
	display: block;
	margin-left:8px;
	margin-top:8px;
	/*pretty stuff*/
	color:#FFF;
}

/*displays top level horizontally*/
#nav li {
	float: left;
}

/*hides drop down menu*/
#nav li ul {
	position: absolute;
	width: 158px;
	left: -999em;
	border-width: 1px;
	margin-top: 0px;/*distance between top menu item and drop down list*/
}

/*does borders right for FF for second tier*/
#nav li ul li ul{
	/*width:156px;*/
	border-width:1px;
}

/*the magic*/
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

/*applies dropdowns after the first one*/
#nav li ul ul {
	margin: -1.5em 0 0 11em;
}

/*hides third tier menu until needed*/
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

/*displays third tier when mousedover*/
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
 left: -999em; 
}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { 
left: auto; 
}

nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
left: -999em;
} 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
left: auto;
}

/* Fix IE. Hide from IE Mac */
* html #nav ul li { 
	float: left; 
	height: 1%; 
	}
* html #nav ul li a { 
	height: 1%;
	}
/* End functioning menu css*/

/*pretty stuff for nav*/

#nav ul li a{
	background-color:rgb(45,95,37);
	width:150px;/*change width of drop-down menu here*/
	padding:4px;
	margin:0;
	}
	
#nav ul li ul li a{
	/*width:150px;change width of drop-down menu here*/
	}
	
#nav ul li a:hover{
	background-color: rgb(108,143,102);
	text-decoration:none;
}

#nav li a{
	background-image:url('gfx/green_divider.gif');/*divider between top menu items*/
	background-position:right;
	background-repeat:no-repeat;
	text-decoration:none;
	}
	
/*takes background images off drop-down menus*/
#nav ul li a{
	background-image:none;
}
	
/*specifying widths of each top level menu item*/
/*bpac online resources*/
#nav01 {
	width:100px;
	}
#nav01 a:hover{
	text-decoration:underline;
}
	
/*Clinical Performance Indicators*/
#nav02 {
	width:190px;
	}

/*Your Data*/	
#nav03 {
	width:75px;
	}

/*Resource Exchange*/
#nav04 {
	width:125px;
	}
#nav04 a:hover{
	text-decoration:underline;
}
	
/*contact us*/	
#nav05 {
	width:80px;
	}	
#nav05 a:hover{
	text-decoration:underline;
}

/*arrows to indicate another drop down (using class "more")*/
#nav li ul #more a{
	background-image:url(gfx/menuarrow.gif);
	background-position:115px;
	background-repeat:no-repeat;
}

#nav li ul #more ul li a{
	background-image:none;
}
/*------------end dropdown menu--------------*/

.dtree {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #000000;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	color: #000000;
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}
textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#FFF;
}
input{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#FFF;
}
select{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#FFF;
}