html, body {height:100%}
body {margin:0; padding:0; border:0; width:100%; background:#fff; font-size:1em; line-height:1.5em; font-family: 'Open Sans', sans-serif; font-weight: 300; -webkit-text-size-adjust:none}
h1
{
height:30px;
padding:5px 10px;
background:#13a7b3;
margin:0px;
font-size:20px;
line-height:30px;
color:white;
font-weight:normal;
}
#page_container{
width: 920px;
text-align: left;
position: relative;
margin:auto;
}
#main_content_login{
width: 920px;
text-align: left;
position: relative;
margin:auto;
min-height: 300px;
}
#main_content a{
color: #13a7b3 !important;
}
#main_content_signup{
width: 920px;
text-align: left;
position: relative;
margin:auto;
}
#main_container_login_left{
width: 600px;
text-align: left;
float: left;
margin: auto;
}
#main_container_login_right{
width: 200px;
text-align: center;
float: left;
margin-left: 80px;
margin-top: 80px;
}
#main_container_login_right a {
color: #000;
}
.btn01orange {
background: #ea4f25 url("https://www.boatbookings.com/images/r01.png") no-repeat scroll 5px center;
color: #fff !important;
display: inline-block;
padding: 6px 20px 6px 40px !important;
}
#heading{
padding: 0px;
margin: 0px;
height: 86px;
text-align: center;
position: relative;
}
#infobar{
text-align:center;
color:#FFF;
background-color:#062C4A;
border-bottom: 5px solid #265C8A;
padding:5px;
font-weight:bold;
height:25px;
margin-bottom:10px
}
#submenu ul
{
list-style-type:none;
padding:0px;
margin:0px;
height:35px;
overflow:hidden;
margin-top:20px
}
#submenu ul li
{
position:relative;
float:left;
color:#000;
font-size:16px;
line-height:25px;
}
#submenu ul li a:hover, #submenu ul li a.active
{
background:#13A7B3;
color:white;
text-decoration:none;
}
#submenu ul li a, #submenu li a.activetab, #submenu li a:hover
{
padding:10px 13px;
color:#000;
text-decoration:none;
line-height:35px;
font-size:15px;
text-transform:uppercase;
}
.submenu_link_logout {
text-align: right;
}
#footer{
padding: 2px;
background-color: #BCC0C3;
height: 20px;
font-size: 8pt;
font-weight: normal;
font-style: italic;
color: #000000;
position: relative;
}
input[type=submit], .link_btn
{
background: #ea4f25 url("https://www.boatbookings.com/images/r01.png") no-repeat scroll 5px center;
color: #fff !important;
display: inline-block;
padding: 10px 30px 10px 50px !important;
border: none;
}
.dark_bar{
background-color: #062C4A;
color: #FFFFFF;
font-weight: bold;
padding: 5px;
text-align: center;
}
.front_cell{
padding: 4px;
font-size: 12pt;
padding-right: 5px;
height: 40px;
margin: 0 0 5px;
width: 25%;
}
.errors{
font-weight: bold;
font-size: 10pt;
background-color: #AA0000;
color: #FFFFFF;
border: 1px solid black;
padding: 10px;
}
.datatable{
background: #FFFFFF url("/images/tblbkg.jpg") repeat-x;
}
.datahead{
padding: 2px;
background-color: #062c4a;
border-bottom: 1px solid #000000;
font-size: 10pt;
font-weight: bold;
color: #FFFFFF;
}
.datacell{
padding: 10px;
font-size: 8pt;
border-bottom: 1px solid #A0A0A0;
}
.dataside{
padding: 1px;
font-size: 8pt;
font-weight: bold;
padding-right: 10px;
border-bottom: 1px solid #A0A0A0;
}
#main_content_signup input[type="text"],
#main_content_signup input[type="textarea"],
#main_content_signup input[type="password"] {
display: block;
margin: 0;
width: 100%;
font-family: sans-serif;
font-size: 12px;
appearance: none;
box-shadow: none;
border-radius: none;
height: 25px;
}
#main_content_signup select {
display: block;
margin: 0;
width: 100%;
font-family: sans-serif;
font-size: 12px;
appearance: none;
box-shadow: none;
border-radius: none;
}
#main_content_signup textarea {
display: block;
margin: 0;
width: 100%;
font-family: sans-serif;
font-size: 12px;
appearance: none;
box-shadow: none;
border-radius: none;
}
#main_content_signup input[type="text"]:focus {
outline: none;
}
.col6 {text-align:left !important}
.col6 .divLeft {float:left; width:48%; text-align:left}
.col6 .divRight {float:right; width:50%; text-align:left}
.label30 {display:inline-block; width:30%}
.label25 {display:inline-block; width:25%}
.label25plus {display:inline-block; width:25.2%}
.label80 {display:inline-block; width:80%}
.labelside {display:inline-block; width:100%;}
.label60 {display:inline-block; width:60%}
.labelcustsol {display:inline-block; width:30%;font-size:12pt;}
.sel01 {display:inline-block; width:60%; height:33px; margin:0 0 5px}
.sel02 {display:inline-block; width:18%; height:33px; margin:0 48px 5px 0}
.inp01 {display:inline-block; width:58.9%; height:33px;; margin:0 0 5px}
.inp02 {display:inline-block; width:17%; height:33px; margin:0 48px 5px 0}
.inp03 {display:inline-block; width:17%; height:33px; margin:0 0 5px}
.inp04 {display:inline-block; width:15%; padding:5px; margin:0 0 5px}
.inpcustsol {display:inline-block; width:58.9%; height:33px;; margin:0 0 5px; font-size:12pt;}
.inpcustsolsmall {display:inline-block; width:10%; height:33px;; margin:0 0 5px; font-size:12pt;}
.inpcustsolside {display:inline-block; width:97%; height:25px;; margin:0 0 5px; font-size:10pt;}
.inpcustsoldate {display:inline-block; width:30%; height:33px;; margin:0 0 5px; font-size:12pt;}
.selcustsol {display:inline-block; width:60%; height:33px; margin:0 0 5px; font-size:12pt;}
.selcustsol option
{ padding-left:6px; }
.textarea {display:inline-block; width:59%; height:70px; margin:0 0 5px}
.textareacustsol {display:inline-block; width:59%; height:70px; margin:0 0 5px;font-size:12pt;}
.col6 button {display:bock; float:right; width:254px; height:41px; border:none; cursor:pointer}
.icon-calendar {display:inline-block; margin:0; width:33px; height:29px; background:url('images/cal.png') no-repeat}