﻿body {
	background-image:url(../images/bg.png);
	font-family: arial, helvetica, sans-serif;
	font-size: 76%;
	margin: 0.5em 0 0 0;
	color: #333;
	text-align:center;	
}
#header {
	position: relative;height: 115px;
	left: 0;
	top: 0;
	background-image:url(../images/peoplebanner.png);
	background-repeat:no-repeat;
}
#main {
	margin-right:auto;
	margin-left:auto;
	padding:0;
	text-align:left
}
#center {
	width:1200px;
	margin-right:auto;
	margin-left:auto;
	padding:0;
	text-align:left
}
#supLinks {
	position: relative;
	font-size: 0.9em
	color:#fff;
	right:20px;
	text-align:right;
	top:68px;
	width:900;
}
#supImg {
	position:absolute ;
	right:450px;
	text-align:right;
	top:4px;
	width:900;
}

#supLinks a {color: #fff}
#supLinks a:active {background: #9ff}
#supLinks a span {color: #ffffff;}
#supLinks span {color: #ffffff;}
#linkBar {
	background:url(../images/menbgList.gif);
	position: relative;
	top: 0;
	left: 0;
	padding-left:1px;
	height: 1.9em;
	width: 1199px;
}
html>body #linkBar {top: -1em}
ol#m {
	position:relative;
	top: 0;
	margin-left: 0;
	list-style: none;
	/*Required for Opera*/
	margin-top: 0.1em;
	/*Required for mozilla*/
	padding-left: 0;
}
/*Menu item background*/
ol#m li {
	position: relative;
	top: 0;
	float: left;
	text-align: center;
	font-weight:bold;
	width: 12.3%;
	border-right: 1px solid #5B7997;
	border-left: 1px solid #5B7997;
	background: #7390AE url(../images/menbg.gif) repeat-x;
	padding: 0;
	list-style: none;
}	
/*Links in menu items*/
ol#m a { 
	display: block;
	white-space: nowrap;
	height: 1.7em;
	padding: 2px 0 0 0;
	text-decoration: none;
	color: #fff
}	
/*Selected menu item*/
ol#m a#selected {
	padding: 2px 0 0 0;
	height: 1.7em;
	text-decoration: none;
	background: #ccc url(../images/menbgsel.gif) repeat-x;
	color: #00204e
}
/*Keyboard active menu item*/
ol#m a:active {
	background: #7390AE url(../images/menbg.gif) repeat-x;
	display: block;
	white-space: nowrap;
	height: 1.7em;
	padding: 2px 0 0 0;
	text-decoration: none;
	color: #fff
}	
/*Mouse over (hover) menu item*/
ol#m a:hover {
	display: block;
	padding: 2px 0 0 0;
	height: 1.7em;
	border: 0px none;
	background: url(../images/menbgo.gif) repeat-x;
	color: #fff;
}

#contentHome 
{
	position: relative;
	width: 1200px;
	top: 0.5px;
	background: #ffffff;
}

html>body #contentHome {top: -6px}

#footer_new 
{
	width:1200px;
	position:relative;
	height:40px;
	background-image: url(../images/footer.png);
	background-repeat:no-repeat;
	background-position:center;
	top: 1.2em;
	margin: 0 0 2em 0;
}

#address 
{	
	width: 1000px;
	float:right;
	margin-left:144px;
	right: 18px;
	padding-top:2px;
	color: #fff;
	overflow:visible;
	text-align:right;
	position: relative;
	font-size: 0.9em;
}

#address a {color: #00b5e6}

#sidePanel 
{
	background: #ecf0f3 url(../images/newsfade.jpg) top no-repeat;
	left: 0px;
	padding: 0 8px 0 8px;
	width: 130px;
	height:100%;
	vertical-align:text-top;	
}
#sidePanel h2 {
	border-bottom: 1px solid #00b5e6;
	color:#00204e;
	font-size: 1.1em
}

div#newsPanel h2 {margin-top: 0.5em}

#bcrumb 
{
	margin-top:10px;
	font-size: 0.9em;
	top: 15px;
	left: 14.5em;
	/*border-bottom: 1px solid #00B5E6;*/
	height: 2em;
	color: #666
}

#main 
{
	margin-left:10px;
	margin-bottom:20px;
}

.systemMessage
{
    color: #FF9933;
    padding: 5px;
}
.reorderitem
{
	border: solid 1 #000000;
	background: #7390AE url(../images/fade01.gif) repeat-x;
	height:25px;
	cursor:move;	
	text-align:center;
	vertical-align:middle;	
	text-indent: 10px;
	list-style-type: none; 
	font-weight:bold;
	margin:1px 1px 1px 1px;
	
}

.reordernumber
{
	border: solid 1 #000000;
	background: #7390AE url(../images/fade01.gif) repeat-x;
	height:25px;
	width:40;
	cursor:move;	
	font-size: 1.1em;
	text-align:center;	
	vertical-align:middle;	
	text-indent: 10px;
	list-style-type: none; 
	font-weight:bold;
}

.reorderdrag
{
height: 23px; 
width: 20px; 
border-style:inset;
border-width:1px;
	background: #7390AE url(../images/fade02.gif) repeat-x;
 cursor:move;
}
ul 
{ 
  list-style-type: none; 
  margin: 0px; 
  padding: 0px; 
 } 
 
