/* CSS Document */

/* CSS HTML RESET */
body {position: relative; top: 0; left: 0; margin: 0; padding: 0; font-size: 12px; font-family: Helvetica, Arial, sans-serif}
h1, h2, h3, h4, h5, h6, p, ul, li, td {margin: 0; padding: 0; color: #15599a;}
p {color: #15599e; margin: 0 0 9px;}
li {list-style-type: none;}
img {border: 0;}
a {text-decoration: none;}
.picante {color: #c00; font-style: italic;}

/* WRAPPER */
#wrapper {position: relative; top: 0; left: 0; width: 100%;}

/* BRANDING */
#adminHead {position: relative; top: 0; left: 0; width: 100%; background: #000; float: left; clear: both;}
#adminHead #branding h1 {display: inline; float: left; clear: none; color: #fff; margin: 30px 0 0 30px;}
#adminHead #welcome {position: absolute; right: 24px; top: 30px;}
#adminHead #welcome h3 {color: #f18e01; font-weight: normal; font-size: 18px;}
#branding {position: relative; top: 0; left: 0; width: 100%; float: left; clear: both;}
#logo {margin: 12px 0 12px 12px; display: block; float: left; clear: none;}
#highlight {position: absolute; top: 12px; left: 460px;}
#signup {position: absolute; top: 20px; left: 720px; background: #e6f0fa; padding: 6px 3px;}
#signup h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; font-style: italic; font-weight: normal; color: #15599e; margin-bottom: 6px;}
#signup input.text {border: 3px solid #cbe0f4; padding: 2px;}
#signup input.image {padding-left: 6px;}
#spryEmail, #spryFirstName, #spryLastName, #spryEmail2, #spryDates, #spryselect1 {position:relative;}
.textfieldRequiredMsg, .textfieldInvalidFormatMsg, .selectRequiredMsg {position: relative; top: 0px; left:0px; padding: 3px; background: #fff; float: left; clear: both;}

.required {color: #c00;}
.error {color: #c00;}

/* NAVIGATION */
#navigation {position: relative; top: 24px; left: 0; width: 1049px; padding: 0; margin: 0; float: left; clear: both;}
#navigation a {color: #fff; font-size: 12px; font-weight: bold;}
#nav, #microsites {float: left; clear: none;}
#nav li {position: relative; float: left; clear: none; border-right: 1px solid #fff;}
#nav li a {display: block; padding: 6px 9px; background: #6290be;}
#nav li a:hover, #microsites li a:hover {background: #cb7903;}
#microsites li {float: left; clear: none; border-right: 1px solid #fff;}
#microsites li a {display: block; padding: 6px 9px; background: #15599e; color: #fff;}
#about #nav1 a, #ourfleet #nav2 a, #updates #nav3 a, #reserve #nav4 a, #sales #micro1 a, #manage #micro2 a, #picantito #micro3 a {background: #f18e01;}

/* CONTENT */
#content {position: relative; top: 24px; left: 18px; float: left; clear: none; width: 800px;}
#content h1 {border-bottom: 1px solid #15599e; color: #15599e; margin: 12px 0 12px;}
#content h3 {margin: 6px 0 12px 0; font-family: Georgia, "Times New Roman", Times, serif; color: #15599e; font-style: italic; font-size: 18px; font-weight: normal;}
#content h3 .date {color: #c00;}
#home #content {width: 1049px; left: 0;}
#home #content {background: url(../images/bg_home.jpg) left top no-repeat;}
#fleetMenu {position: absolute; top: 50px; left: 12px; padding: 0; width: 212px; height: 300px;}
#home #fleetMenu {top: 30px;}
#fleetMenu h2 {background: url(../images/bg_fleet_top.png) center top no-repeat; padding: 14px 0 6px; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; text-align: center; font-weight: normal;}
#fleetMenu span {display: block; background: url(../images/bg_fleet_bottom.png) center bottom no-repeat; padding: 0 16px 30px;} 
#fleetMenu span ul {color: #fff; height: 220px; overflow: auto;}
#fleetMenu li {padding: 0;}
#fleetMenu li a {display: block; width: 156px; color: #fff; padding: 3px; border-bottom: 1px solid #fff;}
#fleetMenu li a:hover {background: #6290be;}
#media {position: absolute; top: 50px; left: 275px; text-align: center;}
#media #flash {width: 261px; height: 219px; border: 6px solid #fff; margin: 0 0 12px;}
#intro {position: relative; top: 0; left: 0; width: 500px; margin: 0 0 0 267px;}
#intro p {width: 100%; float: left; clear: both;}
#home #intro {margin: 375px 0 0 250px; width: 400px; float: left; clear: none; font-size: 1.2em;}
#home #intro h1 {background: url(../images/h_fishwinners.png) left top no-repeat; text-indent: -999em; height: 90px; margin: 0 0 12px;}
#weather {position: absolute; top: 74px; left: 600px; background: url(../images/bg_weather.png) left top; padding: 6px;}
#weather th {color: #fff; text-align: right; padding: 0 9px 9px 0; font-weight: normal;}
#weather td.temp {color: #fff; font-weight: bold; font-size: 28pt;}
#weather a {color: #ff0; text-decoration: underline;}

/* OUR FLEET */

#ourfleet #intro img {margin-bottom: 24px; float: left; clear: none;}
#ourfleet #intro h1 {margin: 12px 0 12px; color: #15599e; font-family: Georgia, "Times New Roman", Times, serif; border-bottom: 0;}
#ourfleet #intro h2#title {background: url(../images/h_bookyacht.png) left top no-repeat; text-indent: -999em; margin: 12px 0 12px; height: 20px;}
#yachtMenu {width: 100%; float: left; clear: both; margin: 0 0 12px;}
#yachtMenu span {float: left; clear: none;}
#yachtMenu a {display: block; padding: 6px 6px 6px 28px; color: #000; font-weight: bold;}
#yachtMenu a:hover {color: #f18e01;}
#yachtMenu #yachtReserve a {background: url(../images/ico_reserve.gif) center left no-repeat; border-right: 1px dotted #000;}
#yachtMenu #yachtPrint a {background: url(../images/ico_print.gif) center left no-repeat; margin: 0 0 0 8px;}
#yachtMenu #yachtReserve a:hover {background: url(../images/ico_reserve_over.gif) center left no-repeat;}
#yachtMenu #yachtPrint a:hover {background: url(../images/ico_print_over.gif) center left no-repeat;}
#ourfleet #yachtCopy {float: right; clear: none; width: 240px;}
#ourfleet #yachtCopy h2 {background: transparent; text-indent: 0; margin: 0 0 3px; font-size: 16px;}
#ourfleet #yachtCopy ul {float: left; clear: both; margin: 0 0 9px;}
#ourfleet #yachtCopy li {color: #15599e; list-style: disc; margin: 0 0 3px 15px;}
#ourfleet #yachtCopy th {text-align: left;}
#ourfleet #yachtCopy th, #ourfleet #yachtCopy td {padding: 3px; vertical-align: top; color: #15599a;}
.img-wrapper, .sales .img-wrapper {background: url(/images/shadow.gif) no-repeat right bottom; float: left; margin: 5px 0 0 5px;}
.img-wrapper div, .sales .img-wrapper div {background: url(/images/mask.png) left top no-repeat; padding: 0 5px 5px 0;}
#ourfleet #intro img.yachtImg, .sales img.yachtImg {border: 1px solid #ccc; padding: 4px; background: #fff; margin-bottom: 0; margin: -5px 0 5px -5px;}

/* FISHING UPDATES */
#weatherReport, #moonPhase, #available, #catch, #fishNews {margin: 0 12px 12px 0;}
#weatherReport h1, #moonPhase h1, #available h1, #catch h1, #fishNews h1 {border-bottom: 0; font-size: 16px;}
#weatherReport {float: left; clear: none;}
#weatherReport table {width: 240px; background: #e6f0fa;}
#weatherReport th, #catch th {background: #15599e; text-align: right; color: #fff; font-size: 16px; vertical-align: top; padding: 6px 8px; font-weight: normal;}
#weatherReport td, #catch td {padding: 6px 8px; border-bottom: 1px solid #15599e; color: #15599e; vertical-align: top;}
#moonPhase {width: 440px; float: left; clear: none;}
#moonPhase table {width: 440px; background: #000;}
#moonPhase th {color: #fff; padding: 6px; font-weight: normal; border-right: 1px solid #fff;}
#moonPhase td {padding: 6px; text-align: center; border-right: 1px solid #fff;}
#moonPhase tr.moondates td {background: #9ac2ea; border-right: 1px solid #9ac2ea;}
#weatherReport td.last, #moonPhase td.last, #moonPhase th.last, #catch td.last {border-right: 0; border-bottom: 0;}
#available {width: 100%; float: left; clear: both;}
#catch {float: left; clear: none;}
#catch table {width: 705px; background: #e6f0fa;}
#catch th {width: 130px;}
#catch td#alert {width: 190px; padding: 0 10px; background: #fff; border-bottom: 0;}
#catch td#alert p {font-size: 16px; font-weight: bold;}
#catch td#alert strong {color: #c00;}
#fishNews {width: 100%; float: left; clear: both;}
#fishNews h4 {color: #15599e; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif;}
#fishNews ul {margin: 6px 0 0;}
#fishNews li {list-style: disc; color: #15599e; margin: 2px 0  0 10px;}


/* SIGNUP AND RESERVE PAGES */
#register table {background: #e6f0fa; margin: 12px 0 0; border: 1px solid #15599e;}
#register table table {width: 100%; margin: 0; border: 0;}
#register td {padding: 0 4px 4px;}
#register .nester {padding: 4px 0;}
#register th {text-align: left; color: #15599e; padding: 4px 4px 0;}
#register input, #register textarea, #register select {margin: 3px 3px 3px 0; border: 1px solid #15599e;}
#register input#street1, #register input#street2, #register input#country {width: 320px;}
#register input#city {width: 200px;}
#register input.check {border: 0; margin: 0;}
#register td#optinCell p {margin: 4px; padding: 0; float: left; clear: both; width: 300px;}

/* AD SPACE */
#adspace {position: relative; top: 24px; left: 24px; width: 200px; float: left; clear: none; padding: 0; text-align: center; margin: 24px 0 0; padding: 12px 6px;background: #fff; min-height: 300px;}
#home #adspace {position: absolute; top: 500px; left: 12px; clear: both; background: transparent; margin: 0;}

#adspace2 {position: absolute; top: 24px; left: 224px; width: 200px; padding: 0; text-align: center; margin: 24px 0 0; padding: 12px 6px;background: #fff; min-height: 300px;}


#Testimonial {position: relative; top: 0px; left: 0px;width: 200px; margin: 0 0 24px;}
#Testimonial p.quote {padding: 20px 0 0 24px; background: url(/images/quote_l.gif) top left no-repeat; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-align: left;}
#Testimonial p.quote span {display: block; padding: 0 6px 20px 0; background: url(/images/quote_r.gif) bottom right no-repeat;}
#Testimonial p.cite {text-align: right; font-style: italic; margin: 12px 0 0;}

/* FOOTER */
#footer {position: relative; float: left; clear: both; width: 400px; left: 217px; padding: 12px 0 24px; margin: 36px 0 0; border-top: 1px solid #999; color: #000;}
#home #footer {left: 250px;}
#ourfleet #footer {left: 285px;}
#footer p {color: #000;}
#footer .vcard {float: left; clear: none; width: 40%; text-align: left; font-size: 10px;}
.org, .fn {font-weight: bold;}

/* ADMINISTRATOR PAGES */
#userManage #nav1 a, #fleetManage #nav2 a, #updates #nav3 a, #news #nav4 a, #reserve #nav5 a, #mailManage #nav6 a, #captainManage #nav8 a, #salesManage #nav9 a {background: #f18e01;}
.alert {color: #070; font-weight: normal;}
.alertCell {background: #fff;}
.canvas {float: left; clear: both;}
#fleetManage #content {width: 900px;}
#fleetList {width: 200px; float: left; clear: none; margin: 0 24px 0 0;}
#fleetList ul {background: #e6f0fa;}
#fleetList li {border-bottom: 1px solid #15599e;}
#fleetList li a {display: block; width: 100%; width: 192px !important; padding: 4px;}
#fleetList li a:hover {background: #6290be; color: #fff;}
#formArea {position: relative; width: 300px; float: left; clear: none; margin: 0 0 24px;}
#fleetManage #formArea {width: 600px;}
#formArea table, #searchbox table {float: left; clear: none; margin: 0 24px 0 0; background: #e6f0fa;}
#formArea th, #formArea td, #searchbox th, #searchbox td {padding: 3px; vertical-align: top;}
#formArea th , #searchbox th {background: #15599e; text-align: right; color: #fff; font-size: 14px; vertical-align: top; padding: 6px 8px; font-weight: normal; white-space: nowrap;}
#formArea tfoot td {background: #fff;}
#formArea input, #formArea textarea, #formArea select, #searchbox input {margin: 3px; border: 1px solid #15599e;}
#formArea input#length, #formArea input.dimfield {width: 40px; text-align: right;}
#formArea td.buttonCell {text-align: center;}
#formButtons, p.buttonCell {float: left; clear: both; width: 100%; text-align: center;}
#content #userList {width: 300px; float: left; clear: none; margin: 0 24px 0 0;}
#userList table {width: 300px;}
#userList th, #userList td {padding: 4px 6px;}
#userList th {background: #e5e5e5; text-align: left;}
#userList td {border-bottom: 1px solid #15599e;}
#userList td a:hover {text-decoration: underline;}
#content table .bool {text-align: center;}
span.checked {display: block; background: url(../images/check.gif) center no-repeat; width: 100%; height: 15px; text-indent: -999em;}
input.longField {width: 400px;}
.delButton {display: block; margin: 12px 0 3px; background: #f00; color: #fff; font-weight: bold; border: 2px solid #900; padding: 3px; width: 5%; text-align: center;}
.delButton:hover {background: #900;}

a.formaLink:link {color: #3c75cf; font-size: 12px; font-weight: bold; text-decoration: underline; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.formaLink:visited {color: #3c75cf; font-size: 12px; font-weight: bold; text-decoration: underline; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.formaLink:hover {color: #3c75cf; font-size: 12px; font-weight: bold; text-decoration: underline; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.formaLink:active {color: #3c75cf; font-size: 12px; font-weight: bold; text-decoration: underline; font-family:Verdana, Arial, Helvetica, sans-serif;}

.companyText
{
	color: #3c75cf;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.centraTexto1
{
	margin-left: 0%;
	margin-right: 0%;
	text-align: center;
}

a.enlace02:link 
{
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#d6d6d6;
	width: 70px;
	height: 20px;
	margin-left: 0%;
	margin-right: 0%;
	text-align: center;
}
a.enlace02:visited
{
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#d6d6d6;
	width: 70px;
	height: 20px;
	margin-left: 0%;
	margin-right: 0%;
	text-align: center;
}
a.enlace02:hover
{
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	background-color:#d6d6d6;
	width: 70px;
	height: 20px;
	margin-left: 0%;
	margin-right: 0%;
	text-align: center;
}
a.enlace02:active
{
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#d6d6d6;
	width: 70px;
	height: 20px;
	margin-left: 0%;
	margin-right: 0%;
	text-align: center;
}

a.botonForma 
{
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#d6d6d6;
	width: 70px;
	height: 20px;
	margin-left: 0%;
	margin-right: 0%;
	text-align: center;
	background-color:#d6d6d6;
}

a.formaLink2:link {color: #000000; font-size: 13px; font-weight: normal; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.formaLink2:visited {color: #000000; font-size: 13px; font-weight: normal; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.formaLink2:hover {color: #000000; font-size: 13px; font-weight: normal; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.formaLink2:active {color: #000000; font-size: 13px; font-weight: normal; font-family:Verdana, Arial, Helvetica, sans-serif;}

.invisible
{
	color: #ffffff;
	font-size: 1px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.homeLink1:link {color: #15599e; font-size: 14px; font-weight: normal; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: underline;}
a.homeLink1:visited {color: #15599e; font-size: 14px; font-weight: normal; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: underline;}
a.homeLink1:hover {color: #15599e; font-size: 14px; font-weight: normal; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: underline;}
a.homeLink1:active {color: #15599e; font-size: 14px; font-weight: normal; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: underline;}

a.homeLink2:link {color: #15599e; font-size: 12px; font-weight: normal; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: underline;}
a.homeLink2:visited {color: #15599e; font-size: 12px; font-weight: normal; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: underline;}
a.homeLink2:hover {color: #15599e; font-size: 12px; font-weight: normal; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: underline;}
a.homeLink2:active {color: #15599e; font-size: 12px; font-weight: normal; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: underline;}


a.adminLink1:link {color: #3c75cf; font-size: 12px; font-weight: bold; text-decoration: underline; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.adminLink1:visited {color: #3c75cf; font-size: 12px; font-weight: bold; text-decoration: underline; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.adminLink1:hover {color: #3c75cf; font-size: 12px; font-weight: bold; text-decoration: underline; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.adminLink1:active {color: #3c75cf; font-size: 12px; font-weight: bold; text-decoration: underline; font-family:Verdana, Arial, Helvetica, sans-serif;}

.editMensaje
{
	color: #FF0000;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a.tablaLink:link {color: #15599e; font-size: 12px; font-weight: bold; text-decoration: none; font-family: Helvetica, Arial, sans-serif;}
a.tablaLink:visited {color: #15599e; font-size: 12px; font-weight: bold; text-decoration: none; font-family: Helvetica, Arial, sans-serif;}
a.tablaLink:hover {color: #cc0000; font-size: 12px; font-weight: bold; text-decoration: none; font-family: Helvetica, Arial, sans-serif;}
a.tablaLink:active {color: #15599e; font-size: 12px; font-weight: bold; text-decoration: none; font-family: Helvetica, Arial, sans-serif;}