/*
* www.eucomm.org
* EUCOMM: European Conditional Mouse Mutagenesis
*/

/* Page Layout Formatting */

#doc3 {
	margin: 0;
}

#bd {
	padding-bottom: 15px;
}

#side-navigation-div {
	width: 180px;
	float: left;
	margin-top: -13px;
	clear: both;
}

#content {
	min-height: 500px;
	padding-right: 15px;
	margin-left: 200px;
}

#ft {
	clear: both;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: left;
}

.clear {
    clear: both;
	margin-top: 3px;
	margin-bottom: 3px;
}

.clearbig {
    clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}

#content .yui-u {
	width: 45%;
	float: left;
	padding-right: 15px;
}

/* Page Header/Footer */

#hd h1 {
	background: transparent url('../images/header_background.png') repeat-x left center;
	height: 142px;
	margin: 0px;
}

ul#header-navigation,
ul#footer-navigation {
	font-size: 93%;
	margin: 5px 0;
}

ul#header-navigation li,
ul#footer-navigation li {
	display: inline;
	padding: 0 10px 0 10px;
	border-right: 1px solid #999;
	background: none;
}

ul#header-navigation li.no-border,
ul#footer-navigation li.no-border {
	border: none;
}

ul#header-navigation li.first,
ul#footer-navigation li.first {
	padding-left: 0;
}

ul#header-navigation {
	float: left;
	margin-left: 15px;
	margin-top: 7px;
}

form#gene_search {
	float: right;
}

form#gene_search #gene_search_spinner,
form#gene_search_main #main_spinner {
	vertical-align: middle;
}

form#gene_search #gene_name {
	width: 15em;
}

form#gene_search p {
	font-size: 93%;
	margin: 5px 0;
}

#hd fieldset {
	margin: 10px;
}

#ft span#last-modified {
	float: right;
	font-style: italic;
	color: #547ba6;
	font-size: 93%;
	padding-right: 15px;
	padding-top: 15px;
}

#ft ul#footer-navigation {
	border-top: 1px solid #999;
	padding-top: 15px;
	padding-left: 15px;
}

#ft span#copyright {
	padding-left: 15px;
}

/* Fonts / Typography */

body {
	color: #333;
	font: 77%/138.5% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	color: #004494;
	/*color: #376598;*/
}

abbr {
	border-bottom: 1px dotted #ccc;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}

.no_data {
	margin: 10px 25px;
	font-style: italic;
	color: #999;
}

/* Links */

a:link, a:visited {
	color: #376598;
	text-decoration: none;
	cursor: pointer;
}

th a:link, th a:visited {
	color: #fff; /* avoid blue on blue for links in table headers */
}

a:hover {
	color: #fa1614;
}

a {
	outline: none;
}

div#htgt_links {
	text-align: center;
	margin-bottom: 5px;
}

a.add, a.delete, a.exclamation,
a.plate_link, a.show_more, a.hide_more,
a.link, a.report, a.document,
a.pdf, a.word, a.excel, a.text, a.powerpoint {
	background: url('/icons/silk/add.png') left center no-repeat;
	padding: 2px 0 2px 19px;
	font-size: 0.9em;
	text-decoration: none;
	cursor: pointer;
}

a.icon_on_right {
	padding: 2px 20px 2px 0;
	background-position: right center;
	background-repeat: no-repeat;
}

a.exclamation {
	background-image: url('/icons/silk/exclamation.png');
	color: #740000;
	text-decoration: underline;
}

a.delete 	 { background-image: url('/icons/silk/delete.png'); }
a.plate_link { background-image: url('/icons/silk/table_go.png'); }
a.link 		 { background-image: url('/icons/silk/bullet_go.png'); }
a.report 	 { background-image: url('/icons/silk/page_go.png'); }
a.document 	 { background-image: url('/icons/silk/page_white.png'); }
a.pdf 		 { background-image: url('/icons/silk/page_white_acrobat.png'); }
a.word 		 { background-image: url('/icons/silk/page_white_word.png'); }
a.excel 	 { background-image: url('/icons/silk/page_white_excel.png'); }
a.text  	 { background-image: url('/icons/silk/page_white_text.png'); }
a.powerpoint { background-image: url('/icons/silk/page_white_powerpoint.png'); }

a.show_more {
	padding: 2px 0 2px 15px;
	background-image: url('/icons/silk/bullet_arrow_down.png');	
}

a.hide_more {
	padding: 2px 0 2px 15px;
	background-image: url('/icons/silk/bullet_arrow_up.png');	
}

