/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */

/*
 * Body
 */
body {
  margin: 0;
  padding: 0;
}

#upperlogos{
	width:980px;
}
#upperlogos #leftlogo{
	background:url(../images/mghlogo_small.jpg) left center no-repeat;
	width:33%;
	height:50px;
	float:left;
}

#upperlogos #midlogo{
	background:url(../images/research_flask_long_blue.jpg) center no-repeat;
	width:33%;
	height:50px;
	margin-left: auto;
	margin-right: auto;
	float:left;
	z-index:100;
}

#upperlogos #rightlogo{
	background:url(../images/hmsgeneticslogo.png) right center no-repeat;
	width:33%;
	height:50px;
	float:left;
}
/*
 * Header
 */

div#sitetitle /* The name of the website */ {
	background:url(../images/blackbanner.gif) center top no-repeat;
	height:60px;
	width:980px;
  	margin:0;
  	font-size:2em;
  	line-height:1.5em;
	float:left;
}

a:link, a:visited{
	text-decoration:none;
	/* text-decoration:underline;	problem for footer links, would have to replace */
	color:#006;
	/* font-weight:600;	too strong */
}

/*
 * Main (container for everything else)
 */
#main-wrapper {
	width:980px;
	background:url(../images/mainpagesbackgroundshadows.png) top center no-repeat;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:1.25em;
}

main {
	width:980px;
}

/*
 * Content
 */

img.member{
	float:left;
	margin:5px 4px 5px 4px;
	width:82px;
	height:107px;
}
div.image{
	float:right;
	margin-left:15px;
	width:250px; /* 190px; */
	padding-right: 5px;
	margin-top:-20px;
}
div.image div{
	width:220px;
	padding-left:5px;
}
#content .section {
	margin-left:5px;
	margin-right:15px;
	min-height:430px;
}
#content .section table.member,
#content .section table.pastmember{
	font-size:12px;
	border:0px;
	width:100%;
}
#content .section table.member td{
	margin-left:100px;
	margin-right:50px;
	padding-bottom:15px;
}
#content .section table.pastmember td{
	margin-left:100px;
	margin-right:50px;
}
#content .section table.member td img{
	padding-right:8px;
}
#content .section table.member td.nophoto{
	margin-left:10px;
	margin-right:0px;
}
#content .section table.member a,
#content .section table.member a:visited,
#content .section table.member a:link,
#content .section table.pastmember a,
#content .section table.pastmember a:visited,
#content .section table.pastmember a:link{
	color:#2b1e7d;
	
}
#content .section table.member a:hover,
#content .section table.pastmember a:hover{
	color:#666666;
}

.breadcrumb /* The path to the current page in the form of a list of links */ {
  padding-bottom: 0; /* Undo system.css */
}

h1/* The Lab title of the infoblock */{
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:fff;
	line-height:1em;
}
.textbold{
	font-weight:bold;
	font-size:13px;
}
span.title1,
div.head1{
	/*color:#006;*/
	color:#004d83;
}
span.title2,
div.head2{
	color:#09C;
}

span.title3 {
	color:#F00;
	font-weight:bold;
	font-size:13px;
	
}

span.title4 {
	font-weight:bold;
	font-size:13px;
	
}
span.title1,span.title2,div.head1,div.head2,div.head3{
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	line-height:1.3em;
	font-weight:bolder;
}
span.positiontitle/* used by the members.module */{
	font-style:italic;
	color:#2b1e7d;
}
span.rightside{
	float:right;
}
p{
}

div.tabs /* See also the tabs.css file. */ {
	margin-left:300px;
}

div.form-item /* somewhere else, this is set to be bold. over-riding that. */ { 
	font-weight:normal;
}

/*
 * First sidebar (on left in LTR languages, on right in RTL)
 * contains the leftnav menu when used
 */
 
.region-sidebar-first {
	padding-left:20px;
}

.region-sidebar-first ul.menu{
	padding-left:0px;
}

.region-sidebar-first ul.menu li{
	color:#2f6e9d;
	width:200px;
	list-style:none;
	line-height:1.5em;
	padding-left:5px;
}
	
.region-sidebar-first ul.menu li a{
	display:block;
	background: url(../images/leftnav.gif) right no-repeat;
	width:200px;
	font-weight:bolder;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#2f6e9d;
}

