/* common board styles */

@import url(http://static.yuku.com/common/bypass/styles/boards_common_js.css);
@import url(http://static.yuku.com/common/bypass/styles/boards_common_hacks.css);

body .wysiwyg iframe,
body .wysiwyg
{margin-left: 0 !important;
margin-right: 0 !important;}

.ad {text-align: center;}

/* force tables in posts to clear ads, may interfere with sidebars */
table .scrolling table {clear: both;}

* {min-width: 0;}

/* remove gaps between images */
/* messes up text-wrapping in IE, removing for now
.scrolling img { vertical-align: middle; }
*/

/* Z indexes --------- */
.dropdown ul{
    z-index: 10000 !important;
}

/* Removed from above
.top .clear-container,
td.poster-interact *
*/

/* special list styles -------- */
.bread-crumbs, .legend-box ul, .dropdown ul, .stats-box ul, .whosonline-box ul, .thread, .subscription-links, .tags-box ul, .social-links ul,
.domain-stats-box ul, .member-stats-box ul, .moderator-list, .chatter-list, .subforums-list
{padding: 0;
margin: 0;
list-style: none;}

.dropdown ul
{margin-top: 1px;
margin-bottom: 1px;}

	.bread-crumbs li, .boxheading .subscription-links li, .legend-box li, .visitors li, .tags-box li, .users-online li,
	.administrator-list li, .moderator-list li, .chatter-list, .calendar-stats li, .subforums-list li
	{display: inline;}

	.domain-stats-box li,
	.member-stats-box li
	{margin: 0;
	padding: 0;}

	.legend-box li
	{margin-right: 1em;
	vertical-align: middle;
	white-space: nowrap;}

		.legend-box li *
		{vertical-align: middle;
		white-space: normal;}


/* DROP DOWN STYLES ---- */
.dropdown input
{background: transparent;
width: 150px;
border: none;
padding: 0;
margin: 0;
font-size: inherit;
font-family: inherit;}

.dropdown h3, .dropdown p
{margin: 0;}

.dropdown a
{display: block;}

	.dropdown li a
	{text-decoration: none;}

/* default colors for dropdown (because it's unusuable without them) */
.dropdown li
{background: #FFF;
border: 1px solid #666;}

.dropdown *, .dropdown li a, .dropdown li a:visited. .dropdown li a:hover, .dropdown li a
{color: #000;}

/* BOX - default spacing */
.box
{margin-bottom: 1em;}

.boxheading h1, .boxheading h2, .boxheading h3, .boxheading h4, .boxheading p
{margin: 0;}

/* custom image banner */
.custom-banner
{margin-bottom: 1em;
text-align: center;}


/* GENERAL ------------------ */
hr {height: 1px;}

blockquote {clear: both;}

.scrolling div {max-width: 99%;}

/* TABLES ---- */
table {width: 100%;}

	.post-content table
	{width: auto;
	margin-left: 1px;
	margin-top: 1px;}

td {padding: 5px;}

th {padding: 2px 5px;}

th h2, th h3, th p, .post-title, .user-name
{margin: 0;}

/* take this out if it cause problems, it should already be overridden by most skins anyway */
th, .th, .th h1, .th h2, .th h3
{font-size: 1.1em;
font-weight: bold;}


/* Columns ---------------------- */

/* chat */
td.whos-chatting {width: auto;}

/* narrow columns (narrow as possible) */
.admin-control {width: 10px;}

.status {width: 16px;} /* default icon width */
.post-number {width: 20px;}
.post-url {width: 20px;}
.toggle {width: 20px;}

.feeds {width: 50px;}
.kudos {width: 50px;}
.topics {width: 50px;}
.posts {width: 50px;}
.replies {width: 50px;}
.views {width: 50px;}

/* --- HIDE FEEDS --- */
.feeds {display: none;}

/* medium columns (min fixed width) */
.latest, .author, .poster, .website {width: 140px;}
.poster-name, .poster-detail {width: 180px;}

	/* (force width of column) */
	.discussion-box .avatar-block,
	.discussion-box .user-name
	{width: 180px;}

/* wide columns (expand as wide as possible) */
.forums {}
.topic-titles {}
.post-subject {width: 2000px;}
.post-content {}

.poster-name .user-name /* testing */
{white-space: nowrap;
display: block;}

/* simplfied code for td widths to replace above */
/* TEST FURTHER BEFORE RELEASE
th, .post-title, .user-name, .latest .date {white-space: nowrap;}
td.forumtitle, td.topic-titles, td.post-content, td.post-subject {width: 100%;}
*/

/* text alignment, spacing */
.status, .feeds, .replies, .views, .admin-control, .posts, .topics, .kudos
{text-align: center;}

.forums, .latest, .latest-comment, .topic-titles, .author,
.poster-name, .post-subject, .match, .website
{text-align: left;}

td.post-number, td.toggle, td.post-tools
{text-align: right;}

.poster-detail, .post-content
{vertical-align: top;}

td.status img:last-child
{margin-top: 5px;}

td.feeds, th.latest
{white-space: nowrap;}

/* FORMS */
label {font-weight: bold;}

textarea img
{display: none;}

/* BOX ELEMENT LAYOUT ------------------------------------- */

/* ANNOUNCEMENT-BOX ---- */
.announcement-box p:first-child
{margin-top: 0;}

.announcement-box p:last-child,
.announcement-box .boxbody div:last-child
{margin-bottom: 0;}

.announcement-box .boxbody div
{margin-bottom: .8em;}

/* welcome announcement */
.welcome-announcement li
{margin-bottom: .5em;}

.invite-buttons
{margin-top: 3px;}

/* grey out hidden announcements */
.announcement-box .hidden, .ignored
{filter: alpha(opacity=50);
-moz-opacity: .50;
opacity: .50;}

.announcement-box .hidden:hover
{filter: alpha(opacity=100);
-moz-opacity: 100;
opacity: 100;}

/* CONTROL-BOX (contains buttons, pager) ---- */
.control-box
{text-align: right;}

#domainstats_activemembers .control-box
{overflow: hidden;}

/* height added so box containing pager will clear following box content */
#search_text .control-box
{height: 2.5em;}

.results-box .boxbody
{overflow: hidden;}

.control-box .boxbody:after,
.clear-container:after /* forcing buttons and pager to clear previous and next links */
{content: ".";
display: block;
font-size: 1px;
clear: right;
visibility: hidden;}

.control-box .boxbody
{overflow: visible;}

/* Buttons */
.button, .topic-pagejump a, .calendar-jump a
{display: inline-block;}

.new-topic-button, .new-poll-button, .forum-tools, .reply-button, .mark-read
{float: right;}

	.bottom .new-topic-button, .bottom .forum-tools
	{margin-bottom: 2px;}

.reply-button, .forum-tools, .forum-jump, .new-topic-button, .new-poll-button, .mark-read
{margin-left: .8em;}

.forum-jump {float: right;}

	/* make long lists of forums scroll */
	.forum-jump ul
	{max-height: 20em;
	width: 16em;
	overflow-x: hidden;
	overflow-y: auto;}
	
	.forum-jump ul li {width: auto;}
	
	/* set height for forum jump in IE6 */
	* html .forum-jump ul {height: 20em;}

/* IE7 fix to make buttons line up */
.clear-container form
{display: inline !important;}

/* Social Links */
.social-links
{float: right;
margin-left: .8em;}

	#wrapper .social-links
	{margin-right: 0;}

/* previous, recent topics, next links */
.topic-pagejump, .calendar-jump
{overflow: hidden;
/* float: left; */
clear: right;}
/*
Notes on above: 'float: left' causes problems in layouts where prev & next width is set
'clear: right' fixes these problems but may cause problems for some sidebars
*/

/* Pager */
.pager-jump-holder
{position: absolute;}

.pager-holder, .pager
{float: left;}

.pager-holder
{padding: 0;}

.pager .ellipsis
{background: transparent;}

/* set padding */
.pager a, .jump, .ellipsis, .current,
.next, .prev
{padding: 0;}

.pager div
{padding: 2px;}

#search_text .pager-holder, #search_text .pager,
#directory_featured .pager-holder, #directory_featured .pager
{float: none;}

/* TOOL-BOX ---- */
/* .tool-box {height: 1%;} moving to board hacks, interferes with form select sizing */

	.tool-box p {margin: 0;}
	
		.tool-box .advanced-search
		{margin-bottom: 5px;}

	.tool-box .boxheading
	{min-height: 16px;}

	/* invite friends and contribute */
	.invite-contribute-links
	{max-width: 69%;
	min-height: 2em;
	text-align: left;
	float: left;}
	
	.tool-box .invite
	{margin-bottom: 5px;}
	
	/*
	.tool-box .invite,
	.tool-box .contribute
	{max-width: 69%;
	min-height: 2em;
	text-align: left;}
	*/
	
	/*
	.tool-box .button
	{float: none;} */

/*
	.tool-box .contribute
	{display: block;
	float: left;}
*/
	
	/*
	p.contribute-now
	{margin-bottom: 5px;}
	*/
	
		.contribute-now a
		{display: block;
		display: inline-block;
		float: left;
		margin-right: 1em;}

	/* forum title */
	.tool-box .boxbody h2
	{margin: 0;
	/* max-width: 59%; */
	float: left;}

/* Kudos and Topic Title */
.title-container, div.kudos, .title-container h3
{float: left;}

.tool-box .boxbody h3
{margin: 0;}

div.kudos
{font-weight: normal;
/* font-size: 11px; */
width: auto;
margin-right: .8em;}

	div.kudos form
	{display: inline;}

	div.kudos *
	{vertical-align: middle;}

	div.kudos img, div.kudos input
	{margin-right: 3px;}

/* Search */
.search
{text-align: right;
white-space: nowrap;
margin: 0;}

	.search label
	{display: none;}

	.search *
	{vertical-align: middle;}

/* DIRECTORY PAGE & FORUM VIEW PAGE - don't float search on pages where it is the only box content */
#directory_default .tool-box .boxbody,
#search_text .tool-box .boxbody
{text-align: right;}

#directory_default .search,
#search_text .search
{float: none;
width: auto;}

/* Search Pages ---- */
.results-info-wrapper {overflow: hidden;}

.showing-results {float: left;}

.results-last {float: right;}

.sponsor-name {text-align: right;}

/*
#directory_default .invite
{float: left;}
*/

/* Subscription Links */
.boxheading .subscription-links
{float: right;}

	.boxheading .subscription-links li.first
	{border: none;}

	.boxheading .subscription-links li.last
	{padding-right: 0;}

/* previous and next links */
.topic-pagejump.bottom, .calendar-jump.bottom {margin-bottom: 1.3em;}
.topic-pagejump.top, .calendar-jump.top {margin-top: 1.3em;}

	.topic-pagejump .previous-topic, .recent-topic,
	.previous-month
	{float: left;}

	.recent-topic-holder
	{width: 150px;
	margin: auto;}

/* CATEGORY BOX, FORUM BOX ---- */
.category-box table h3, .category-box table p,
.forum-box table h3, .forum-box table p,
.featured-box table p
{margin: 0;}

.category-box table ul,
.forum-box table ul,
select.subforums
{margin-top: 8px;}

.forumtitle .dropdown
{float: left;
margin-top: 8px;}

/* forum descriptions */
h4.description
{font-weight: normal;
font-size: 1em;
margin: 0; /* bottom margin was 5px */
text-transform: none;
font-variant: normal;
font-family: inherit;
font-color: inherit;}

/* FEATURED BOX (featured topics) --- */
.featured-box li
{white-space: nowrap}

/* content footer (box content footer) */
.content-footer
{margin: 0;
margin-top: .5em;
text-align: right;}

/* LEGEND BOX ---- */
/* symbol icons */
.icon
{margin-top: 0 !important;}

/* STATS-BOX ---- */
.stats-box .boxbody
{overflow: hidden;}

.stats-box p, .stats-box ul
{margin-top: 0;
margin-bottom: 1em;}

.info-links li
{display: inline;
margin-right: 1em;}

/* contains active users stats */
.visitors li
{border-right-width: 1px;
border-right-style: solid;
padding-right: 5px;
padding-left: 3px;}

	.visitors li.first, .visitors li.last
	{border: none;
	padding-right: 0;}

	.visitors li.first
	{padding-left: 0;}

/* WHOSONLINE-BOX ---- */
.whosonline-box p, .whosonline-box ul
{margin-top: 0;
margin-bottom: 1em;}

.whosonline-box *:last-child,
ul.users-online
{margin-bottom: 0;}

ul.daily-stats,
ul.total-stats
{margin-right: 1.5em;}

ul.daily-stats
{float: left;}

/* TAGS-BOX ---- */
.tags-box p
{margin: 0;
position: relative;}

.tags-box .tags-list
{margin-bottom: 30px;}

/*
.tags-box .button
{float: right;
position: absolute;
bottom: 0;
right: 0;}
*/

/* replace above code for positioning button */
.tags-button-holder
{text-align: right;}

/* (Active) MEMBERS-BOX ---- */
.members-box th
{text-align: left;}

.members-box th.posts
{text-align: center;}

/* DISCUSSION-BOX (& new stats page table) ---- */
.discussion-box th
{text-align: left;}

.discussion-box table.lastpost
{margin-bottom: 0;}

/* remove some th & td borders by default */
/* .discussion-box th, */
#featured-topics-previews th
{border-left: none;
border-right: none;}

td.post-tools, td.poster-interact
{border-top: none;}

td.post-content, td.poster-detail
{border-bottom: none;}

/* remove some borders on topic posts and reply tds so each looks like one box ------------------ */
.poster-name, .post-subject, .post-number, .post-url, .toggle
{border-bottom: none;}

.post-subject
{border-right: none;}

.post-number, .post-url
{border-left: none;
border-right: none;}

.toggle
{border-left: none;}

.poster-detail, .post-content
{border-top: none;}

/* poster detail */
.avatar-block p
{margin: 0;}

p.user-avatar
{margin-bottom: 5px;}

.avatar-block .user-name
{margin-bottom: .8em;}

ul.reply-options
{margin: 0;
padding: 0;
margin-top: 5px;
list-style: none;}

	.reply-options li
	{display: inline;}

/* interact button (float makes button size conform to text size) */
.interact
{float: left;}

.ez .dropdown
{float: none;
margin-top: 5px;
display: inline !important;
text-decoration: underline;}

/* post-content */
.signature
{border-top: 1px solid;
padding-top: 8px;
margin-top: 8px;}

h3.quote-title
{margin: 0;
font-size: inherit;}

.edit-info
{margin-top: 10px;
font-style: italic;
font-size: 10px;}

	.edit-info p
	{margin: 0;}

.post-tags
{margin-top: 0;
margin-bottom: 10px;
padding-bottom: 2px;
font-size: 10px;}

	.post-tags strong
	{text-transform: uppercase;}

/* lists in posts */
.post-content ul li
{list-style: disc;}

	.post-content ul li li
	{list-style: circle;}

		.post-content ul li li li
		{list-style: square;}

/* posting tools */
.edit-tools
{float: left;}

.edit-tools .button,
.edit-tools .image-button,
.edit-tools a
{display: block;
float: left;
margin-right: 5px;}

.reply-tools .button,
.reply-tools .image-button,
.reply-tools a
{display: block;
float: right;
margin-left: 5px;}

/* REPLY-BOX ---- */
textarea
{width: 99%;
height: 170px;}

.reply-box p
{margin-top: 0;
margin-bottom: .5em;}

.reply-box p.form-buttons-holder
{text-align: right;
margin: 0;}

.bbcode-help {text-align: right;}

/* BREADCRUMB-BOX ---- */
div.breadcrumb-box
{background: transparent;
border: none;
padding: 0;}

	.breadcrumb-box ul.subscription-links
	{margin-top: .8em;}

		.breadcrumb-box ul.subscription-links li
		{margin-bottom: .5em;}


/* COLLAPSE BUTTON -------------------- */
a.collapse-button
{float: right;
text-decoration: none !important;
outline-style: none; /* hide selection border */}

	.discussion-box .collapse-button
	{float: none;}

/* default */
.collapse-button, .post-number, .post-url
{font-size: 1em;
white-space: nowrap;
font-weight: normal;}

.topic-pager
{font-weight: normal;}

input.text, select
{font-size: inherit;}

/* clearing div */
.clear
{clear: left;}


/* FEATURED TOPICS PAGE -------------------------- */
/* DOMAIN STATS & MEMBER STATS BOXES ---- */
	.domain-stats-box h3,
	.member-stats-box h3,
	.domain-stats-box p,
	.member-stats-box p
	{margin-top: 0;
	margin-bottom: .5em;}

	.domain-stats-box h4,
	.member-stats-box h4
	{margin: 0;}

	.domain-stats-box ol, .domain-stats-box ul,
	.member-stats-box ol, .member-stats-box ul
	{margin-top: 0;
	margin-bottom: 0;}

	ul.general-member-stats-list, ul.most-list
	{margin-bottom: 1em;}

.hottest-discussions, .popular-discussions, .domain-statistics,
.domain-staff-stats, .newest-members, .member-statistics
{width: 31%;
float: left;
margin-left: 10px;}


/* HIDDEN THREADS & REPLIES - sashes ------------------- */
/* hidden thread sash */
div.hidden-thread
{height: 140px;
width: 140px;
background: transparent url(http://static.yuku.com/domainskins/bypass/img/sashes/hidden_thread.png) no-repeat;
text-indent: -5000px;
position: fixed;
bottom: 0;
right: 0;}

div.hidden-reply
{background: transparent url(http://static.yuku.com/common/bypass/images/hidden-reply.png) no-repeat center center;
min-height: 140px;
width: 100%;}

/* hidden sash on topic listing */
.row-hidden td.topic-titles
{background-image: url(../../../domainskins/bypass/img/sashes/hidden-topic.gif);
background-position: top right;
background-repeat: no-repeat;}

/* Word Clouds ------------- */
ul.tag-cloud,
ul.topic-cloud
{margin: 0 auto;
padding: 5px 50px;
list-style: none;
text-align: center;}

	ul.tag-cloud li,
	ul.topic-cloud li
	{display: inline;
	line-height: 20px;}

	ul.tag-cloud a,
	ul.topic-cloud a
	{text-decoration: none;
	padding: 5px 10px;}


/* NEW TOPIC & ADD REPLY PAGES ---------------------- */
div.plain, div.plain div,
#forum_newtopic .tool-box, #forum_newtopic .tool-box div,
#forum_topicreply .tool-box, #forum_topicreply .tool-box div
{background: transparent;
border: none;
padding: 0;}

#forum_newtopic .tool-box *,
#forum_topicreply .tool-box *
{color: inherit;}

/* forms -------- */
/* messed up layouts for skins with sidebar, doesn't seem to be needed
.topic-title
{clear: both;}
*/

.topic-title, .new-post-tags
{overflow: hidden;
min-height: 2em;}

.topic-title *, .new-post-tags *, .post-options *
{vertical-align: middle;}

	.post-options select
	{margin-right: 10px;}

.post-box label,
.editor-shortcuts strong
{float: left;
width: 14em;
line-height: 1.2em;}

	#forum_viewtopic .editor-shortcuts strong
	{float: none;
	width: auto;}

.post-box label, .editor-shortcuts strong
{vertical-align: middle;}

p.editor-shortcuts
{margin-top: 1em;}

#wrapper .checkbox-label
{font-weight: normal;
float: none;
width: auto;
line-height: auto;}

.topic-title input.text,
.new-post-tags input.text
{width: 50%;}

.post-controls
{text-align: right;
margin-bottom: 0;}


/* FIREFOX AND NON-IE HACKS ----------------------------------- */

/*
.boxbody:after,
.tool-box .boxheading h1:after,
.tool-box .boxheading ul.bread-crumbs:after,
.topic-pagejump:after
{content: ".";
display: block;
height: 0;
clear: right;
visibility: hidden;}
*/

/* replacing part of above clearing hack */
/*
.boxbody,
.boxheading
{overflow: hidden;}
*/

.tool-box .boxbody
{overflow: hidden;}

.community-content .boxbody
{overflow: visible;}

/* scrolling fix for over-sized images */
#wrapper .scrolling
{overflow: auto;
padding: 0 !important;
margin: 0 !important;
height: auto !important;}

#wrapper .scrolling
{overflow-x: auto;
overflow-y: hidden;
width: 99%;}

tr.collapsed { display: none; }

/* hide and show on hover */
.userdomain
{display: none;}

	.userdomain a, .userdomain a:visited, .userdomain a:hover, .userdomain a:active;
	{color: #000;
	text-decoration: underline;}

	.user-name:hover .userdomain
	{display: block;
	position: absolute;
	margin-top: -.1em;
	padding: 3px;
	border: 1px solid #666;
	background: #FFF;
	color: #000;}


/* POLLS ----------------------------- */
div.poll-body p {margin-top: 0; margin-bottom: .2em;}
div.status-bar-holder {margin-bottom: 10px;}
p.poll-controls { text-align: right; }
.vote-button {margin-top: .5em;}

/* status bar */
p.status-bar
{padding: 0 0 4px 0;
height: 17px;
background: #AAA;
border: 1px solid;
border-color: #777 #CCC #CCC #777;
margin: 0;
margin-bottom: 10px;
position: relative;
padding-right: 4px;
overflow: hidden;}

	* html p.status-bar
	{padding: 0 0 1px 0;}

/* show percentage of status */
span.status-rank
{background: #FF7E00 url(http://static.yuku.com/vote/bypass/images/statusbar-bg.jpg) no-repeat;
border: 1px solid;
border-color: #FFF #777 #777 #FFF;
display: block;
height: 17px;
/*float: left;*/
margin: 1px;}


/* THREADED VIEW ------------------------- */
.threaded table, .threaded td, .threaded th
{border: none;}

.thread-title
{font-weight: bold;}

.threaded table td
{padding-top: 2px;
padding-bottom: 2px;}

.threaded table .row-lead td
{padding-top: 10px;}

.category-box td.latest .hcard {
    float: left;
    padding-right:5px;
}

.forum-box td.latest .hcard,
.category-box td.latest .hcard {
    float: left;
    padding-right:5px;
}

.forum-box td.latest .date,
.category-box td.latest .date {
    white-space: nowrap;
}

label.ka-rpx-share {
    padding-right: 60px;
    background: transparent url(../images/rpx_share_icon.gif) no-repeat right center;
    display: inline-block;
}