 
*
{
	margin: 0px;
	padding: 0px;
	"theme_color": "#317EFB";
}




body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:600;
	tmin-width:900px;
	
	
	
	overflow:auto;

}

#container {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
    tmin-width:768px;
	height: 147px;
	
	border-bottom:ridge;
	border-bottom-color:#fcfcfc;
	border-bottom-width:15px;
	
	background-image:url("images/water_banner.jpg");
	background-size: 100%;
}


#header {
	
	position:relative;
	top:0px;
	left:0px;
	height: 147px;
	width:100%;
	margin-bottom: 0px;
	

	
	
}
#Theader ul{
	position:relative;
	top:-15px;
	padding:0px;
	magrin:0px;
	list-style:none;
	
	-moz-border-radius: 0px 0px 30px 30px;
    -webkit-border-radius: 0px 0px 30px 30px;
    -kphp-border-radius: 0px 0px 30px 30px;
    border-radius: 0px 0px 30px 30px;
	border:none;
	
	
}

#Theader ul li{
	-moz-border-radius: 0px 10px 10px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
    -kphp-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;
	border:solid;
	border-width:1px;
	border-color:#999999;
	
	background-color:#fcfcfc;
	
}

#logo
{
	position:relative;
	top:0px;
	
	
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:150px;
	z-index:1;
	padding-top:0px;
	margin-top: 0px;
	background2: #f2f2f2;
	background-color:#DEF2F4;
	
	
	filter:alpha(opacity=90);             
	-moz-opacity:0.90;                    
	-khtml-opacity: 0.90;                
	opacity: 0.90;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
	

}
#logo img {
	width:auto;
	height:auto;
	display: block;
	margin-left:auto;
	margin-right:auto;
	z-index:9999;
}
#logo #name
{
	display:inline-block;
	font-size:40px;
	
}


#bannerleft
{
	position:absolute;
	top:-3px;
	left:0px;
	height: 147px;
	width:240px;
	tz-index:1;
	padding-top:0px;
	margin-top: 0px;
	
	background2: #f2f2f2;
	background-color1:#ffffff;
	text-align: left;
}
#bannerleft img{
	
	
	height:150px;
	width:240px;
}
#bannerright
{
	position:absolute;
	top:-3px;
	right:-1px;
	margin-left:-264px;
	height: 147px;
	width:240px;
	tz-index:1;
	padding-top:0px;
	margin-top: 0px;
	background2: #f2f2f2;
	background-color1:#ffffff;
	text-align: left;
}
#bannerright img{
	
	height:150px;
	width:240px;
}

#button {
	height:100%;
	text-align:center;
	line-height:25px;
	font-weight:bold;
	
	background-color:#fcfcfc;
	
	border:solid;
	border-color:#959595;
	border-width:1px;
	border-bottom:none;
	-moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -kphp-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
	
}

#button li {
	background-color: #f2f2f2;
}

#button a {
	color:#000000; 
	text-decoration:none; 
	padding:10px; 
	display:block;
}

#button li a:hover {
	padding:10px;
	font-weight:bold;
	color: #ffffff;
}


#home_button a {
	color:#000000;
	text-decoration:none;
	
	
}
#home_button a:visited {
	text-decoration:none;
	color:#000000;
}

#home_button a:hover {
	color:#ffffff;
	text-decoration:underline;
	
}
#fishing_button a {
	color:#000000;
	text-decoration:none;
}
#fishing_button a:visited {
	text-decoration:none;
	color:#000000;
}

#fishing_button a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#whale_button a {
	color:#000000;
	text-decoration:none;
}
#whale_button a:visited {
	text-decoration:none;
	color:#000000;
}

#whale_button a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#misc_button a {
	color:#000000;
	text-decoration:none;
}
#misc_button a:visited {
	text-decoration:none;
	color:#000000;
}

#misc_button a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#gallery_button a {
	color:#000000;
	text-decoration:none;
}
#gallery_button a:visited {
	text-decoration:none;
	color:#000000;
}

#gallery_button a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#faq_button a {
	color:#000000;
	text-decoration:none;
}
#faq_button a:visited {
	text-decoration:none;
	color:#000000;
}

#faq_button a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#home_button {
	position:absolute;
	height: 25px;
	width: 125px;
	margin: 0px;
	left:50%;
	margin-left:-377px;
	top:-30px;
	z-index:2;
}




