/* CSS Document */

/******************************************************************************
* Standard HTML Elements
******************************************************************************/
body
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#cccccc url(/images/bg.gif) repeat-x;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#000000;
}

a 
{
    color:#7189B0;
}

a:hover
{
    color:#5C706B;
} 

hr
{
 	border:0;
	width:100%;
	border-bottom:1px solid #ffffff;
}

ul 
{
	list-style:none;
	margin:0;
	padding:0;
}

h1
{
	font:14px Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	line-height:14px;
	margin:12px 0px 12px 0px;
	color:#7189B0;
	background-repeat:no-repeat;
	padding:0px 0px 0px 0px;
}

h2
{
    font:12px Verdana, Arial, Helvetica, sans-serif; 
	margin:12px 0px 12px 0px;
	font-weight:bold;
	color:#333333;
}

h3
{
	margin:12px 0px 8px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#4F4F00;
}

select
{
    border:#92a4c3 1px solid;
    height:17px;
    font:11px Verdana, Arial, Helvetica, sans-serif;
}

input
{
   font:11px Verdana, Arial, Helvetica, sans-serif;
}

textarea
{
   font:11px Verdana, Arial, Helvetica, sans-serif;
}

acronym 
{
	border-bottom:dashed 1px #4F4F00;
}

/******************************************************************************
* Position Layout DIV Elements
******************************************************************************/
#container 
{
	width:770px;
	text-align:left;
	margin:0px auto;
	position:relative;
}

#masthead
{
	width:770px;
	height:160px;
	margin:0;
	background:#C3DBF3 url(Images/grcop.gif);
    position:relative;
}

#logo
{
	position:absolute;
	margin:0px;
}

#services
{
	position:absolute;
	padding:0px;
	margin:92px 0px 0px 249px;
	z-index:10;
	left:-84px;
	top:-89px;
}

#utility 
{
	clear:both;
	margin:0;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	position:absolute;
	left:0px;
	top:106px;
	width:400px;
	background: url(Images/search_bg.jpg) repeat-y;
	padding:10px 0 10px 15px;
	z-index:1;
}


/***********************<<CHILD ITEMS<< #utility */
#utility a
{
	color:#000000;
	text-decoration:none;
}

#utility a:hover
{
	color:#92a4c3;
	text-decoration:none;
}
/***********************>>CHILD ITEMS>> #utility */

#pageContainer
{
	background:#ffffff url(/images/background.gif) repeat-y;
	width:770px;
	padding:10px 0px 1px 0px;
	clear:both;
}

#AdminMenu
{
    position:absolute;
    left:-150px;
    top:160px;
    width:150px;
}

#main
{
	padding:10px 30px 30px 30px;
	margin-bottom:300px;
}

/***********************<<CHILD ITEMS<< #main */
#main ol
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	color:#000000;
	margin:0px 0px 0px 50px;
	padding:0;	 
}

#main ol li
{
    padding:0px 0px 6px 0px;
}

#main ul
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#000000;
	margin:0px 0px 0px 50px;
	padding:0;
}

#main ul li 
{
	list-style:circle;
	list-style-position:outside;
	padding:0px 6px 6px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
}

/***********************>>CHILD ITEMS>> #main */

.EditPanel 
{
    position:relative;
    left:0px;
    top:0px;
    width:100%;
    background-color:#C6DCF4;
    padding:10px;
    z-index:500;
}

/***********************<<CHILD ITEMS<< EditPanel */

.EditPanel .FormButton 
{ 
    border:outset 1px #92a4c3;
    background-color:#fcfccf;
    width:75px; 
    margin-right:3px;
}

.EditPanel .FormButton:hover 
{ 
    border:outset 1px #92a4c3;
    background-color:#cfcfcf; 
}
        
/***********************>>CHILD ITEMS>> EditPanel */

.featurebox{
	margin:0 0 16px 20px;
	padding: 20px;
	background:#e2e2e2 url(/images/featurebox.gif) bottom right no-repeat;
	border-top:3px solid  #999999;
	float: right;
}

/***********************<<CHILD ITEMS<< featurebox */

.featurebox { z-index: 3; }

