/*  
Theme Name: Groovy Video
Version: 1.0
Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.
Author: WooThemes
Author URI: http://www.woothemes.com
*/



/* Default styles */

@import "reset.css";



/* Custom styles */

@import "custom.css";



body { 	
	background: #270039; 	
	font-family:Verdana, Geneva, sans-serif; 	
	color: #FFFFFF; 	
	font-size:12px; 
}
A:focus, A:hover, A:active /* Firefox image outline fix */ {	
	outline: none;
}
#wrap {
	background-color: #270039;
	background-image: url(../img/purple.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/* Top */
#top { 
	width: 960px; 
	margin: 0 auto; 
	position:relative; 
}

/* Top Navigation */
#top-nav {	
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 14px; 	
	font-weight:bold;	
	height: 30px;	
	padding-top:7px;	
	text-transform:uppercase;
}
#top-nav a {
	color: #FFF;
}
#top-nav a:hover {
	text-decoration: underline;
}
#top-nav ul {
	padding: 0;
}
#top-nav .col-left {
	margin-left: -6px;
}
		
/* Navigation */

#nav, #nav ul {
	padding: 0;	
	margin: 0;	
	list-style: none; 	
	line-height: 1;	
	z-index: 100;
}
#nav a {	
	display: block;	
	line-height: 28px;	
	padding: 5px 12px;	
	z-index: 100;	
	color:#fff;
}
#nav a:hover, #nav .current_page_item a, #nav .current-cat a{	
	color: #000;	
	background: #fff;	
	-moz-border-radius: 6px;	
	-khtml-border-radius: 6px;	
	-webkit-border-radius: 6px;	
	border-radius: 6px;	
	text-decoration:none;
}
#nav li { 
	float: left; 
}
#nav li ul { 
	position: absolute; 
	width: 170px; 
	left: -999em; 
}
#nav li ul li {		
	background: url(../img/bg-nav.png) repeat !important;	
	background: #000; 	
	-moz-border-radius: 6px;	
	-khtml-border-radius: 6px;	
	-webkit-border-radius: 6px;	
	border-radius: 6px;
}
#nav li ul li a { 
	line-height: 25px; 
	font-size: 11px; 
	color: #FFF; 
	width: 170px; 
}
#nav li ul ul {	
	margin: -35px 0 0 194px; 
}
#nav li ul ul li a { 
	line-height: 25px; 
}
#nav li ul li ul li a {	
}
#nav li:hover ul, #nav li.sfhover ul { 
	left: auto; 
}
#nav li:hover ul ul, #nav li.sfhover ul ul { 
	left: -999em; 
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { 
	left: auto; 
}
#nav li:hover, #nav li.hover { 
	position: static; 
} 

/* IE7 Fix */
/* Search Top */
form#topSearch {	
	background: url(../img/bg-search.png) no-repeat;	
	width: 178px; 
	height: 32px;	
	position: absolute;	
	top: 13px; 
	right: 0;
}
form#topSearch p.fields input {	
	color: #fff;	
	font-size: 12px;	
	font-weight: normal;	
	width: 130px;	
	background: none;	
	overflow: hidden;	
	border: none;	
	position: absolute;	
	top: 5px; 
	left: 10px;
}
form#topSearch p.fields button {	
	background: url(../img/ico-search.png) no-repeat;	
	width: 21px; 
	height: 21px;	
	border: none;	
	position: absolute;	
	top: 5px; 
	right: 10px;	
	cursor:pointer;
}

/* Header */

#header {
	width: 100%;
	height: 100px;
	padding-top: 30px;
	clear: both;
	position: relative;
	margin-bottom:25px;
}
#header h1 {	
	display: none;
}
#header .advert {	
	position: absolute;	
	right: 0;	
	bottom:23px;
}

/* Content */

#content {
	width: 960px;	
	margin:0 auto;
	padding: 0;
}
* html #content { 
	height: 550px; 
}
#main {	
	width:460px;
}
#main div { 
	zoom: 1; 
}

/* Section headers */

#main h3.title-featured { 
	background:url(../img/h3_recentes.png) no-repeat top left; 
	width:310px; 
	height:34px; 
}
#archive h3.title-recent { 
background:url(../img/h3_portfolio.png) no-repeat top left; 
	width:167px; 
	height:34px; 
}
#archive h3.title-archives { 
	background:url(../img/h3-archives.png) no-repeat top left; 
	width:128px; 
	height:34px; 
}
#archive h3.title-archives-text { 
	padding:0 0 18px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:30px; 
}

