@import url("/genetics/CGP/stylesheets/structure.css");

/* over ridding wtsi.css */

#cosmic_container a:link, #cosmic_container a:visited {
  color: rgb(7, 73, 135);
}

#summary {
  background:#83a4c3;
}

h5 {
  color: #074987;
}

h2 {
  color:#074987;
}

.barialb {
  color:#074987;
}

div.fieldset div.content {
  border:1px solid #074987;
  background:#cbdced;
}

div.fieldset div.legend {
  background:#c2d2e1;
  border:1px solid #074987;
  color:#074987;
}  

fieldset legend {
  background:#c2d2e1 !important;
  color:#074987;
}
      
th {
  background-color: #074987;
  color:#fff;
}

th.title {  
  background:url(/genetics/CGP/cosmic/gfx/title_decor.png) no-repeat; 
  background-color: #074987;
}

grey1 {
  background-color:#83a4c3;      
}

.tabrow, .tabrow td {
  color:#041654; 
}       

.tabrow1, .tabrow1 td {
  color:#041654 !important;
}

.tabrow2, .tabrow2 td {
  color:#041654 !important;
}       

tabrow3, .tabrow3 td {
 color:#041654; 
 background:#cbdced;
}

tabrow4, .tabrow4 th {
 color:#FFFFFF;
 background:#4577a5;
 font-size:small;
 border-bottom: 1px solid #074987;
}


h3 {
  color:#074987 !important;
}

/*end over ridding */


.roundedrow, .roundedrow td {
  color:#041654;
}       

.roundedrow1, .roundedrow1 td {
  color:#041654; 
  background-color:#CBDCED;
}

.entry_point {
  border:1px solid #074987;
 /* background: #83a4c3 url(/genetics/CGP/cosmic/gfx/entry_back.png) no-repeat center right;*/
  background: #cbdced url(/genetics/CGP/cosmic/gfx/entry_cosmic.png) no-repeat bottom right;
}

.entry_point a {
  color: rgb(7, 73, 135);
}

/*page title*/

#cosmic_title {
  background: #074987 url(/genetics/CGP/gfx/cosmic_logo.gif) left top no-repeat;
}

#cosmic_title p, #blank_title p {
  color:#fff;
}

/*end page title*/    
/* no logo title*/

#blank_title {
  background: #074987 url(/genetics/CGP/gfx/blue_fade.gif) left top no-repeat;
}

/* end no logo title*/
.error {
  color:#8D0017 !important;
}

/*under development */      

#nav_box {
  background: #cbdced;
  border: 1px solid #000;
}

#nav_box h3 {
  background: #83a4c3;
  color:#074987;
  border: 1px solid #074987;
}  

/* under development end */

td.sideheaders {
  background-color:#cbdced;
  color:#074987;
}

.cosmicheader th {
  background-color:#4577a5;
  color:#e7edf3;
}
              
.cosmicsubheader th {
  background-color:#83a4c3;
  color:#e7edf3;
  border:solid 1px #074987;
}

.data_header td {
  background-color:#83a4c3;
  color:#e7edf3;
  border:solid 1px #074987;
}
                                                             
.topborder{
  background-color:#CBDCED;
  border-top: #000000 solid 1px;
}

.bottomborder{
  background-color:#CBDCED;
  border-bottom: #000000 solid 1px;
}

.leftborder{ 
  background-color:#CBDCED;
  border-left: #000000 solid 1px;
}

.rightborder{
  background-color:#CBDCED;
  border-right: #000000 solid 1px;
}

.outerbody{
  background-color:#CBDCED;
  border: #000 solid 1px
}

.outer_background {
  background-color:#CBDCED;
}
            
.innerbody{
  background-color:#CBDCED;
  border-left: #cbcbff solid 1px;
  border-right: #cbcbff solid 1px;
  color: #000070;
}

.outer_top_left{
  background: #CBDCED url(/gfx/box/topleft.gif) no-repeat top left;
}

.outer_top_right{
  background: #CBDCED url(/gfx/box/topright.gif) no-repeat top right;
}

