/* ----------------------------------------------------------------------------- *
* -----------------------------   VIRTUAL POPSTAR  ---------------------------- *
* 						   OFFICIAL .CSS STYLESHEET							     *
* ============================================================================== *
* 						  BY WWW.XIVISOFT.COM    							     *
* ------------------------------------------------------------------------------ */
* { margin:0px;padding:0px;}

HTML
{
	background-color: #fdefdc;
	background-image: url(images/bg_login.jpg?v=1.1);
	background-position: top center;
	text-align:center;
	font-family:sans-serif;
	color:white;
	font-size:12px;
}

.username-admin
{
	color:red;
	font-weight:bold;
}

.username-moderator
{
	color: blue;
	font-weight:bold;
}

.okButton
{
	background-image: url(images/button_ok.png?v=1.2);
	width: 142px;
	height: 33px;
	text-align:center;
	line-height:33px;
	color:white;
	cursor:pointer;
	display:block;
	border:0px;
	background-color:transparent;
}

.okButton.long
{
	background-image: url(images/button_ok_long.png?v=1.2);
	width:183px;
	height:28px;
	line-height:28px;
}

img
{
	border:0px;
}

a, a:visited
{
	color:white;
}

.container
{
	width:934px;
	margin: 0 auto;
	margin-top:0px;
}

.outline-top
{
	width:934px;
	height:53px;
	background-image: url(images/login/outline-top.png);
}

.outline-left
{
	width:53px;
	height:550px;
	background-image: url(images/login/outline-left.png);
	float:left;
}

.outline-container
{
	width:831px;
	height:550px;
	background-color: white;
	float:left;
}

/* ------------------------------------------------------------------- */

.inline-top
{
	width:831px;
	height:133px;

}

.free2play
{
	position:absolute;
	margin-left:385px;
	margin-top:-70px;
}

.btn-register
{
	position:absolute;
	margin-left:605px;
	margin-top:255px;
}

.chatbox
{
	position:absolute;
	background-image: url(images/login/chatbox.png);
	width:156px;
	height:106px;
	margin-left:640px;
	margin-top:-65px;
}

.chatbox .inner
{
	padding:10px;
	padding-top:13px;
	color:black;
}

.inline-content
{
	width:831px;
	height:405px;
	background-image: url(images/login/inline-bg.png);
	z-index:2;
	position:relative;
}

/* ------------------------------------------------------------------- */
.content-container
{
	padding-left:15px;
	overflow:hidden;
}

.content-left
{
	background-color: #c0c0c0;
	background-image: url(images/login/bg-loginbox.jpg);
	width: 227px;
	height:200px;
	margin-top:10px;
}

.content-left-2
{
	width: 227px;
	height:75px;
	background-color: #c0c0c0;
	background-image: url(images/login/bg-gotobox.jpg);
	margin-top:15px;
	text-align:left;
}

.content-left-3
{
	width: 227px;
	height:40px;
	margin-top:10px;
}

.content-left-3 .addthis_toolbox .addthis_button_tweet
{
	width:80px !important;
	margin-left:10px;
}

.content-left-2 .inner
{
	padding-top:10px;
	padding-left:20px;
}

.content-left-container
{
	float:left;
}

.content-right
{
	background-color: #fdefdc;
	width: 550px;
	height:300px;
	float:left;
	margin-left:15px;
}
/* ------------------------------------------------------------------- */

.inline-bottom
{
	width:831px;
	height:12px;
	background-image: url(images/login/inline-bottom.png);
}

/* ------------------------------------------------------------------- */

.outline-right
{
	width:50px;
	height:550px;
	background-image: url(images/login/outline-right.png);
	float:left;
}

.outline-bottom-boxes
{
	margin-left:25px;
	width:887px;
	height:167px;
	background-image: url(images/login/inline_bottom_boxes.png);
	font-size:13px;
	color:#555;
}

.outline-bottom-boxes-1-title
{
	position:absolute;
	width:217px;
	margin-left:40px;
	margin-top:30px;
	font-weight:bold;	
}

.outline-bottom-boxes-1
{
	position:absolute;
	width:217px;
	margin-left:40px;
	margin-top:55px;
	color:#666;
	overflow:hidden;
	height:110px;
}