/* Featured */
.box1-top { 
	background:url(../img/box1-top.png) no-repeat top left!important;/* FF IE7 */ 
	width:460px; 
	height:5px; 
	font-size:1px; 
}
.box1-bot { 
	background:url(../img/box1-bot.png) no-repeat top left!important;/* FF IE7 */
	width:460px; 
	height:5px; 
	font-size:1px; 
	margin-bottom:15px; 
}
#main .featured { 
	background:#000; 
	padding:10px 20px; 
	position: relative; 
	min-height: 22px; 
}
#main .featured h2 a { 
	font-family:Arial, Helvetica, sans-serif; 
	letter-spacing:-1px; 
	color:#fff; 
	font-size:24px; 
	float:left; 
}
#main .featured h3 { 
	padding:0; 
	float:left; 
}
#main .featured h3 a { 
	font-family:Arial, Helvetica, sans-serif; 
	letter-spacing:-1px; 
	color:#fff; 
	font-size:18px; 
}
#main .featured .video { 	
	background:#404040; 	
	padding: 10px; 		
	-moz-border-radius: 6px;	
	-khtml-border-radius: 6px;	
	-webkit-border-radius: 6px;	
	border-radius: 6px;	
	margin-top:10px;
}
#main .featured .ratings { 
	float:right; 
}
#main .featured .watch { 
	background:url(../img/bg-watch.png) no-repeat top left; 
	width:93px; 
	height:31px; 
	float:right;
}
#main .featured .watch a {
	color:#fff;
	text-decoration:none;
	text-transform:lowercase;
	font-weight:bold;
	font-size:12px;
	padding:7px;
	line-height:29px;
}

/* Recent Video Boxes */

.home #archive {
	width:473px;
}
#archive { 
	width:960px;
}
.box2-top {
	width:230px;
	height:6px;
	font-size:1px;
	background-image: url(../img/box2-top.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.box2-bot { 
	background:url(../img/box2-bot.png) no-repeat top left; 
	width:230px; 
	height:6px; 
	font-size:1px; 
	margin-bottom:15px; 
}
#archive .box2 { 
	width:230px; 
	float:left; 
	margin:0 13px 5px 0; 
	padding:0px; 
}
#archive .box2.last {
	margin-right:0px;
}
#archive .box2 .post {
	padding:0px 15px;
	background-image: url(../img/box2-bg.png);
	background-repeat: repeat;
	background-position: left top;
}
#archive .box2 h3 { 
	padding:5px 0 0; 
}
#archive .box2 h3 a {
	font-family:"ºÚÌå";
	font-weight:normal;
	letter-spacing:1px;
	color:#fff;
	font-size:14px;
}
#archive .box2 .post-details { 
	font-size:11px; 
	color:#76967e;
}
#archive .box2 .thumbnail {
	margin-top:10px;
	padding:10px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-image: url(../img/box2-bg.png)!important;/* FF IE7 */
	background-repeat: repeat;
	background-position: left top;
}
/* unitip css */

#unitip {
	position: absolute;
	z-index: 1000;
	top: -1000px;
	color: #fff;
	font: normal normal 12px/14px Arial, Helvetica, sans-serif;
	display: none;
	}
#unitippoint, #unitipmid, #unitipcap {
	position: relative;
	top: 0px; 
	left: 0px;
	width: 145px;
	display: block;
	}
#unitippoint { 
	background: url(../img/TipPoint.png) no-repeat; 
	height: 19px; 
	overflow: hidden; 
	}
#unitipmid { 
	background: url(../img/TipMid.png) repeat; 
	width: 115px;
	height: auto; 
	padding: 5px 15px;
	}
#unitipcap { 
	background: url(../img/TipCap.png) no-repeat; 
	height: 7px; 
	overflow: hidden; 
	}


#archive .box2 .info { 
	height: 30px; 
}
#archive .box2 .ratings { 
	margin:9px 0 0; 
	width:100px;
}
#archive .box2 .comment a { 	
	background:transparent url(../img/comment.png) no-repeat scroll 0 0;	
	color:#295933;	
	display:block;	
	font-size:10px;	
	height:21px;	
	margin:7px 3px 0 0;	
	padding:2px 1px 0;	
	text-align:center;	
	text-decoration:none;	
	width:23px;
}
#archive .box2 p { 
	line-height:16px; 
	padding: 2px 0 5px 0; 
}
.Nav .on, .Nav a:hover {
	background: #000 !important;
}
.Nav a, .Nav .on {
	background:url(../img/box2-bg.png) repeat top left;
	color: #fff;
	display: block;
	float: left;
	padding: 5px 9px;
	margin-left: 4px;
}