.region-sidebar-first ul.menu li a.active,
.region-sidebar-first ul.menu li a.active-trail,
.region-sidebar-first ul.menu li a.active-trail:hover,
.region-sidebar-first ul.menu li a.active:hover {
	color:#000;
	background: url(../images/leftnavactive.gif) right no-repeat;
	width:200px;
}

.region-sidebar-first ul.menu li a:hover{
	background: url(../images/leftnavover.gif) right no-repeat;
	color:#f98a00;
}

.region-sidebar-first h2.block-title a:hover{
	color:#f98a00;
}

.region-sidebar-first h2.block-title a{
	font-weight:bolder;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#000;
	width:200px;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
}

.region-sidebar-first h2.block-title a.active{
	display:block;
	background-color:#999;
	color:#fff;
	width:180px;
	
}

.region-sidebar-first .section,
.region-sidebar-second .section {
	width:180px;
	margin:0px;
	padding:0px;
}

/*-------------- The horizontal navbar of the lab and department pages----------*/

.region-content ul.menu{
	background:url(../images/labnavbar.png) top right no-repeat;
	display:block;
	width:695px; /*713px to get right to the edge of the side shadow*/
	font-weight:bolder;
	text-transform:uppercase;
	font-size:12px;
	padding-left:25px;
}

.region-content ul.menu li{
	padding:0px;
	line-height:3.5em;
	list-style:none;
	display:inline;
}

.region-content ul.menu li a{
	color:#2f6e9d;
	display:inline-block;
	padding-left:15px;
	padding-right:25px;
}

.region-content ul.menu li a.active,
.region-content ul.menu li a.active:hover{
	background:url(../images/navbar-select.png) top right no-repeat;
	background-color:#fff;
	color:#000;
}

.region-content ul.menu li a:hover{
	color:#f98a00;
}

/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 */
 
.region-sidebar-second {
	padding-top:120px;
}

/*------styling for the lab info and department info boxes-----------*/

#labbox	{
	position: relative;
	margin: 20px 12px 0px 0;
	background-color: #cccccc;
	height: 225px;
	width: 100%;
}

#labimage{
	margin: 0;
	width: 150px;
	height: 180px;
	padding-top:23px;
	margin-left:23px;	
}

#labuserimage{ 
	margin-left:40px; 
	padding-top: 40px;
	padding-bottom:0px;
	margin-bottom:0px;
}
#labuserimage img { 
	border: #fff solid 3px;
	margin:0;
	width: 100px;
	height: 135px;
}

#labname{
	position: absolute;
	top: 11px;
	left: 194px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	width: 200px;
}

#labusername{
	position: absolute;
	top: 18px;
	left: 194px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	width: 200px;
}

#labtext{
	position: absolute;
	top: 4px;
	left: 442px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #000000;
	padding-top: 12px;		
}

#labusertext{
	position: absolute;
	top: 7px;
	left: 442px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #000000;
	padding-top: 12px;		
}

#rightimage{   /* not sure what this is for...*/
	float: right;
	padding: 0 0 0 12px;
}

#dotline{
	position: absolute;
	top: 14px;
	left: 392px;
	width: 6px;
	height: 205px;
	margin-left:10px;
	background:url(../images/dotline.png)
}

span.nophotoname{
	color:#666;
	font-size:20px;
}
#individualwrapper{
	padding-left:200px;
}
/*end labbox details*/

#footer {
	background:url(../images/hmslogofooter.png) top center no-repeat;
  	width: 980px;
  	height: 75px;
  	clear:both;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:1.6em; /* maybe use 1.4em if there's going to be 3 lines of text on a side*/
}
div#searchlink{
	float:right;
	text-align:right;
	padding-right: 10px;
}

#footer a{
	padding-left:10px;
}

/*--------------- The styling of the main menu (nice_menu) of the site --------------*/

#navigation .section {
	background: url(../images/navbar.jpg) top right no-repeat;
	width: 100%;
	float: left;
	height: 45px; 
}
#navigation .section ul {

}

#navigation .links, 
#navigation .links li {
	float: left;
	padding: 0;
	height: 45px; 
}

#secondary .links, 
#secondary .links li {
	float: left;
	padding: 0 10px 0 0;
}

#navigation .links li a {
	float: left;
	text-decoration: none;
	color: #FFF; 
	font-weight: bold;
	font-size:100%;
	height: 45px; 
	padding: 0px 8px 0px 8px; 
	margin: 0;
}

#navigation .links li.active a,
#navigation .links li.active-trail a {
	color: #000; 
	height: 45px; 
	background-color: #90B557;
}
/* end of main menu styling */