@CHARSET "UTF-8";

* {
	margin: 0px;
	padding: 0px;
}

body,html {
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	color: #666;
	padding: 0px;
	margin: 0px;
	background-attachment: fixed;
	background-image: url("../img/background.gif");
}

p {
	margin-bottom: 12px;
	line-height: 1.40em;
}

a {
	text-decoration: none;
	color: inherit;
}

input {
	border: 1px solid #BDC7D8;
	font-size: 11px;
	padding: 3px;
}

.cursor {
	cursor: pointer;
}

.hidden {
	display: none;
}

.clear {
	clear: both;
}

#main {
	width: 980px;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -500px;
	background: url("../img/shadow.png") repeat-y transparent;
	padding: 0px 8px 0px 8px;
}

#header {
	height: 134px;
	background: url("../img/header.png") no-repeat;
}

#menu_bar {
	margin: 0px;
	position: relative;
	top: 100px;
	height: 34px;
	background: url("../img/bkg_menu.png") no-repeat;
	padding-left: 130px;
}

.menu_bar_admin {
	background-image: url('../img/bkg_menu_admin.png') !important;
}

#menu_bar ul li {
	list-style-type: none;
	float: left;
	position: relative;
	font-size: 14px;
	padding: 6px 10px 6px 10px;
	cursor: pointer;
	height: 18px;
}

#menu_bar ul li:hover {
	background-color: #88A54A;
}

.menu_bar_admin ul li:hover {
	background-color: #C2522D !important;
}

#menu {
	margin: 0px;
}

ul#menu div {
	-moz-border-radius: 0px 14px 14px 14px;
	-webkit-border-radius: 0px 14px 14px 14px;
	border-radius: 0px 14px 14px 14px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	float: none;
	position: absolute;
	left: -9999px;
	width: auto;
	top: 30px;
	margin-left: -10px;
	padding: 7px;
	background-color: #88A54A;
	z-index: 9999;
}

ul.menu_admin div {
	background-color: #C2522D !important;
}

ul#menu li:hover div {
	left: 9px;
}

ul#menu li li {
	min-width: 210px;
	white-space: nowrap;
	float: none;
	font-size: 12px;
	z-index: 99999;
	margin: 0px;
	height: 15px;
}

ul#menu li li:hover {
	background-color: #254723;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 0px;
}

ul.menu_admin li li:hover {
	background-color: #9F3B27 !important;
}
.roundBox7px, .big_title, .subtitle, #wc_summary div, #wcs div, .keycode, .button, .alert, .notice, .warning, .pagecontent img, .wc_extra_button, .testimonial img, .cjImageVideoPreviewer img, .video_cover img {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.roundBox14px {
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
}

.roundBox14px, .roundBox7px {
	background-color: #F5F2EB;
}

.roundBox14px {
	padding: 8px;
}

.roundBox14px a {
	color: #9C3C21;
}

.roundBox14px a:hover {
	color: #9C3C21;
	text-decoration: underline;
}

.news:hover,#wc_summary div,.content_news img,.whiteBox {
	background-color: #FFF;
}

.big_title,.page:hover,.currentPage,.button,.wc_code,#footer_container,#footer_container a,.whiteText {
	color: #FFF;
}

.big_title,.button,#header,#wcs div,.keycode, #footer_container {
	background-color: #254723;
}

.wc_type,#wc_summary div strong,.date_news {
	color: #254723;
}

.page:hover,.currentPage {
	background-color: #9F3B27;
}

.wc_place,.page {
	color: #9F3B27;
}

#body,#main {
	background-color: #F6F0E2;
}

#body {
	margin: 7px;
}

#menu_bar a,#menu_bar ul li,.title_section {
	color: #F6F0E2;
}

.news img,.big_title,#wc_summary div,.roundBox14px,.roundBox7px,.subtitle,.button, .supporters img, .warning {
	border: 1px solid #CCC;
}

#body_left {
	float: left;
	padding-right: 7px;
	width: 732px;
	margin-bottom: 10px;
}

#body_left ul {
	margin-left: 20px;
}

#body_right {
	float: left;
	padding-left: 7px;
	width: 220px;
	margin-bottom: 10px;
}

.supporters {
	margin-bottom: 5px;
}

.socialLinks {
	float: right;
	margin: 3px 5px 0px 0px;
}

.testimonial {
	margin-top: 10px;
}

.pagecontent {
    height: auto;
}

.news {
	margin-bottom: 5px;
	cursor: pointer;
	height: auto;
}

.whiteBox {
	margin-bottom: 5px;
	padding: 7px;
}

.news img {
	float: left;
	margin-right: 3px;
}

.big_title {
	font-size: 16px;
	padding: 5px 5px 0px 10px;
	height: 24px;
	margin-bottom: 5px;
}