.outer_top_border{ 
  border-top:#000 solid 1px;
  background-color:#CBDCED;
}

.outer_bottom_border{
  border-bottom:#000 solid 1px;
  background-color:#CBDCED;
}
                
.outer_bottom_left{
  background: #CBDCED url(/gfx/box/bottomleft.gif) no-repeat bottom left;
}

.outer_bottom_right{
  background: #CBDCED url(/gfx/box/bottomright.gif) no-repeat bottom right;
}

.innertab{
  background-color:#CBDCED;
  border-bottom: #cbcbff solid 1px;
}

.innertop{
  background-color:#CBDCED;
  border-top: #cbcbff solid 1px;
  border-right: #cbcbff solid 1px;
}

.innertab_corner {
  background: #CBDCED url(http://www.sanger.ac.uk/genetics/CGP/gfx/oncoview/tab_corner_1.png) no-repeat top right;
} 

.subbody{
  background-color:#CBDCED;
  border-left: #cbcbff solid 1px;
  border-right: #cbcbff solid 1px;
  color: #000070;
}

.tabbedbody{
  background-color:#c2d2e1;
  border-left:#074987 solid 1px;
  border-right:#074987 solid 1px;
  color: #000070;
}

.subtop{
  background-color:#CBDCED;
  border-bottom: #e2e2ff solid 1px;
}

.subtab{
  background-color:#CBDCED;
  border-top: #cbcbff solid 1px;
  border-left: #cbcbff solid 1px;
}

.subtab_corner {
  background: #CBDCED url(http://www.sanger.ac.uk/genetics/CGP/gfx/oncoview/tab_corner_2.png) no-repeat top right;
}

.tabtext{
  color: #000070;
}

.notabtop{
  background-color:#CBDCED;
  border-top: #cbcbff solid 1px;
  border-left: #cbcbff solid 1px;
  border-right: #cbcbff solid 1px;
}

.rowcolor1{
  background-color:#CBDCED;
}

.rowcolor2{
  background-color:#e2e2ff;
}

.spacer{
  background-color:#CBDCED;
  border-left: #cbcbff solid 1px;
  border-right: #cbcbff solid 1px;
}

.tabspacer{
  background-color:#c2d2e1;
  border-left: #074987 solid 1px;
  border-right: #074987 solid 1px;
}

.bottomspacer{
  background-color:#CBDCED;
  border-left: #cbcbff solid 1px;
  border-right: #cbcbff solid 1px;
  border-bottom: #cbcbff solid 1px; 
}

.tabbottomspacer{
  background-color:#c2d2e1;
  border-left: #074987 solid 1px;
  border-right: #074987 solid 1px;
  border-bottom: #074987 solid 1px; 
}

.boxed{
  background-color:#e7edf3; 
  border:#4577a5 solid 1px;
  color:#666666 !important;
}

.hboxed{
  background-color:#fff; /*#c6808b;*/
  border:#4577a5 /*#8d0017*/ solid 2px;
}

ul.outer{
  background-color:#efefff;
  border:1px solid #999999;
}

.blue_tab{
  background-color:#000070;
  background-image: url(../gfx/oncoview/blue_tab.png);
  background-repeat: no-repeat;
}

.red_tab{
  background-color:#700000;
  background-image: url(../gfx/oncoview/red_tab.png);
  background-repeat: no-repeat;
}

div.scroll_box {
  background-color:#CBDCED;
}

div.scroll_me{
  background:#cbdced;
  border:1px solid #bbbbcc;
  color:#660033;
}

div.scroll_me th{
  color:#fff;
}

div.scroll_me td{
  color:#000070;
  border-bottom:1px dotted #bbbbcc;
}

/*Style for news item boxes*/

.bottom_border{
  background-color:#CBDCED;
  border-bottom:1px solid #000000;
}

.left_border, .right_border{
  background-color:#CBDCED;
  border-left:1px solid #000000;
}

.news_content{
  background-color:#CBDCED;
} 

