/* GLOBAL CSS */

.clear
{
	clear:both;
	height:0;
}

/* ================== INDEX ================== */


.masonryWrap
{
	width:992px;
}

/*.content-container .content-wrapper*/ .content-top
{
	background-image:url(../Images/Design/content-top.png);
	background-repeat:no-repeat;
	height:3px;
	width:220px;
}

.content-container .content-wrapper .main-content
{
	background-color:#FFFFFF;
	padding:10px;
	width:200px;
}

.content-container .content-wrapper .main-content .content-img
{
	position:relative;
	width:202px;
}
.content-container .content-wrapper .main-content .content-img p
{	
	bottom:auto;
	left:1px;
	padding:0;
	position:absolute;
	right:5px;
	top:12px;
	z-index:1;	
}

.content-container .content-wrapper .main-content .content-img span
{
	background:#112b45 none repeat scroll 0 0;
	color:#ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	letter-spacing:-1px;
	padding: 4px;
	text-decoration:none;
	filter: alpha(opacity:90);
	opacity: .9;
	white-space:pre-wrap;
	line-height: 1.45em;
	white-space:pre-wrap;
}

.content-container .content-wrapper .main-content .content
{
	color:#666666;	
	margin:20px 0 0;
}

.content-container .content-wrapper .main-content .content-footer
{
	margin:15px 0 0;
	height:15px;
}


.content-container .content-wrapper .main-content .content-footer .content-category
{
	float:left;
}

.content-container .content-wrapper .main-content .content-footer .content-date
{
	color:#c59b9b;
	float:right;
	font-size:9px;
	font-weight:bold;
	line-height:13px;
}

/*.content-container .content-wrapper*/ .content-bottom
{
	background-image:url(../Images/Design/content-bottom.png);
	background-repeat:no-repeat;
	height:3px;
	width:220px;
}
/* ================== # INDEX # ================== */

/* ================== DETAIL PAGE ================== */

.content-container .content-detail
{
	margin:0 0 0 11px;
}

.detail-left
{
	background-color:#FFFFFF;
	float:left;
	width:720px;
}

.detail-top
{
	background-image:url(../Images/Design/detail-top.png);
	height:2px;
	width:720px;
}

.detail-container
{
	padding:20px;
}

.detail-container .detail-header-container .detail-header
{
	float:left;
}

.detail-container .detail-header-container .detail-title
{
	width: 530px;
}

.detail-container .detail-header-container .detail-header div.detail-category
{
	float:left;
	margin:3px 0 0 10px;
}

.detail-container .detail-header-container .detail-share
{
	float:right;
	margin:3px 0 0;
}

.detail-container .detail-header-container .detail-share .share-title
{
	float:left;
	height:19px;
	line-height:19px;
}

.detail-container .detail-header-container .detail-share span
{
	color: #a08e8e;
}

.detail-container .detail-header-container .detail-share ul.share-links
{
	float:left;
	margin:0 0 0 4px;
	width:140px;
}

.detail-container .detail-header-container .detail-share ul.share-links li
{
	float:left;
	margin:0 4px 0;
}

.detail-body
{
	margin:17px 0 0;
}

.detail-body .detail-body-left
{
	float:left;
	width:210px;
}

.detail-body .detail-body-left .detail-img
{
	margin:0 0 17px;
}

.detail-body .detail-body-left .buy-ticket
{
	margin:0 0 25px;
}

.detail-body .detail-body-left .detail-photos-header
{
	float:left;
	width:180px;
}

.detail-body .detail-body-left .rss-icon 
{
	float:right;
	height:16px;
	margin:4px 0 0;
	width:16px;
}

.detail-body .detail-body-left .rss-icon a
{
	background-image:url(../Images/Button/rss.jpg);
	background-repeat:no-repeat;
	display:block;
	height:16px;
	text-indent:-9999px;
	width:16px;
}

.detail-body .detail-body-left .photos ul.detail-photos-list
{
	margin:10px 0 0;
	width:270px;
}

.detail-body .detail-body-left .photos ul.detail-photos-list li
{
	float:left;
	margin:2px 3px 0 0;
}