.breadcrumb {
  font-size: 77%;
}

div.show_more, div.hide_more {
	font-size: 0.9em;
	padding: 2px 0 2px 15px;
	background: #ccc url('/icons/silk/bullet_arrow_down.png') no-repeat left center;
	margin: 5px;
	border: 1px dotted #999;
	cursor: pointer;
}

div.hide_more {
	background-image: url('/icons/silk/bullet_arrow_up.png');
}

/* Buttons */

button {
    cursor: pointer;
}

.button,
a.button,
input.button {
    color: #1b5890;
    background-color: #e7edf3;
    border: 1px solid #074987;
    border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    text-decoration: none !important;
    padding: 5px 5px 5px 25px;
    cursor: pointer;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 30px;
}

input.button {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 10pt;
	height: 27px;
	margin-top: -6px;
}

.button:hover,
a.button:hover {
    color: #ff7200;
    background-color: #c2d2e1;
}

.report_go 		  	{ background: url('/icons/silk/page_go.png') no-repeat 5px center; }
.csv 	   		  	{ background: url('/icons/silk/page_excel.png') no-repeat 5px center; }
.sort 	   		  	{ background: url('/icons/silk/table_sort.png') 5px center no-repeat; }
.print 	   		  	{ background: url('/icons/silk/printer.png') 5px center no-repeat; }
.platetabletoggle 	{ background: url('/icons/silk/table_refresh.png') no-repeat 5px center; }
.map_plates 	  	{ background: url('/icons/silk/table_relationship.png') no-repeat 5px center; }
.save 			  	{ background: url('/icons/silk/database_save.png') no-repeat 5px center; }
.load 			  	{ background: url('/icons/silk/database_lightning.png') no-repeat 5px center; }
.clean 			  	{ background: url('/icons/silk/delete.png') no-repeat 5px center; }
.up 			  	{ background: url('/icons/silk/arrow_up.png') no-repeat 5px center; }
.down 			  	{ background: url('/icons/silk/arrow_down.png') no-repeat 5px center; }
.refresh 		  	{ background: url('/icons/silk/arrow_refresh.png') no-repeat 5px center; }
.blank 			  	{ background: url('/icons/silk/shading.png') no-repeat 5px center; }
.pencil 		  	{ background: url('/icons/silk/pencil.png') no-repeat 5px center; }
.pencil_go 		  	{ background: url('/icons/silk/pencil_go.png') no-repeat 5px center; }
.pencil_delete 	  	{ background: url('/icons/silk/pencil_delete.png') no-repeat 5px center; }
.magnifier_zoom_in 	{ background: url('/icons/silk/zoom_in.png') no-repeat 5px center; }
.magnifier_zoom_out { background: url('/icons/silk/zoom_out.png') no-repeat 5px center; }
.bomb 				{ background: url('/icons/silk/bomb.png') no-repeat 5px center; }
.cog_add 			{ background: url('/icons/silk/cog_add.png') no-repeat 5px center; }
.cog_go 			{ background: url('/icons/silk/cog_go.png') no-repeat 5px center; }
.arrow_left 		{ background: url('/icons/silk/control_rewind_blue.png') no-repeat 5px center; }
.arrow_right 		{ background: url('/icons/silk/control_fastforward_blue.png') no-repeat 5px center; }

/* Boxed Content / User Messages */

#clear_search_results,
.ordering_info {
	padding: 4px 4px 4px 25px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-position: 5px center;
	background-repeat: no-repeat;
}

#clear_search_results {
	float: right;
	background-color: #fc9a9a;
	background-image: url('../icons/silk/cross.png');
	border: 1px solid #fb6868;
}

#clear_search_results:hover {
	cursor: pointer;
}

.ordering_info {
	background-color: #e7edf3;
	background-image: url('/icons/silk/information.png');
	border: 1px solid #8baac7;
}

/*-- Pagination Lists --*/

div.paginatecontainer {
	text-align: left;
	font-size: 12px;
	margin-bottom: 8px;
}

div.paginatetitle, div.paginatetitle {
  	font-size: 12px;
	margin-bottom: 6px;
}
             
div.paginate ul { 
	list-style: none;
	padding: 0;
	margin-top: 6px;
	margin-bottom: 6px;
}                  

div.paginate li {
	display: inline;
	background: none !important;
	list-style: none;
	text-align: center;
	vertical-align: middle;
	color: #999;
	font-size: 10px;
	margin-left: 0;
	padding-left: 0;
}

