/**************************************************************************/
/*
LightPurple = #DED5FD;
MidLightPurple = #D2C2FC;
MidPurple = #8453B5;
DarkPurple = #42275C
*/

html 
{
	height: 100%; 
	padding: 0px; 
	margin: 0px; 
	border: 0px; 
	font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
	overflow: auto; 
}
body 
{
	height: 100%; 
	width: 1255px;
	font-family: Verdana;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
h1
{
	font-size: 24px;
}
h2
{
	font-size: 18px;
}
h3
{
	font-size: 14px;
}
#header
{
	position: fixed; left:-30px;
	margin: 0px; 
	display: block; 
	width: 1280px; 
	height: 176px; 
	background: url(top.jpg) no-repeat white; 
	z-index: 5; 
	color: #fff;
}
#left 
{
	position: fixed; left: 0px; top: 0; height: 960px; width: 276px; 
	background: url(left.jpg) no-repeat white fixed; background-position: -30px 176px; 
	color:#fff; z-index:4;
}
#content 
{
	display: block; height: 100%; max-height: 100%; max-width: 964px;
	padding-left: 286px; 
	position: relative; z-index: 3; vertical-align: top;
}
#pad1 {display: block; height: 176px; float: left;}
.pad2 {display: block; height: 176px;}
.pad2 :hover {width: 1280px}

.secureleftnav
{
	float: left;
	background: #DED5FD;
	height: 784px;
	width: 173px;
	font-size: 8pt;
}
.secureleftnav a
{
	text-decoration: none;
}
.secureleftnav a:hover
{
	background: Lavender;
}
.menusection
{
	font-weight: bold;
	height: 24px;
	vertical-align: bottom;
}
.identity 
{
	font-weight: bold;
	text-align: right;
}
.securecontent
{
	width: 781px;
	float: left;
	margin-left: 10px;
}
.contentcontainer
{
	border-collapse: collapse; 
	padding: 4px;
	width: 100%;
	border: 0px;
}

.gridheader
{
	background: #8453B5;
	font-size: 8pt;
	font-family: Tahoma;
	font-weight: bold;
	color: White;
}
.gridheader a
{
	color: White;
}
.griditem
{
	background: #DED5FD;
	font-size: 8pt;
	font-family: Tahoma;
}
.altgriditem
{
	background: #D2C2FC;
	font-size: 8pt;
	font-family: Tahoma;
}
.gridfooter
{
	background: #DED5FD;
	font-size: 8pt;
	font-family: Tahoma;
	font-weight: bold;
	text-align: right;
	vertical-align:top;
}

.dataentrytableheader
{
	background: #8453B5;
	font-size: 10pt;
	font-weight: bold;
	color: White;
}
.dataentrytable
{
	background: #DED5FD;
	font-size: 10pt;
}

.datacontrol
{
	font-family: Verdana;
	font-size: 10pt;
}

.successtext 
{
	color: Green;
}
.errortext 
{	
	font-weight: bold;
	color: red;
	empty-cells: hide;
}
/*******************************************************************************/
#mainmenu 
{
	height: 60px;
	width: 181px;
	padding: 20px 0 0 5px;
	margin: 0px;
	background: transparent;
	position: absolute; 
	top: 170px;
	left: 10px;
	float:left;
	list-style:none;
}
#mainmenu .mainmenu_selections { list-style:none;}
#mainmenu .mainmenu_selections li {margin: 1px;}
#mainmenu .mainmenu_selections a 
{
	display:block; 
	height:60px;
	width:181px;
	float:left; 
	text-decoration:none; 
	white-space:nowrap; 
	
}
#mainmenu .mainmenu_selections a.home {background:url(home.png) no-repeat left top;}
#mainmenu .mainmenu_selections a.aboutus {background:url(about.png) no-repeat left top;}
#mainmenu .mainmenu_selections a.news {background:url(news.png) no-repeat left top;}
#mainmenu .mainmenu_selections a.contact {background:url(contact.png) no-repeat left top;}
#mainmenu .mainmenu_selections a.home:hover {background:url(home.png) no-repeat right top;}
#mainmenu .mainmenu_selections a.aboutus:hover {background:url(about.png) no-repeat right top;}
#mainmenu .mainmenu_selections a.news:hover {background:url(news.png) no-repeat right top;}
#mainmenu .mainmenu_selections a.contact:hover {background:url(contact.png) no-repeat right top;}

/***************************************/
#flymenu 
{
	height:82px;
	width:82px;
	padding: 20px 0 0 5px;
	margin:0;
	background: transparent;
	position: absolute; 
	top: 406px;
	left: 50px;
	font-family: Verdana; 
	font-size:12px;
	float:left;
	list-style:none;
}
#flymenu ul
{
	list-style: none;
}
#flymenu li 
{
	float:left;
}
#flymenu .select li {margin: 1px;}
#flymenu .select a 
{
	display:block; 
	height:82px;
	width:82px;
	float:left; 
	text-decoration:none; 
	white-space:nowrap; 
}
#flymenu b {position:absolute; left:-9999px;}
#flymenu .select a.order {background:url(order_large.png) no-repeat left top;}
#flymenu .select a.quote {background:url(quote_large.png) no-repeat left top;}
#flymenu .select li:hover {position:relative;}
#flymenu .select a:hover, 
#flymenu .select li:hover a {
	background-position: left bottom; 
	cursor:pointer;
	position:relative;
}
#flymenu ul ul {display:none;}
#flymenu .sub 
{
	display:none;
	margin:0; 
	padding:0;
	list-style:none;
	background: #7942C1;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
}
#flymenu .sub li {background:transparent; height:41px; line-height:41px}
#flymenu .sub li.item {font-weight:bold; color:#00ff00; padding-left:10px;}
#flymenu .select :hover .sub {
	height:40px;
	display:block; 
	position:absolute;
	float:left;
	width:950%;/*710px;*/
	top:0; 
	left:82px; 
	text-align:center;
}
#flymenu .select :hover .sub li a 
{
	display:block; 
	height:31px; 
	width:auto; 
	line-height:31px; 
	float:left; 
	padding:0 10px; 
	margin:5px 0; 
	white-space:nowrap; 
	color: #E9E9F3; /* light purple */
	font-size:12px; 
	border-right:1px solid #ddd;
}
#flymenu .select :hover .sub li a.last {border:0;}
#flymenu .select :hover .sub li a:hover {color:#fff; line-height:29px;}
#flymenu .select :hover .sub li a.more {color:Navy;}
#flymenu .select :hover .sub li a.more:hover {color:Navy;line-height:29px;}

