body {
  background: #fff;
  color: #333;
  font-size: 12px;
  height: auto;
  padding-bottom: 20px;
}

a {
  color: #039;
  text-decoration: none;
}

a:hover {
  text-decoration:none;
  color:#06C;
}

h4 a {
  color: #FFF;
  text-decoration: none;
}

h4 a:hover {
  text-decoration:none;
  color:#FFF;
}

h3 a {
   color: #1e3363;
  text-decoration: none;
}

h3 a:hover {
  text-decoration:none;
 color:#06c;
}


h1 {
  font-family: Georgia, serif;
  font-weight: normal;
  padding-top: 20px;
  text-align: center;
}

h2 {
  padding-top: 20px;
  text-align: center;
}

h3 {
	color: #1e3363;
	font-size:13px;
	margin-top:0px;
	padding: 8px 0px 0px 10px;
	text-align: left;
	margin-bottom:2px;
}

h5 {
	color: #666;
	font-size:12px;
	margin-top:0px;
	padding: 8px 0px 0px 10px;
	text-align: left;
	margin-bottom:0px;
}

p {
  overflow: visible;
  padding: 0px 5px 0px 10px;
  text-align: left;
}

.container_12,
.container_16,
.container_24 {
  background-color: #fff;
  background-repeat: repeat-y;
  margin-bottom: 20px;
}

.container_12 {
  background-image: url(../images_dev27082012/12_col.gif);
}

.container_16 {
	/* [disabled]background-image: url(../images_dev27082012/16_col.gif); */
}

.container_24 {
  background-image: url(../images_dev27082012/24_col.gif);
}

#footer {
	/*height: 70px; border-top: solid #9b9fab 13px; border-bottom: solid #9b9fab 1px; background-color:#FFF;*/
        height: 75px; border-top: solid #9b9fab 13px; border-bottom: solid #9b9fab 1px; background-color:#FFF;
}
div.grid_6 {
	background-color: #1e3363;
	/*height: 200px;*/
	margin-bottom: 10px;
}
div.immuno_grid_6 {
	background-color: #028CCF;
	/*height: 200px;*/
	margin-bottom: 10px;
}

.contentbox {
/*	background-color: #fff;*/
/*	height: 177px; */
	width: 99.5%;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
/*	border: solid #1e3363 1px;*/
}
.backandborder {
	background-color: #fff;
	border: solid #1e3363 1px;
}
.immuno_backandborder {
	background-color: #fff;
	border: solid  #028CCF 1px;
}
	
.contentboxsmall {
	background-color: #fff;
	height: 135px;
	width: 99.5%;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	/*border: solid #1e3363 1px;*/
}
div.grid_4 {
/*	background-color: #1e3363;
	margin-bottom: 10px;
	height: 140px;*/
}
h4 {
  color: #FFF;
  font-size: 15px;
  padding-left: 5px;
  margin-top:0px;
  margin-bottom:0px;
}

.imageleft {
	float:left;
	margin-left:5px;
	margin-top:5px;
}
.textright {
	margin-left:70px;
}

.ligcontainer{
width: 100%;
overflow: hidden;
text-align: center;
}
.ligleft{
float:left;
	margin-left:5px;
	margin-top:5px;
}
.ligright{
float:right;
	margin-left:5px;
	margin-top:5px;
}
.ligcentre{
margin:0 auto !important;
display:inline-block;
width:70%;
text-align:left;
margin-top:5px;
}

.subbox {
	background-color:#ebf1ff;
	border: solid #1e3363 1px;
	height:50px;
	width: 330px;
	margin:3px;
}
.subboxsmall {
	background-color:#ebf1ff;
/*	border: solid #1e3363 1px; */
	height:28px;
/*	width:130px; */
margin:6px 2px 6px 80px;
}
ul.arrowlist{
	list-style-image:url(../images_dev27082012/arrow.jpg)
}
div.mainnavcont {
	background-color:#1e3363;
	height: 33px;
	width: 100%;
	margin-bottom:2px;
}
div.imm_mainnavcont {
	background-color:#0176AF;
	height: 33px;
	width: 100%;
	margin-bottom:2px;
}
.mainnavtext a {
	color:#fff;
	padding-left:40px;
	float:left;
	font-size:110%;
	margin-top:0px;
}
div.immportal_breadcrumbscont {
	border: solid #1e3363 1px;
	background-color:#028CCF;
	height:auto;
	width:100%;
	clear:both;
	margin-bottom: 10px;
	float:left;
}

div.breadcrumbscont {
	border: solid #1e3363 1px;
	background-color:#EBF1FF;
	height:auto;
	width:100%;
	clear:both;
	margin-bottom: 10px;
	float:left;
}

