/*.iuphar{
    color:red;
    font-weight: bold;
}
.grac{
    color:goldenrod;
    font-weight: bold;
}*/
/*#top_bar {
    margin:0px;
    height:90px !important;
    text-align: left;
    width:100%;
    font-size: xx-large;
    color:black;
    background-color:#00008B;
    text-decoration: none;
    font-variant: small-caps;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    border: 2px solid #00008B;
}
#top_bar a{
    text-decoration: none;
    color:whitesmoke;
    font-weight: normal;
}*/
/*#gtp_header {
    width: 100%;
}*/
#gtp_main {
    border-style:none;
    border-width:0px;
    margin:0px;
    min-width:1250px;
   /* min-height:800px;*/
    height:auto;
    /*padding:10px;*/
    padding:10px 0px 10px 10px;
}
#gtp_popup_main {
    border-style:none;
    border-width:0px;
    margin:0px;
    min-width:1000px;
   /* min-height:800px;*/
    height:auto;
    padding:10px 0px 10px 10px;
    border-width: 2px;
    border-color: #AABDE6; 
    border-style: solid none none none;
}
/*#gtp_main a{
    color:blue;
}
#gtp_popup_main a{
   color:blue;
}*/
#top_bar_img_test {
    margin:0px;
    height:117px !important;
    text-align: left;
    width:100%;
    min-width:1250px;
    font-size: xx-large;
    color:black;
    text-decoration: none;
    font-variant: small-caps;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
  /*  background: url('images/Banner_end.png') repeat-x;
    border-right: 2px outset #AABDE6;
    border-left: 2px outset #AABDE6;*/
}
#top_bar_img_test a{
    text-decoration: none;
    color:whitesmoke;
    font-weight: normal;
}
#popup_top_bar_img {
    margin:0px;
    height:117px !important;
    text-align: left;
    width:100%;
    min-width:1000px;
   /* background: url('images/Banner_end.png') repeat-x;
    border-right: 2px outset #AABDE6;
    border-left: 2px outset #AABDE6;
    border-bottom: 2px outset #AABDE6;*/
    /*border-width: 2px;
    border-color: #AABDE6; 
    border-style: none none solid none;*/
   /* background: url('images/Gtp_Header_end.png') repeat-x;*/
}
#sample-menu-1{
   border: 2px outset #AABDE6;
   background-color:#9AAEDB;
   width:100%;
   min-width:1250px;
}
fieldset.search_box {
   line-height:1.0; 
   padding: .375em 1em; 
   background-color: #9AAEDB; 
   border:none;
}

#gtp_footer {
margin:0px;
/*min-height:30px;
min-height:90px;*/
min-height:100px;
height:auto !important;
/*height:52px;*/
/*width:100%;*/
min-width:1250px;
padding-top:15px;
padding-bottom:15px;
padding-left:10px;
/*border-color:#CCCCCC;
border: 2px outset #AABDE6;*/
border-width: 2px;
border-color: #AABDE6; 
border-style:solid none none none;
/*border-width:2px;
text-align: center;*/
text-align: left;
font-size: 90%;
vertical-align: baseline;
}      
#gtp_popup_footer {
margin:0px;
/*min-height:30px;
min-height:90px;*/
min-height:100px;
height:auto !important;
/*height:52px;*/
width:100%;
min-width:1000px;
padding-top:15px;
padding-bottom:15px;
padding-left:10px;
/*border-color:#CCCCCC;
border: 2px outset #AABDE6;*/
border-width: 2px;
border-color: #AABDE6; 
border-style:solid none none none;
/*border-width:2px;
text-align: center;*/
text-align: left;
font-size: 90%;
vertical-align: baseline;
}      

/*#gtp_footer a{
    color:blue;
}

 #gtp_popup_footer a{
    color:blue;
}*/

.clear {
   height: 0;
   font-size: 1px;
   margin: 0;
   padding: 0;
   line-height: 0;
   clear: both;
}

ul.no_bullets {
    list-style-type: none;
}

ul.sponsors {
    margin: 0px;
    padding: 0px;
}

ul.sponsors li{
    margin: 20px 0px;
}

ul.sublist {
    margin-bottom: 1em;
}

ul.sublist li{
    margin: 5px 0px;
}

table#gpcr_orphan_table {
    border: 1px solid #AAAAAA; 
    margin:10px;
    border-collapse: collapse;
}

