/*
 * $Id: main.css 121 2010-07-16 16:06:02Z sven $
 */

/* Start framework table markup */
table.framework {
	width:873px;
	margin:0 auto;
}
table.framework td.headerTop {
	background:url(/images/framework/headerTop.jpg) left top no-repeat;
	height:98px;
	border:1px solid #fff;
	border-top:0;
}
table.framework td.headerBottom {
	background:url(/images/framework/headerBottom.jpg) left top no-repeat;
	height:76px;
	border:1px solid #fff;
}
table.framework td.menu {
	background:#fff;
	height:33px;
	border:1px solid #fff;
	border-top:3px solid #fff;
	border-bottom:3px solid #fff;
}
table.framework td.mainContent {
	width:432px;
	border:1px solid #fff;
	border-top:2px solid #fff;
	background:url(/images/framework/mainContent.jpg) left top no-repeat;
}

table.framework td.innerContent {
	width:873px;
	border:1px solid #fff;
	border-top:0;
	background:url(/images/framework/mainContent.jpg) left top no-repeat;
	padding:0;
	background:#fff;
}
table.framework td.innerContent iframe {
	width:100%;
	height:550px;
	border:0;
	overflow-x: hidden;
}
table.framework td.innerContent div.icContent {
}

table.framework td.mainRight {
	width:438px;
	background:url(/images/framework/mainRight.jpg) left top no-repeat;
	border:1px solid #fff;
	border-top:2px solid #fff;
	height:292px;
}
table.framework td.calendarLeft,
table.framework td.calendarRight {
	height:174px;
	border-top:3px solid #fff;
}
table.framework td.calendarLeft {
	background:url(/images/framework/bgCalendarLeft.gif) left top repeat-x;
	border-left:1px solid #fff;
}
table.framework td.calendarRight {
	background:url(/images/framework/bgCalendarRight.gif) left top repeat-x;
	border-right:1px solid #fff;
}
table.framework td.footer {
	background:url(/images/framework/bgFooter.gif) left top repeat-x;
	height:133px;
	border:1px solid #fff;
	border-bottom:3px solid #fff;
}
img.logo {
	margin-top:15px;
	margin-left:15px;
}
div.mainContent {
	position: relative;
	overflow:auto;
	overflow-y:scroll;
	overflow-x: hidden;

	scrollbar-3dlight-color:#E6E6E6;
	scrollbar-arrow-color:Black;
	scrollbar-base-color:#E6E6E6;
	scrollbar-darkshadow-color:#E6E6E6;
	scrollbar-face-color:#E6E6E6;
	scrollbar-highlight-color:White;
	scrollbar-shadow-color:Gray;
	display:block;
	position:relative;
	z-index:10;
	padding:10px;
	padding-left:15px;

	width:407px;
	height:272px;
}
div#boats {
	position:relative;
	display:block;
	height:160px;
	padding-top:14px;
	padding-left:20px;
	background-position:230px 15px;
	background-repeat:no-repeat;
	font-size:12px;
}
div#boats a {
	display:block;
	width:140px;
	float:left;
	clear:both;
	font-weight:800;
	padding-right:10px;
	padding-left:13px;
	line-height:20px;
	background:url(/images/icons/bulletBlue.gif) left 6px no-repeat;
	color:#324280;
}
div#boats a.selected {
	color:#AE291A;
	background:url(/images/icons/bulletRed.gif) left 6px no-repeat;
}
div#boats span.info {
	position:absolute;
	bottom:10px;
	left:20px;
	width:400px;
	display:block;
	float:left;
	clear:both;
	color:#000000;
	line-height:140%;
	text-align:right;
}
div#boats span.head {
}

