/* CSS Document */
*{
	margin:0;
	padding:0;
}
body{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	/*font-family: Trebuchet MS, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	background:#E3E2E2;
}

/* COMMON START */
img
{
	border:none;
}
a:hover {
	color: #7fd6f7;
	/*text-decoration:underline;*/
}
a {
	text-decoration: none;
	color:#115EB6;
	cursor:pointer;
	border:none;
}
.skycolor {
	color: #047EFE;
}
.graycolor {
	color: #555555;
}
.gray_bar {
	float:left;
	width: 100%;
	height: 15px;
	
}
.bound_line {
	float:left;
	width: 85%;
	height: 2px;
	margin: 0 5%;
	border-bottom:1px solid #E0E0E0;
}
/* COMMON END */

/* TOP Banner & Mid-Navigation START */
.base
{
	width:100%;
	margin:0 auto;

	/*height:200px;*/
}
.top
{
	width: 100%;
	margin:0 auto;
	height: 58px;
	text-align: left;

	background-image:url(../img/banner_back.jpg);
}
.top_logo
{
	float:left;
	width: 167px;
	height: 58px;
	padding-left: 0px;
	margin-top: 0px;	
	background-color:transparent;
}
.top_text
{
	float:right;
	margin-right: 10px;
	margin-top: 20px;
	font-size:11px;
	color: white;
}
.top img#login_btn {
	float:right;
	margin-right: 20px;
	margin-top: 15px;
}
.top img#logout_btn {
	float:right;
	margin-right: 20px;
	margin-top: 15px;
}
.top_text a:hover {
	color: #FFE270;
	text-decoration:underline;
}
.top_text a {
	text-decoration: none;
	color:#FFCC00;
	cursor:pointer;
	border:none;
}
.menu_bar
{
	float:left;
	width: 100%;
	color:#FFFFFF;
	margin-top: 0px;
	text-align: left;
	display: inline;

	background:#FFF;
	border-bottom:1px solid #A6A6A6;
	margin: 0 auto;
}
/* TOP Banner & Mid-Navigation END */

/* Frame Sections START */
/* 1130 = 185 + 520 + 195 + 200 (25) */
.pagebody
{
	float: left;
	margin:0 auto;
	width: 1255px; 
	/*1130px;*/
}
.sidebars
{
	float:left;
	width: 800px; 	
/*	width: 809px;  */
	padding: 0;
}
.mainbody
{
	float:right;
	width:563px; /*515px;*/
	/*#a11038;*/
	background-image: url(../images/mainbody_bg.jpg);
	background-repeat: repeat-y;
}
.left_sidebar
{
	float:right;
	width:221px;
	margin-right:8px;
	margin-left: 1px;
	/*padding-right:5px;*/
}
.right_moodbar /* 247px */
{
	float:left;
	width:221px;
	padding-left:0px;
	padding-right:0px;
	margin-left:8px;
	margin-right:8px;
}
.right_sidebar
{
	float:left;
	width:200px;
	padding-left: 5px;
	background:#FFFFFF;
}
/* Frame Sections END */

/* Footer START */
.footer
{
	float:left;
	width: 100%;
	padding-top: 10px;
	height: 194px;
	background-image: url(../images/bottom_bg.jpg);
	background-repeat: repeat-x;
	margin-top:20px;
}
.wrapper
{
	float:left;
	overflow:hidden;
	width:1130px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 15px;
}
.box
{
	border-left:1px solid #E0E0E0;
	float:left;
	width:165px;
	height:140px;
	padding-left:50px;
	margin-bottom:16px;
}
.box_left
{
	float:left;
	width:180px;
	height:140px;
	padding-left:15px;
	padding-bottom:16px;
}



	.box_left h2, .box h2
{
	color:#FFF200;
	margin-bottom:10px;
	font-weight:bold;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	
}

	.box_left a, .box a
{
	color:#ECEBEA;
}
    
	.box_left a:hover, .box a:hover
{
	color:#A0ADBC;
}

.box_left ul li, .box ul li
{
	list-style:none;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:5px;
}
.box_left ul li a, .box ul li a{ text-decoration:none; }
.box_left ul li a:hover, .box ul li a:hover{ text-decoration:none; }
/* Footer END */

/* Left Sidebar START */
.genre_sidebar
{
	float:left;
	/*width:165px;*/
	padding-left: 0px;
	padding-bottom: 0px;
}
.seo_sidebar
{
	float:left;
	width:165px;
	padding-left: 15px;
	margin-top: 15px;
}
.seo_textarea {
/*	float:left; */
	color:#555555;
	font-size: 11px;
	padding-left: 0px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 15px;
}
/* Left Sidebar END */

