@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Open+Sans:400,700);
body{font:400 14px/normal 'Open Sans';margin:0px 10px;padding:0px;}
*{box-sizing:border-box;}
#data_container{position:relative;float:left;clear:both;}
h1{padding:0px;margin:0px;font-size:1.5em;font-weight:bold;}
h2{padding:0px;display:inline;font-size:1.25em;font-weight:bold;margin-bottom:5px;}
h3{padding:0px;font-weight:bold;}
ul{list-style:none; margin-top: 0}
.hidden {display: none;}
.right{text-align: right;}
.left{text-align: left;}
.float_left{float: left;}
a{text-decoration:none;}
table.clear_both,
div.clear_both,
hr.clear_both{position:relative;clear:both;}
p{margin:5px;}
p.padded_p{padding-left:10px !important;width:95% !important;}
form label{text-align:right;float:left;width:250px;margin-right:10px;clear:left;font-size:12px;}
#ship_filter label{width:250px;font-size:12px;}
#crew_filter label, #form_select_action label, #capture_filter label{width:220px;height:20px;font-size:12px;line-height:20px;}
#ship_filter input, #crew_filter input{float:left;padding-left:5px;}
#sel_guns{height:14px;font-size:12px;padding:0px;}
#nation_selector{width:200px;margin-right:200px;}
textarea{margin-top:5px;margin-bottom:5px;}
#all{position:relative;padding:0px;width:1200px;margin-top:0px;margin-left:auto;margin-right:auto;}
.page_header{position:relative;clear:both;min-height:100px;background-image:url("../images/three-decks-header.gif");border-radius:5px;border:1px solid #000;padding:20px;margin:10px;}
span.page_header_title{font-size:2em;font-weight:bold;}
span#ship_header_title{position:relative;top:20px;left:30px;font-size:1.5em;font-weight:bold;}
.leftcol{position:relative;float:left;width:180px;min-height:400px;border:1px solid #000;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin-bottom:10px;}
.datacol{position:relative;float:left;padding-bottom:10px;min-height:627px;border:1px solid #000;margin:0px 0px 10px 5px;text-align:left;border-radius:5px;font-size: 12px;}
.datacol h1{margin: 0 10px;}
.datacol h1 img{height: auto;margin: 0 10px;position: absolute;}
.datacol table h1{margin: 0;}
/*.datacol h2{margin:10px;}
.datacol h3{margin:10px;}
.datacol h4{margin:10px;}*/
.datacol ul{margin:10px;}
.datacol li > ul{margin:0 10px;}
.datacol > p{margin:5px 10px; font-size: 10px;}
.datacol hr{clear:both;}
.homepageblurb{float:left;margin:10px;}
#homepageupdates ol{margin-left:20px;}
#rightgoogleads{position:absolute;top:10px; right:10px; height:240px;width:120px;}
#Google_ads{position:absolute; bottom:0; left:10px;margin:10px 0px;clear:both;width:728px;}
a#seaforthlink{position:relative;margin-left:auto;margin-right:auto;clear:both;width:950px;height:100px;}
#seaforth{position:relative;margin-left:auto;margin-right:auto;clear:both;width:950px;height:100px;background-image:url("../images/seaforth_banner.jpg");}
#shipyardevents{float:left;}
#select_wrapper{position:relative;float:left;width:100%;padding:10px;}
.mini_sidebar_ad,
.sidebar_ad{margin:10px 0px 0px;position:relative;float:right;width:234px;}
#rate_preamble{position:relative;clear:both;}
#ship_search_results{position:relative;float:left;width:100%;padding:0px;}
#ship_search_results h2,
#ship_search_results p{margin:0px;}
legend{margin:0px 5px;padding:0px 5px;font-size:1em;font-weight:bold;}
#comment_errors,
div.comments{position:relative;clear:both;width:90%;}
.comment_fieldset{margin:0px 5px 10px;padding:0px 5px;font-size:1em;font-weight:bold;width:100%;overflow:hidden;}
.comment_fieldset p{margin:0px 10px;}
.comment_fieldset hr{color:#fff;}
#comment_list_table{width:923px;}
.diverror{position:relative;width:880px;padding:0px 10px 10px;border:1px solid #000;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin-bottom:0px;}
#advert_block{position:relative;clear:both;margin-top:10px;min-height:50px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #000;}
.page_footer{position:relative;clear:both;margin:10px;padding:5px;border-radius:5px;border:1px solid #000;}
.textjustify{text-align:justify;}
.spacer_col{float:left;width:10px;}
.imageholder{vertical-align:middle;width:300px}
#copywrite_message{position:relative;font-size:.6em;margin-left:20px;}
div.clear{height:0px;clear:both;}
table{position:relative;float:left;width:100%;margin:0px 5px 10px;border-collapse:collapse;clear:both;}
table.rate_list{width:auto;}
.table_input_fields tr{margin:2px 0px;}
tr{width:100%;height:21px;}
thead tr{border-bottom:1px solid #08458f;}
thead tr.no_underline{border-bottom:none;}
th{position:relative;display:inline;text-align:left;float:left;padding:0px 5px;font-size:12px;font-weight:bold;vertical-align:top;}
td{text-align:left;float:left;padding:0px 5px;vertical-align:top;}
table#recaptcha_table tbody tr td{float:none;height:9px;padding:0px;}
table#recaptcha_table tbody tr{height:9px;}
table#ship_base{float:left;margin-top:10px;}
div#ship_image_holder{float:left;margin-top:10px;overflow:hidden;}
div#person_image_holder{float:left;margin-top:10px;overflow:hidden;}
th.col_width_50,
td.col_width_50{width:50px;}
th.col_width_75,
td.col_width_75{width:75px;}
th.col_width_80,
td.col_width_80{width:80px;}
th.col_width_100,
td.col_width_100{width:100px;}
th.col_width_125,
td.col_width_125{width:125px;}
th.col_width_140,
td.col_width_140{width:140px;}
th.col_width_150,
td.col_width_150{width:150px;}
th.col_width_200,
td.col_width_200{width:200px;}
th.col_width_300,
td.col_width_300{width:300px;}
th.col_width_400,
td.col_width_400{width:400px;}
th.col_width_500,
td.col_width_500{width:500px;}
th.col_unitofmeasure,
td.col_unitofmeasure{width:150px;}
th.col_disp_measurement,
td.col_disp_measurement{width:58px;}
th.col_metric_equivalent,
td.col_metric_equivalent{width:200px;}
td.col_info_text{display:inline-block;width:510px;}
td.col_info_text p{margin:0;}
td.col_info_text p + p{margin-top:10px;}
td.basic_info_type_col{width:150px;}
td.date_col,
th.date_col{width:70px;}
th.big_date_col{width:150px;}
td.source_col,
th.source_col{float:right;width:70px;}
td.col_rank,
th.col_rank{width:200px;}
td.col_ships_built,
th.col_ships_built{width:60px;}
td.nationality_col,
th.nationality_col{width:100px;}
td.crewname_col,
th.crewname_col{width:200px;}
#table_action_info td.crewname_col,
#table_action_info th.crewname_col{width:250px;}
.shipname_col{width:160px;}
.col_src_type{float:right;width:100px;}
.col_src_author{width:254px;}
.col_src_description{width:400px;}
td.ext_shipname_col,
th.ext_shipname_col{width:180px;}
th.gun_count,
td.gun_count{width:50px;}
th.col_dimension,
td.col_dimension{width:150px;}
td.col_measurement,
th.col_measurement{width:60px;}
.col_battle_dates{width:130px;}
.col_battle{width:250px;}
.col_war{width:300px;}
.col_action_type{width:105px;}
td.col_input_table_label{width:150px;text-align:left;}
.col_input_data_field{text-align:left;}
th.leftborder,
td.leftborder{border-left:1px solid;}
th.col_counter,
td.col_counter{width:55px;text-align:center;}
th.col_counter2,
td.col_counter2{width:58px;text-align:center;}
.higher{height:42px;}
.higher td{vertical-align:bottom;}
.wideheader{width:350px;}
.space_row{height:2px !important;}
table#glossarytable td{vertical-align:top;width:100%;}
table #glossarytable tbody tr.appointment_row,
.appointment_row{height:22px;margin-top:12px;background-color:#00ffff;border-top:1px solid white;border-left:1px solid white;border-bottom:1px solid black;border-right:1px solid black;}
tr th tr.appointment_row{border-top:2px solid white;}
.promotion_row{margin-top:2px;height:22px;background-color:#00ffff;border-top:1px solid white;border-left:1px solid white;border-bottom:1px solid black;border-right:1px solid black;}
.td_base_ship_label{width:150px;}
.td_source_code{width:100px;}
.typeimage{float:left;margin:5px 10px 5px 5px;border:1px solid black;}
tr.border_bottom{border-bottom:1px solid #999;}
body{color:#08458f;background-color:#b9bcdd;}
input, select, textarea{color:white;background-color:#08458f;}
input[type="submit"]{background-color:#08458f;width:100px;height:20px;color:white;border:1px solid white;margin:10px;}
input[type="submit"]:hover{cursor:pointer;}
tr.lightrow{background-color:#b9bcdd;}
tr.darkrow{}
.page_header,
#leftcol,
.datacol,
#advert_block,
.diverror,
.page_footer{background-color:#00bbff;}
.error_message{color:red;}
.edit_table tr td{margin:2px 0px;}
th.ship_edit_label,
td.ship_edit_label{width:150px;}
th.ship_edit_source,
td.ship_edit_source,
td.ship_edit_source select{float:right;width:300px;}
.comp_star{color:#ff0000;}
.error_box{border-color:#ff0000;margin-bottom:5px;color:#ff0000;}
.showid{float:right;font-size:0.6em;}
#map{margin:10px 0px 10px 0px;position:absolute;top:15px;right:10px;z-index:999;width:400px;height:300px;float:right;}
#map.nation_map{right:-250px;top:45px;}
#shipyard_base_info{position:relative;float:left;}
#shipyardevents{position:relative;width:100%;float:left;}
#mapholder{float:left;position:absolute;right:0;top:0;}
#location_mapholder{float:right;position:relative;width: auto; min-height: 350px;}
#mapholder td{vertical-align:top;}
#actionmapholder{position:relative; top: -30px;}
#actionmapholder #map{position:relative;right:0;top:0;}
.dataTables_length{width:480px;float:left;}
.dataTables_filter{width:480px;float:right;text-align:right;}
.dataTables_info{width:480px;float:left;font-size:1.1em;font-weight:bold;}
.dataTables_paginate{width:480px;float:right;text-align:right;}
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next{display:inline-block;width:150px;text-align:center;border:1px solid #ffffff;color:white;background-color:#08458f;}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover{cursor:pointer;}
.input_date_yy{width:60px;text-align:center;}
.input_date_mm{width:40px;text-align:center;}
.input_date_dd{width:40px;text-align:center;}
.battle_intro{margin:10px 0 0;}
.form_row{margin-bottom:5px;}
.form_footnote{font-size:10px;margin-left:260px;display:inline-block;width:50%;}
.form_field_input{padding-left:5px;}
#div_data_info p{width:95%;}
#leftcol {padding:5px;}
#leftcol h1{margin-left:10px;}
#navigation{font-size:16px;}
#navigation{padding:10px 0px;margin:0}
#navigation li{border-left:10px;padding:0px 10px;}

.updatelist {font-size:12px;padding:10px 0px;margin:0;}
.updatelist li {border-left:10px;padding:0px 10px;}
.updatelist li:hover, #navigation li:hover{background-color:#0099ff;color:white;}
.updatelist li a, #navigation a{padding:0px;margin:0px;}
.updatelist li:hover a , #navigation li:hover a{color:inherit;}
.updatelist a, .updatelist a:active, .updatelist a:visited, #navigation a, #navigation a:active, #navigation a:visited{color:#08458f;}
.fb_iframe_widget{display: inline-block;position: relative;height: 23px;left: 10px;margin-bottom: 10px;top: 5px;width: 250px;}
#leftcol h1{margin-left:10px;}
#navigation{font-size:16px;}
#navigation{padding:10px 0px;margin:0}
#navigation li{border-left:10px;padding:0px 10px;}
.updatelist li:hover, #navigation li:hover{background-color:#0099ff;color:white;}
.updatelist li a, #navigation a{padding:0px;margin:0px;}
.updatelist li:hover a , #navigation li:hover a{color:inherit;}
.updatelist a, .updatelist a:active, .updatelist a:visited, #navigation a, #navigation a:active, #navigation a:visited{color:#08458f;}
#crew_search_results{font-size: 10px;}

ul.collapsed {
	display: none;
}
span.click_collapse:hover,
span.click_expand:hover {
	cursor: pointer;
	font-weight: bold;
}
ul.expanded {
	display: block;
}

.quicklink {
	padding: 4px;
	border: 1px solid black;
	border-radius: 5px;
	background-color: white;
	color: darkgray;
	margin-bottom: 10px;
}
.quicklink h2 {
	color: black;
}

.tooltip {
	position: relative;
	display: inline-block;
}

.tooltip .tooltiptext {
	visibility: hidden;
        width: max-content;
	background-color: white;
	color: black;
	text-align: left;
	border-radius: 5px;
        border-color: black;
        border-width: 1px;
	padding: 4px;

    /* Position the tooltip */
	position: absolute;
	z-index: 1;

	top: 0px;
	left: 105%;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}
/*Control the browsers selector colours, Firefox and Safari only so far
*/
::selection {
	background: #fff2a8; /* WebKit/Blink Browsers */
}
::-moz-selection {
	background: #fff2a8; /* Gecko Browsers */
}

/***For Other Browsers ***/
::-o-selection {
	background: #fff2a8;
}

::-ms-selection {
	background: #fff2a8;
}

/*** For Webkit ***/
::-webkit-selection {
	background: #fff2a8;
}


@media (max-width: 500px) {
	#shiplists thead {
		display: none;
	}
	.hidden {
		display: inline;
	}
  }

.menu_bar{color:#08458f;background-color:#00bbff;position:relative;clear:both;padding:0px;border:1px solid #000;height:auto;margin:0px 0px 10px 0px;text-align:left;border-radius:5px;}
#menu_bar ul{min-height:20px;}
#menu_bar ul li{position:relative;display:block;float:left;margin:0px;padding:0px;}
#menu_bar ul li a{position:relative;display:block;height:20px;font-size:1em;text-decoration:none;text-align:center;}
#menu_bar ul li a:visited{color:#08458f;background-color:#00bbff;}
#menu_bar ul li a:hover{background-color:#0000ff;color:#ffffff;}
#menu_bar ul.submenu {display: none; z-index: 50;}
#menu_bar ul.submenu li {border:1px solid #000; }
#menu_bar ul.submenu li a{color:#08458f;background-color:#00bbff; }
#menu_bar li:hover ul.submenu {display: list-item}

/*.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font-size:14px;
font-weight:bold;
}
.menu ul{
background:#00bbff;
height:50px;
list-style:none;
margin:0;
padding:0;
border-radius: 5px;
}
.menu li{
float:left;
padding:0px 0px 0px 15px;
}
.menu li a{
color:#000;
display:block;
font-weight:normal;
line-height:22px;
margin:0px;
padding:0px 5px;
text-align:center;
text-decoration:none;
}
.menu li a:hover{
background:#0000ff;
color:#ffffff;
text-decoration:none;
}
.menu ul li:hover a{
background:#0000ff;
color:#ffffff;
text-decoration:none;
}
.menu li ul{
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:200px;
z-index:200;
}
.menu li:hover ul{
display:block;
}
.menu li li {
display:block;
float:none;
margin:0px;
padding:0px;
width:200px;
background:#00bbff;
this is where the rounded corners for the dropdown disappears
}
.menu li:hover li a{
background:none;
}
.menu li ul a{
display:block;
height:22px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 5px 0px 5px;
text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
border:0px;
color:#ffffff;
text-decoration:none;
background:#00bbff;
}*/