.featurebox h3{
	font-size:120%;
	font-weight:900;
	color:#ffffff;
	border-bottom:1px solid #333333;
	background:#82d205;
	position:relative;
	margin:0px;
	padding:4px;
}
.featurebox p {
	background:url(/images/icon_pdf.gif) left center no-repeat;
	margin:10px;
	padding:4px 0px 0px 30px;
	color:#000000;
}
.featurebox p a{

	color:#000000;
}

/***********************>>CHILD ITEMS>> featurebox */

#commonMessage
{
    margin:0px;
    padding:5px 0 0 30px;    
	color:#2D3A51;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	float:left;
}

#trialSearch
{
	margin:0 0 0 430px;
	padding:5px 0 0 0;
	color:#2D3A51;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	z-index:11;
}

#siteSearch
{
	margin:0;
	padding:1px 0 1px 30px;
	color:#5c6c88;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;	
	position:absolute;
	left:180px;
	top:114px;
	z-index:12;
	
}
#featureImage
{
	margin:0;
	position:absolute;
	right:0;
	top:0;
	z-index:3;
	
	
}

#footer
{
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	padding:0px 10px 50px 10px;
}

/***********************>>CHILD ITEMS>> #footer */

#footer a
{
	color:#333333;
	text-decoration:underline;
}
	
#footer a:hover
{
	color:#FFFFFF;
	text-decoration:none;
}
	
/***********************<<CHILD ITEMS<< #footer */

#map /*Homepage Map*/
{
    padding:10px 50px 0 50px
}

#print
{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	background:url(images/print.gif) right no-repeat;
	padding: 0 20px 0 0;
	margin-bottom:5px;
	text-align:right;
	z-index:1;
}

#notice
{
    background:#e2e2e2;
    border:#cccccc 1px solid;
    font:10px Verdana, Arial, Helvetica, sans-serif;
    padding:10px 10px 10px 10px;
    margin:0px 0px 10px 0px;
}

/******global navigation *********/
#globalNav
{
    margin:0;
    padding:0;
    height:22px;
    background:#92a4c3 url(Images/nav_bg.gif) repeat-x;
    
    border-bottom:#718099 1px solid;
   	z-index:999;
}

ul#globalLinks 
{
    padding:0;
    margin:0;
    list-style-type:none;
    line-height:normal;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    text-align:left;
     z-index:1000;
   
}

ul#globalLinks li
{
    padding:0;
    margin:0; 
	border: 0 none;  
    float:left;
    display:inline;
	position:relative;

  
}

/** hide dropdown nav **/
ul#globalLinks ul 
{
    font-family:Verdana;font-size:10px; color:#ffffff; text-decoration:none;
    margin:2px 0 0 0;
    border:0 none;
    padding:0;
    display:none;
	position:absolute; 
    top:18px;
	left:0;
	background:#fff;
	z-index:1005;
	
}

ul#globalLinks ul li 
{
    float:none; /*For Gecko*/
	display:inline;
}

#globalLinks a, 
#globalLinks a:link, 
#globalLinks a:active, 
#globalLinks a:visited
{
	float:left;
	display:block;
	margin:0px;
	text-decoration:none;
	color:#FFFFFF;
	padding:4px 6px 4px 6px;
	border-left:#b4c3dc 1px  solid;
	border-right:#7c8ca6 1px  solid;
	font-weight:bold;
	
}

#globalLinks  a:hover 
{
    background:#b1d0ee;
    color:#000000;
}

select.iehide
{
    visibility:hidden;
    display:none;
}

/* show dropdown nav */
ul#globalLinks li:hover ul li, 
ul#globalLinks li.iehover ul li 
{
	padding:0;
	margin:0;
}

ul#globalLinks li:hover ul, 
ul#globalLinks li.iehover ul

{
 	background:#AACCEE;
	width:200px; /* width of drop down navigation items */
}

ul#globalLinks li:hover li a, 
ul#globalLinks li:hover li a:link,
ul#globalLinks li:hover li a:visited,
ul#globalLinks li.iehover li a,
ul#globalLinks li.iehover li a:link,
ul#globalLinks li.iehover li a:visited
{
    float:none;
    color:#000000;
    border-bottom:1px solid #9dc1e4;
    padding:3px 4px 3px 7px;
    margin:0;
	line-height:normal;
	background:#b1d0ee;  
	width:189px; /*width of drop down navigation items - R and L padding */
	z-index:999;
}