#fishing_button {
	position:absolute;
	height: 25px;
	width: 125px;
	margin: 0px;
	left:50%;
	margin-left:-251px;
	top:-30px;
	z-index:2;
}
#whale_button {
	position:absolute;
	height: 25px;
	width: 125px;
	margin: 0px;
	left:50%;
	margin-left:-125px;
	top:-30px;
	z-index:2;
}
#misc_button {
	position:absolute;
	height: 25px;
	width: 125px;
	margin: 0px;
	left:50%;
	margin-left:1px;
	top:-30px;
	z-index:2;
}
#gallery_button {
	position:absolute;
	height: 25px;
	width: 125px;
	margin: 0px;
	left:50%;
	margin-left:127px;
	top:-30px;
	z-index:2;
}
#faq_button {
	position:absolute;
	height: 25px;
	width: 125px;
	margin: 0px;
	left:50%;
	margin-left:253px;
	top:-30px;
	z-index:2;
}



.fishing_menu_class {
	
}
.the_fishing_menu {
	
	width:200px;
	
	
}



.whale_menu_class {
	
}
.the_whale_menu {
	
	width:200px;
	
}




.misc_menu_class {
	
}
.the_misc_menu {
	width:200px;
	
}





.gallery_menu_class {
	
}
.the_gallery_menu {
	width:200px;
	
}


.home_menu_class {
	
}

.faq_menu_class {
	
}
.the_faq_menu {
	width:200px;
	
}



#jsddm
{	margin: 0;
	padding: 0
}
	
	#jsddm li
	{	float: left;
		list-style: none;
		font: 14px Tahoma, Arial
	}

	#jsddm li a
	{	display: block;
		
		
	}

	#jsddm li a:hover
	{	
		background: #1A4473;
		-moz-border-radius: 10px 10px 10px 0px;
		-webkit-border-radius: 10px 10px 10px 0px;
		-kphp-border-radius: 10px 10px 10px 0px;
		border-radius: 10px 10px 10px 0px;
	}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			margin-top:20px;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white
		
			
		}
		
		#jsddm li ul li
		{	
			float: none;
			display: inline
			background-color:#fcfcfc;
			
			
			
		}
		
		#jsddm li ul li a
		{	
			padding:5px;
			width: auto;
			
		}
		
		#jsddm li ul li a:hover
		{	
			
		}




#bodycontainer {
	
	position:relative;
	top:155px;
	width:auto;
	min-width:980px;
	overflow:visible;
	/*border:dotted;*/
	
	
	background-image:url("images/waves.jpg");
	background-size:100% 100%;
	background-attachment:fixed;
	background-color:#fcfcfc;
	/*background-color:#ffffff;*/
	
	
}




#contect ul li {
	margin:0px; 
	padding:0px; 
	list-style:none;
}

#content ul li {
	margin:5px; 
	padding:5px; 
	list-style:none;
}
ol {

	list-style-type: decimal;
	list-style-position: inside;
}

#content .notes {
	
	list-style-type: disc;
}
#content .alert{
	position:relative;
	width: 100%;
}
#content .alert .alertText{
	position:relative;
    left:0%;
	top:-150px; /* in conjunction with left property, decides the text position */
	width: 100%;
	color:#CC0033;
	background-color:white;
	font-size:140%;
	font-weight:900;
	z-index:99;
	
	display:block;
    -webkit-transform: rotate(-10deg); 
    -moz-transform: rotate(-10deg); 
    
}

ol li{
	padding:10px;
	
}

#center{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	display: block;
	
}
.center{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	display: block;
	
}
.box {
	border-style:solid;
	border-width:2px;
}
.box img{
	max-width:48%;
}

.row-fluid{
	top:0px;
	width:100%;
	tbackground-image:url("images/waves.jpg");

}
.push-right {
	margin-left:25px;
}
.nav {
	z-index:999;
}

#content {
	position:relative;
	left:0px;
	min-height:900px;
	tmin-width:970px;
	top:235px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:75px;
	padding-left:10px;
	padding-right:10px;
	width:100%;
	overflow:visable;
	
	-moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    -kphp-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;

	background-color:#ffffff;
	background-color:rgba(256,256,256,0.9); 

	z-index:5;
}

#content .CGcam{
	width:80%;
}
#content .findUsMap{
	width:75%;
}
#content .CGcam img{
	width:100%;
}
#content .seasoninfo {
	border-collapse: collapse;
	padding-bottom:15px;

}