.ListData1 {text-decoration:none; font-size:10px; color:#999999; background-color:#f7f5f5;}
.ListData1:hover {text-decoration:none; font-size:10px; color:#c0c0c0; background-color:#f7f5f5; cursor:hand;}
.ListData0 {text-decoration:none; font-size:10px; color:#c0c0c0; background-color:#ffffff;}
.ListData0:hover {text-decoration:none; font-size:10px; color:#999999; background-color:#ffffff; cursor:hand;}
.ListTitle {text-decoration:none; font-size:12px; color:#999999;}
.ListTitle:hover {text-decoration:none; font-size:12px; color:#cccccc;}
.TitleBox {color:#484848; background-color:#f7f5f5; font-weight:normal; font-size:10px;border-top:solid 1px #cccccc;border-left:solid 1px #cccccc;border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc; cursor:hand;}
.TitleBox:hover {color:#484848; background-color:#eeeeee; font-weight:normal; font-size:10px;border-top:solid 1px #cccccc;border-left:solid 1px #cccccc;border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc; cursor:hand;}
.TitleBoxSelected {color:#484848; font-weight:bold; font-size:12px;border-top:solid 1px #cccccc;border-left:solid 1px #cccccc;border-right:solid 1px #cccccc;}

.QuickBox {background-color:#eeeeee; font-size:16px; height:30px; color:#1e5395; text-decoration:none;}
.QuickBox:hover {background-color:#c0c0c0; font-size:16px; height:30px; color:Red; text-decoration:none;}

.FieldTD {text-decoration:none; text-align:right; font-size:10px; color:#f7f5f5; background-color:#999999;}
.FieldTD:hover {text-decoration:none; text-align:right; font-size:10px; color:#f7f5f5; background-color:#b9b9b9;}
.DataTD {text-decoration:none; text-align:left; font-size:10px; color:#999999; background-color:#f7f5f5;}
.DataTD:hover {text-decoration:none; text-align:left; font-size:10px; color:#c0c0c0; background-color:#ebe9e9;}

.tablestyle
{  color:Black;	
    border-width:0px;
    /*
    font-size: 12px;border: solid 1px #7f7f7f;*/
}

.altrowstyle
{
    background-color: #F7F6F3;
}

.headerstyle th
{
   
	border-bottom: 1px solid #00b5e6;
	color:#00204e;
	font-size: 1.1em;
	/*background: url(Images/sprite.png) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;*/
    padding: 4px 5px 4px 10px;
    text-align:left;
    vertical-align: bottom;
}

.headerstyle th a
{	
	color:#00204e;
	font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    /*color: #000;*/
    display: block;
    padding-right: 10px;
}

.rowstyle .sortaltrow, .altrowstyle .sortaltrow
{
    background-color: #edf5ff;
}

.rowstyle .sortrow, .altrowstyle .sortrow
{
    background-color: #dbeaff;
}

.rowstyle td, .altrowstyle td
{
    padding: 4px 10px 4px 10px;
    /*border-right: solid 1px #cbcbcb;*/
}

.headerstyle .sortascheader
{
    background: url(Images/sprite.png) repeat-x 0px -100px;
}

.headerstyle .sortascheader a
{
    background: url(Images/dt-arrow-up.png) no-repeat right 50%;
}

.headerstyle .sortdescheader
{
    background: url(Images/sprite.png) repeat-x 0px -100px;
}

.headerstyle .sortdescheader a
{
    background: url(Images/dt-arrow-dn.png) no-repeat right 50%;
}
h2 {
	border-bottom: 1px solid #00b5e6;
	color:#00204e;
	font-size: 1.1em
}
#container {
	border: solid 1px #00b5e6;
}


#processMessage {  
  position:absolute;  
  top:50%;  
  left:43%; 
  padding:10px; 
  width:150px; 
  z-index:1001; 
  font-size:15px;
  font-weight:bold;
  background-color:#ffd102;
  filter:alpha(opacity=50); 
}  
#countdown   
{
	color:#00204e;
	font-size: 1.1em;
	font-weight:bold;
} 
/*Modal Popup*/
.modalPopupBackground {
	background-color:#ffd102;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	padding:0px;
}

.modalContainer
{
    width: 300px;
    border: solid 1px #808080;
    border-width: 1px 0px;
} 
.modalContainer2
{
    width: 500px;
    border: solid 1px #808080;
    border-width: 1px 0px;
} 

.modalHeader
{
    background-color: #f2f2f2;
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 3px 10px;
} 

.modalBody
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 30px;
} 
.modalBody2
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding-top: 1px;
    padding-left: 10px;
    padding-bottom: 5px;
} 

.modalFooter
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: none solid;
    border-width: 0px 1px;
    text-align:right;
    padding-bottom: 8px;
    padding-right: 8px;
} 


.clsDragWindow
{
	border:solid 2px #000000;
	background-color:#666666;
	filter:alpha( opacity=40 );
	position:absolute;
	display:none;
}

.SpecimenLoc
{
	font-weight: bold;
	font-size: 10pt;
	font-family: tahoma;
	text-align: center;
	cursor: pointer;
}