/* Category dropdown */

#categorybox ul, #categorybox li{
	margin:0;
	border:0;
	padding:0;
	list-style:none;
	z-index: 10;
	}
#categorybox{
	font-size:12px;
	background:url(../img/bg-cat-dropdown.png) no-repeat top left;
	font-weight:bold;
	padding:0px;
	height:32px;
	width:176px;
	margin-top:5px;
}
#categorybox .menu li {	
	height:30px;	
	float:left;	
	margin-right:10px;
}
#categorybox .menu li a{	
	color:#fff;	
	text-decoration:none;	
	padding:0 10px;
	height:30px;	
	line-height:30px;	
	display:block;	
	float:left;	
	padding:0 55px 0 10px;
}
#categorybox .menu li a:hover{
	color:#ddd;
}
#categorybox ul .submenu {
	background:#fff;
	position:relative;
	top:4px;
	padding:6px 0;
	clear:both;
	display:none;
	width:170px;
}
#categorybox ul .submenu li{
	background:none;
	display:block;
	float:none;
	margin:0 6px;
	border:0;
	height:auto;
	line-height:normal;
	z-index: 11;
}
#categorybox .submenu li a{	
	background:none;	
	display:block;	
	float:none;	
	padding:6px 6px;	
	margin:0;	
	border:0;	
	height:auto;	
	color:#555;	
	line-height:normal;
}
#categorybox .submenu li a:hover{	
	color:#222;	
	background:#ddd;
}

/* Main Content (style) */

#main a { 
	text-decoration: underline; 
}
#main a:hover {	
	text-decoration: none; 
}
#main h2, #main h3 { 
	font-weight: normal; 
}
#main h2 { 
	font-size: 24px;	
	padding-top:0; 
}
#main h3 {
	font-size: 18px; 
}
#main h4 { 
	font-size: 12px; 
}
#main ol, #main ul { 
	line-height: 18px; 
}
#main ul { 
	padding-left: 50px; 
}
#main ul li { 
	list-style: circle; 
	padding: 3px 0; 
}
#main ol { 
	padding-left: 57px; 
}
#main ol li { 
	list-style: decimal; 
	padding: 3px 0; 
}
#main blockquote {	
	background:url(../img/box3-bg.png) repeat top left;	
	border-left:2px solid #222;	
	color:#fff;	
	font-style:italic;	
	margin:5px auto 5px;	
	padding:10px 20px;	
	width:90%;
}

/* Main Content (post) */

#main.single { 
	width:700px; 
	margin:0; 
	padding:0px;  
}
#main.single .post { 
	background:url(../img/box3-bg.png) repeat top left; 
	padding:10px 20px; 
}
#main.single .box3-top { 
	background:url(../img/box3-top.png) no-repeat top left; 
	width:700px; 
	height:6px; 
	font-size:1px;
}
#main.single .box3-bot { 
	background:url(../img/box3-bot.png) no-repeat top left; 
	width:700px; 
	height:6px; 
	font-size:1px; 
	margin-bottom:15px; 
}
#main.single .box3 .post-details { 
	font-size:11px; 
	color:#76967e; 
}
#main.single .video { 	
	background:url(../img/box2-bg.png) repeat top left !important;		
	background:#2a552b;	
	margin:10px 0 20px; 	
	padding:10px; 	
	-moz-border-radius: 6px;	
	-khtml-border-radius: 6px;	
	-webkit-border-radius: 6px;	
	border-radius: 6px;
}
#main .post { 
	padding:0 5px 15px; 
}
#main .post-title {	
	width: 100%; 
	position: relative; 
}
#main .post-title h2, #main .post-title p.post-details, #main .post-title h3 { 
	padding-right: 50px; 
}#main h2 a, #main h3 a { 
	color: #FFF; 
	text-decoration: none;
}
#main h2 a:hover, #main h3 a:hover { 
	text-decoration: underline; 
}
#main p.post-details { 
	line-height: 18px; 
	margin-top: -10px; 
	position: relative; 
}
#main p.post-details a { 
	text-decoration: none; 
}
#main p.post-details a:hover { 
	text-decoration: underline; 
}
#main p.post-details {	
	color: #76967E;	
	font-size: 11px;	
	padding: 0 0px 0 1px;
}