div.paginate a,
div.paginate a:link, 
div.paginate a:visited  {
	color: #4b6767;
	text-decoration: none;
	cursor: pointer;
	background-color: #e7edf3;     
	padding: 2px 5px;
	border: 1px solid #ccc;
}

div.paginate a:hover,
div.paginate .current_page a:hover {
	color: #ff7200;
	background-color: #bfcfde;
}

div.paginate .current_page a {
	font-weight: bold;
	color: #fff;
	padding: 4px 8px;
	background-color: #4577a5;
}

/* Sidebar Navigation */

ul#side-navigation li {
	list-style-type: none;
}

ul#side-navigation li a,
ul#side-navigation li span {
	padding-left: 3px;
}

/* Images */

img.border {
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 4px double #ccc;
	box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	-moz-box-shadow: 0 0 5px #ccc;
}

img.left, img[align="left"] {
	float: left;
	margin: 0 8px 4px 0;
	display: block;
}

img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.right, img[align="right"] {
	float: right;
	margin: 0 0 4px 8px;
	display: block;
}

/* Lists */

#content ul, ul.books, div.papers ul, ul.pdfs {
	margin: 0;
}

ul li {
	list-style-type: none;
	background: url(../icons/silk/bullet_black.png) no-repeat left top;
	padding-left: 20px;
	margin-bottom: 4px;
}

#content ul.books li, #content div.papers ul li, #content ul.pdfs li , #content ul.links li,
#content ul.files li {
	list-style-type: none;
	padding-left: 20px;
	margin-bottom: 6px;
	background-position: left top;
	background-repeat: no-repeat;
}

#content ul.books li {
	background-image: url(../icons/silk/book.png);
}

#content div.papers ul li {
	background-image: url('../icons/silk/page.png');
}

#content ul.pdfs li {
	background-image: url('../icons/silk/page_white_acrobat.png');
}

#content ul.links li {
	background-image: url('../icons/silk/bullet_go.png');
}

#content ul.files li {
	background-image: url(../icons/silk/page_go.png);
}

/* Pagination Lists */

#content div#paginatetitle {
  	font-size: 85%;
	font-weight: bold;
	font-style: italic;
}
             
#content div#paginate ul { 
	list-style: none;
	padding: 5px 0 6px;
	margin: 0;
}                  

#content div#paginate ul li {
	display: inline;
	list-style: none;
	text-align: center;
	vertical-align: middle;
	background: none;
	padding: 0;
}

div#paginate a,
div#paginate a:link, 
div#paginate a:visited  {
	color: #4b6767;
	text-decoration: none;
	font-size: 10px;
	background-color: #e7edf3;     
	padding: 2px 5px;
	border: 1px solid #ccc; 
	cursor: pointer; 
}

div#paginate a:hover,
div#paginate .current_page a:hover {
	color: #ff7200;
	background-color: #bfcfde;
}

div#paginate .current_page a {
	font-weight: bold;
	color: #fff;
	padding: 4px 8px;
	background-color: #547ba7;
}

/* Definition Lists */

dl {
	margin: 0;
}

dl dt {
	font-weight: bold;	
}

dl dd {
	margin-bottom: 6px;
	margin-top: 4px;
}

/* Contacts Page - Microformats (hCard) */

div.title {
	margin-bottom: 7px;
}

div.org, div.adr {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 25px;
}

div.org {
	background-image: url('../icons/silk/building.png');
	background-position: top left;
	background-repeat: no-repeat;
}

div.telephone, div.fax, div.email {
	background-position: left center;
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 25px;
}

div.telephone {
	background-image: url('../icons/silk/telephone.png');
}

div.fax {
	background-image: url('../icons/silk/printer.png');
}

div.email {
	background-image: url('../icons/silk/email.png');
}

/* Form Elements */

input, textarea, select {
	font-size: 95%;
	padding: 2px;
}

.reset {
    background: transparent url('../images/reset.png') no-repeat scroll center;
    height: 13px;
    width: 13px;
    right: 0px;
    top: 3px;
    opacity: 0.4;
}
.reset:hover {
    opacity: 1;
    cursor: pointer;
}

fieldset.toggleable legend.option_hidden,
fieldset.toggleable legend.option_show {
	color: #084997;
}

/* Tables */

table td {
	border: 1px solid #ccc;
}

table td.standout {
	background-color: #fbf4b6;
}

th {
	color: #fff;
	background-color: #547ba7;
	border: 1px solid #547ba7;
	border-bottom: 1px solid #ccc;
	text-align: left;
}