/*Right MoodBar START */
.mood_sidebar {
	float:left;
	width:165px;
	padding-left:15px; /* 165 + 15 = 180 */
	padding-bottom:10px;
	background:#FFFFFF;
}
.ad_sidebar {
	float:left;
	width:150px;
	padding-left:15px; /* 150 + 15 + 15 = 180 */
	padding-right: 15px;
	padding-bottom: 10px;
	/*padding-top:10px;*/
	background:#FFFFFF;
}
/* Right MoodBar END */

/* Main.Top-PageNavi START */
.top_navi {
	padding-top: 15px;
	padding-left:15px;
	padding-right:15px;
	height: 80px;
	border-bottom:1px solid #E0E0E0;
	background-image: url(../images/mainbody_top.jpg);
	background-repeat: no-repeat;
	width: 533px; /*563*/
}
.top_navi .category {
	float: left;
	margin-left: 8px;
	background:#FFF url(../img/arrow_m.gif) top no-repeat;
	background-position:0 5px;
	padding-left: 10px;
	font-weight: bold;
}

.top_navi_mainbody {
	padding-top: 10px;
	padding-left:15px;
	padding-right:15px;
	height: 4px;
	border-bottom:1px solid #E0E0E0;
	background-image: url(../images/mainbody_top.jpg);
	background-repeat: no-repeat;
	width: 533px; /*563*/
}


.pagenavi {
	float: right;
	text-align: right;
}
.return_url {
	float: right;
	font-weight: bold;
	text-align: right;
}
/* hovered table col */
.pagenavi td {
	width: 15px;
	height: 15px;
	text-align: center;
	vertical-align: middle;
	font-size: 8pt;
	background-color: #FF3700;
	white-space:nowrap;
}
.pagenavi td.wide_navi {
	width: auto;
	padding: 0 5px 0 5px;
}
.pagenavi td.empty {
	width: 6px;
	background-color: #FFF;
	padding: 0;
}
.pagenavi td.selected {
	background-color: #FFF;
}
.pagenavi td:hover {
	background-color: #FFF;
}
.pagenavi a {
	background-color: transparent;
	color: #FFF;
}
.pagenavi td:hover a, .pagenavi a:hover {
	background-color: transparent;
	color: #115EB6;
}
/* Main.Top-PageNavi END */

/* Main.Bottom-PageNavi START */
.bottom_navi {
	float: left;
	width: 533px;
	height: 30px;
	padding-top: 15px;
	border-bottom:1px solid #E0E0E0;
	padding-left:15px;
	padding-right:15px;
	margin-top: 60px;
}
.bottom_navi .backtop {
	float: left;
	margin-left: 8px;
	background:#FFF url(../img/arrow_b.gif) top left no-repeat;
	background-position:0 8px;
	padding-left: 12px;
	font-weight: bold;
}
/* Main.Bottom-PageNavi END */

/* MP3 Player & Button START */
.musicframe 
{
	width:avto;
	float: left;
	border-bottom:1px solid #E0E0E0;
	padding-left:15px;
	padding-right:15px;
}
.musicheader
{
	height: 30px;
	text-align:left;
	margin-left: 8px;
	padding-left:15px;
	padding-top:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../img/dot.gif) top no-repeat;
	background-position:0 20px;
}
.musicdescription {
	float: left;
	margin-left: 5px;
	color: #555555;
	font-size: 11px;
	width: 510px;
}
.musiccontent
{
	padding-top: 15px;
	width:100%;
	height:40px;
	float: left;
}
.musicplayer
{
	width:290px;
	height:24px;
	float: left;
}
.musicbuttons
{
	width:210px;
	float: right;
	vertical-align: middle;
	text-align: right;
}
.songtitle
{
	font-size: 17px;
	font-weight: bold;
	color: #115EB6;
	font-family: Arial, Helvetica, sans-serif;
}
.song_length
{
	font-size: 11pt;
	color: #505050;
	font-family: Arial, Helvetica, sans-serif;
}
/* MP3 Player & Button END */

/* Genre & Mood Sidebar START */
ul.genre {
	list-style-type: none;
	
	
	font-size: 13px;
	font-weight:normal;
	color:#0066CC;
}

ul.mood {
	padding-left: 20px; 	
	list-style-type: none;
	width: 100%;
	margin: auto;
	font-size: 13px;
	font-weight:normal;	
}