.big_title div {
	float: right;
	font-size: 12px;
	font-weight: normal;
	margin: 2px 10px;
}

.subtitle {
	padding: 1px 10px 1px 10px;
	margin-bottom: 5px;
	background-color: #EEE;
	color: #4C5238;
	cursor: pointer;
}

.subtitle_news {
	margin-left: 112px;
}

.subtitle div {
	float: right;
	text-align: right;
	font-size: 10px;
	margin-top: 2px;
}

.content_news {
	margin-left: 116px;
}

#search_box {
	margin-bottom: 5px;
}

.labelForm {
	float: left;
	color: #777;
	font-weight: bold;
	width: 40px;
	padding: 3px;
}

.album_cover, .wc_cover, .video_cover {
	float: left;
	margin: 0px 8px 10px 0px;
	cursor: pointer;
	font-size: 10px;
}

.album_cover, .video_cover {
	margin-right: 5px;
}

.wc_cover {
	width: 218px;
	height: 260px;
}

.video_cover {
	width: 123px;
}

.btnYear {
	float: left;
	width: 50px;
	text-align: center;
	padding: 3px;
	margin: 0px 5px 10px 0px;
}

.btnCurrentYear, .btnYear:hover {
	float: left;
	width: 50px;
	text-align: center;
	padding: 3px;
	margin: 0px 5px 10px 0px;
	background-color: #9F3B27;
	color: #FFFFFF;
}


.album_cover {
	width: 160px;
}

.video_img, .album_img {
	text-align: center;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.album_img {
	width: 160px;
	height: 120px;
	margin-left: -1px;
}

.video_img {
	width: 123px;
	height: 120px;
	margin-left: -1px;
	position: relative;
}

.wc_cover:hover, .album_cover:hover, .video_cover:hover {
	border: 1px solid #666;
	background-color: #FFF;
}

.wc_code {
	-moz-border-radius: 7px 0px 0px 7px;
	-webkit-border-radius: 7px 0px 0px 7px;
	border-radius: 7px 0px 0px 7px;
	position: relative;
	font-size: 10px;
	background-color: #000;
	width: 58px;
	height: 12px;
	padding: 1px 2px 2px 6px;
}

.wc_cover  .wc_code {
	top: -150px;
	left: 152px;
}

.album_cover .wc_code {
	top: -115px;
	left: 97px;
}

.hr {
	width: auto;
	height: 1px;
	background-color: #CCC;
	margin: 4px 0px 4px 0px;
}

.album_cover .wc_title {
	font-size: 11px;
	height: 28px;
	margin-top: -10px;
    overflow: hidden;
}

.wc_cover .wc_title {
	font-size: 11px;
	height: 28px;
	margin-top: -10px;
}

.wc_dates {
	margin-bottom: 3px;
}

.wc_type {
	margin-bottom: 3px;
}

.wc_place {
	margin-bottom: 3px;
}

.wc_place a:hover {
	text-decoration: none;
}

#wc_image {
	float: left;
	width: 350px;
	margin-right: 7px;
	height: 257px;
}

#wc_button {
	-moz-border-radius: 7px 0px 0px 7px;
	-webkit-border-radius: 7px 0px 0px 7px;
	border-radius: 7px 0px 0px 7px;
	padding: 5px;
	margin-top: 5px;
	width: 240px;
	left: 100px;
	height: 15px;
	background-color: #88A54A;
	color: #FFFFFF;
	float: left;
	text-align: center;
	font-weight: bold;
	position: relative;
	top: -40px;
}

#wc_button:hover {
	background-color: #254723;
}

.wc_extra_button {
    padding: 5px;
    margin-top: 7px;
    background-color: #254723;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}

.wc_extra_button:hover {
    background-color: #88A54A;
}

#wc_summary {
	font-size: 10px;
	height: 257px;
	float: right;
	width: 339px;
}

#wc_description {
	float: left;
	margin-top: 7px;
}

#wc_summary div {
	font-size: 10px;
	height: auto;
	margin-bottom: 5px;
	padding: 5px 5px 5px 10px;
	color: #666;
}

#galleryFrame {
	width: auto;
	height: 300px;
	margin-bottom: 5px;
}

#gallery {
	height: 299px;
	background-repeat: no-repeat;
	background-position: 330px 130px; 
	background-image: url("../img/loading2.gif");
}

.pages {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

.page,.currentPage {
	float: left;
	padding: 3px;
	width: 14px;
	text-align: center;
	margin: 2px;
	cursor: pointer;
}

#navbar {
	margin: 5px 7px 0px 7px;
	padding: 5px;
	height: auto;
	text-align: center;
}

#navbar a {
	font-size: 10px;
	color: #9C3C21;
}

#navbar a:hover {
	font-size: 10px;
	color: #9C3C21;
	text-decoration: underline;
}

