@CHARSET "UTF-8";
/******* GENERAL RESET *******/

#basic .clear {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}


/******* STARTPAGE TABS *******/

#basic ul {
	list-style: none;
	list-style-position: outside;
}
#basic ul.rankingMenu li{
	float: left;
	margin-right: 0px;
	
}
#basic ul.rankingMenu li{
	display: block;
	padding: 6px 0px 5px 0px;
	background: transparent url(/images/spring2010/tabs-inactive.jpg) no-repeat scroll left top;
	height:37px;
	width:75px;
	position: relative;
	right:1px;
	color: #6e6e6e;
	font-size:11px;
	font-weight:bold;
	cursor: pointer;
	text-align:center;
}
#basic ul.rankingMenu li:hover{
	color:#000;
}

#basic ul.rankingMenu li.selected{
	background: transparent url(/images/spring2010/tabs-active.jpg) no-repeat scroll left top;
	height:37px;
	border-bottom: 0;
	color: #333;
	
}


/******* MEMBERQUIZ TABS *******/

#basic #tabWrapper {
	width:740px;
	height:36px;
	position:relative;
	clear:both;
}

#basic #tabWrapper .tabArea {
/*	width:550px; */
	clear:both;
}

#basic ul.tabArea li {
	text-decoration: none;
	font-size: 12px;
	display: inline-block;
	color: #888;
	font-weight: bold;
	background: url(/images/spring2010/tabs_bg.png) left 0;
	float:left;
}

#basic ul.tabArea li a {
	text-align: center;
	display: inline-block;
	margin: 0 0 0 8px;
	padding: 12px 12px 5px 4px;
	white-space: nowrap;
	background: url(/images/spring2010/tabs_bg.png) right 0;
	height:19px;
}
#basic ul.tabArea li a.tab2_link_active,
#basic ul.tabArea li a.tab2_link_active:link,
#basic ul.tabArea li a.tab2_link_active:visited,
#basic ul.tabArea li a.tab2_link_active:hover {
	font-size: 12px;
}

#basic ul.tabArea li a.tab2_link,
#basic ul.tabArea li a.tab2_link:link,
#basic ul.tabArea li a.tab2_link:visited,
#basic ul.tabArea li a.tab2_link:hover {
	font-size: 12px;
}

#basic ul.tabArea li a {
    color: #7B7B7B;
}
#basic ul.tabArea li a:hover {
    text-decoration: none;
	color: #248AAE;
}

/*
#basic ul.tabArea li:hover {
	color: #000;	
}
#basic ul.tabArea li:hover a {
	cursor: pointer;
}
*/

/* active tab */
#basic ul.tabArea li.selected {
	background: url(/images/spring2010/tabs_bg.png) left 36px;
}
#basic ul.tabArea li.selected a {
	background: url(/images/spring2010/tabs_bg.png) right 36px;
	color: #0DB6D7; /* #333; */
}

/*** CONTENT AREA ***/ 
#basic .content_area {
	background: #fff;
	border: 1px solid #ccc;
	border-width: 0 1px 1px 1px;
	padding: 10px 0 10px 0px;
}

/******* /MENU *******/

/******* CONTENT *******/
#basic .content{
	margin: 0pt auto;
	text-align: left;
	padding: 10px;
	padding-bottom: 20px;
	font-size: 11px;
}
#basic .content h1{
	line-height: 1em;
	vertical-align: middle;
	height: 48px;
	padding: 10px 10px 10px 52px;
	font-size: 32px;
}
/******* /CONTENT *******/


/******* WINNERS *******/
#basic .content.toplistsWinners {
	display: block;
}

#basic .content.winners .balk-dark,
#basic .content.contestants .balk-dark,
#basic .content.membersquiz .balk-dark{
	width:260px;
	height:18px;
	background:#f0f0f0;
	padding:7px 0px 4px 7px;
	color:#248AAE;
}

#basic .content.winners .balk-light,
#basic .content.contestants .balk-light,
#basic .content.membersquiz .balk-light{
	width:260px;
	height:18px;
	padding:7px 0px 4px 7px;
	color:#248AAE;
}

#basic .content.winners .balk-light:hover, 
#basic .content.winners .balk-dark:hover,

#basic .content.contestants .balk-light:hover, 
#basic .content.contestants .balk-dark:hover,

#basic .content.membersquiz .balk-light:hover, 
#basic .content.membersquiz .balk-dark:hover { 
	color:#444;
}

#basic .content.winners .textstyle,
#basic .content.contestants .textstyle,
#basic .content.membersquiz .textstyle {
	float:left;
	font-weight:bold;
	max-width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
}

#basic .content.winners .textstyle-2,
#basic .content.contestants .textstyle-2,
#basic .content.membersquiz .textstyle-2{
	padding:0 5px 0 10px;
	color:#666;
	float:right;
	text-align:right;
}

	

#basic .content.winners .rankicon,
#basic .content.contestants .rankicon,
#basic .content.membersquiz .rankicon {
	width:14px;
	height:14px;
	background:url(/images/spring2010/icon-statscircle.png) no-repeat;
	float:left;
	color:#FFF;
	font-size:9px;
	font-weight:bold;
	padding:2px 0px 0px 4px;
	margin:0 4px 0 0;
}

/******* /NEWS *******/

