/* Style Sheet for the Tartaglia Lab Web Server Portal @ CRG */
/* by Andreas Zanzoni */
/* Created: November 2012; Last update: November 2012 */

/* @group General layout */
*{  
   margin:0;  
   padding:0;  
} 

html, body {
	height: 100%;
}

body {
  margin: 0;
  padding: 0;
  min-width: 960px;
  text-align:center;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#topbar
{

	width: 960px;
	height: 140px;
	margin: 0 auto;
	background:url(http://service.tartaglialab.com/static_files/images/gradient_red_slice.png);	
}

#home_panel
{
    position:relative;
    text-align: left;
    top: 0px;
    left: 0%;
    background-color: #BF0000;
	font-size: 12px;
    padding: 5px 5px 0px 5px;
}

p#task_description  {
    font-size: 0.85em;
}

#home_panel a 
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: white;	
}

#home_panel a#current 
{
  color: orange;
}

#home_panel a:hover 
{
  color: orange;
}
/*#left_title 
{ 
	width: 960px; 
	top: 25px; 
	position: relative; 
	visibility: visible;
/*	border: solid 1px #999;*!/
	margin: 0 auto;

}*/
/*#title 
{ 
    width: 960px; 
    top: 25px; 
    position: relative; 
    visibility: visible;
/*    border: solid 1px #999;*/
    margin: auto;

}*/
#title_server 
{ 
	width: 960px; 
	top: 5px; 
	position: relative; 
	visibility: visible;
/*	border: solid 1px #999;*/
	margin: 0 auto;

}
/*#right_title 
{ 
	width: 960px; 
	top: 25px; 
	position: relative; 
	visibility: visible;
/*	border: solid 1px #999;*!/
	margin: 0 auto;

}*/

#navbar 
{ 
	position: relative;
	top: 45px;  
	width: 960px;
	height:  25px;
	visibility: visible;
/*	border: solid 1px #999;*/
	margin: 0 auto;	
}

#navbar a 
{
	font-weight: bold;
	text-decoration: none;
	color: white;	
}

#navbar a#current 
{
  color: orange;
}

#navbar a:hover 
{
  color: orange;
}

#navbar_server 
{ 
	position: relative;
	top: 25px;  
	width: 960px;
	height:  25px;
	visibility: visible;
/*	border: solid 1px #999;*/
	margin: 0 auto;	
}

#navbar_server a 
{
	font-weight: bold;
	text-decoration: none;
	color: white;	
}

#navbar_server a#current 
{
  color: orange;
}

#navbar_server a:hover 
{
  color: orange;
}

#welcome_main
{ 
	clear: both;
	position: relative;
	top: 30px;  
	width: 940px;
	visibility: visible;
/*	border: solid 1px #999;*/
	margin: 0 auto;
	padding:5px;  	
}

#welcome_contact
{ 
	clear: both;
	position: relative;
	top: 30px;  
	width: 940px;
	visibility: visible;
/*	border: solid 1px #999;*/
	margin: 0 auto;
	padding:5px;  	
}

#welcome_main img
{
	float: left; 
	margin: 0px 8px 8px 0px; 	
}

#welcome_server
{ 
	position: relative;
	top: 30px;  
	width: 940px;
	visibility: visible;
/*	border: solid 1px #999;*/
	margin: 0 auto;
	padding:5px;  	
}

#welcome_docs
{ 
	position: relative;
	top: 30px;  
	width: 940px;
	visibility: visible;
/*	border: solid 1px #999;*/
	margin: 0 auto;
	padding:5px;  	
}

/* 
#welcome_server img
{
	float: left; 
	margin: 0px 8px 8px 0px; 	
}
 */

#docs_image img
{
	float: left; 
	margin: auto auto 10px;
	padding-bottom: 5px;
	clear: both;

}
#docs_image2 img
{

	margin: auto auto 8px;
	padding-bottom: 2px;
	clear: both;

}
}

#centered_image img
{
	float: none
	margin: 10px 10px 10px 10px;

}