.bottom_left{       
  background: url(/genetics/CGP/gfx/bottom_left.png);
} 

.bottom_right{       
  background: url(/genetics/CGP/gfx/bottom_right.png);
} 

.left_title{
  background: url(/genetics/CGP/gfx/left_title.png);
}

.top_right{       
  background: url(/genetics/CGP/gfx/top_right.png);
} 

.top_mid_right{       
  background: url(/genetics/CGP/gfx/top_mid_right.png) repeat-x;
} 

.top_angle{       
  background: url(/genetics/CGP/gfx/top_angle.png) no-repeat;
} 

.top_border{
  background-color:#CBDCED;
  border-top:1px solid #000000;
}

.title_buffer{       
  background: url(/genetics/CGP/gfx/title_buffer.png);
} 

.title_mid_left{       
  background: url(/genetics/CGP/gfx/left_mid_title.png);
} 

.top_left{
  background: #CBDCED url(/genetics/CGP/gfx/topleft.png);
}

.top_right_corner{
  background: #CBDCED url(/genetics/CGP/gfx/topright.png);
}

.box_title{
  background: url(/genetics/CGP/gfx/title_buffer.png);
  color:#fff;
}

/*End news item style*/                             

/*tabs styles */

.tab_over_left{
  background: #c2d2e1;
  border-top: #074987 solid 1px;
  border-left: #074987 solid 1px;
}

.tab_over_right{
  border-left: #074987 solid 1px;
  border-bottom: #074987 solid 1px;
}

.tab_over_content{
  background-color:#c2d2e1;
  border-top: #074987 solid 1px;
}

.tabtext a {
  color: #000070;
}
       
.tab_off_left{
  background: #83a4c3;
  border-left: #074987 solid 1px;
  border-bottom: #074987 solid 1px;
  border-top: #074987 solid 1px;
}

.tab_off_right{
  border-bottom: #074987 solid 1px;
  border-left: #074987 solid 1px;
}

.tab_off_content{
  background-color:#83a4c3;
  border-top: #074987 solid 1px;
  border-bottom: #074987 solid 1px;
}

/*tabs end */
       
/*z-menu styles */

.menu_container {
  background-color:#e7edf3 !important;
  border: solid 1px #074987;
}

.menu_container a:hover {
  border-bottom:dotted 1px red;
}

.menu_container dt{
  background:#4577a5 !important;
  border-bottom: solid 1px #074987 !important;
}

.menu_container dt p {
  background: url(/gfx/close.gif) top right no-repeat;
  color:#fff;
}

#first_shadow{
  border-top: solid 2px #d6d6d6;
}

#first_no_shadow{
  border-top: none;
}

.menu_container dd {
  border-top: dotted 1px #c4c4c4 !important;
  color:#666666;
}

/*z-menu style end */               

#key_samples_with {
  background-color:#009acd;
  border:#02599c solid 1px;
}

#key_samples_without {
  background-color:#cd5c5c;
  border:#8b0000 solid 1px;
} 

.blocked {
  border:1px solid #83a4c3;
  background: url(/genetics/CGP/gfx/box_background.png) top left repeat-x #cbdced;
}

.blocked_group {
  border: 1px dotted #074987;
}

.fblocked {
  border:1px solid #83a4c3;
  background: url(/genetics/CGP/gfx/box_background.png) top left repeat-x #cbdced;
}

h4 {
  color:#074987;
/*  border:1px solid #83a4c3;*/
}

tfoot th{
  background-color:#83a4c3;
  color:#e7edf3;
  border:solid 1px #074987;
}

#cosmic_container a:link, #cosmic_container a:visited {
  color: rgb(7, 73, 135);
}

#summary {
  background:#83a4c3;
}

.button {
  color:#fff !important;
  background:#a60202;
  border-top:2px solid #ce7272;  
  border-left:2px solid #ce7272;
  border-right:3px solid #420202;
  border-bottom:3px solid #420202;
}

