/* TAG Style */
a {
    color: #999;
    text-decoration: none;
}
a:hover {
    color: #96c;
    text-decoration: underline;
}
.click {
    cursor: pointer; cursor: hand;
}
textarea {
    resize: none;
}
table {
	width: 100%;
	border-collapse: collapse;
}
br {
	clear: both;
}
button {
	width: 105px;
	height: 30px;
	padding: 7px 4px;
	margin: 10px 0px;
	background: transparent url(../img/background/bg_button_red.png) no-repeat;
	cursor: pointer; cursor: hand;
	color: #fff;
	font-weight: bold;
}
li {
	margin-left: 16px;
}
li li {
    margin-left: 0px;
    list-style-type: none;
    list-style-position: outside;
}
/* class style */
.red {
    color: #f00;
}
.clear, .clear-float {
    clear: both;
    height: 1px;
}
.hide {
    display: none;
}
.hidden {
	visibility: hidden;
}
.left {
    float: left;
}
.right {
    float: right;
}
.center {
	text-align: center;
	width: 100%;
}
.text-right {
	text-align: right;
}
.text-image {
	float: left;
}
.center .text-image {
	float:none;
}
.relative {
    position: relative;
}
a:hover, .button {
    cursor: hand; cursor: pointer;
}
form .infieldLabel {
	position: relative;
    float: left;
}
form .infieldLabel label {
	font-size: 0.7em;
	width: 64px;
	position: absolute; 
	top:5px; left:0
}
.reply-text {
    margin-top: 60px;
}
/* template style */
.content {
	margin: 0px 20px;
    padding-bottom: 20px;
}
.line-top {
	border-top: solid 9px #96c;
	padding: 11px 0px;
}
.line-top-thin {
	border-top: solid 3px #96c;
	padding: 4px 0px;
}

.show {
	width: 614px;
	float: left;
}
.list {
	width: 297px;
	float: right;
}
.no-pad {
	padding: 0px;
}
.heading {
	margin: 0px 0px 10px;
	/*background: #eee;*/
}
.heading span.title {
	padding-top: 3px;
    float: left;
}
.header span.title {
    padding-top: 3px;
    float: left;
}