#footer_container {
	margin-top: 6px;
	padding: 10px;
	height: 20px;
	text-align: center;
	font-size: 10px;
}

#login {
	width: 220px;
	height: auto;
	padding: 25px;
	margin: 50px auto;
}

#welcomeBox {
	width: 310px;
	height: auto;
	padding: 25px;
	margin: 50px auto;
	text-align: center;
	font-size: 30px;
}

.button {
	cursor: pointer;
	padding: 4px 8px 4px 8px;
	text-align: center;
	float: right;
}

.button:hover {
    background-color: #88A54A;
}

.alert {
	text-align: center;
	display: none;
	color: #FFF;
	background-color: #FF0000;
	padding: 5px;
	font-size: 11px;
	margin-bottom: 5px;
	border: solid 1px #FFF;
}

.notice {
	text-align: center;
	color: #FFF;
	background-color: #339933;
	padding: 5px;
	font-size: 11px;
	margin-bottom: 5px;
	border: solid 1px #FFF;
}

.warning {
	text-align: center;
	color: #666;
	background-color: #FFFF00;
	padding: 5px;
	font-size: 11px;
	margin-bottom: 5px;
}

.calendar td {
	border-bottom: solid 1px #000;
	border-right: solid 1px #000;
	text-align: center;
}

.rotateRight:hover {
    background-position: 0px 0px;
}

.rotateLeft:hover {
    background-position: 0px -24px;
}

.rotateRight {
    position: relative;
    left: 136px;
    top: 72px;
    width:24px;
    height:24px;
    cursor: pointer;
    background-image: url("../img/icon/rotate.png");
    background-repeat: no-repeat;
    background-position: -24px 0px;
}

.rotateLeft {
    position: relative;
    left: 0px;
    top: 96px;
    width:24px;
    height:24px;
    cursor: pointer;
    background-image: url("../img/icon/rotate.png");
    background-repeat: no-repeat;
    background-position: -24px -24px;
}

.bedNumber {
	background-color: #CCC;
}

.dayNumber {
	background-color: #CCC;
}

.monthName {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	border-top: solid 1px #000;
	background-color: #FF6600;
}

.monthButton {
	background-color: #FF6600;
	border-top: solid 1px #000;
	cursor: pointer;
}

.monthButton:hover {
	background-color: #FFFF00;
	border-top: solid 1px #000;
	cursor: pointer;
}

#wcs div {
	font-size: 11px;
	padding: 3px;
	margin-bottom: 2px;
	color: #FFF;
	width: 340px;
}

.keycode {
	float: right;
	padding: 5px;
	color: #FFF;
	font-weight: bold;
}

#wcs div .button_x {
	background-image: url("../img/icon/ico_x.png");
	background-repeat: no-repeat;
	cursor: pointer;
	margin-top: 2px;
	float: left;
	height: 5px;
	width: 7px;
}

#wcs div .button_x:hover {
	background-position: 0px -11px;
}

.ui-datepicker-trigger {
	cursor: pointer;
	margin-left: 3px;
	vertical-align: -2px;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important; 
	
}

table.tablesorter th.header {
    background-image: url('../img/sort_bg.gif');
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
}

table.tablesorter th.header:hover {
    background-color: #88A54A;
}

table.tablesorter th.headerSortUp {
    background-image: url('../img/sort_asc.gif');
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #88A54A;
    cursor: pointer;
}

table.tablesorter th.headerSortDown {
    background-image: url('../img/sort_desc.gif');
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #88A54A;
    cursor: pointer;
}

table.admin a img {
	border: 0px;
}

table.admin {
	width: 100%;
}

table.admin, .admin th, .admin td {
	border: 1px solid #D4E0EE;
	border-collapse: collapse;
	padding: 4px;
}

table.admin thead th {
	text-align: center;
	background-color: #1D3D22;
	color: #FFF;
}

table.admin tbody tr:nth-child(even) {
	background-color: #FFF;
}

table.admin tbody tr:nth-child(odd) {
	background-color: #F5F2EB;
}

table.admin tfoot tr {
	font-size: 10px;
	text-align: right;
	background-color: #1D3D22;
	color: #FFF;
}

table.selectable tbody tr:hover
{ 
	background: #FCF;
	cursor: pointer;
}

.formBox input[type="text"], .formBox input[type="password"], .formBox select, .formBox textarea {
	border: 1px solid #888888;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-size: 15px;
	padding: 2px 5px;
	margin-bottom: 4px;
}

.formBox .formLabel {
	font-size: 15px;
	margin-bottom: 4px;
}

#icon_remove {
    display: none;
    position: absolute;
    left: 57px;
    top: 137px;
    background-image: url("../img/icon/close.png");
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    cursor: pointer
}

#icon_remove:hover {
    background-position: 0px -20px;
}