table#gpcr_orphan_table td{
    border: 1px solid #AAAAAA;
    padding:10px;
}

table.comment_table_no_border {
    border: none;
    margin:10px;
}

table.comment_table_no_border td{
    border: none;
    padding:10px;
}

.grac_introduction{
font-size:130%;
text-align:justify;
}
.grac_citation{
font-size:120%;
text-align:justify;
}

p.family_name {
font-size:200%;
margin:0px;
padding:0px 10px;
text-align:center;
}
p.family_name_within_group {
font-size:150%;
margin:0px;
padding:0px 10px;
text-align:center;
}
p.family_previous_names {
font-size:90%;
margin:0px;
padding:10px;
text-align:center;
}
/*p.object_name {
font-size:150%;
margin:0px;
padding:0px 10px;
text-align:left;
}*/

#grac_header {
background-color:#00008B;
color:white;
margin:0px;
min-height:60px;
height:auto !important;
height:60px;
min-width:1250px;
padding-left: 5px;
border-color:#CCCCCC;
border-style:none none solid;
border-width:4px;
text-align: left;
}

#grac_popup_header {
background-color:#00008B;
color:white;
margin:0px;
min-height:50px;
height:50px;
min-width:1250px;
/*padding:0px 10px;*/
padding: 10px 5px;
border-color:#CCCCCC;
border-style:none none solid none;
border-width:4px;
text-align: left;
}
#grac_header a{
color:white;
}
#grac_header img{
border: none;
}
#grac_title {
font-size:120%;
/*left:5px;*/
/*text-align:center;
position:absolute;*/
/*top:10px;*/
font-weight:bold;
color:white;
}
#grac_header p {
margin:0px;
padding:5px;
}
#grac_header a {
color:white;
}
#grac_header a:hover {
color:white;
}

#grac_main {
border-color:#CCCCCC;
border-style:none none none solid;
border-width:4px;
margin:0px 0px 0px 224px;
min-width:1250px;
min-height:600px;
padding:10px;
}
/*#grac_main table{
    border:none;
}*/

/*#grac_main a {
   color:blue;
}
#grac_main a:hover {
   color:red;
}*/

#grac_sidebar {
border-color:#CCCCCC;
border-style:none none none none;
border-width:4px;
float:left;
margin:0px;
min-height:600px;
padding:0px;
width:224px;
}
#grac_footer {
margin:0px;
min-height:60px;
height:auto !important;
height:60px;
min-width:1250px;
padding:0px 10px;
border-color:#CCCCCC;
border-style:solid none none none;
border-width:4px;
text-align: center;
font-size: 90%;
}

a.plain {
    color:black;
}

p.grac_heading {
    font-weight:bold;
    margin:10px;
}
p.grac_text {
margin:10px;
}
/*table.grac_receptor_table{
border-style:none;
padding:5px;
margin:10px;
}
.grac_receptor_table > td{

}*/

table.grac_data_table{
    border:none;
    border-spacing:0px;
    margin:10px;
}

td.grac_category {
    border:1px solid #AAAAAA;
    background-color:#CCCCCC;
    font-weight:bold;
    padding:5px;
    text-align:left;
    color:black;
    width:110px;
    max-width:110px;
    min-width:110px;
}

td.grac_category_simple {
    border:none;
    border-width:0px;
    border-style:none none none none;
    border-spacing:0px;
    font-weight:bold;
    padding: 0px 0px 10px 0px;
    text-align:left;
    vertical-align:top;
    color:black;
   /* width:110px;
    max-width:110px;
    min-width:110px;*/
    width:170px;
    max-width:170px;
    min-width:170px;
   /* width:15%;
    max-width:15%;
    min-width:15%;*/
}

td.object_name {
    font-weight:bold;
    font-size:120%;
}

td.grac_info {
    border:1px solid #AAAAAA;
    padding:5px;
    color:black;
    text-align:left;
}

td.grac_info_simple {
    border:none;
    border-width:0px;
   /* border-style:none;
    padding:5px;*/
    padding: 0px 5px 10px 5px;
    color:black;
    text-align:left;
    /*margin:10px;*/
}

td.grac_info_table_cell {
  padding:0px;  
}

table.grac_inner_table{
border-collapse:collapse;
margin:0px;
width:100%;
}