#left_column
{ 
/*	position: relative;*/
    clear:both;
	float: left;
	top: 100px;  
	width: 164px;
	visibility: visible;
/*	border: solid 1px #999;*/
	margin: 0 auto;
	padding:5px;  	
}

#right_column
{ 
/*	position: relative;*/
	float: left;
	top: 100px;  
	width: 752px;
	visibility: visible;
/*	border: solid 1px #999;*/
	margin: 0 auto;
	padding:5px;  
    text-align:left;	
}


#right_column img
{

	margin: 0px 0px 0px 0px;
	display: inline;
	clear: both;
}

img.link
{

	margin: 0px 0px 0px 0px;
	padding: 0;
	display: inline;
	float: none !important;

}
/* 
to be modified

#text 
{ 
	left: 10px; 
	top: 180px; 
	position: absolute; 
	width: 880px; 
	visibility: visible; 
	margin-top: 10px; 
	border: solid 1px #999;
}*/

#footer_main
{ 
	clear: both;
	position:relative;
	top: 10px;  
	width: 940px;
	visibility: visible;
	vertical-align: top;
/*	border: solid 1px #999;*/
	margin: 0 auto;	
}

#footer_main p 
{
	font-size: 12px; 
	font-weight: lighter;
	font-style: italic; 
	text-align: center;	
}

#footer_docs
{ 
	clear: both;
	position:relative;
	top: 25px;  
	width: 940px;
	visibility: visible;
	vertical-align: top;
/*	border: solid 1px #999;*/
	margin: 0 auto;	
}

#footer_docs p 
{
	font-size: 12px; 
	font-weight: lighter;
	font-style: italic; 
	text-align: center;	
}

/* @endGroup */

/* @group Text layout */

/* normal text */
p 
{ 
	color: #666; 
	font-size: 14px; 
	font-weight: normal; 
	text-align: justify;
	margin-top: 8px;
    
	line-height: 18px;
}
dt 
{ 
	color: #666; 
	font-size: 16px; 
	font-weight: normal; 
	text-align: center;
	line-height: 20px;
 
}
dd 
{ 
	color: #666; 
	font-size: 14px; 
	font-weight: normal; 
	text-align: center;
	font-style: italic;
	line-height: 20px;
 
}
li 
{ 
	color: #bf0000; 
	font-size: 14px; 
	font-weight: normal; 
	text-align: left;
	margin-left: 35px;
	line-height: 20px;

}
/* Headers */
h1 
{ 
	color: white;
	font-size: 32px;
	line-height: 34px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
}

h2 
{ 
	color: #666666; 
	font-size: 18px;
	text-align: left;
}

h3 
{ 
	color: white;
	font-size: 14px;
	line-height: 18px;
	margin-top: 4px;
	text-align: center;
	letter-spacing: 1px;
	font-weight: bold;
}

h4 
{ 
	color: #BF0000;
	font-size: 17px;
	font-style: italic;
	text-align: left;
	font-weight: lighter;
	clear: both;
	margin-top: 4px;

}
h5 
{ 
	color: orange;
	font-size: 15px;
	font-style: normal;
	text-align: left;
	font-weight: bold;
	clear: both;
	margin-top: 5px;

}
#table > thead a {
    color: #FFFFFF;
}
a 
{ 
	text-decoration: none; 
	color: #bf0000; }

/* @endGroup */

/* @group Other effects */

a:hover 
{
  color: orange;
}

#right_column dt 
{ 
	color: #666; 
	font-size: 16px; 
	font-weight: normal; 
	text-align: left; 
}
#right_column dd 
{ 
	color: #666; 
	font-size: 14px; 
	font-weight: normal; 
	text-align: left;
	font-style: italic; 
}

#welcome_contact dt 
{ 
	color: #666; 
	font-size: 14px; 
	font-weight: normal; 
	text-align: left; 
}
#welcome_contact dd 
{ 
	color: #666; 
	font-size: 14px; 
	font-weight: normal; 
	text-align: left;
	font-style: italic; 
}
/* @endGroup */