.section_title
{
	text-align:left;
	color:#000;
	font-size:16px;
	font-weight:bold;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	font-family: Arial, Helvetica, sans-serif;
	
	
	background-image: url(../images/box_sidebar_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 221px;
	
	height: 63px;
	
}
.section_title_sm
{
	
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	
	
	
	background-image: url(../images/box_sidebar_top1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 221px;
	
	height: 18px;
	
}
/* Genre & Mood Sidebar END */

/* Right sidebar START */
.membership
{
	background:transparent url(../img/membership.png) no-repeat;
	margin-top: 0px;
	margin-left:12px;
	width: 198px;
	height: 310px;
}
.membership .join_btn {
	text-align: center;
	padding-top: 250px;
}
.membership .caption {
	float: left;
	text-align: left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11pt;
	height: 75px;
	width: 160px;
	margin-left: 20px;
	margin-top: 173px;
}

.facebook_fan
{
	background:transparent url(../img/facebook.png) no-repeat;
	margin: 0 auto;
	width: 198px;
	height: 177px;
}
.facebook_fan .fan_btn {
	text-align: center;
	padding-top: 70px;
}
.facebook_fan .caption {
	float: left;
	text-align: left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: white;
	height: 45px;
	width: 150px;
	margin-left: 30px;
	margin-top: 5px;
}
/* Right sidebar END */

/* navigation START */
#navigation {
	background:#FFF;
	border-bottom:1px solid #A6A6A6;
}
#menus li {
	display:inline;
	list-style:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#menus li a {
	background:transparent url(../img/menu.gif) no-repeat;
	display:block;
	color:#382E1F;
	height:31px;
	line-height:31px;
	padding:0 20px;
	margin-left:-10px;
	text-decoration:none;
	font-size:11px;
	float:left;
	z-index:1;
}
#menus li a:hover, 
#menus li a.current {
	background-position:0 -31px;
}
#menus li.current_page_item a, 
#menus li.current-cat a {
	background-position:0 -62px;
}
#menus li a.home {
	background-position:0 -93px;
	width:45px;
	padding:0;
	margin-left:0;
	text-indent:-999em;
}
#menus li a.home:hover {
	background-position:0 -124px;
}
#menus li.current_page_item a.home {
	background-position:0 -155px;
}
#menus li a.lastmenu:hover {
	background-position:0 0;
	cursor:default;
}
#searchbox {
	background: url(../img/searchbox.gif) no-repeat;
	width:209px;
	height:21px;
	display:block;
	float:right;
	margin-top:4px;
	margin-right:10px !important;
	margin-right:5px;
	padding:3px 2px;
}
#searchbox .textfield {
	background:none;
	border:0px;
	width:185px;
	float:left;
	margin-right:2px;
	padding-left:2px;
}
#searchbox .button {
	background:none;
	border:0px;
	width:18px;
	height:18px;
	cursor:pointer;
	float:left;
	margin-top:1px;
}
#searchbox .searchtip {
	color:#999;
}
/* navigation END */