.outline-bottom-boxes-2-title
{
	position:absolute;
	width:136px;
	margin-left:300px;
	margin-top:30px;
	font-weight:bold;	
}

.outline-bottom-boxes-2
{
	position:absolute;
	width:136px;
	margin-left:300px;
	margin-top:55px;
	color:#666;
	overflow:hidden;
	height:110px;	
}

.outline-bottom-boxes-3-title
{
	position:absolute;
	width:367px;
	margin-left:483px;
	margin-top:30px;	
	font-weight:bold;	
}

.outline-bottom-boxes-3
{
	position:absolute;
	width:367px;
	margin-left:483px;
	margin-top:55px;
	color:#666;	
	overflow:hidden;	
	height:110px;	
}

.outline-bottom-boxes-3-controls
{
	position:absolute;
	width:367px;
	text-align:right;
	margin-left:480px;
	margin-top:148px;
	color:black;	
	overflow:hidden;		
}

#outline_box_player_review_prev, #outline_box_player_review_next
{
	font-weight:bold;
	font-size:12px;
	cursor:pointer;
}



.outline-bottom-box-hr
{
	height:2px;
	background-color: #c5c0bc;
	margin-top:10px;
	margin-bottom:10px;
}

.outline-bottom
{
	width:887px;
	height:27px;
	margin-left:25px;
	background-image: url(images/login/outline-bottom.png);
}

.screenshot-container
{
	overflow:hidden;
	padding:15px;
}

.jcarousel-skin-tango
{
	padding-top:10px;
}

.screenshot
{
	border: 1px solid #c0c0c0;
	width:164px;
	height:73px;
	float:left;
	margin-right:10px;
}

.screenshot-next
{
	width:62px;
	height:60px;
	float:left;
}


.avatar-male
{
	width: 85px;
	height: 241px;
	background-image: url(images/login/avatar-male.png);
	margin-left:712px;
	margin-top:20px;
	position:absolute;
}

.avatar-female
{
	width: 110px;
	height: 256px;
	margin-top:22px;
	background-image: url(images/login/avatar-female.png);
	margin-left:610px;
	position:absolute;
}

.button-ok
{
	width:142px;
	height:33px;
	background-image: url(images/button_ok.png);
	text-align:center;
	line-height:33px;
	font-weight:bold;
	cursor:pointer;
	color:white;
}

.button-register
{
	background-image: url(images/login/button-register.png);
	width:156px;
	height:155px;
	margin-top:80px;
	cursor:pointer;
}

.icon-ok
{
	background-image: url(images/login/icon-ok.png);
	width: 19px;
	height:19px;	
}

.clear-both
{
	clear:both;
}

.regbox
{
	margin-left:5px;
	background-color:#0B3861;
	height:385px;
	border-radius:10px;
	margin-top:-100px;
	position:absolute;
	width:550px;
	box-shadow:0px 0px 15px #999;
}

.regbox-inner
{
	padding:10px;
}

.regbox-area-reg
{
	position:absolute;
	width:500px;
	margin-left:20px;
	height:370px;
	text-align:right;	
}

.regbox-area-text
{
	position:absolute;
	width:260px;
	margin-top:5px;
	margin-left:5px;
	background-color:#999;
	padding:10px;
	border-radius:7px;
	
}

.regbox-title
{
	color:white;
	font-size:22px;
	margin-bottom:5px;
}

.reg-input
{
	border-radius:5px;
	width:170px;
	border:1px solid gray;
	height:25px;
	margin-bottom:8px;
	margin-left:5px;
}

.reg_gender_female
{
	background-image: url(images/login/reg/reg_gender_female.png);
	width:99px;
	height:157px;
	float:left;
}

.reg_gender_female:hover
{
	background-image: url(images/login/reg/reg_gender_female_hover.png);
	cursor:pointer;
}

.reg_gender_female.active 
{
	background-image: url(images/login/reg/reg_gender_female_active.png);
	cursor:pointer;
}

.reg_gender_male
{
	background-image: url(images/login/reg/reg_gender_male.png);
	width:79px;
	height:157px;
	float:left;
}

.reg_gender_male:hover
{
	background-image: url(images/login/reg/reg_gender_male_hover.png);
	cursor:pointer;
}

.reg_gender_male.active 
{
	background-image: url(images/login/reg/reg_gender_male_active.png);
	cursor:pointer;
}