.detail-body .detail-body-left .videos
{
	margin:27px 0 0;
}

.detail-body .detail-body-left .detail-videos-header
{
	float:left;
	width:180px;
}

.detail-body .detail-body-left ul.detail-videos-list
{
	margin:10px 0 0 -5px;
	width:270px;
}

.detail-body .detail-body-left ul.detail-videos-list li
{
	float:left;
	margin:5px;
}

.detail-body .detail-body-right
{
	float:right;
	width:446px;
}

.detail-body .detail-body-right .detail-body-text p
{
	color:#666666;
	font-size:12px;
	text-align:justify;
}

.detail-body .detail-body-right .comment-container
{
	margin:34px 0 0;
}

.detail-body .detail-body-right .comment-container .comment-subscribe
{
	float:left;
	margin:10px 0 0;
}

.detail-body .detail-body-right .comment-container .send-button
{
	float:right;
	height:33px;
	width:99px;
}

.detail-body .detail-body-right .comment-container .recent-comments
{
	margin:20px 0 0;
}

.detail-body .detail-body-right .comment-container .recent-comments .recent-comments-body
{
	margin:0 0 20px;
}

.detail-body .detail-body-right .comment-container .recent-comments .recent-comments-body .user-photo
{
	float:left;
	height:68px;
	width: 58px;
}

.detail-body .detail-body-right .comment-container .recent-comments .recent-comments-body .user-photo a img
{
	border:1px solid #cccccc;
	padding:1px;
}

.detail-body .detail-body-right .comment-container .recent-comments .recent-comments-body .comment-info
{
	float:right;
	padding:0 0 3px;
	
}

.detail-body .detail-body-right .comment-container .recent-comments .recent-comments-body .comment-info .user-name
{
	color:#3b3a3a;
	float:left;
}

.detail-body .detail-body-right .comment-container .recent-comments .recent-comments-body .comment-info .user-name span
{
	color:#008bcb;
	font-weight:bold;
}

.detail-body .detail-body-right .comment-container .recent-comments .recent-comments-body .comment-info .user-name span a
{
	color:#008bcb;
	font-weight:bold;
	text-decoration:none;
}

.detail-body .detail-body-right .comment-container .recent-comments .recent-comments-body .comment-info .comment-date
{
	color:#898989;
	float:right;
}

.detail-body .detail-body-right .comment-container .recent-comments .recent-comments-body .comment
{
	border-top:1px dashed #a5999f;
	float:right;
	padding:3px 0 0;
	width: 387px;
}

.detail-body .detail-body-right .comment-container .recent-comments .recent-comments-body .Pending
{
	float:right;
	padding: 3px 10px 0;
	color: #898989;
}

.detail-bottom
{
	background-image:url(../Images/Button/detail-bottom.png);
	height:2px;
	width:720px;
}
/* ================== # DETAIL PAGE # ================== */

/* ================== DETAIL SIDEBAR ================== */
.content-container .detail-sidebar
{
	float:right;
	margin:0 10px 0 0;
	width:221px;
}

.content-container .detail-sidebar .banner
{
	margin:0 0 30px;
}

.content-container .detail-sidebar .share-event { clear: both; }

.content-container .detail-sidebar .share-event .share-event-body
{
	background-color:#ffffff;	
	padding:10px 7px 10px 9px;
}

.content-container .detail-sidebar .share-event .share-event-body ul.share-list
{
	margin:10px -10px 0 -5px;
	width:220px;
}

.content-container .detail-sidebar .share-event .share-event-body ul.share-list li
{
	float:left;
	margin:5px;
}

.content-container .detail-sidebar .rss-badge
{
	height:38px;
	margin:30px 0;
	width:221px;
}

.content-container .detail-sidebar .rss-badge a
{
	background-image:url(../Images/Button/rss-badge.png);
	background-repeat:no-repeat;
	display:block;
	height:38px;
	text-indent:-99999px;
	width:221px;
}

.content-container .detail-sidebar .attenders .attenders-body
{
	background-color:#FFFFFF;
	padding:10px 7px 10px 9px;
}

.content-container .detail-sidebar .attenders .attenders-body .attenders-header
{
	margin:0 0 10px;
}