.button_blue { 
  color:#fff !important; 
  background:#4577A5;
  border-top:2px solid #9fc6ee; /*all four options used to be #4577A5 */
  border-left:2px solid #9fc6ee;
  border-right:3px solid #074987;
  border-bottom:3px solid #074987;
  padding:2px 8px;
  font-size: 10pt !important;
  font-weight:bold !important;
  text-decoration:none !important;
 }

.tab_button {
  color:#fff !important;
  background:url("/genetics/CGP/gfx/oncoview/red_box_tab.png") top right no-repeat #a60202;
}

.tab_button_blue {
  color:#e7edf3 !important;
  background:url("/genetics/CGP/gfx/blue_box_tab.png") top right no-repeat #a60202;
}

.tab_button_large {
  color:#fff !important;
  background:url("/genetics/CGP/gfx/red_box_tab_large.png") top right no-repeat #a60202;
}

.tab_button_vlarge {
  color:#fff !important;
  background:url("/genetics/CGP/gfx/red_box_tab_vlarge.png") top right no-repeat #a60202;
}

.tab_button_vlarge_blue {
  color:#e7edf3 !important;
  background:url("/genetics/CGP/gfx/blue_box_tab_vlarge.png") top right no-repeat #a60202;
}

.left_tab_button {
  color:#fff !important;
  background:url("/genetics/CGP/gfx/oncoview/blue_box_tab.png") top left no-repeat #020272;
}


.round_box {
	padding:2pt 5pt 2pt 5pt; 
	border-style:solid ; 
	border-width:1px ; 
	border-color:#4577A5 ; 
	color:#074987#; 
	-moz-border-radius: 4px ; 
	border-radius: 4px;
	behavior:url("/genetics/CGP/gfx/ie-css3.htc");
}

#error h4 {
  color:white;
}

#error li {
  color:white;
}

#error {
  color:white;
  background-color:#cd0000;
  border:1px solid #8b0000;
  margin:10px;
  padding:5px 10px 5px 10px;
  width:500px;
}

.inputerror {
  border:2px solid #cd0000;
}

.auto {
  width: 150px !important;
}

/* for autocomplete  pages*/
.ui-autocomplete { position: absolute; cursor: default; }       
.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }
 
 /* workarounds */
 * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
 
/* Menu
  ----------------------------------*/
  .ui-menu {
          list-style:none;
          padding: 2px;
          margin: 0;
          display:block;
          overflow: auto;
          max-height: 250px;
          height: auto !important;  /* fix for IE6, coudl write these in separate stylesheet,*/
          height: 250px;
          width: 150px !important;
  }
  .ui-menu .ui-menu {
          margin-top: -3px;
  }
  .ui-menu .ui-menu-item {
          margin:0;
          padding: 0;
          zoom: 1;
          float: left;
          clear: left;
          width: 100%;
          background-color: #F0F4F9;
  }
  .ui-menu .ui-menu-item a {
          text-decoration:none;
          display:block;
          padding:.2em .4em;
          line-height:1.5;
          zoom:1;
          font-weight: bold;
  }
  .ui-menu .ui-menu-item a.ui-state-hover,
  .ui-menu .ui-menu-item a.ui-state-active {
          font-weight: normal;
          margin: -1px;
 }

/* table like strcucture */

.leftPanel{
  float:left;
}

.block {
  display: block;
}

.leftPanel ul {
  list-style-type: none;
  margin: 0px;
  padding: 1px;
}

.leftPanel li {
  padding: 4px;
}

.tableHeader {
  font-weight: bold;
  background-color: #83A4C3;
  color: #FFFFFF;
}

.even {
  background-color: #F0F4F9;
}

/* styles which are specific for intweb pages,*/
.navbar {
  color:#074987;
  background-color:#EEF3F7;
  width:150px;
  margin: 2em 0 2em 0;
  padding-left:0.5em; 
  line-height: 1.4em;
  font-weight:bold;
}

.autoMargin {
  margin: 0 auto;
}

.autoWidth {
  width:auto;
}

.red {
  background-color:red;
  color:white;
}


.green {
 border: 2px solid #339933;
 background-color: #339933;
 color:white;
}