/*
#***********************************************************************************************#
#
#	aRoeL : fhaqi@yahoo.com
#
#***********************************************************************************************#

/**************** CSS show images *************/

body{
	background:#dedede url(../images/bg_main.jpg) repeat-x;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:#000000;
	margin: 0px 0px 0px 0px;
}

#main-page	{
	width:935px; 
	margin-left:auto; 
	margin-right:auto; 
	padding-left:7px;
	padding-right:7px;
/*	position:relative; */
}	

.logo{
	position:absolute;
	width: 920px;
	float:left;
	padding-top:0px;
}

.ad_top{
	position:absolute;
	width: 190px;
	float:left;
	padding-top:0px;
}

.login{
	float:right;
	width: 425px;
	/* padding for other menu padding-top:113px; */
	padding-top:143px;
	/*
	top: 143px;
	left: 700px;
	width: 450px;
	*/
}

.login input,textarea,select { 
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	border: 1px solid #999999; 
	color:#000000;
}

.input input,textarea,select { 
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	border: 1px solid #999999; 
	color:#000000;
}	
	
.border_bottom {
	font-weight:bold;
	border-bottom:1px solid #a3a3a3;
	width:15em;
}

/****************************** START CSS FONT **************************/

.font_11_black{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight:none;
	color: #000000;
}

.font_12_black{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight:none;
	color: #000000;
}

.font_12_white{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight:none;
	color: #FFFFFF;
}

.font_13_black{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	font-weight:bold;
	color: #000000;
}

.font_16_white{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight:bold;
	color: #FFFFFF;
}

.font_16_black{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight:none;
	color: #000000;
}

.answer
{
	font-family: Sans, Arial; 
	font-size: 12px; 
	color: #B20701;
}

/****************************** END CSS FONT ****************************/


/****************************** START CSS LINK **************************/
a:link { 
	color: #575757;
	font-weight: none;
	text-decoration: none;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
}
	
a:visited { 
	color: #575757;
	font-weight: none;
	text-decoration: none;	
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
}
	
a:hover, a:active { 
	color: #575757;
	font-weight: none;
	text-decoration: underline;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
}

/*
a:link link_page{ 
	color: #ffffff;
	font-weight: none;
	text-decoration: none;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
}
	
a:visited link_page{ 
	color: #ffffff;
	font-weight: none;
	text-decoration: none;	
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
}
	
a:hover, a:active link_page{ 
	border-top:1px solid #a3a3a3;
	color: #ffffff;
	font-weight: none;
	text-decoration: none;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
}
*/

/****************************** END CSS LINK ****************************/


/****************************** START CSS BOX **************************/
.content{
	/* padding for other menu padding-top:170px; */
	padding-top:170px;
}

.box-blue{
/*
	background:#eeeeee url(../images/box-blue.jpg) no-repeat;
	position: absolute;
	top: 170px;
	left: 155px;
	width: 583px;
	height: 429px;
*/	
	position:absolute;
	float:left;
	height: 429px; 
	width: 600px;
	padding-top:170px;
}

.box-grey-new-song{
	position:absolute;
	padding-top: 170px;
	margin-left: 595px;
	height: 369px; 
	width: 325px;
}

.box-grey-best{
	position:absolute;
	top: 600px;
	margin-left: 555px;
	height: 215px; 
	width: 365px;
}

.box-grey-event{
/*	position: absolute;
	top: 600px;
	left: 155px;
	width: 583px;
	height: 200px;
*/	
	position:absolute;
	float:left;
	height: 200px; 
	width: 300px;
	padding-top:600px;
}

.box-grey-comment{
/*	position: absolute;
	top: 600px;
	left: 460px;
	width: 300px;
	height: 200px;
*/	
	position:absolute;
	float:center;
	height: 200px; 
	width: 300px;
	padding-top:600px;
}

.box-grey-blog{
	position: absolute;
	top: 800px;
	left: 155px;
	width: 583px;
	height: 200px;
}

/****************************** END CSS BOX **************************/


/********************** START CSS MENU ********************/

.solidblockmenu ul{
margin: 0;
padding: 0;

font: bold 13px Arial;
border: 1px solid #625e00;
border-width: 0px 0;
background: #0319bc ;
position:absolute;

width: 700px;
top:109px;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 4px 21px;
text-decoration: none;
border-right: 0px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li a.current{
color: #0319bc;
background:url(../images/block.jpg) center center no-repeat;
}

.solidblockmenu li a.selected{ /*selected main tab style */
color: #0319bc;
background:url(../images/block.jpg) center center no-repeat;
}

/********************** END CSS MENU **********************/


/********************** START CSS tooltip *******************/

#viralBox .viralClose {
	font-size: 10px; 
	float: left; 
	width: 400px; 
	text-align:center;
}

#viralBox .viralClose a {
	border:0; 
	text-decoration: none;
}

#viralBox .position {
	position: absolute;
	top: 460;
	right: 135px;
	padding-right: 0px;
	width: 750px;
	height: 50px;
	vertical-align: top;
	text-align: center;
	padding-bottom: 0px;
	z-index: 10;
}
/********************** END CSS tooltip *******************/


/********************** START CSS sliding *******************/
/*
body {
	margin: 0 auto;
	padding: 0;
	width: 570px;
	font: 75%/120% Arial, Helvetica, sans-serif;
}
*/

a:focus {
	outline: none;
}
#panel {
	background: #ebebeb;
	height: 360px;
	display: none;
}

#panel1 {
	background: #ebebeb;
	height: 280px;
	display: none;
}

.slide {
	margin: 0;
	padding: 0;
	border-top: solid 2px #0319bc;
	background: url(../images/btn-slide.gif) no-repeat left top;
}
.btn-slide {
	background: url(../images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	/*
	margin: 0 auto;
	*/
	display: block;
	font: 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}

/********************* END CSS sliding **********************/

/********************** START CSS TAB *******************/

/* begin css tabs */

.tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #6c6; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

.tabnav li { /* do not change */
display: inline;
}

.tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #6c6; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #cfc; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

.tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* end css tabs */
	
.tabnav li a.selected{ /*selected main tab style */
background-color: #f4f4f4; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

/********************* END CSS TAB **********************/

/********************* START CSS FRAME IMG **********************/
.thumb-img {
border-top:1px solid #CCC; border-left:1px solid #CCC; border-bottom:1px solid #AAA; border-right:1px solid #AAA;
position:relative; 
width:85px; height:85px;
margin:0px; padding:4px;
background:#CCCCCC;
}	
.thumb-inner {
	position:relative; 
	overflow:hidden; 
	width:85px; 
	height:85px; 
}
.thumb-strip {
	position:absolute; width:85px; height:10px; bottom:6px; left:6px;
	background:#FFF;
	
	filter: alpha(opacity=60);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity:0.60;
}
.thumb-zoom {
	background:url(images/search.png) no-repeat;
	position:absolute; width:22px; height:22px;
	right:10px; bottom:7px;
}
/********************* END CSS FRAME IMG **********************/

/********************* end **********************/