/* Start (top)menu style */
	div.menuTop {
		display:block;
		width:100%;
		height:33px;
		background:url(/images/framework/bgMenu.gif) left top repeat-x;
	}

	ul#menuMain {
		z-index: 100;
		font-size: 0.8em;
		list-style-type: none;
		padding: 0;
		margin:0;
	}
	ul#menuMain li {
		position: relative;
		float: left;
		clear: right;
		z-index:100;
		padding:0;
		height:33px;
	}
	ul#menuMain a {
		display: block;
		height:33px;
		line-height:33px;
		text-align: left;
		float:left;
		padding: 0 15px 0 15px;
		color:#fff;
		font-family:Arial;
		font-weight:800;
		font-size:12px;
		font-style:italic;
		letter-spacing:1px;
	}
	ul#menuMain ul a {
		float:none;
	}
	ul#menuMain a.itemOn,
	ul#menuMain a:hover {
		background:url(/images/framework/bgMenuOn.gif) left top repeat-x;
		text-decoration:none;
	}

	ul#menuMain li ul {
		list-style-type:none;
		position: absolute;
		display:none;
		z-index: 120;

		padding: 0;
		margin: 0;
		top:33px;
		left: 0;

		border-bottom:1px solid #fff;
	}
	ul#menuMain li ul li {
		color:#fff;
		z-index:101;
	}
	ul#menuMain li ul li {
		float: none;
		height:22px;
		width:145px;
		border:1px solid #fff;
		border-bottom:0;
	}
	ul#menuMain li ul li a {
		height:22px;
		line-height:22px;
		background:#BC1821;
		font-size:11px;
		font-style:normal;
		letter-spacing:0;
		color:#F2E0DE;
	}
	ul#menuMain li ul li a:hover,
	ul#menuMain li ul li a.itemOn {
		background:#D43D44;
		color:#fff;
	}
	ul#menuMain li ul li ul {
		position:absolute;
		left: 100%;
		top: 0;
		margin:0!important;
		padding:0!important;
	}

	ul#menuMain a.itemOn, ul#menuMain a.itemOn {
		/*
		color: #FDB800 !important;
		*/
	}
	ul#menuMain li.last img {
		height:24px;
	}
/* End (top)menu style */

/* Begin availability calendar style */
div#availabilityCalendar {
	position: relative;
	margin-top: 9px;
	border: 1px solid #B82629;
	background-color: #E5E7F3;
	height: 154px;
}
div.calendarInfo {
	display:block;
	height:24px;
	line-height:24px;
	font-size:12px;
	text-align:left;
}
div.calendarInfo span {
	display:block;
}
div.calendarInfo span.iLeft {
	float:left;
	width:59%;
	padding-left:5px;
}
span.iLeft strong {
	color:#B8272A;
	padding-left:3px;
}
div.calendarInfo span.iRight {
	float:right;
	text-align:center;
	font-weight:800;
	padding-right:5px;
	color:#32427E;
	width:38%;
	height:24px;
	line-height:24px;
	text-transform:uppercase;
}
span.iRight a,
span.iRight span {
	display:block;
	float:left;
}
span.iRight span {
	width:120px;
	text-align:center;
}
span.iRight a {
	width: 7px;
	height: 11px;
	line-height:11px;
	display: block;
	padding-top:12px;
	background-repeat: no-repeat;
	background-position: center center;
}
span.iRight a.navUp {
	background-image: url('../images/icons/calendar_left.gif');
	padding-left:24px;
}
span.iRight a.navDown {
	background-image: url('../images/icons/calendar_right.gif');
}

table.availability { }
table.availability td {
	table-layout: fixed;
	width: 56px;
	font-weight: bold;
	font-size:11px;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #DCE6E7;
}

table.availability tbody td {
	text-align: right;
	padding:2px;
	border-right: 1px solid #DCE6E7;
	border-bottom: 1px solid #DCE6E7;
	background-color: #F6F6F8;
}

table.availability tbody td.available {
	color: #059206;
}
table.availability tbody td.notAvailable {
	color: #B82629;
}
table.availability tbody td.avWeekend {
	background-color: #E5E7F3;
}
table.availability thead td {
	background-color: #324280;
	color: #ffffff;
	padding: 1px 1px 1px 5px;
}

/* End availability calendar style*/