#content .seasoninfo tr{
	height:50px;
}
#content .seasoninfo tr img{
	
}
#content .seasoninfo tr .tabletitle{
	border:none;
	width:50px;
	font-weight:bold;
	background:none;
	padding-top:5px;
	padding-bottom:5px;
}

#content .seasoninfo tr td{
	border:solid;
	border-width:1px;
	text-align:center;
	background:#ffffff;
}

#content #title{
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	font-weight: bolder;
	font-size:2em;
}
#content p {
        margin: 10px 0px
		

}
#contentpic{
	max-width:600px;
	margin:0px;
	margin-right:5px;
	
	
}

#center #contentpic{
	max-width:600px;
	max-height:240px;
	margin:0px;
	margin-right:5px;	
}


#contentpiccontainer{
	float:left;
	max-width:400px;
	margin:0px;
	margin-right:5px;
	
	
}

#contentpiccontainer #contentpic {
    position:relative;
	max-width:400px;
	max-height:300px;
    margin-right:10px;
    color:#008080;
	font-weight: bold;
    margin-bottom:15px;
   
    -moz-border-radius: 20px 0px 0px 20px;
    -webkit-border-radius: 20px 0px 0px 20px;
    -kphp-border-radius: 20px 0px 0px 20px;
    border-radius: 20px 0px 0px 20px;

}

#dfrcontentpiccontainer{
	float:left;
	max-width:400px;
	margin:0px;
	margin-right:5px;
	min-height:450px;
	border:solid;
	border-color:#999999;
	-moz-border-radius: 20px 0px 0px 20px;
    -webkit-border-radius: 20px 0px 0px 20px;
    -kphp-border-radius: 20px 0px 0px 20px;
    border-radius: 20px 0px 0px 20px;
    overflow:hidden;
}

#dfrcontentpiccontainer #dfrcontentpic {
    position:relative;
	max-width:400px;
	max-height:600px;
    margin-right:10px;
    color:#008080;
	font-weight: bold;
    margin-bottom:15px;
   
    -moz-border-radius: 18px 0px 0px 0px;
    -webkit-border-radius: 18px 0px 0px 0px;
    -kphp-border-radius: 18px 0px 0px 0px;
    border-radius: 18px 0px 0px 0px;

}

#uploadPic {
	position:relative;
	top:5px;
	color:#008080;
	border:solid;
	margin:5px;
	padding-top:5px;
	-moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -kphp-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}
#uploadPic form{
	margin:5px;
}
#uploadPic form h3{
	color:#000000;
}
#gallery {
	position:relative;
	padding-bottom:15px;
	width:99%;
	margin-left:auto;
	margin-right:auto;.
	max-width:100%;
}
#gallery #galPic {
    position:relative;
	width:auto;
    display:block;
    color:#008080;
	margin:10px;

    padding:5px;
	border:solid;
	text-align:center;
	
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    -kphp-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;

}

#gallery #galPic img{
    position:relative;
    color:#008080;
	font-weight: bold;
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-bottom:5px;
	width:100%;
	max-width:200px;
	
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    -kphp-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;

}


#content table{
	padding-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	
}
#content .admintable{
	border-style:solid;
	border-width:1px;
	padding-bottom:0px;
}

#content .admintable tr td{
	border-style:solid;
	border-width:1px;
}

#content table caption{
	text-align: center;
	color:#222222;
	font-size:2em;
}

#content .events tr td{
	width:auto;

}

#content .rates tr {
	width:90%;
	
}
#content .rates .tripPrice {
	width:20%;
	padding-left:10px;
}
#content .rates .tripType {
	width:80%;
}
#content .rates tr .tab{
	width:25px;
	font-weight:600;
}
#content table tr td{
	width:auto;
}

#contect .fleet {
	margin-left:0px;
}
#content .fleet img{
	margin: 7px;
	box-shadow: 10px 10px 5px #888888;
	max-width:150px;
}
#content .fleet tr{
	

}
#content .fleet tr td{
	width:auto;

}

#content #dfrform{
	border:solid;
}


