/*-------------------------
---------------------------
World Yacht - Event CSS
---------------------------
-------------------------*/

			#main {
				width:704px;
			}
.event {
	background: #F2EBBD;
	margin: 0 auto 20px auto;
}

.special_event {
	background: #ced3dd;
	margin: 10px auto 20px auto;
}


.event .title {
	background: #C9AE69 url('/img/event_cal.gif') no-repeat 20px 18px;
	padding: 15px 20px 11px 43px;
	width: auto;
}

.event .title .date {
	color: #fff;
}

.event .description {
	padding: 10px 20px 20px;
}

.event p, .event ul {
	font-size: 14px;
}

.event p {
	margin: 10px 0;
}

.event ul {
	margin: 5px 0 5px 20px;
}

.event_photo { margin: 5px; }

.special_event .title {
	background: #C9AE69 url('/img/event_cal.png') no-repeat 20px 18px;
	padding: 15px 20px 11px 43px;
	width: auto;
}

.special_event .title .date {
	color: #fff;
}

.special_event .description {
	padding: 10px 20px 20px;
}

.special_event p, .special_event ul {
	font-size: 14px;
}

.special_event p {
	margin: 10px 0;
}

.special_event ul {
	margin: 5px 0 5px 20px;
}

.special_event_photo { margin: 5px; }

/* NEW EVENTS LIST PAGE */
#eventPage {
	margin: 0 30px;
}
#eventPage .left {
	margin-right: 20px;
}
.eventList {
	float: left;
	width: 310px;
	margin: 10px 0;
	border: 1px solid #D4DAE2;
	height: 280px;
	overflow: hidden;
}
.eventList .description {
	padding: 20px 15px 0 15px;
	clear: both;
	font-size: 13px;
}
.eventList .description .date {
	font-size: 20px;
	color: #7186A2;
}
.eventList .description h3 {
	font-size: 15px;
	font-weight: bold;
}
.eventList .moreInfo {
	margin: 10px 0;
}

#eventPage #calBox {
	background-color: #F2EBBD;
	min-height: 210px;
	overflow: auto;
}

.ui-datepicker {
	overflow: hidden;
}
#datepicker .ui-widget-content {
	background: transparent;
}
#datepicker .ui-datepicker-header, #datepicker .ui-state-default {
	background: #FFFFFF!important;
	color: #091B37;
	opacity: 1;
	filter:alpha(opacity=100);
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled {
	opacity: 1;
	filter:alpha(opacity=100);
}
#datepicker .ui-datepicker th {
	border: 1px solid #F2EBBD;
}
#datepicker .ui-wy-special .ui-state-default {
	background: none repeat scroll 0 0 #6F86A1 !important;
	color: #FFFFFF!important;
}
#datepicker .ui-state-active {
	background: #0C1529!important;
	color: #FFFFFF;
}

#calBox .calLeft {
	margin: 0 15px 0 5px;
	/*border-right: 1px solid #FFFFFF;*/
	width: 195px;
	float: left;
}
#calBox .calRight {
	float: left;
}
#calBox #calTitle {
	background:url("/img/event_cal.gif") no-repeat scroll 0px 2px #F2EBBD;
	padding-left: 25px;
	font-size: 18px;
}
#calEvents {
	width: 405px;
}
#calEvents .eventList {
	float: none;
	border: 0;
	height: 80px;
	width: 400px;
	border-top: 1px solid #D4DAE2;
}
#calEvents .eventList img {
	float: left;
	padding-top: 10px;
}
#calEvents .eventList .description {
	float: right;
	width: 305px;
	padding-top: 10px;
	clear: none;
	font-size: 12px;
}
#calEvents .eventList h3 {
	color: #6F86A1;
	font-weight: normal;
}
#calEvents .eventList .moreInfo {
	margin: 0;
}

/* EVENTS DETAIL/INFO PAGE */
.eventInfo {
	padding-bottom: 20px;
}
.eventInfo .header {
	margin: 20px 0 0 0;
	background: url(/img/event_info_cal.gif) no-repeat 20px 13px #607090;
	padding: 13px 20px 10px 50px;
	color: #FFFFFF;
	font-size: 20px;
}
.eventInfo .info {
	padding: 0 20px 20px 20px;
	clear: both;
	font-size: 13px;
	line-height: 20px;
	background: #D0D3DE;
}
.eventInfo .info h2 {
	color: #0C1529;
	font-size: 20px;
	font-weight: normal;
	padding: 20px 0;
}
.eventInfo .boat {
	height: 30px;
	font-size: 16px;
	font-weight: bold;
}
.eventInfo .depart {
	height: 25px;
}
.eventInfo .moreInfo_left, .eventInfo .moreInfo_mid, .eventInfo .moreInfo_right {
	margin: 10px 0;
	height: 20px;
	float: left;
}
.eventInfo .moreInfo_left {
	background: url(/img/btn_moreInfo-left.jpg) no-repeat top left;
	width: 12px;
}
.eventInfo .moreInfo_mid {
	background: url(/img/btn_moreInfo-mid.jpg) repeat-x top left;
	text-transform: uppercase;
	line-height: 21px;
	color: #FFFFFF;
}
.eventInfo .moreInfo_right {
	background: url(/img/btn_moreInfo-right.jpg) no-repeat top left;
	width: 20px;
}

.eventInfo .header.alt {
	background: url(/img/event_info_cal.gif) no-repeat 20px 13px #C9AE69;
}
.eventInfo .info.alt {
	background: #F2EBBD;
}