/* start search function markup */
	table#searchInputBox {
		width:100%;
		margin-bottom:10px;
	}
	table#searchInputBox td {
		padding:2px;
		color:White;
		vertical-align:middle;
	}
	table#searchInputBox th {
		font-weight:800;
		text-align:left;
		padding:2px;
	}
	table#searchInputBox td.body {
		background-color:#32427E;
		padding:3px;
	}
	table#searchInputBox  a {
		color:#fff;
		font-weight:800;
	}
	table#searchResults {
		width:100%;
	}
	table#searchResults td {
		padding:0;
		margin:0;
		height:auto;
		font-size:11px;
	}
	table#searchResults td.title {
	}
	table#searchResults td.title a {
		font-weight:800;
		text-decoration:none;
	}
	table#searchResults td.counter {
		vertical-align:top;
		width:3%;
		padding-right:7px;
		font-weight:800;
	}
	table#searchResults td.title a:hover {
		text-decoration:underline;
	}
	table#searchResults td.description {
		width:97%;
		line-height:170%;
	}
	table#searchResults span.location {
		font-size:9px;
		color:#0762AE;
	}
	table#searchResults td.separator {
		border-style:solid;
		border-color:#CECECE;
		border-width: 0 0 1px 0;
	}
	table#searchResults span.highLight {
		font-weight:800;
	}
	table#navigation {
		margin-top:5px;
		margin-bottom:5px;
		width:100%;
		background-color:#B3B8CC;
		border:1px solid #fff;
	}
	table#navigation td {
		color:#000;
		padding:1px;
		font-size:11px;
	}
	table#navigation a {
		text-decoration:none;
		padding-right:10px;
	}
	table#navigation a:hover {
		text-decoration:underline;
	}
	table#navigation a.selected {
		font-weight:800;
	}
	table#navigation td.left,
	table#navigation td.right {
		color:#DFE0E4;
		width:10%;
	}
	table#navigation td.main {
		width:80%;
	}
	div.searchInfo {
		color:#00277C;
		padding: 0;
		margin-bottom:10px;
	}
	div.searchBox input {
		width:150px;
		border:1px solid #D45F18;
		font-family:Arial;
		font-size:12px;
		padding:1px;
		padding-left:3px;
		height:20px;
	}
	div.searchBox {
		width:100%;
		border:1px solid #000;
		background-color:#CCE0F3;
		padding:5px;
		margin-bottom:10px;
	}
/* end search function markup */

table.defaultForm {
	width:95%;
}
table.defaultForm th,
table.defaultForm td {
	padding:3px;
	text-align:left;
	border:2px solid #DDE0E9;
}
table.defaultForm th {
	text-align:left;
	background:#32427E;
	color:#fff;
}
table.defaultForm td.left {
	width:30%;
	background:#E5E7F3;
	color:#000000;
	text-align:right;
	padding-right:10px;
}
table.defaultForm td.right {
	width:70%;
	background:#F6F6F8;
}
table.defaultForm td.right input,
table.defaultForm td.right textarea {
	width:98%;
	border:0;
	background:#F6F6F8;
}
tr.hiddenBlockHidden {
	display:none;
}
tr.hiddenBlockVisible {
	display:table-row;
}
table.defaultForm td.right textarea {
	height:80px;
}
table.defaultForm td.right select {
	font-size:12px;
	vertical-align:middle;
}
table.defaultForm td.right select {
	width:198px;
}
table.defaultForm td.right select.date {
	width:60px;
	margin:0 2px 0 2px;
}
table.defaultForm tr.submitRow td {
	border:0;
}
table.defaultForm tr.submitRow input {
	width:75px;
	line-height:14px;
	padding:0;
	font-size:11px;
}
/* Errors */
ul.errors {
	display:block;
	list-style-type:none;
	margin:0;
	padding:0;
	background:#F6F6F8;
	width:94%;
	color:#CC1400;
	border:1px solid #32427E;
	margin-bottom:10px;
}
ul.errors li {
	padding:2px;
}
.required    {
    color: #000000;
}
div.message {
	display:block;
	width:100%;
	background:#32427E;
	color:#fff;
	font-weight:800;
}
div.succes {
	display:block;
	color:Green;
}