.CSBookingButton {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding: 12px 24px;
	border: 1px solid #275a98;
	border-radius: 8px;
	background: #4aaaff;
	background: -webkit-gradient(linear, left top, left bottom, from(#4aaaff), to(#275a98));
	background: -moz-linear-gradient(top, #4aaaff, #275a98);
	background: linear-gradient(to bottom, #4aaaff, #275a98);
	text-shadow: #17355a 1px 1px 1px;
	font: normal normal bold 20px arial;
	color: #ffffff;
	text-decoration: none;
	margin-left:3px;
	margin-right:3px;
}
.CSBookingButtonSmall {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #275a98;
	border-radius: 4px;
	background: #4aaaff;
	background: -webkit-gradient(linear, left top, left bottom, from(#4aaaff), to(#275a98));
	background: -moz-linear-gradient(top, #4aaaff, #275a98);
	background: linear-gradient(to bottom, #4aaaff, #275a98);
	text-shadow: #17355a 1px 1px 1px;
	color: #ffffff;
	text-decoration: none;
	margin-left:3px;
	margin-right:3px;
}
.CSBookingButton:hover,
.CSBookingButton:focus {
	border: 1px solid #2e6ab3;
	background: #59ccff;
	background: -webkit-gradient(linear, left top, left bottom, from(#59ccff), to(#2f6cb6));
	background: -moz-linear-gradient(top, #59ccff, #2f6cb6);
	background: linear-gradient(to bottom, #59ccff, #2f6cb6);
	color: #ffffff;
	text-decoration: none;
}
.CSBookingButton:active {
	background: #275a98;
	background: -webkit-gradient(linear, left top, left bottom, from(#275a98), to(#275a98));
	background: -moz-linear-gradient(top, #275a98, #275a98);
	background: linear-gradient(to bottom, #275a98, #275a98);
}
.CSBookingButton:before{
	content:  "\0000a0";
	display: inline-block;
	height: 24px;
	width: 24px;
	line-height: 24px;
	margin: 0 4px -6px -4px;
	position: relative;
	top: 0px;
	left: 0px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADgklEQVRIibWWz24bdRDHP/PbtXdTr+2Q2HFIG7VBtBJtuNHeUM0jcOCSB0AIiWfIE3CueAgOSKgXJFAkDpTSG7mkdSMRS8ROIc7aiR2v9zccsrtZOwnNAcaHnd98Z+fPd3Z2LYDhfxQHEMAmVzY3NwmCgI2NDba2tjJ73mdW39zclNw95H3kp8ePDYACoso3jcatGL4T1c++ODh4nUbRXMTZ85N6/Y6KfOuIfPp5p/PH1D1/NZs/5FvaKRQqX1erj74Kw9/Wx+PedWh4bsz8k3L5oy/D8Nf3oyjMY9JtNjVvOAV+nJvjk9EIX6egS2VsLX9by8++z8ejEd4MLt1mU/+t/Vmd5KyAqtKPY2xSiIigM7qbGmZr1Sv0fNITa7PgJAlndTl8+v3bebhEFIhUUWsZHB9frCIRCfs9VdWspXyb15F+v8/p6enFwClFpBTNXAGe/fKMyWRCrVajsdxg+/dtAB6sP6DdbvPm4A1xHLP+4Tovnr8AgXq9ztp7a0kWcBFJ9WkKVCkWixhjcF0XI4ZisQhwZnNc4jimUCgAUCgWEBEcNwuJILhJNBAhDEOGwyFwVsnq6ipWLb7n48/53L5zGwDf9ymXy9y8dRPHOBhjWF1dBTnDknDTFKFKZ79Dp9NBVVlYWKDVajGZRNRqdRqNBi93dgC4e+8eu7u7hGGI53lUqhVarRYiUK8vEQRBRrWLSEZPtVo9Gw6KMYalxhI2tgRBgOd5LC+/i6oSRRHz78zj+z5uwUVEaDSWACEoB4icE26mBoyiqlMDV1WynyonJydYa8+xzDeJo9MPzBRF4VHI/v4+AGtraxx0D4iiiHpcx/d82u02x8cnlIISvV6P8CjE931WVlbodrtZ1bV67XzRwn4vey4H/QGj0xEACwsL9A57WLV4nkexWGRvbw8bW8qVMsPhkEk0wTiGSqXC4WEPATzPoxSUsmRu2oqI0Ol06Ha7qCoPHz1MhjxhcXGRUlDi1ctXyZDvsv/nPv1+n6Lncf/+B7xutRARarUaN0o3Li4aCZ/W2iy7tRZrLePxGGfkTGGprya2izO5hKJ0eOkypeejo6MsWYqlwUQEEckwEcGY86/wFEUZqIoCjuMwGAywas8wx4HENw2WUmGMyfT8O801xtnhConjCVEU4TruVS5vFVHVbBfyCwIw0AMC2SaP518DINfQL/5tMf+l/g/cDhavDNn41QAAAABJRU5ErkJggg==") no-repeat left center transparent;
	background-size: 100% 100%;
}
.CSBookingButtonSmall:before{
	content:  "\0000a0";
	display: inline-block;
	height: 8px;
	width: 8px;
	margin: 0 4px -6px -4px;
	position: relative;
	top: 0px;
	left: 0px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADgklEQVRIibWWz24bdRDHP/PbtXdTr+2Q2HFIG7VBtBJtuNHeUM0jcOCSB0AIiWfIE3CueAgOSKgXJFAkDpTSG7mkdSMRS8ROIc7aiR2v9zccsrtZOwnNAcaHnd98Z+fPd3Z2LYDhfxQHEMAmVzY3NwmCgI2NDba2tjJ73mdW39zclNw95H3kp8ePDYACoso3jcatGL4T1c++ODh4nUbRXMTZ85N6/Y6KfOuIfPp5p/PH1D1/NZs/5FvaKRQqX1erj74Kw9/Wx+PedWh4bsz8k3L5oy/D8Nf3oyjMY9JtNjVvOAV+nJvjk9EIX6egS2VsLX9by8++z8ejEd4MLt1mU/+t/Vmd5KyAqtKPY2xSiIigM7qbGmZr1Sv0fNITa7PgJAlndTl8+v3bebhEFIhUUWsZHB9frCIRCfs9VdWspXyb15F+v8/p6enFwClFpBTNXAGe/fKMyWRCrVajsdxg+/dtAB6sP6DdbvPm4A1xHLP+4Tovnr8AgXq9ztp7a0kWcBFJ9WkKVCkWixhjcF0XI4ZisQhwZnNc4jimUCgAUCgWEBEcNwuJILhJNBAhDEOGwyFwVsnq6ipWLb7n48/53L5zGwDf9ymXy9y8dRPHOBhjWF1dBTnDknDTFKFKZ79Dp9NBVVlYWKDVajGZRNRqdRqNBi93dgC4e+8eu7u7hGGI53lUqhVarRYiUK8vEQRBRrWLSEZPtVo9Gw6KMYalxhI2tgRBgOd5LC+/i6oSRRHz78zj+z5uwUVEaDSWACEoB4icE26mBoyiqlMDV1WynyonJydYa8+xzDeJo9MPzBRF4VHI/v4+AGtraxx0D4iiiHpcx/d82u02x8cnlIISvV6P8CjE931WVlbodrtZ1bV67XzRwn4vey4H/QGj0xEACwsL9A57WLV4nkexWGRvbw8bW8qVMsPhkEk0wTiGSqXC4WEPATzPoxSUsmRu2oqI0Ol06Ha7qCoPHz1MhjxhcXGRUlDi1ctXyZDvsv/nPv1+n6Lncf/+B7xutRARarUaN0o3Li4aCZ/W2iy7tRZrLePxGGfkTGGprya2izO5hKJ0eOkypeejo6MsWYqlwUQEEckwEcGY86/wFEUZqIoCjuMwGAywas8wx4HENw2WUmGMyfT8O801xtnhConjCVEU4TruVS5vFVHVbBfyCwIw0AMC2SaP518DINfQL/5tMf+l/g/cDhavDNn41QAAAABJRU5ErkJggg==") no-repeat left center transparent;
	background-size: 100% 100%;
}



#footer {
	clear:both;
	border-top:solid;
	border-top-width:5px;
	border-color:#565656;
	padding-top:5px;
	z-index:999;
	width:100%;
	text-align: center;
	height:95;
    margin-top:140px;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fcfcfc, endColorstr=#f3f3f3); /* for IE */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fcfcfc,EndColorStr=#f3f3f3);
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f3f3f3)); /* for webkit browsers */
	background: -moz-linear-gradient(top,#fcfcfc,#f3f3f3); /* for firefox 3.6+ */
}



#adminstuff {
	

}

#adminstuff #imageselect {
	
	position:absolute;
	min-height:800px;
	height:auto;
	width:auto;
	top:0px;
	left:320px;
	overflow:visible;
	z-index:1;
}

#adminstuff #imageselect #pics {

}


#adminstuff #bgcolorpick {
	position:relative;
	width:300px;
}
#adminstuff #uploadpics {
	position:relative;
	display:inline;
}
#clear {
	clear:both;
}


form label {

	vertical-align:text-bottom;
}

form input, textarea {
	
	color:$ffffff;
	
}




#closePopUp {
	position:absolute;
	right:0px;
	top:0px;
	border:solid;
	border-width:1px;
	margin-bottom:5px;
}
#closePopUp:hover {
	background:#eceff5; 
}
#updateBoatInfo {
	position:relative;
	float:right;
	width:200px;
	border:solid;
	border-width:1px;
	text-align:center;
	
}
#updateBoatInfo:hover {
	background:#eceff5; 
}

#daySchedule {
	position:absolute;
	top:50px;
	background-color:#EEEEEE;
}
#fleetTable {
	
	border-collapse:collapse;
	border:solid;
	border-width:1px;
	width:80%px;
	background-color:#DDDDDD;
	
}

#fleetTable tr {

}
#fleetTable tr td {
	min-width:125px;
	vertical-align:top;
	border:solid;
	border-width:1px;
	margin:1px;
	
}