/* Main Content (advert 468x60) */

#main .advert_468x60 {	
	background:url(../img/box3-bg.png) repeat;	
	padding:12px 0;	
	margin: 5px 0 25px 0;	
	text-align:center;
}
#main .latest .advert_468x60 {
	margin-left:33px;
}
#main #advert_125x125 { 
	text-align:center; 
}
#main #advert_125x125 a { 
	padding:0 5px; 
}
#main #advert_125x125 a img { 
	border: 1px dashed #FFF; 
	width:125px; 
	height:125px; 
	padding:2px;  
}
.single #main .advert_468x60 {
	margin: 15px 0 0px 0;
}

/* Main Content (post>single) */

#main p.tags {	
	clear: both;
}
#main .page h2 {
	padding-top: 5px;
}

/* Comments */

#comments h3 { 
	font-size: 20px;	
	font-weight: normal;
	padding: 10px 0 0px 0;
}
#comments h3.comm { 
	padding: 10px 0 20px 0;
}
#comments #comments_wrap {
	padding: 0; 
	position: relative; 
	margin-top:20px;
}
#comments ol.commentlist li { 
	list-style-type:none; 
}
#comments .comment a { 
	text-decoration: underline;
}
#comments .comment a:hover { 
	text-decoration: none; 
}
#comments .comment small { 
	font-size: 10px;	
	margin-top: -2px; 
}
#comments .comment span.reply { 
	float:right; 
	padding: 3px 3px 0; 
	font-size:11px; 
}
#comments .comment span.reply a { 
	text-decoration:none; 
	color:#aaa; 
}
#comments ul.children { 
	margin:10px 0 0 25px; 
	padding:0; 
}#comments .navigation .alignright, #comments .navigation .alignleft { 
	margin:0;
}
#comments .navigation a {	
	color: #fff;	
	display: block;	
	padding: 5px 9px;	
	margin-left: 4px;	
	font-weight:bold;
}
#comments .commentlist {
	padding:0;
}
#comments .commentlist #respond #form_wrap {	
	padding:0 0 25px;	
	margin:0;	
	border:0;	
	width:auto;
}
#comments ol.commentlist li  {	
	background:url(../img/box3-bg.png) repeat;	
	-moz-border-radius: 6px;	
	-khtml-border-radius: 6px;	
	-webkit-border-radius: 6px;	
	border-radius: 6px;	margin: 0 0 10px;	
	padding: 18px 20px 18px 20px;	
	position: relative;
}
#comments ol.commentlist li img.avatar {
	float:right;
}
#comments ol.commentlist li ul li {	
	margin:10px 0 0;
}
#comments ol.commentlist .comment-meta a { 
	color:#76967E; 
	padding-bottom:5px; 
}
#comments ol.commentlist .children { 
	margin:0; 
}
#respond p.submit input {
	padding:5px 10px; 
	cursor:pointer; 
	font-weight:bold; 
}
#respond ol {
	padding:20px 0 0; 
	list-style-type:none;
}
#respond ol li { 
	list-style-type:none;
}
.cancel-comment-reply { 
	padding: 10px 0;
}
ol.commentlist #respond { 
	margin-top:10px; 
}
#respond textarea, #respond input{ 
	border:0px; background:url(../img/box3-bg.png) repeat; 
	padding:7px; 
	color:#fff;	
	-moz-border-radius: 6px;	
	-khtml-border-radius: 6px;	
	-webkit-border-radius: 6px;	
	border-radius: 6px;
}

/* Sidebar */

#sidebar {	
	width: 230px;	
	overflow: hidden;
}
#sidebar h3{	
	font-weight:bold;	
	text-transform:uppercase;	
	background: none;	
	padding: 0px;	
	margin: 0 0 10px 0px;	
	font-size:17px;
}
#sidebar ul {	
	clear: both;
}
#sidebar ul li a {	
	display:block;
}
#sidebar a:hover, #sidebar .current-cat a, #sidebar li.active a {	
	color: #fff;
}

/* Sidebar (block) */

#sidebar .block {	
	width: 230px;	
	overflow:hidden;
}

/* Sidebar (widgetized)*/

#sidebar ul, #sidebar .textwidget {	
	clear:both;	
	padding:0;
}
#sidebar .widget {	
	margin-bottom:25px;
}
#sidebar li {	
	background:url(../img/dot.png) repeat-x bottom left;	
	line-height: 18px;	
	overflow: hidden;	
	padding:10px 0 10px;
}