.headbox
{
	width: 100%;
	height: 25px;
	color:#000000;
	/*font-family:Verdana,Arial,Helvetica,sans-serif;*/
	margin-top: 15px;
	background: #FFFFFF url(../img/headbox_tile.gif) top repeat-x;
}
.headbox_left
{
	float: left;
	width: 40px;
	height: 25px;
}
.headbox_title
{
	float: left;
	width: 471px;
	height: 21px;
	font-size: 12px;
	font-weight: bold;
	padding-top: 4px;
	color:#ffffff;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

.headbox_right
{
	float: right;
	width: 4px;
	height: 25px;
}
.middle_contents
{
	width:100%;
	float: left;
}
.middle_contents table
{
	padding-left: 10px;
}
.middle_contents tr td 
{
	padding: 4px;
}
.login_contents
{
	width:100%;
	float: left;
}
.forgot_contents
{
	float: left;
	width: 100%;
	margin-top: 10px;
}
.forgot_contents table
{
	padding-left: 10px;
}
.forgot_contents table tr td
{
	padding: 4px;
}
.head_txt
{
	color: #000000;
	/*font-family: "Trebuchet MS";*/
	font-size: 16px;
	font-weight: bold;
}
.redtext
{
	color:#FF0000;
	font-size:14px;
	font-weight:bold;
}
.blacktext {
	color:#000000;
	font-size:14px;
	font-weight:bold;
}
.smallboldblack
{
	color: #000000;
	font-size: 11px;
	font-weight: bold;
}
.text11
{
	color:#333333;
	/*font-family:"Trebuchet MS";*/
	font-size:11px;
	font-weight:normal;
	text-align:left;
}
.text11black {
	color: #000000;
	/*font-family: Verdana,Arial,Helvetica,sans-serif;*/
	font-size: 11px;
	text-align: left;
}
.blackheaders {
	color: #000000;
	font-family: Geneva,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.textfield1 {
	font-family: Geneva,Arial,Helvetica,sans-serif;
	font-size: 11px;
	width: 150px;
}

.buy_now_info
{
	float: left;
	width: 495px;
	padding: 15px 0px 0px 20px;
}
.buy_now_form
{
	float: left;
	width: 495px;
	padding: 15px 0px 15px 20px;
}

table.reporttable{border:0; margin:10px 0 10px 1px; width: 510px;}
table.reporttable td, table.reporttable th{padding:5px}
table.reporttable td{font-size:.95em}
table.reporttable th{background-color:#fff;border-bottom:1px solid #e2e2e2;padding:5px;text-align:center;vertical-align:bottom}
table.reporttable td{text-align:center;padding:5px;background:none}
table.reporttable tr.odd{background:#f2f2f2}
table.reporttable tr.even{background:#fff}
.w100{width:100%}.w97{width:97%}.w95{width:95%}.w48{width:48%}.w50{width:50%}
/* jQuery Dialog box START */
#addPlaylistDlg {
	 font-size: 11px;
}
.lnkcolor{color:#115EB6; cursor: pointer; }
#addPlaylistDlg p{font-size:1em;margin:10px 0 10px 0;line-height:1.25em}
#addPlaylistDlg select{font-size:1em;margin-top:4px;line-height:1.25em}
.small_arrow{vertical-align:middle;margin:2px 0 5px 0;cursor:pointer}
/* jQuery Dialog box END */

.div_line {float:left; width:464px; margin:0 14px 6px 0; border-bottom: 1px solid #E0E0E0; }








.section_title_ot {
	margin-left: 18px;
	padding-top:16px;
}


.section_title_bg_in {
	background-image: url(../images/sidebar_title_bg.jpg);
	background-repeat: no-repeat;
	height: 33px;
	width: 185px;
}
.section_title_bg_in .text {
	color: #FFFFFF;
	padding-top: 10px;
	padding-left: 15px;
	font-size: 11px;
}
.genre_sidebar_text {
	font-size: 12px;
	color: #0066CC;
	margin-right: 15px;
	margin-left: 18px;
}

.genre_sidebar_bottom {
	background-image: url(../images/box_sidebar_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 20px;
}
.mainbody_bottom {
	background-image: url(../images/mainbody_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 30px;
	float: left;
	width: 100%;
	height: 30px;
	padding-top: 0px;
	
	margin-bottom:0px;
}
.text_yel {

	color: #FFFF00;
	font-size: 11px;
}
.navy {
	height: 30px;
	width: 500px;
	margin-left: 10px;
	margin-top: 5px;
}
.pagesort {
	width: 500px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E4E4E4;
	margin-left: 10px;
	padding-top: 10px;
}
.pagesort_box {
	background-image: url(../images/page_sort_bg.jpg);
	background-repeat: repeat-x;
	float: left;
	height: 20px;
	background-color: #FFFF00;
	margin-top: 0px;
	margin-right: 15px;
}
.pagesort_el {
	float: left;
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;	
}

.pagesort_text {
	font-size: 11px; 	
	font-weight: bold;
}
		.rate_area {
			float: left;
			width: 100%;
			padding-left: 5px;
			padding-bottom: 10px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: bold;
			color: #000000;
		}
		.smallgrey {
			font-family: "Trebuchet Ms";
			font-size: 11px;
			color: #666666;
		}
		.cst_login_descr {
			margin-bottom: 10px;
			margin-left: 7px;
		}
		.cst_login_left {
			padding-left:30px; 
			padding-top: 20px; 
			padding-bottom: 20px; 
			padding-right: 20px; 

		}
		.cst_login_right {
			padding-left:30px; 
			padding-top: 20px; 
			padding-bottom: 20px; 
			padding-right: 20px; 			
			
		}
		.cst_login_titles{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 5px;
	font-weight: bold;
		}
		.login_header{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000;
	font-weight: bold;
		}
		
		.cst_login_input{
	font-size: 18px;
	height: 27px;
	width: 180px;
	border: 1px solid #7f9db9;
	margin-left: 5px;
		}
		a.cst_big_blue_link{
	font-size: 18px;
	color: #115eb6;
	text-decoration: none;			
		}
	.cst_login_left1 {			
	        padding-left:20px; 
			padding-right: 20px; 
}