.crumbtext li {
	padding-right:30px;
	font-size:12px;
	color:#1e3363;
	float:left;
	list-style-image:url(../images_dev27082012/arrow2.jpg);
}
ul.crumbtext {
	margin-top:auto;
	margin-bottom:auto;
}
div.grid_16 {
	background-color: #1e3363;
	margin-bottom: 10px;
}

.immuno {
background-color: #0176af !important;
}
/* for GtoImmuPdb beta disclaimer - overrides the standard 20px table margin-bottom set in text.css */
.betacrumb {
margin-bottom: 0px !important;
}
.contentboxfull {
	background-color: #ebf1ff;
	width: 99.8%;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	border: solid #1e3363 1px;
}
ul.helpmenu{
	color:#FFF;
	font-size:12px;
	float:left;
}
.contentboxfullhelp {
	background-color: #fff;
	width: 99.8%;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	border: solid #1e3363 1px;
}
.contentboxfullhelp.imm {
	border: solid #0176af 1px !important;
}
#searchlinks {color: #FFF;
padding-left: 5px;}

.contentboxsmall .textright {margin-left:40px;}

.backandborder h4 {margin:0px; padding:4px; background-color:#1e3363; }
.immuno_backandborder h4 {margin:0px; padding:4px; background-color:#0176AF; }

.grid_4 .backandborder {margin-bottom:10px;}
.grid_4 .immuno_backandborder {margin-bottom:10px;}
.grid_8 .backandborder {margin-bottom:10px;}
.grid_7 .backandborder {margin-bottom:10px;}
.grid_9 .backandborder {margin-bottom:10px;}

.breadcrumbscont h3 {color:#1E3363; padding:0px 0px 0px 10px;}

/* these were added by simon to style the bug report button for GtoImmuPdb beta */
.breadcrumbscont h3 a {background:#0176AF; border: 2px solid #1e3363; border-radius: 5px;color:#FFF; padding:3px 3px 3px 3px; font-size:100%}
.breadcrumbscont h3 a:hover {
  text-decoration:none;
 background:#0BA6F1;
}

.immportal_breadcrumbscont h3 {color:#ffffff; padding:2px 0px 0px 10px;}

.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		0px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
}

.sf-menu li {
	background:		#1e3363;
}
.sf-menu li li {
	background:		#3e517c;
}
.sf-menu li li li {
	background:		#566892;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ffffff;
}
.sf-menu a { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ffffff;
}
.sf-menu {
	float:			left;
	margin-bottom:	1em;
	line-height: 1;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#162852;
	outline:		0;
}
.sf-menu li.immuno_portal
{
	background: #0176AF;
}
.sf-menu li.immuno_portal a:hover 
{
	background: #006799;
}

.immsf-menu a {
	border-left:	1px solid #fff;
	border-top:		0px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
}

.immsf-menu li {
	background:		#0176AF;
}
.immsf-menu li li {
	background:		#038BCD;
}
.immsf-menu li li li {
	background:		#0BA6F1;
}
.immsf-menu a, .immsf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ffffff;
}
.immsf-menu a { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ffffff;
}
.immsf-menu {
	float:			left;
	margin-bottom:	1em;
	line-height: 1;
}
.immsf-menu li:hover, .immsf-menu li.sfHover,
.immsf-menu a:focus, .immsf-menu a:hover, .immsf-menu a:active {
	background:		#006799;
	outline:		0;
}
.immsf-menu li.gtop_home
{
	background: #1e3363;
}
.immsf-menu li.gtop_home a:hover 
{
	background: #162852;
}




table.glossary td {
    border:1px solid darkgrey;
    padding:5px;
}
.heading > td {
/*border:2px solid #AAAAAA;*/
border:1px solid #AAAAAA;
color:black;
padding:5px;
text-align:center;
}
ul.no_bullets {
    list-style-type: none;
}

.search{ background-color:#1e3363;}
.search ul li a {
  color: #fff;
  text-decoration: none;
}

.search ul li a:hover {
  text-decoration:none;
  color:#06C;
}
.list ul li a {
  color: #fff;
  text-decoration: none;
}

.list ul li a:hover {
  text-decoration:none;
  color:#06C;
}

img {border:none;}

/* header background image and search */

.brandandsearch {background: url(/images_dev27082012/gtp_header960.jpg) no-repeat; height:117px;}
.brandandsearch_immuno {background: url(/images/immuno/immuno_beta_banner.jpg) no-repeat; height:117px;}
.searchright {width:500px; float:right; border: 0px none #FFF;}

#gtp_main { min-width:960px;}
#sample-menu-1 { background-color:#1e3363; border:none; min-width:960px;}
#sample-menu-imm { background-color:#028CCF; border:none; min-width:960px;}
#gtp_popup_main {min-width:960px;}

fieldset.search_box_home {
   line-height:1.0; 
   padding: .375em 1em; 
   background-color: transparent; 
   border:none;
}

fieldset.search_box {
   line-height:1.0; 
   padding: .375em 1em; 
   background-color: #ffffff; 
   border:none;
}

h6.target_summary_header {
	color: #666;
	font-size:11px;
	margin-top:0px;
	padding: 8px 0px 8px 0px;
	text-align: left;
	margin-bottom:0px;
}

.button_grey{
font-size:13px;border:1px solid #adaaad; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; padding: 4px; text-decoration:none; display:inline-block;color:black;
 background-color: #e3e0e3; background-image: -webkit-gradient(linear, left top, left bottom, from(#e3e0e3), to(#cccccc));
 background-image: -webkit-linear-gradient(top, #e3e0e3, #cccccc);
 background-image: -moz-linear-gradient(top, #e3e0e3, #cccccc);
 background-image: -ms-linear-gradient(top, #e3e0e3, #cccccc);
 background-image: -o-linear-gradient(top, #e3e0e3, #cccccc);
 background-image: linear-gradient(to bottom, #e3e0e3, #cccccc);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e3e0e3, endColorstr=#cccccc);
}

.button_grey:hover{
 border:1px solid #adaaad;cursor:pointer;
 background-color: #cccccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#e3e0e3));
 background-image: -webkit-linear-gradient(top, #cccccc, #e3e0e3);
 background-image: -moz-linear-gradient(top, #cccccc, #e3e0e3);
 background-image: -ms-linear-gradient(top, #cccccc, #e3e0e3);
 background-image: -o-linear-gradient(top, #cccccc, #e3e0e3);
 background-image: linear-gradient(to bottom, #cccccc, #e3e0e3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cccccc, endColorstr=#e3e0e3);
}

.button_gtoimmupdb{
border:1px solid #036f90; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; padding: 4px; text-decoration:none; display:inline-block;color:white;
 background-color: #0499C7; background-image: -webkit-gradient(linear, left top, left bottom, from(#0499C7), to(#0176AF));
 background-image: -webkit-linear-gradient(top, #0499C7, #0176AF);
 background-image: -moz-linear-gradient(top, #0499C7, #0176AF);
 background-image: -ms-linear-gradient(top, #0499C7, #0176AF);
 background-image: -o-linear-gradient(top, #0499C7, #0176AF);
 background-image: linear-gradient(to bottom, #0499C7, #0176AF);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0499C7, endColorstr=#0176AF);
}

.button_gtoimmupdb:hover{
 border:1px solid #024c63;cursor:pointer;
 background-color: #036C8C; background-image: -webkit-gradient(linear, left top, left bottom, from(#04B1E6), to(#04A1D1));
 background-image: -webkit-linear-gradient(top, #04B1E6, #04A1D1);
 background-image: -moz-linear-gradient(top, #04B1E6, #04A1D1);
 background-image: -ms-linear-gradient(top, #04B1E6, #04A1D1);
 background-image: -o-linear-gradient(top, #04B1E6, #04A1D1);
 background-image: linear-gradient(to bottom, #04B1E6, #04A1D1);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#04B1E6, endColorstr=#04A1D1);
}


/* Popup stylings */
.popup-trigger{ 
    display: block; 
    margin: 0 auto; 
    cursor: pointer; 
    
}
.popup{
    display: none; 
    position: absolute;
    width: 400px; 
    padding: 12px 5px 5px 5px;
    background: #fff; 
    color: #333; 
    font-size: 12px; 
    border: 4px solid #1e3363;
    z-index: 9999;
    
}
.popup a
{
    color: #039;
}
.popup a:hover
{
    text-decoration:none;
    color:#000;
}
.popup-mobile{
    position: relative; 
    top: 0; 
    left: 0; 
    margin: 10px 0 0; 
    width: 100%;
}
.popup-btn-close{
    position: absolute; 
    top: 5px; 
    right: 10px; 
    color: #1e3363; 
    font-size: 16px; 
    font-weight: bold; 
    text-transform:uppercase;
    cursor: pointer;    
}

/* Styles for return to top button */
#return-to-top {
    position: fixed;
    font-size: 20px;
  bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 70px;
    height: 35px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top p {
    color: #fff;
    
    margin: 0;
    position: relative;
    left: 3px;
    top: 6px;
    font-size: 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover p {
    color: #fff;
    top: 5px;
}

/* image modal */
/* Style the Image Used to Trigger the Modal */
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 70%;
    max-width: 500px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
	font-weight: bold;
	
}

#caption a{

    color: #00c5ff
}
#caption a:hover{

    color:#70d5f2;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption { 
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.8s;
    animation-name: zoom;
    animation-duration: 0.8s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 20px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }

button::-moz-focus-inner {
    border:0;
    padding:0;
}
}