/* Sidebar (widgetized>list>inside)*/

#sidebar ul ul {	
	padding: 0;	
	margin: 3px 0 0 0;	
	border:0;
}
#sidebar ul ul li {	
	border: 0;	
	padding:0 0 3px 15px;	
	background:none;
}

/* Sidebar (widgets)*/

.textwidget {
	clear: both;
	padding: 5px 2px;
	line-height:20px;
}
#wp-calendar {	
	width: 95%;	
	padding: 0 0 0px 0;	
	margin-bottom: 15px;	
	clear: both;
}
#wp-calendar caption {
	padding: 10px;
}
#wp-calendar th {
	color: #fff;
}
#wp-calendar th, #wp-calendar td {	
	padding: 5px;	
	text-align: center;	
	background: url(../img/box3-bg.png) repeat top left;	
	color: #fff;
}
#wp-calendar td {
	background: transparent;
}
#wp-calendar td, table#wp-calendar th {
	padding: 3px 0;
}
#wp-calendar a {
	text-decoration: underline;
}
#wp-calendar a:hover {
	text-decoration: none;
}

/* Sidebar (Search)*/

#sidebar #search_main form div {	
	position: relative;	
	height: 33px;	
	background: #ccc;	
	margin-bottom:25px;
}
#sidebar #search_main input.field {	
	width: 163px;	
	position: absolute;	
	left: 12px;	
	top: 7px;	
	padding-top: 2px;	
	outline: none;	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px;	
	color: #fff;	
	border: 0;	
	background: transparent;	
	z-index: 1;
}
#sidebar #search_main input.submit {	
	position: absolute;	
	right: 0;	
	top: 0;	
	z-index: 1;
}

/* Sidebar (flickr) */

#flickr h3 span {
	color: #0061D8;
}
#flickr h3 span span {
	color: #FF1183;
}
#flickr .wrap {	
	margin-left: -5px;	
	padding: 0;	
	position: relative;	
	margin-bottom:25px;
}
#flickr a img {	
	float: left;	
	margin-left: 10px;	
	margin-bottom: 10px;	
	display: block;	
	padding: 3px;	
	border: #fff 1px dashed;
}
#flickr a:hover img {
	border: #000 1px dashed;
}

/* Bottom */

#bottom-tile {	
	background-color: #270039;	
	width: 100%;	
	height:8px;	
	margin-top:25px;	
	font-size:1px;
}
#bottom-out {        

	background-color: #000;	

	width: 100%;	

	padding: 15px 0 14px 0;

}

#bottom {	
	width: 960px;	
	margin: 0 auto;	
	font-size: 11px;	
	color: #fff;
}
#bottom a{ 
	color:#fff; 
}
#bottom a:hover{ 
	text-decoration:underline; 
}

/* Bottom Tabs */

#features-tabs {	
	margin:20px 0 0 20px; 
	padding:0;	
	width:auto; 
	height:auto;	
	list-style:none;
}
#features-tabs li {	
	margin:0 10px 0 0;	
	width:auto; 
	height:auto;	
	float:left; 
	display:block;
}
#features-tabs li a { 	
	font-family:Arial, Helvetica, sans-serif; 
	font-size:18px;	
	padding:10px 15px; 
	display:block; 	
	-moz-border-radius-topleft: 6px;	
	-moz-border-radius-topright: 6px;		
	-khtml-border-radius-topleft: 6px;	
	-khtml-border-radius-topright: 6px;	
	-webkit-border-top-left-radius: 6px;	
	-webkit-border-top-right-radius: 6px;
} 
#features-top {	
	margin:0; 
	padding:0; 
	width:941px; 
	height:11px; 
}
#features {	
	margin:0 0 30px; 
	padding:20px 25px;	
	width:881px; 
	height:auto;	
	overflow:hidden;	
	-moz-border-radius: 6px;	
	-khtml-border-radius: 6px;	
	-webkit-border-radius: 6px;	
	border-radius: 6px;	
	clear:both;
}
#features, #features-tabs li a:hover, #features-tabs li.active a { 
	background:#1a1d1c;
}
#features a img { 
	padding:5px; 
	background:#fff; 
	margin:0 4px 4px 0;
}

/* Bottom Widget area */