td.reference_field {
   /* width: 15%;
    min-width: 15%;
    max-width: 15%;*/
    width:150px;
    max-width:150px;
    min-width:150px;
}

td.grac_table_heading {
font-weight:bold;
}
#grac_sidebar_outer {
margin:5px;
padding:0px;
}
#grac_sidebar_outer li {
list-style-type:none;
padding:5px 0px 5px 0px;
}
#grac_sidebar_inner {
margin-left:15px;
padding:0px;
}
#grac_sidebar_inner li {
list-style-type:square;
padding:5px 0px 5px 0px;
}

.within_family_spacer{
margin:10px;
text-align:center;
min-height:1px;
max-height:1px;
}
hr.divider_dashed{
    border:dashed #AAAAAA; 
    border-width:1px 0 0 0; 
    height:0;
    line-height:0px;
    font-size:0;
    margin:10px 0px;
    padding:0;
}

.info {
	border:1px solid #AAAAAA;
color:black;
padding:5px;
text-align:left;

}


.category {
background-color:#CCCCCC;
font-weight:bold;
}

.category_immuno {
background-color:#0176af;
font-weight:bold;
color: white;
padding: 5px;
}

.category_gtmp {
background-color:#990066;
font-weight:bold;
color: white;
padding: 5px;
}

.immdislig {
width:120px;
vertical-align:top;
}

.heading {
font-weight:bold;
text-align:center;
}

.receptor_data_tables {
border-collapse:collapse;
margin: 10px 2px 10px 2px;

}
.receptor_data_tables_immuno {
background-color:#0176af;
color: white;
border-collapse:collapse;
margin: 10px 0px 10px 0px;
}
.receptor_data_tables_disease {


border-collapse:collapse;
margin: 10px 0px 10px 0px;

}


.centre {
text-align:center;
}

.right {
text-align:right;
}

.fullwidth{
    width:100%;
}

div.data_tables_container{
    padding-left:5px;
    padding-right:5px;
	
	
}
div.disease_data_tables_container{
    
	margin:4px 2px 9px 2px;
	

}
div.disease_ligand_data_tables_container{
    
	margin:4px 2px 9px 2px;
	

}

#grac_footer table{
    margin-left:auto; 
    margin-right:auto;
}
#grac_footer td{
    padding:5px 20px 5px 20px; 
    text-align:center;
}

div.empty_div {
    border:none;
    padding:0px;
    margin:0px;
}


/* this is a CSS answer to fix the hover/focus '~' and hover/focus '+' problem in safari and chrome */
/* tabindex="1" in the link code to fix the 'focus persist' problem in safari and chrome */
html {-webkit-animation: safariSelectorFix infinite 1s;}
@-webkit-keyframes safariSelectorFix {
0% {zoom:1;} 
100% {zoom:1;}
}

/* for Internet Explorer to force a menu refresh after :active + ul */

p.grac_heading a.more, p.grac_heading a.less {color:#c00; font-weight:bold; text-decoration:none; outline:0;}
p.grac_heading a.more + a.less {display:none;}
/*p.grac_heading span {display:none;}*/

/*p.grac_heading a.more:active {*display:none;}
p.grac_heading a.more:active ~ span {*display:inline;}
p.grac_heading a.more:active + a.less {*display:inline;}
p.grac_heading a.less:active {*display:none;}*/

p.grac_heading a.more:focus {display:none;}
/*p.grac_heading a.more:focus ~ span {display:inline;}*/
p.grac_heading a.more:focus + a.less {display:inline;}
p.grac_heading a.less:focus {display:none;}

/*p.grac_heading span:hover {display:inline;}*/


/*div#refs{
    display: none;
}
div#fr{
    display: none;
}
div#comments{
    display: none;
}
*/
.page_heading {
color: red;
font-size: 130%;
font-weight: bold;
text-align: center;
}

.gtp_popup_header{
    margin-bottom: 20px !important;
}

.logo {
border-style:none;
}

.split_para { 
    display:block;
}
/*.split-para span { 
    display:block;
    float:right;
    width:50%;
    margin-left:10px;
}*/
.split_para_right_text { 
    display:block;
    float:right;
    width:50%;
    margin-left:10px;
}
.detailed_view_link {
    font-weight: normal;
    font-size: 96%;
    text-align: right;
}
.object_summary_link {
   font-size: 95%;
   font-weight: normal;
}

/*
overwrite some IUPHAR-DB css
*/
.embedded_link > a{
color: #039;
}

.info > a{
color: #039;
}

.info > sup {
line-height:0;
}
a.tab {
  padding: 2px 1em 4px 1em;
}

a.search {
color: #039;
}

#header {
border-style:none;
border-width:0px;
background-color:white;
}