.content-container .detail-sidebar .attenders .attenders-body .attenders-tab
{
	border-bottom:1px solid #d1d0d0;
	width:203px;
}

.content-container .detail-sidebar .attenders .attenders-body .attenders-tab .friends-tab
{
	float:left;
	height:20px;
	margin:0 2px 0 0;
	width:100px;
}

.content-container .detail-sidebar .attenders .attenders-body .attenders-tab a.friends-tabA
{
	background-image:url(../Images/Design/friends-tab.jpg);
	background-repeat:no-repeat;
	display:block;
	height:20px;
	text-indent:-99999px;
	width:100px;
}

.content-container .detail-sidebar .attenders .attenders-body .attenders-tab a.friends-tabA2
{
	background-image:url(../Images/Design/friends-tab2.jpg);
	background-repeat:no-repeat;
	display:block;
	height:20px;
	text-indent:-99999px;
	width:100px;
}

.content-container .detail-sidebar .attenders .attenders-body .attenders-tab .allmembers-tab
{
	float:right;
	height:20px;
	width:100px;
}


.content-container .detail-sidebar .attenders .attenders-body .attenders-tab a.allmembers-tabA
{
	background-image:url(../Images/Design/allmembers-tab.jpg);
	background-repeat:no-repeat;
	display:block;
	height:20px;
	text-indent:-99999px;
	width:100px;
}

.content-container .detail-sidebar .attenders .attenders-body .attenders-tab a.allmembers-tabA2
{
	background-image:url(../Images/Design/allmembers-tab2.jpg);
	background-repeat:no-repeat;
	display:block;
	height:20px;
	text-indent:-99999px;
	width:100px;
}

.content-container .detail-sidebar .attenders .attenders-body ul.attenders-list
{
	margin:5px 0 0;
}

.content-container .detail-sidebar .attenders .attenders-body ul.attenders-list li
{
	float:left;
	margin:1px 1px 0 0;
	height: 50px;
}

.content-container .detail-sidebar .attenders .attenders-body .rest-of-attenders
{
	color:#0097d8;
	font-weight:bold;
	margin:8px 0 0;
	text-align:right;
}

.content-container .detail-sidebar .attenders .attenders-body .rest-of-attenders a
{
	color:#0097d8;
	font-weight:bold;
	text-decoration:none;
}

.content-container .detail-sidebar .suggestions
{
	margin:30px 0 0;
}

.content-container .detail-sidebar .suggestions-body
{
	background-color:#ffffff;
	padding:10px 7px 10px 9px;
}

.content-container .detail-sidebar .suggestions-body ul.suggestions-list
{
	margin:10px 0 0;
	width:201px;
}

.content-container .detail-sidebar .suggestions-body ul.suggestions-list li
{
	border-top:1px solid #d1d0d0;
	padding:10px 0;
}

.content-container .detail-sidebar .suggestions-body ul.suggestions-list li p.suggestion-header
{
	color:#666666;
	font-weight:bold;
}

.content-container .detail-sidebar .suggestions-body ul.suggestions-list li p.suggestion-category
{
	float:left;
	margin:8px 0 0;
}

.content-container .detail-sidebar .suggestions-body ul.suggestions-list li p.suggestion-date
{
	color:#a17070;
	float:right;
	margin:8px 0 0;
}


/* ================== # DETAIL SIDEBAR # ================== */


.error
{
	color:#ff0000;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
}

.error-box
{
	background-color:#ffebeb;
	border:1px solid #ff0000;
	color:#ff0000;
	font-weight:bold;
	margin:0 20px 35px;
	padding:10px;
	text-align:center;
}

.success
{
	background-color:#eef4f6;
	border:1px solid #acc0c7;
	color:#008bcb;
	font-weight:bold;
	margin:0 20px 35px;
	padding:10px;
	text-align:center;
}

.success img, .error-box img
{
	margin:0 5px 0 0;
}

span.tooltip {
    display: none;
    position: absolute;
    top: 20px; left: 0;
    padding: 10px 10px;
    background: #000;
	color: #FFF;

    font-family: Verdana;
    font-size: 10px;
    
    width: 60px;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;	
}