.sortable th,
.tksort th {
  text-decoration: underline;
  cursor: pointer;
}

.new {
  background-color: #ff9697 !important;
}

table.editable tbody tr:hover,
table.editable tbody tr.roweven:hover,
table.highlight tbody tr:hover {
  background-color: #fbf4b6 !important;
}

table.editable tbody td.edit:hover,
table.highlight tbody td.standout:hover {
  cursor: pointer;
  background-color: #f2d851;
}

table.editable tr th {
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url('/icons/silk/table_edit.png');
}

table.editable tr th.noedit {
  background-image: none;
}

.sortcol {
  cursor: pointer;
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: right center;
}

table.tksort tr th.sortasc {
  background-color: #669865;
  border: 1px solid #669865;
  background-image: url('/htgt/static/images/up.gif');
}

table.tksort tr th.sortdesc {
  background-color: #fb9a68;
  border: 1px solid #fb9a68;
  background-image: url('/htgt/static/images/down.gif');
}

.nosort {
  cursor: default;
}

th.resize-handle-active {
  cursor: e-resize;
}

div.resize-handle {
  cursor: e-resize;
  width: 2px;
  border-right: 1px dashed #1E90FF;
  position: absolute;
  top: 0;
  left: 0;
}

tr.roweven {
	background-color: #e6e6e6;
}

/* BEGIN: Project search page */

form#project_reports_form {
	margin-right: 30px;
	margin-bottom: 10px;
	float: left;
}

form#project_reports_form table td {
	vertical-align: middle;
}

form#project_reports_form table th {
	background-color: #fff;
	vertical-align: middle;
	text-align: right;
}

#more {
	float: left;
}

#more #information {
	padding: 6px;
}

#more #search_options {
	border: 1px solid #074987;
	background-color: #e7edf3;
	padding: 6px;
	line-height: 24px;
}

#more #search_options a {
    color: #fff;
    font-size: smaller;
    font-weight: bold;
    border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	line-height: 24px;
	padding: 5px 5px 5px 16px;
}

#more #search_options a.add {
	background: #77b459 url('/icons/silk/bullet_toggle_plus.png') no-repeat 0 3px;
}

#more #search_options a.delete {
	background: #e0493e url('/icons/silk/bullet_toggle_minus.png') no-repeat 0 3px;
}

#more #search_options a:hover {
	background-color: #c2d2e1;
}

/* END: Project search page */

form table,
form table td,
form table th {
	border: none !important;
	text-align: left;
}

form table th {
	background-color: transparent;
	color: #547ba7;
	text-align: right;
}

table .nocol {
	background: #fff !important;
	border: none !important;
}

/* Front-Page */

#htgt_search {
	text-align: center;
    padding-top: 10px;
}
    
#htgt_search input#gene_name_main {
	width: 47em;
}

/* News & Events */

#news div.news_item h4.news_date {
	background: url(../icons/silk/date.png) no-repeat left center;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 20px;
}

#news div.news_item h5.news_title {
	margin-bottom: 5px;
	margin-top: 5px;
}

.course_modules {
	margin-left: 20px;
	margin-bottom: 20px;
}

/* Cassettes & Backbones */

.cassettes td span.emphasise,
.backbones td span.emphasise {
    font-style: italic;
    font-weight: bold;
    padding-left: 15px;
}

.cassettes th,
.backbones th {
	border-bottom: 1px solid #547ba7;
}

.cassettes sup,
.backbones sup {
    font-size: 0.7em;
}

div.footnotes {
	background: url('/htgt/static/images/footnote.gif') no-repeat left 5px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 15px;
}

/* BEGIN: Gene search page */

table#search_results_table,
table#search_results_table td {
	border: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table#projects.project_search_results td {
	border: 1px solid #ccc;
}

table#search_results_table tr div.mgi_marker_name {
	margin-top: 7px;
	margin-bottom: 7px;
	font-size: 0.8em;
}

table#search_results_table tr div.project_status {
	background-color: #e7edf3;
	margin-top: 2px;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align: center;
	font-size: 0.8em;
}

/* END: Gene search page */

/* BEGIN: Design page */
table#design_image,
table#design_image tr,
table#design_image tr td,
table#design_image img,
table#design_image input {
    padding: 0;
}

table#design_image input {
	width: 2em;
}

/* END: Design page */

/* BEGIN: Gene Report Page */

td.within-homology-arm {
	line-height: 12px;
}

#short_range_primer_div table tr.nocol td {
	border: none;
}

/* END: Gene Report Page */