#fleetTable tr td img{
	float:left;
	max-height:125px;
	max-width:150px;
}
#tripTable {
	margin-top:5px;
	margin-bottom:5px;
	border:none;
	border-top:solid;
	border-width:3px;
}
#tripTable tr {
	border:none;
}
#tripTable tr td{
	border:none;
}

#boatTable {
	width:325px;
	vertical-align:top;
	border:none;
	border-width:1x;
	margin :5px;
}
#schedulePopUp{
	visibility:hidden;
	position:fixed;
	top:50px;
	bottom:50px;
	overflow:auto;
	z-index:8;
	padding-bottom:35px;
	background-color:#EEEEEE;
	width:750px;
	left:50%;
	margin-left:-375px;
	border:solid;
	border-width:1px;
	border-color:#000000;
}
#dayScheduleTable{
	border-collapse:collapse;
	border:solid;
	border-width:1px;
}
#availabilityPopUp{
	visibility:hidden;
	position:fixed;
	top:50px;
	bottom:50px;
	overflow:auto;
	padding-bottom:35px;
	background-color:#EEEEEE;
	width:780px;
	left:50%;
	margin-left:-375px;
	border:solid;
	border-width:1px;
	border-color:#000000;
	z-index:9;
}

#boatSchedulePopUp {
	visibility:hidden;
	position:fixed;
	top:50px;
	bottom:50px;
	overflow:auto;
	background-color:#DDDDDD;
	width:750px;
	left:50%;
	margin-left:-375px;
	z-index:9;
	border:solid;
	border-width:1px;
	border-color:#000000;
}
#clientPopUp {
	visibility:hidden;
	position:fixed;
	top:50px;
	bottom:50px;
	overflow:auto;
	background-color:#DDDDDD;
	width:750px;
	left:50%;
	margin-left:-375px;
	z-index:10;
	border:solid;
	border-width:1px;
	border-color:#000000;
}