/*** Used for submenus on the left nav ****/
#flymenu .sub2 
{
	display:none;
	margin:0px; 
	padding:0px;
	list-style:none;
	background: #7942C1;
	top:39px;
}
#flymenu .select :hover .sub :hover .sub2 {
	height:auto;
	display:block;
	position:absolute;
	width:auto;
	top:39px; 
	left:10px; 
	text-align:center;
	margin:0px;
	float: none;
}
#flymenu .select :hover .sub :hover .sub2 li 
{
	float: none;
	display:block; 
	width:auto; 
	padding:0 0px; 
	margin:0px 0; 
	white-space:nowrap; 
	font-size:12px; 
}

#flymenu .select :hover .sub :hover .sub2 li a
{
	border:0px;
}

/******* Used for popup windows ************************************************/
.popup 
{
	height:150px;
	width:150px;
	float:left;
	background-color:Transparent;
}
.popup a 
{
	height:150px;
	width:150px;
	float:left; 
	text-decoration:none; 
}
.popup b {position:absolute; left:-9999px;}
.popup a.trials {background:url(ClinicalTrials.png) no-repeat}
.popup a.diagnostics {background:url(Diagnostics.png) no-repeat}
.popup a.analytics {background:url(Analytics.png) no-repeat}
.popup a.nnrd {background:url(NNRD.png) no-repeat}
.popup .raised li {height:20px;line-height:20px;}
.popup .raised li.item {font-weight:bold; color:#00ff00; padding-left:10px;}
.popup .raised
{
	display:none;	 
}
.popup:hover .raised 
{
	background: transparent;
	top:-100px; 
	left: 100px;
	height:auto;
	width:240%;
	display:block; 
	position:relative;
	float:left;		
}
.raised h2{margin:0px 10px;color:#fff;}
.raised .boxcontent {display:block;  background:#ccc; border:1px solid #fff; border-right:1px solid #7942C1; border-bottom:1px solid #7942c1;}
.raised .boxcontent li.continued {display:block;list-style-type:none;}

/******* Used for popup windows in grid ************************************************/
.gridpopup 
{
	float:left;
	background-color:Transparent;
}
.gridpopup a 
{
	float:left; 
	text-decoration:none; 
}
.gridpopup .item 
{
	float:left; 
	text-decoration:none; 
}
.gridpopup b {position:absolute; left:-9999px;}
.gridpopup .raised li {height:20px;line-height:20px;}
.gridpopup .raised li.item {font-weight:bold; color:#00ff00; padding-left:10px;}
.gridpopup .raised
{
	display:none;	 
}
.gridpopup:hover .raised 
{
	background: transparent;
	left: 600px;
	height:auto;
	width:310px;
	display:block; 
	position:absolute;
	float:left;		
}
.raised h2{margin:0px 10px;color:#fff;}
.raised .boxcontent {display:block;  background:#ccc; border:1px solid #fff; border-right:1px solid #7942C1; border-bottom:1px solid #7942c1;}
.raised .boxcontent li.continued {display:block;list-style-type:none;}
/**************************************************************************/
.quoteicon {float:left; background:url(quote.png) no-repeat left top; height:41px; width:40px; margin:0; padding:0;}
.quoteicon a {display:block; height:40px; width:auto; line-height:41px; white-space:nowrap; text-decoration:none;}
.quoteicon:hover {cursor:pointer; background:url(quote.png) no-repeat left bottom; height:41px; width:40px;}
.shopicon {float:left; background:url(order.png) no-repeat left top; height:41px; width:40px; margin:0; padding:0;}
.shopicon a {display:block; height:41px; width:auto; line-height:41px; white-space:nowrap; text-decoration:none;}
.shopicon:hover {cursor:pointer; background:url(order.png) no-repeat left bottom; height:41px; width:40px; }

/***** Clinical Trials page *********/
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #8453B5; width:75px; height:47px; float:left; margin:4px; z-index:50; outline:none;}
a.slidea {background:url(Thumb1.png);}
a.slideb {background:url(Thumb2.png);}
a.slidec {background:url(Thumb3.png);}
a.slided {background:url(Thumb4.png);}
a.slidee {background:url(Thumb5.png);}
a.slidef {background:url(Thumb6.png);}
a.slideg {background:url(Thumb7.png);}
a.slideh {background:url(Thumb8.png);}
a.slidei {background:url(Thumb9.png);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}
#container_left {position:relative; width:600px; height:305px; background-color:#DFD5FD; border:1px solid #8453B5; margin:1em auto;}
#container_left img {border:0;}
#container_left .thumbs {width:170px; position:absolute; left:0; top:0;}
#container_left a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:265px; left:175px; padding:5px; font-style:italic; color:#8453B5;  z-index:100;}
#container_left a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_left a.gallery:active, #container_left a.gallery:focus {border:1px solid #000;}
#container_left a.gallery:active em, #container_left a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:5px; left:180px; padding:5px; color:#000; border:1px solid #8453B5; z-index:50;}
#container_left h1 {clear:both; margin:0; padding-top:40px; padding-left:250px; width:300px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#8453B5;}
#container_left h1 em {font-size:0.6em; color:#000;}

/***** Accordion Styles *****/
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: #42275C;
    background: #DED1EB;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
    padding: 5px;
    margin-top: 2px;
    cursor: pointer;
}

.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background: #8453B5;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background: #DED1EB;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionContent th
{
    font-weight: bold;
    vertical-align: top;
    text-align: right;
    width: 100px;
    padding-right:10px;
}

.accordionContent th a
{
    color: White;
}