/* within page tab bar */
#cssmenu {
border: none;
border: 0px;
margin: 0px;
padding: 0px;
/*font-family: verdana, geneva, arial, helvetica, sans-serif;*/
font-family: arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #8e8e8e;
width: auto;
}
#cssmenu > ul {
margin-top: 6px !important;
}
#cssmenu ul {
background: #CDCDCD;
background: -webkit-linear-gradient(#cdcdcd 0%, #e2e2e2 80%, #cdcdcd 100%);
background: linear-gradient(#cdcdcd 0%, #e2e2e2 80%, #cdcdcd 100%);
border-top: 1px solid #A8A8A8;
-webkit-box-shadow: inset 0 1px 0 #e9e9e9, 0 1px 0 #566892, 0 2px 0 #85878c, 0 8px 0 #566892, 0 9px 0 #455375, 0 -1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 0 #e9e9e9, 0 1px 0 #566892, 0 2px 0 #85878c, 0 8px 0 #566892, 0 9px 0 #455375, 0 -1px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 0 #e9e9e9, 0 1px 0 #566892, 0 2px 0 #85878c, 0 8px 0 #566892, 0 9px 0 #455375, 0 -1px 1px rgba(0, 0, 0, 0.1);
height: 27px;
list-style: none;
margin: 0;
padding: 0;
}
ul.immuno_cssmenu {
box-shadow: inset 0 1px 0 #e9e9e9, 0 1px 0 #566892, 0 2px 0 #85878c, 0 8px 0 #0176af, 0 9px 0 #455375, 0 -1px 1px rgba(0, 0, 0, 0.1) !important;
}

ul.gtmp_cssmenu {
box-shadow: inset 0 1px 0 #e9e9e9, 0 1px 0 #566892, 0 2px 0 #85878c, 0 8px 0 #990066, 0 9px 0 #455375, 0 -1px 1px rgba(0, 0, 0, 0.1) !important;
}
#cssmenu ul ul {
border-top: 6px solid #566892;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#cssmenu ul ul a {
line-height: 30px;
}
#cssmenu ul ul ul {
left: 100%;
top: 0;
}
#cssmenu li {
float: left;
padding: 0px 3px 0px 3px;

}
li.ligand_cssmenu {
    padding: 0px 1px 0px 1px !important;
    /* border-right: #566892 1px solid; */
}
#cssmenu li a {
color: #666666;
display: block;
font-weight: bold;
line-height: 30px;
padding: 0px 5px;
text-align: center;
text-decoration: none;
}
li a.immuno_cssmenu {
	line-height: 18px !important;
}
li a.immuno_ligand {
	color: #0176af !important;
	
}
li a:hover.immuno_ligand {
	color: black !important;
}

li a.gtmp_ligand {
	color: #990066 !important;
	
}
li a:hover.gtmp_ligand {
	color: black !important;
}
#cssmenu li a:hover {
color: #000000;
text-decoration: none;
}
#cssmenu li ul {
background: #e0e0e0;
border-left: 2px solid #566892;
border-right: 2px solid #566892;
border-bottom: 2px solid #566892;
display: none;
height: auto;
filter: alpha(opacity=95);
opacity: 0.95;
position: absolute;
width: auto;
z-index: 200;
/*top:1em;
              /*left:0;*/

}
#cssmenu li:hover > ul {
display: block;
}
#cssmenu li li {
display: block;
float: none;
padding: 0px;
position: relative;
width: 225px;
}
#cssmenu li ul a {
display: block;
font-size: 12px;
font-style: normal;
padding: 0px 5px 0px 15px;
text-align: left;
}
#cssmenu li ul a:hover {
background: #949494;
color: #000000;
opacity: 1.0;
filter: alpha(opacity=100);
}
#cssmenu p {
clear: left;
}
#cssmenu .active > a {
background: #566892;
-webkit-box-shadow: 0 -4px 0 #566892, 0 -5px 0 #85878c, 0 -6px 0 #566892;
-moz-box-shadow: 0 -4px 0 #566892, 0 -5px 0 #85878c, 0 -6px 0 #566892;
box-shadow: 0 -4px 0 #566892, 0 -5px 0 #85878c, 0 -6px 0 #566892;
color: #ffffff;
}
#cssmenu .active > a:hover {
color: white;
}
.active > a.immuno_ligand {
background: #0176af !important;
-webkit-box-shadow: 0 -4px 0 #0176af, 0 -5px 0 #85878c, 0 -6px 0 #0176af !important;
-moz-box-shadow: 0 -4px 0 #0176af, 0 -5px 0 #85878c, 0 -6px 0 #0176af !important;
box-shadow: 0 -4px 0 #0176af, 0 -5px 0 #85878c, 0 -6px 0 #0176af !important;

color: white  !important;
}