.sub-heading {
	padding: 5px 0px;
    margin-bottom: 5px;
}
.sub-heading span {
    padding-top: 0px;
}
.header {
	margin: 0px 0px 10px;	
	/*background: #eee;*/
}
.header span {
	padding-top: 6px;
}
.content-page {
	padding: 18px 20px 0px 20px;
	background: white url(../img/background/bg_content_page.png) left top no-repeat;
	text-align: left;
	min-height: 400px;
	padding-bottom: 20px;
}
.content-page .header {
	padding-left: 20px;
}
.content-left, ._content-left {
	width: 614px;
	padding: 18px 0 0 20px;
	float: left;
	background: white url(../img/background/bg_content_left.png) left top no-repeat;
	text-align: left;
	min-height: 400px;
	padding-bottom: 20px;
}
._content-left {
	background: white;
	padding-top: 9px;
}
.content-right, ._content-right {
	width: 297px;
	padding-right: 20px;
	float: right;
	background: white;
	margin-bottom: 20px;
}
._content-right {
	margin-right: 20px;
}
.content-page .sub-content {
	padding: 20px 0px 0px;
}
.content-page .right {
    margin-right: 20px;
}
.content-left .sub-content, ._content-left .sub-content {
	padding: 20px 4px 0px 20px;
}
.content-page .content-text {
	padding-left: 20px; 
}
.content-left .content-text {
	margin-top: 10px;
}
.content-left #photo-slide,
.content-left #hotel-slide {
	width: 590px;
	height: 267px;
	background: #eee;
    margin-bottom: 10px;
}
#showcase #slide img,
.content-left #photo-slide img,
.content-left #hotel-slide img {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}
.content-text .left {
	width: 162px;
	padding-top: 15px;
}
.content-text .left p {
	padding-bottom: 2px;
	border-bottom: solid 1px #96c;
	margin: 2px 0px 4px;
}
.content-text .left p.text {
	padding-bottom: 6px;
}
.content-text .right,
.content-text .right b {
	width: 412px;
	text-align: left;
	color: #000;
	line-height: 20px;
	padding-top: 15px;
    font-weight: normal;
}
.content-text .form {
	background: transparent url(../img/background/bg_right_from.png) top right no-repeat;
}
.content-text .right ._heading {
	margin: 20px 0px 8px;
	color: #666;
}
.content-text .right ._text {
	margin-bottom: 20px;
    color: #666;
}
.content-text .right ._title {
	margin-bottom: 6px;
	color: #000;
}
.content-text .right ._note {
    margin-bottom: 12px;
    color: #000;
}
.content-text .right p label {
	float: left;
	font-weight: bold;
	width: 60px;
}
.content-text .right ol li {
    margin-bottom: 12px;
}
.content-text .right .indent li {
    margin-bottom: inherit;
    list-style: disc;
    margin-left: 16px;
}
.content-text .right p.detail-title {
	color: #000;
	margin-bottom: 4px;
}
.content-text .right p.detail-sub-title {
	color: #666;
}
.content-text .right p.detail-sub-title span {
    float: right;
    width: 296px;
}
.content-text .right p.detail-sub-title b {
    font-weight: normal;
}
.content-text .right p.detail-sub-head {
	color: #000;
	margin: 8px 0px 4px;	
}
.content-text .right .detail-content {
	margin-top: 10px;
}
.content-text .right table {
    width: 100%; 
    border-collapse: collapse;  
    padding-bottom: 4px;
    /*border-bottom: solid 1px #96c;*/ 
    margin: 20px 0px; 
}
.content-text .right thead {
    background: #96c;
    color: #fff;
}
.content-text .right td {
    /*text-align: center;*/
    padding: 2px;
}
.content-text .right thead td {
    padding: 4px;
}
/* template style end */
/* list view */
.list-view .item {
	height: 80px;
	background: url(../img/background/bg_gray.png) top left;
	padding: 9px;
	border: solid 1px #fff;
	text-align: left;
	margin-bottom: 2px;
}
.list-view .item:hover {
	cursor: hand; cursor: pointer;
	border: solid 1px #96c;
}
.list-view .item .thumb {
	width: 80px;
	height: 80px;
	margin-right: 10px;
	background: #999;
	float: left;
}
.list-view .item .text {
	height: 80px;
}
.list-view .item .title {
	font-weight: bold;
}
.list-view .item .date {
	color: #666;
}
.list-view .item .brief {
	margin-top: 2px;
}
.list-view .item .more {
	text-align: right;
}
.list-view a, .list-view a:hover {
    color: #333;
    text-decoration: none;     
}
/* list view end */
/* list-thumb */
.list-thumb {
	margin-bottom: 10px;
}
.list-thumb .item {
	height: 40px;
	background: url(../img/background/bg_gray.png) top left;
	padding: 9px;
	border: solid 1px #fff;
	text-align: left;
	margin-bottom: 2px;
}
.list-thumb .item:hover {
	cursor: hand; cursor: pointer;
	border: solid 1px #96c;
}
.list-thumb .item .thumb {
	width: 40px;
	height: 40px;
	margin-right: 10px;
	background: #999;
	float: left;
}
.list-thumb .item .text {
	height: 70px;
}
.list-thumb .item .title {
	font-weight: bold;
}
.list-thumb .item .date {
	color: #666;
}
.list-thumb .item .brief {
	margin-top: 4px;
}
.list-thumb .item .more {
	text-align: right;
}
.list-thumb a, .list-view a:hover {
    color: #333;
    text-decoration: none;     
}
/* list thumb end */
/* member view */
.member-view .item {
	height: 100px;
	background: url(../img/background/bg_gray.png) top left;
	padding: 9px;
	border: solid 1px #fff;
	text-align: left;
	margin-bottom: 8px;
}
.member-view .item:hover {
	cursor: hand; cursor: pointer;
	border: solid 1px #96c;
}
.member-view .item .thumb {
	width: 100px;
	height: 100px;
	margin-right: 10px;
	/*background: #999;*/
	float: left;
}
.member-view .item .text {
	height: 88px;
}
.member-view .item ._title {
	font-weight: bold;
}
.member-view .item .dated {
	color: #666;
}
.member-view .item .brief {
	margin-top: 4px;
}
.member-view .item .more {
	text-align: right;
}
.member-view .item p {
	margin-bottom: 0px;
}
.member-view a, .member-view a:hover {
    color: #333;
    text-decoration: none;     
}
/* member view end */
/* page control */
.page-control {
	float: right;
}
.page-control .page-result {
	float: left;
	display: none;
}
.page-control .page-click a {
	padding: 0px 4px;
    margin: 0px 3px;
	text-align: center;
    border: solid 1px #666;
}
.page-control .page-click a.current  {
	background: #000;
	color: #fff;
}
.page-control .page-click a:hover {
    text-decoration: none;
    border-color: #96c;
}
.page-control .page-click a.current:hover  {
    background: #000;
    color: #96c;
}
.page-control .page-click .prev {
	padding: 2px 8px 2px 0;
	display: none;
}
.page-control .page-click .next {
	padding: 2px 0 2px 8px;
	display: none;
}
/* page control end */
/* calendar */
#calendar .ui-datepicker {
	padding: 0px;
	width: auto;
	margin-bottom: 10px;
    border: none;
}
#calendar .ui-widget-header .ui-icon {
	background-image: none;
}
#calendar .ui-datepicker-header {
	background: none;
	border: none;
	color: #000;
	font-weight: normal;
	padding: 0 9px 9px;
    margin-bottom: 6px;
}
#calendar .ui-datepicker-title,
#calendar .ui-datepicker-prev, 
#calendar .ui-datepicker-next {
	height: 15px;
	line-height: normal;
}
#calendar .ui-datepicker-prev, 
#calendar .ui-datepicker-next {
	margin-top: 2px;
}
#calendar .ui-datepicker-prev,
#calendar .ui-datepicker-prev-hover {
	background: url(../img/button/bt_prev_off.png) no-repeat left;
	border: none;
}
#calendar .ui-datepicker-next,
#calendar .ui-datepicker-next-hover {
	background: url(../img/button/bt_next_off.png) no-repeat right;
	border: none;
}
#calendar table {
	border-collapse: separate;
	border-spacing: 4px;
	margin: 0;
}
#calendar th {
	color: #fff;
	width: 36px;
	text-transform: uppercase;
	background: #000;
	padding: 8px 4px;
	font-weight: normal;
}
#calendar td.ui-datepicker-week-end a {
	
}
#calendar .ui-state-default,
#calendar td a {
	color: #000;
	margin: 2px 0px;
	padding: 6px 4px;
	border-color: #999;
	background: none;
	text-align: center;
	font-weight: normal;
}
#calendar td a:hover {
	background: #eee;
}
#calendar .ui-state-active {
	background: #ccc;
}
#calendar .ui-datepicker-today a {
	font-weight: bold;
	color: #96c;
}
/* event calendar end */
/* addthis style */
.addthis_toolbox a {
	float: left;
}
.showcase-addthis {
	margin-top: 8px;
}
.shop-addthis, .talent-addthis,
.video-addthis, .member-addthis {
    float: right;
    width: 200px;
    height: 20px;
}
.member-addthis {
	margin-bottom: 2px;
}
/* dialog popup */
/* dialog popup end */
/* overlay */
.overlay {
    background: transparent url(../img/background/bg_overlay_black.png);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999;
    width: 100%;
    height: 100%;
}
/* file download */
.file-list .item {
	line-height: 30px;
	background: url(../img/background/bg_gray.png) top left;
	padding: 6px 9px;
	border: solid 1px #fff;
	text-align: left;
	margin-bottom: 2px;
    height: 30px;
}
.file-list .item:hover {
	cursor: hand; cursor: pointer;
	border: solid 1px #96c;
}
.file-list .item a:hover {
	color: #999;
}
.file-list .title {
    float: left;
    width: 180px;
}
img.icon {
	float: right;
}
/* addthis */
.addthis_toolbox {
	position: absolute;
	z-index: 1000;
}