#boatInfoPopUp {
	visibility:hidden;
	position:absolute;
	top:50px;
	height:500px;
	background-color:#DDDDDD;
	width:750px;
	left:50%;
	margin-left:-375px;
	z-index:10;
	border:solid;
	border-width:1px;
	border-color:#000000;
}
#lockPopUp {
	visibility:hidden;
	position:absolute;
	top:50px;
	height:100px;
	background-color:#DDDDDD;
	width:250px;
	left:50%;
	margin-left:-375px;
	z-index:10;
	border:solid;
	border-width:1px;
	border-color:#000000;
}
#boatInfo {

}
.red{
	color:red;
}
.orange{
	color:orange;
}
.gray{
	color:gray;
}
.blue{
	color:blue;
}
.green{
	color:green;
}
.big{
	font-size:24px;
	font-weight:800;
}

.black{
	color:black;
}
.inline{
	display:inline;
}

.thin_box {
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-kphp-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border-style:solid;
	border-width:1px;
	margin-bottom:5px;
	background-color:#BFE9FF;
	
	box-shadow: 3px 3px 5px #888888;
	
	padding-left:3px;
	padding-right:3px;
}
.smallRoundCorners {
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-kphp-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	border-bottom:1px solid black;
}
.inline {
	tdisplay:inline;
	text-align:center;
	margin-left: 100px;
	
}
.littleBigger{
	font-size: 1.3em;
}
.topLeft{
	position:absolute;
	top:10px;
	left:10px;
	
}