/* 2nd Menu Hover Persistence */
ul#globalLinks li:hover li a:hover,
ul#globalLinks li:hover li:hover a,
ul#globalLinks li.iehover li a:hover,
ul#globalLinks li.iehover li.iehover a 
{
	background:#D2E5F7 ;
		margin:0;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
! Do Not Move - Must Come Before display:block for Gecko 
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
ul#globalLinks ul ul,
ul#globalLinks ul ul ul 
{
  display:none;
  position:absolute;
  top:0;
  left:160px;
}

ul#globalLinks li:hover ul ul,
ul#globalLinks li:hover ul ul ul,
ul#globalLinks li.iehover ul ul,
ul#globalLinks li.iehover ul ul ul 
{
    display:none;
}

ul#globalLinks li:hover ul,
ul#globalLinks ul li:hover ul,
ul#globalLinks ul ul li:hover ul,
ul#globalLinks li.iehover ul,
ul#globalLinks ul li.iehover ul,
ul#globalLinks ul ul li.iehover ul 
{
    display:block;
}

/******************************************************************************
* Form Formatting
******************************************************************************/
.searchTextbox
{
    border:#92a4c3 1px solid;
    height:15px;
    font:11px Verdana, Arial, Helvetica, sans-serif;
    width:150px;
}

.FormTable
{
    width:100%;
}

.FormField 
{
    border:#92a4c3 1px solid;
    font:11px Verdana, Arial, Helvetica, sans-serif;
    width:95%;
}

.EditPanel
{
    width:100%;
}

.FormLabel 
{
   font:11px Verdana, Arial, Helvetica, sans-serif; 
    font-weight:bold;
}

.FormErrorsContainer 
{
    border:solid 1px red;
    background-color:#dccdcc;
    margin:5px 0px 10px 0px;
}

.FormErrors
{
    font:11px Verdana, Arial, Helvetica, sans-serif; 
    color:Black;
}

/******************************************************************************
* Protocol Table Formatting
******************************************************************************/
.title{border:1px solid #92A4C3; background:#C5DCF2; font:13px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding:9px; margin:20px 0;}
caption{background:#e2e2e2;  text-align:left; margin:0; padding:8px 0 8px 20px; font:11px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin:10px 0 0 0}
.ProtocolListTable {border-collapse:collapse; font:11px Verdana, Arial, Helvetica, sans-serif;width:100%;margin-top:5px; }
.ProtocolListTable tr.total td{font-weight:bold; border-top:solid 1px #333333}
.ProtocolListTable tr.shade{background:#E2E2E2;}
.ProtocolListTable tr {border-bottom:#E2E2E2 1px solid;}
.ProtocolListTable tbody td {padding:12px 2px 6px 2px;vertical-align:top;border-bottom:#E2E2E2 1px solid;}
.ProtocolListTable td.labels {color:#666666;font-size:9.4px; line-height:14px;}
.ProtocolListTable thead{border:3px solid #ccc; background:#e2e2e2;}
.ProtocolListTable th {text-align:left;  background:#e2e2e2; padding:5px 1px 5px 3px; width:16%;}

.ProtocolListTable .ProtocolListAttributeTable {border-collapse:collapse; font:11px Verdana, Arial, Helvetica, sans-serif;width:100%;margin-top:0px; }
.ProtocolListTable .ProtocolListAttributeTable tr{border:none;}
.ProtocolListTable .ProtocolListAttributeTable td {padding:0px 0px 0px 6px;vertical-align:top;border:none;}
.ProtocolListTable .ProtocolListAttributeTable td.labels {color:#666666; font-size:9.4px; vertical-align:top;text-align:right;white-space:nowrap;}

/******************************************************************************
* ProfileTable Formatting
******************************************************************************/
.title{border:1px solid #92A4C3; background:#C5DCF2; font:13px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding:9px; margin:20px 0;}
caption{background:#e2e2e2;  text-align:left; margin:0; padding:8px 0 8px 20px; font:11px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin:10px 0 0 0}
.ProfileTable {border-collapse:collapse; font:11px Verdana, Arial, Helvetica, sans-serif;width:100%; }
.ProfileTable tr.total td{font-weight:bold; border-top:solid 1px #333}
.ProfileTable tr.shade{background:#E2E2E2;}
.ProfileTable tr{border-bottom:solid 1px #f2f2f2;}
.ProfileTable td {padding:6px 2px 6px 2px;vertical-align:top;border-bottom:solid 1px #f2f2f2;}
.ProfileTable td.labels {color:#666666;  font-size:9.4px; line-height:14px;}
.ProfileTable thead{border:3px solid #ccc; background:#e2e2e2;}
.ProfileTable th {text-align:left; background:#e2e2e2; padding:8px 1px 8px 20px; width:16%;}

/*  map location list */
#locations
{
    padding:20px 0 20px 20px;
}

#locations li
{
    font-size:50%;
    color:#666666;
}

/******************************************************************************
* Independent Classes
******************************************************************************/
.bold
{
    color:#666666;  
    line-height:14px;
}

.labels
{
    color:#666666;  
    font-size:9.4px; 
    line-height:14px;
}		

.SiteContentContainer
{
    width:600px;
}


/******************************************************************************
* Admin Editor Classes
******************************************************************************/
#Editor * { font-family:Verdana,Arial,Sans-Serif; }
#Editor .EntityListContainer { width:700px;height:150px;overflow:scroll;padding:2px;border:solid 1px #cdcdcd; }
#Editor .EntityDetailContainer { width:700px; }
#Editor .CommandBar { text-align:right; }
#Editor .FormButton { border:outset 1px #92a4c3;background-color:#fcfccf;width:125px; }
#Editor .FormButton:hover { border:outset 1px #92a4c3;background-color:#cfcfcf; }
#Editor .EntityFormContainer { width:100%; }
#Editor .FormTextBox { width:400px; }
#Editor .FormDropDown { width:400px; }
#Editor .FormCtrlStyle { width:400px; }
#Editor .PropertyTable { width:100%; margin:10px 0px 10px 0px; } 
#Editor .PropertyTable td { vertical-align:top; } 
#Editor .PropertyLabel { width:20%;vertical-align:top;font-family:Verdana;font-size:7pt;line-height:9pt;font-weight:bold;text-align:right;padding:3px 10px 3px 0px;color:#92a4c3; }
#Editor .PropertyValue { width:80%;vertical-align:top;padding:3px 0px 3px 10px; }
#Editor .PropertyValueFull { width:100%;vertical-align:top;padding:3px 0px 3px 10px; }
#Editor .PropertyValue span { font-size:7pt;line-height:9pt;font-weight:normal;color:#333333; }
#Editor .PropertyValue label { font-size:7pt;line-height:9pt;font-weight:normal;color:#333333; }
#Editor .EditorList{ font-weight:normal;padding:0;margin:0  }
#Editor .EditorList li { font-family:Verdana;font-size:7pt;line-height:9pt;font-weight:normal;color:#333333;padding:0;margin:0 }
#Editor .EditorGrid { width:100%; }
#Editor .EditorGridHeader th { background-color:#92a4c3;color:#ffffff;font-weight:normal;font-size:7pt;line-height:9pt; }
#Editor .EditorGridRow td { font-size:7pt;line-height:9pt;color:#333333; }
#Editor .EditorGridRow:hover { border:solid 1px red; }
#Editor .EditorGridRowB td { background-color:#cfcfcf;font-size:7pt;line-height:9pt;color:#333333; }
#Editor .EditorGridSelected td { background-color:#fcfccf;font-size:7pt;line-height:9pt;color:#333333; }
#xEditingArea { font-family:verdana; }
#SortEditor .ReorderListContainer {  position:relative;width:700px; }
#SortEditor .CallbackStyle { border:solid 2px red;}
#SortEditor ul { margin-left:0px; } 
#SortEditor ul li { list-style-image:none;list-style-position:outside;list-style-type:none;width:670px; }
.LocationMarker { position:absolute;left:0;top:0;visibility:hidden; }


@media print 
{
    body
    {
        background: #ffffff;
    }
    #logo, #featureImage, #services, #utility, #siteSearch, #globalNav, #commonMessage, #trialSearch, #print
    {
        display:none;
    }
    #masthead
    {
	    width:770px;
	    height:100px;
	    margin:0;
	    overflow:hidden;
	    background:#C3DBF3 url(Images/grcop.gif);
        position:relative;
    }
}

.downloadTable p { margin:0px 0px 0px 0px;}