.active > a.gtmp_ligand {
background: #990066 !important;
-webkit-box-shadow: 0 0px 0 #990066, 0 -0px 0 #85878c, 0 -0px 0 #990066 !important;
-moz-box-shadow: 0 0px 0 #990066, 0 -0px 0 #85878c, 0 -0px 0 #990066 !important;
box-shadow: 0 0px 0 #990066, 0 0px 0 #85878c, 0 -0px 0 #990066 !important;

color: white  !important;
}
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #1e3363;
  background-color: #1e3363;
}

/* Style the buttons inside the tab */
.tab li {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 30px;
  transition: 0.3s;
  font-size: 14px;
font-weight:bold;
list-style-type:none;
color:white;
}

/* Change background color of buttons on hover */
.tab li:hover {
  background-color: #ddd;
color: black;
}

/* Create an active/current tablink class */
.tab li.active {
  background-color: #ccc;
color:black;
}

/* Style the tab content */
.tabcontent {
  display: none;
}
/* css required for autocomplete scrolling */
.ui-autocomplete {
    max-height: 400px;
    max-width: 440px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    text-overflow: ellipsis;
}

/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
    height: 400px;
    width: 440px;
}
.ui-autocomplete-loading { 
    background:url('/images/loader.gif') no-repeat right center 
}
.ui-autocomplete-category {
  /* color: #808080;
   text-decoration: underline;*/
   color: #1E3363;
   font-weight: bold;
   padding: .2em .4em;
   margin: .8em 0 .2em;
 /*  line-height: 1.5;*/
   line-height: 1.5;
}
/*label {
    display: block;
}*/



table.disease_detail {
    margin: 0px;
    padding: 0px;
}

table.disease_detail td {
    padding-left: 10px;
    vertical-align: top;
}

.url {
    font-family: Georgia, serif;
}

div.table_cell_list {
    margin-bottom: 5px;
}

.cgtp {
	color:#D4A017;
	font-weight:bold;
	display:none;
}

table.about {
    width:100%;
}

table.about td.data {
    font-weight:bold;
    text-align:right;
}

table.tablesorter thead tr .header {
    /*background-image: url(images/bg.gif); */
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter thead tr .tablesorter-headerDesc {
    background-image: url(images/asc.gif);
}
table.tablesorter thead tr .tablesorter-headerAsc  {
    background-image: url(images/desc.gif);
}
table.tablesorter thead tr .tablesorter-headerDesc, table.tablesorter thead tr .tablesorter-headerAsc {
    background-color: #EBF1FF;
}

table#pharm_browser_result {
  /*  table-layout: fixed;*/
    width: 100%;
    max-width: 100%;
    
}

#pharm_browser_result tr.pharm_browser_result_row td {
    border-top: 3px double darkgray;
    background-color: #EBF1FF;
    height: 40px;
}
/* table.pharm_browser_result td th {*/
   /* overflow-wrap: break-word;*/
        
/* }*/
#pharm_browser_result table.pharm_browser_inner_table {
    color: #333;
    width: 100%;
    /*font-size: 95%;*/
    margin-bottom: 10px;
}

#pharm_browser_result table.pharm_browser_inner_table td {
    border: 1px solid lightgray; 
}

#pharm_browser_result table.pharm_browser_inner_table th{
    border: 1px solid lightgray; 
}

#pharm_browser_result td.pharm_browser_shorten_content {
   /* white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
}

#pharm_browser_result td.pharm_browser_no_data {
   /* font-size: 95%;*/
    padding-bottom: 10px;
}

/*a.species_popup {
   color:black; 
}
*/
a.species_popup:hover {
   color:#06C; 
}