#bottom .block { 
	float:left;
	margin:0 15px 20px 0;
}
#bottom .block.left { 
	width: 450px; 
}
#bottom .block.middle { 
	width: 250px;
}
#bottom .block.right { 
	width: 200px; 
	margin-right:0;
}
#bottom .block h3 { 
	font-size:26px; 
	font-family:Arial, Helvetica, sans-serif; 
	padding:0; 
}
#bottom .block ul {  }#bottom .block li { 
	padding:3px 0;
}
#bottom #recentcomments a.url { 
	color: #ff0; 
	font-weight:bold;
}
#bottom #recentcomments li { 
	background:url(../img/ico-comment.png) no-repeat center left; 
	height:30px; 
	padding-left:35px;
}
#bottom .subscribe form { 
	background: url(../img/bg-search.png) no-repeat; 
	width: 178px; 
	height: 32px; 
	position: relative; 
}
#bottom .subscribe input { 
	color: #fff;	
	font-size: 14px; 
	font-weight: bold;	
	width: 130px; 
	background: none;	
	overflow: hidden;
	border: none;
	position: absolute;
	top: 5px; 
	left: 10px; 
}
#bottom .subscribe button {	
	background: url(../img/ico-search.png) no-repeat; 
	width: 21px; 
	height: 21px; 
	border: none;	
	position: absolute;	
	top: 5px; 
	right: 10px; 
	cursor:pointer; 
}
#bottom .subscribe .rss { 
	background: url(../img/ico-subscribe.png) no-repeat center left; 
	padding-left:25px; 
	margin:10px 0 0; 
	height:16px; 
	line-height: 16px; 
}

/* Footer */

#footer-out {	
	background: #701067 url(../img/footer.jpg) repeat-x top;	
	width: 100%;	
	padding: 15px 0 14px 0;
}
#footer {	
	width: 960px;	
	margin: 0 auto;	
	font-size: 11px;	
	color: #fff;
}
#footer a { 
color:#ff0; 
}
#footer .col-right img {
	vertical-align: middle;
}
#footer .col-right span {
	display: none;
}
.main_cont .user_info p.user_rank .experience strong{ border:1px solid #fff; display:block; height:5px; position:relative; font-size:1px;}

.main_cont .user_info p.user_rank .experience .value_tips{ display:block; position:absolute;top:-6px;right:35px; font-size:12px; font-weight:normal;}

.main_cont .user_info p.user_rank .experience .value_tips .value{ width:70px; text-align:center;display:block;position:absolute;top:-22px;left:0; font-size:12px; font-weight:normal;}

.main_cont .user_info p.user_rank .experience .value_tips .icon{ display:block; width:70px; text-align:center; position:absolute;top:-13px;left:0; font-size:8px; font-weight:normal;}

.main_cont .user_info p.user_rank .empiricalz_value{position:absolute;top:0px;left:188px; font-size:12px; font-weight:normal}

.main_cont .user_info p.user_rank_v2{ margin-top:15px;}

.main_cont .user_info p.user_rank_v2 .rank{ padding-left:16px; background:url(../img/icon.png) no-repeat 0 -1149px;}

.main_cont .user_info p.user_rank_v2 .experience{ position:absolute;top:7px;left:78px;display:block; width:170px; height:10px; background:#FFF; padding:1px;}

.main_cont .user_info p.user_rank_v2 .experience em{display:none;}

.main_cont .user_info p.user_rank_v2 .experience span{ position:relative; z-index:2; font-size:10px;}

.main_cont .user_info p.user_rank_v2 .experience{text-align:center; line-height:70%;}

.main_cont .user_info p.user_rank_v2 span.progress{ position:absolute; top:1px; left:1px; z-index:1; height:10px; font-size:0;}



p.user_rank_v3{position:relative;}

p.user_rank_v3 .rank{ font-size:20px;padding-left:16px; background:url(../img/icon.png) no-repeat 0 -1150px;}

p.user_rank_v3 .experience{
	position:absolute;
	top:-27px;
	left:247px;
	display:block;
	width:171px;
	text-align:center;
	line-height:100%;
	border:1px solid #EDB883;
	background:#fff;
	height:16px;
}

p.user_rank_v3 .experience em{display:none;}

p.user_rank_v3 .experience span{ position:relative; z-index:2; font-size:10px;color:#9D0071;}

p.user_rank_v3 span.progress{ position:absolute; top:0; left:0; z-index:1; height:16px; font-size:0;background:url(../img/icon.png) no-repeat 0 -1214px;}

.bill_con p.user_rank_v3{ margin-left:113px;}



/* Misc.*/