/***
colours
dfeeff - blue palest
dbe7fb - blue pale
badaff - blue light
3571b7 - blue mid
142b45 - blue dark
f9d711 - yellow wand
505050 - grey
***/
/** layout **/
div.duty {
	position: absolute;
	top: -25px;
	right: 0;
	color: white;
}
#boatcallform {
	background: #3571b7; 
	width: 980px;
	margin: 5px auto 0;
	font-size: 90%;
	padding: 0 10px;
	color: #434343;
	padding-bottom: 10px;
}

#boatcallinform {
	position: relative;
	background: #3571b7; 
	padding-top: 5px;
}

#bar_x {
	background: #dfeeff;
	border: 1px solid #3571b7;
	position: absolute;
	top: 15px;
	right: 10px;
	width: 140px;
	padding: 10px;
}

#bar_x label.barx_checkbox {
	width: 90px;
	margin-bottom: 5px;
	float: left;
}

#bar_x label.barx_bound_out {
	width: 25px;
	float: left;
}

#bar_x label.barx_bound_in {
	width: 15px;
	float: left;
}

#bar_x input[type=radio] {
	float: left;
	margin-right: 35px;
	margin-left: -7px;
}

.boxtop {
	margin-top: 5px;
}

.radio1 {
	width: 260px;
	background: #dfeefc;
	float: left;
	margin-left: 20px;
}

.radio1 div {
	float: left;
	clear: none;
	padding: 5px 0;
}
#call_type_red {
	color: #990000;	
}
#bihmsg {
	border: 1px solid #fff;
	background: #FFE9E9;
	padding: 0 5px 0 5px;
	margin: 5px 20px 0 0;
	float: right;
	height: 20px;
	line-height: 20px;
}
#bihmsg2 {
	border: 1px solid #fff;
	background: #dfeefc;
	padding: 0 5px 0 5px;
	margin: 5px 0 0 0;
	float: left;
	height: 20px;
	line-height: 20px;
}
#bihmsg2red {
	border: 1px solid red;
	background: #FFE9E9;
	padding: 0 5px 0 5px;
	margin: 5px 0 0 0;
	float: left;
	height: 20px;
	line-height: 20px;
}
.radio1 .radioline {
	clear: left;
	margin-left: 52px;
}

.box .radioline {
	margin-left: -4px;
}

.box .radio2 .radioline {
	margin-left: 10px;
}

.radio1 div input[type=checkbox] {
	float: left;
	margin-left: 10px;
}

.radio1 div label {
	float: left;
	width: 20px;
	padding-left: 5px;
}

.radio2 {
	width: 170px;
	background: #dfeefc;
	float: left;
	margin-left: 15px;
}

.radio4 {
	width: 300px;	
}

.radio2 div {
	float: left;
	padding: 5px 0;
}

.radio2 .radioline {
	clear: left;
	margin-left: 77px;
}

.radio3 .radioline1 {
	margin-left: 17px;
}

.radio4 .radioline {
	clear: left;
	margin-left: 65px;
}

.radio4 .radioline2 {
	margin-left: 66px;
}

.radio2 .line2 {
	margin-left: 70px;	
}

.radioline1 {
	margin-left: 21px;
}

/** input **/

.radio2 div input[type=checkbox] {
	float: left;
	margin-left: 10px;
}

.radio2 div input[type=radio] {
	float: left;
	margin-left: 10px;
}

.radio2 div label {
	float: left;
	width: 30px;
	padding-left: 5px;
	white-space: nowrap;
}

.regoname {
	width: 330px;
	background: #dfeefc;
	position: absolute;
	top: 80px;
	right: 20px;
	padding-bottom: 20px;
}

.regoname textarea {
	width: 310px;
	height: 100px;
	margin-left: 10px;
}

.oneliner1,
.oneliner2 {
	width: 970px;
	margin-top: 5px;
	height: 30px;
	line-height: 30px;
}

#boat {
	margin-left: 20px;
}

.oneliner4 {
	float: left;
	margin-top: -10px;
}

.oneliner1 input[type=radio] {
	display: block;
	float: left;
	margin-top: 8px;
	margin-right: 5px;
}

.oneliner1 input[type=text] {
	float: left;
	margin-left: 10px;
	display: block;
	margin-top: 8px;
}

.oneliner1 label {
	display: block;
	float: left;
	width: 90px;
}

label.leftindent {
	padding-left: 20px;
}

input[type=text] {
}

#DutyLogon,
#Gencall,
#Gencall_from {
	margin-left: 20px;
}

.oneliner1 label.wide {
	width: 60px;
	padding-left: 5px;
}

.mba_box label.wide {
	width: 90px;
	padding-left: 0;
}

#boatname {
	width: 150px;
}

.mba_box label.wide150 {
	width: 140px;
}

body .mba_box input.wide110 {
	width: 110px;
}

body .mba_box input.wide150 {
	width: 160px;
}

.mba_box .oneliner1 input.wide150 {
	width: 150px;
}

.mba_box .oneliner1 input.wide190 {
	width: 190px;
}

#departed,
#destination {
	margin-left: 10px;
	width: 153px;	
}

.departbox select {
	margin-top: 8px;	
}

#location_dep,
#location_dest {
	margin-left: 0;
}

.fill5 {
	height: 5px;	
}

.oneliner2 label {
	padding-left: 5px;
	width: 50px;
	float: left;
	text-align: right;
}

.oneliner2 input[type=text] {
	float: left;
	margin-top: 7px;
}

.oneliner3 {
	width: 650px;
	background: #dfeefc;
	margin-top: 20px;
	height: 30px;
	line-height: 30px;
}
.oneliner3 label {
	width: 35px;
	padding-left: 5px;
		text-align: right;
}
.oneliner3 label.wide {
	width: 95px;
	padding-left: 5px;
}

.oneliner3 input[type=text] {
	float: left;
	margin-top: 7px;
}

.box {
	background: #f2f8ff;
}

.mba_box {
	width: 970px;
	margin-top: 5px;
	height: 20px;
}

.radio1 h2,
.radio2 h2 {
	float: left;
	margin-left: 0;
}

.box h2.h2 {
	float: left;
	margin-top: -10px;
}

.mba_box h2 {
	width: 100px;
}

.mba_box label {
	width: 60px;
	float: left;
	text-align: right;
	margin-bottom: 10px;
}

.mba_box input[type=text] {
	float: left;
	width: 70px;
	margin-bottom: 10px;
}

.mba_box input[type=text].wide80 {
	width: 80px;
}

.mba_box select {
	float: left;
	width: 120px;
	margin-bottom: 10px;
}

.comments {
	width: 980px;
	height: 30px;
	padding: 0;
	margin: -5px 0 5px 0;
	border-top: 5px solid #3571b7;
}

html body .comments label {
	float: left;
	width: 70px;
	margin-top: 5px;
}

.comments select {
	float: left;
	width: 200px;
}

.comments select {
	width: 210px;
	margin-top: 5px;
	margin-right: 10px;
}

.comments input[type=text] {
	width: 630px;
	margin: 5px 0 0 5px;
	float: left;
}

/*
.new_location {
	width: 970px;
	height: 30px;
	background: #dfeefc;
	padding: 0;
	margin: 5px 0;
}

.new_location h2 {
	float: left;
	padding-right: 10px;
	margin-top: 0;
}
.new_location label {
	padding-left: 5px;
	width: 50px;
	float: left;
	text-align: right;
}
.new_location select {
	float: left;
	width: 120px;
}

.new_location input[type=text] {
	width: 120px;
	margin-left: 5px;
	float: left;
}
*/
.safe {
	width: 860px;
	background: #dfeefc;
	padding-bottom: 20px;
}

.safe h2 {
	float: left;
	width: 60px;
}

.safe input {
	width: 840px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.buttons p {
	padding: 0;
	margin: 0;
}

.buttons p input[type=submit] {
	float: left;
	width: 120px;
	margin-top: 5px;
	margin-left: 10px;
}

.buttons p input.submit {
	margin-left: 5%;
}
.buttons p input.submit2 {
	margin-left: 2%;
}

.amend_button p input[type=submit] {
	padding: 0;
	margin: 0;
	width: 70px;
}

input:focus {
	background: #eee;
	color: #000;
}

select:focus {
	
} 

.mayday_weather {
	width: 99%;
}

.mayday_weather label {
	width: 80px;
	float: left;
}

.mayday_weather input {
	width: 830px;
}

.pob .floater {
	width: 120px;
}

.pob .floater label {
	
}

.pob .floater input {
	
}

p.pobproblem {
	
}

#mayday_problem {
	width: 930px;
}

p.pobproblem label {
	margin-left: 60px;
	width: 90px;
}

#mayday_pob_problem {
	width: 350px;
}

#mayday_colour_deck {
	width: 190px;
}

#mayday_mobile {
	width: 200px;
}

p.mayday_tides label {
	width: 80px;
}

#mayday_tides {
	width: 360px;
}

/***
colours
dfeeff - blue palest
dbe7fb - blue pale
badaff - blue light
3571b7 - blue mid
142b45 - blue dark
f9d711 - yellow wand
505050 - grey
***/