@charset "UTF-8";
/* CSS Document */
*{margin:0; padding:0; border:none; list-style:none; outline:none; font-family:Arial, Helvetica, sans-serif;}

/* TAGS */
a{color:#2d2683;}


div#main{width:918px;}

/* HEADER */
div#main div#header{float:left; margin:0 0 0 30px;}
div#main div#header h1{text-indent:-50000px; background:url(../img/img_logo.png) left top no-repeat; width:205px; height:48px;}

/* USER MENU */
div#main div#user_menu{float:right; margin:0 30px 0 0;}
div#main div#user_menu ul li{float:left; margin:5px 0 0 10px; font-size: 12px; line-height:20px;}
div#main div#user_menu ul li a{text-decoration:none; color:#2d2683; font-weight:bold; font-size:12px;}
div#main div#user_menu ul li a:hover{text-decoration:underline;}

/* SITE MENU */
div#main div#menu{clear:both; float:left; margin:15px 0 0 0; border-bottom:1px solid #ececec; width:918px;}
div#main div#menu ul{margin:0 0 0 30px;}
div#main div#menu ul li{ float:left; margin:0 15px 0 0; height:30px;}
div#main div#menu ul li a{text-decoration:none; color:#2d2683; font-size:14px; font-weight:bold;}
div#main div#menu ul li a:hover{text-decoration:underline;}

/* SUBLIST ITEM */
li.list_down{position:relative;}
li.list_down a.list_down_link{background:url(../img/bul_list_down.png) right top no-repeat; padding:0 18px 0px 0;}
li.list_down:hover ul{display:block;}
li.list_down ul{position:absolute; width:150px; top:20px; display:none; border-collapse:collapse !important; border:1px solid #594fa5; border-bottom:none;}
li.list_down ul:hover{display:block;}
li.list_down ul li{margin:0 !important; padding:0 !important;  border-bottom:1px solid #594fa5;}
li.list_down ul li a{display:block; margin:0; padding:3px 5px; width:140px; font-weight:normal !important; background:#efefef;}
li.list_down ul li a:hover{text-decoration:none; background:#f6f6f6;}

/* SUBLIST PROFILE */
ul.sublist_profile{left: 25px;}

/* SEARCH */
div#main div#menu fieldset{ float:right; margin:0 30px 0 0;}
div#main div#menu fieldset label{display:none;}
div#main div#menu fieldset input{border:1px solid #bdbdbd; font-size:12px; float:left; width:200px; height:14px; padding:3px; margin:0 10px 0 0;}

/* CONTAINER */
div#main div#container{clear:both; margin:20px 0 0 0; float:left; width:918px;}
div#main div#container div#banner{margin:0 0 30px 0;}
/* MAIN CONTENT */
div#main div#container div#main_content{float:left; width:608px; margin:0 0 0 30px;}
div#main div#container div#main_content h2{font-size:18px; color:#2d2683; font-weight:bold; background:url(../img/bul_green.png) left 3px no-repeat; padding:0 0 0 15px; margin:10px 0; clear:both;}
div#main div#container div#main_content p{font-size:12px; margin:15px 0;}
div#main div#container div#main_content ul{margin:0 0 15px 0;}
div#main div#container div#main_content ul li{font-size:12px; line-height: 15px; background: url("../img/bul_list.png") left 7px no-repeat; padding: 0 0 0 10px;}
/* FORMS */
div#main div#container div#main_content fieldset{width: 540px; margin:15px 0; border: 1px solid #999999; background:#ebebeb; padding:15px;}
div#main div#container div#main_content fieldset.small{width: 500px;}
div#main div#container div#main_content fieldset label{width:150px; clear:both; font-size:12px; display: block; margin: 0 10px 5px 0;}
div#main div#container div#main_content fieldset input, div#main div#container div#main_content fieldset textarea, div#main div#container div#main_content fieldset select{float: left;font-size:12px; border:1px solid #2d2683; margin:0 0 15px 0; width:250px;}
div#main div#container div#main_content fieldset textarea{height:100px; width:350px}
div#main div#container div#main_content fieldset span#availability, div#main div#container div#main_content fieldset span#username_feedback{clear:both; font-size:11px; margin:-10px 0 15px 0; display:block;}
div#main div#container div#main_content fieldset span.form_feed_back{ font-size: 11px; margin: 0 0 0 5px;}
div#main div#container div#main_content fieldset span.form_feed_back img{ margin: 0 5px 0 0; position: relative; top: 2px;}
div#main div#container div#main_content fieldset span.form_info{clear:both; display:block; position:relative; top:-12px; margin:0 0 0 0; font-size:10px; color:#3a3a3a;}
div#main div#container div#main_content fieldset p#availability_result{margin: 0;}

.swfupload{margin:-3px 10px 0 10px;}
.progress_bar{border:1px solid black; width:200px; height:10px; display:block;}
.progress_bar span{background:#2b2481 url(../img/bg_btn.png) left top repeat-x; display:block; margin:0;}


/* PROFILE MENU */
#profile_menu{list-style:none; background:#2b2481 url(../img/bg_btn.png) left top repeat-x; width:580px; height:22px;}
#profile_menu li{background:none !important; border-right:1px solid #fff; float:left; color: #fff; padding:3px 5px !important;}
#profile_menu li a{color: #fff; font-size:11px;}

/* MESSAGES LIST */
.table_list{border-collapse:collapse; width:580px; margin:15px 0;}
.table_list tr{cursor:pointer;}
.table_list th, .table_list td{text-align:left; font-size:11px; border:1px solid #000; padding:5px;}
/* MESSAGE DETAIL */
#sender_details{float:left; width:120px; text-align:center;}
#sender_details p, #sender_details a{font-size:11px;}
#sender_details .avatar{float:none !important;}
#message_text{float:left; width:380px;}
#message_text p, #message_text a{font-size:11px;}

/* JAM SESSION LIST */
div#main div#container div#main_content ul.jam_list{margin:15px 0 30px 0;}
div#main div#container div#main_content ul.jam_list li{width:522px; font-size:11px; border-bottom:1px solid #aaa; padding-bottom:3px; margin:5px 0 5px 12px; height:20px; padding:0 0 0 10px;}
div#main div#container div#main_content ul.jam_list li a{color:#000000; text-decoration:none;}
div#main div#container div#main_content ul.jam_list li span.jam_list_name{display:block; height:18px; float:left; background:url(../img/ico_play.png) left top no-repeat; padding:3px 0 0 25px;}
div#main div#container div#main_content ul.jam_list li span.jam_list_info{display:block; float:right; color:#999999; padding-top:3px;}
div#main div#container div#main_content ul.jam_list li span.jam_list_info a{text-decoration:underline; color:#999999;}
/* JAMMERS LIST */
div#main div#container div#main_content ul.users_list{margin:15px 0 40px 5px;}
div#main div#container div#main_content ul.users_list li{width:265px; background:none; padding:0; font-size:11px; color:#000000; float:left; margin:0 0 20px 0;}
div#main div#container div#main_content ul.users_list li a{color:#000000;}
div#main div#container div#main_content ul.users_list li span.users_list_info{padding:0 0 0 10px; float:left;}
div#main div#container div#main_content ul.users_list li span.users_list_info span{font-size:10px; color:#999999; padding:10px 0 0 0; display:block;}
/* AVATAR */
span.avatar{display:block; padding:1px; float:left; margin:0 0 10px 0;}
span.avatar img{ width:72px; border:1px solid #999999;  height:54px;}


/* JAM SESSION */
.users_list_info{font-size:10px; margin:0 10px;}
.users_list_info span{margin:0 10px;}
/* TEXT BOX */
.text_box{width: 540px; margin:15px 0; border: 1px solid #999999; background:#ebebeb; padding:5px 15px;}
.text_box h3, .description h3{ font-weight:bold; font-size:13px; cursor:pointer;}
.text_box h3 a, .description h3 a{ color:#000000;}

/* TRACKS */
.track_player{float:left; margin:0 0 20px 0; clear:both;}
.download_track{float:left;}
.download_track a{display:block; margin:0 0 0 15px; text-decoration:none; font-size:10px; background:#2b2481 url(../img/bg_btn.png) left top repeat-x; color: #fff; padding:3px;}
fieldset.description{padding:5px 15px !important;}
.track{padding:5px 15px !important; width:540px; border-bottom: 1px solid #999999; clear:both;}
.light{background:#b8b5d1;}
.dark{background:#6157ad;}
.owner{background:#ebebeb;}
.owner{writer:#ebebeb;}
.track description{padding:0 !important; border:none; background:none; width:auto;}

/* PAGINATION */
.pagination{ margin:10px 0; float:left; list-style:none; margin:11px 5px !important;}
.pagination li{display:inline !important; background:none !important; padding:0 !important; line-height:normal !important;}
.pagination li a{margin:0 !important;}

/* SIDE CONTENT */
div#main div#container div#side_content{float:left; margin:0 0 0 0; width:250px;}
div#main div#container div#side_content h3{font-size:14px; color:#2d2683; margin:5px 0 10px 0;}
/* BOX LOGIN */
div#main div#container div#side_content div#box_login{ border:1px solid #999999;}
div#main div#container div#side_content div#box_login h3{width:228px; margin:0; font-size:14px; color:#2d2683; background:#ebebeb; padding:10px; border-bottom:1px solid #999999;}
div#main div#container div#side_content div#box_login p{margin:10px;}
div#main div#container div#side_content div#box_login p a{font-size:11px; color:#2d2683;}
div#main div#container div#side_content div#box_login fieldset{padding:10px; width:170px;}
div#main div#container div#side_content div#box_login fieldset label{display:block; margin:0 0 5px 0; font-size:11px;}
div#main div#container div#side_content div#box_login fieldset input{display:block; width:170px; border:1px solid #bebebe; margin:0 0 15px 0;}
div#main div#container div#side_content div#box_login fieldset input.submit{width:auto; float:right;}
/* SIDE_BOX */
div#main div#container div#side_content div.side_box{ border:1px solid #999999; margin:15px 0;}
div#main div#container div#side_content div.side_box *{font-size:11px;}
div#main div#container div#side_content div.side_box h3{width:228px; margin:0; font-size:14px; color:#2d2683; background:#ebebeb; padding:10px; border-bottom:1px solid #999999;}
div#main div#container div#side_content div.side_box p,
div#main div#container div#side_content div.side_box h4{margin:10px;}
div#main div#container div#side_content div.side_box fieldset{margin:10px; width:208px; padding:0; font-weight:bold;}
div#main div#container div#side_content div.side_box label{display:block; clear:both; margin:10px 0;}
div#main div#container div#side_content div.side_box textarea{display:block; margin:10px 0; *margin-left:-10px; height:50px; overflow:auto; clear:both; width:208px; border:1px solid #666666;}
div#main div#container div#side_content div.side_box button{margin:0 0 10px 0; clear:both;}

/* COMMENT */
.comment{ border-bottom:1px solid #2d2683; display:block;}
.comment small{font-size:9px !important; font-weight:bold;}
.comment small a{font-size:9px !important;}
.comment_removed {color:#8a8a8a;}

.pages_title{float:left;}
.side_pagination{ margin:10px 0; float:left;}
.side_pagination li{display:inline;}


/* FRINDS LIST */
.friends_list{ margin:10px;}
.friends_list li{ background:url(../img/bul_friend.png) left top no-repeat; padding:1px 0 0 10px;}
.friends_list li a{color:#ed7620; font-weight:bold; text-decoration:none;}
/* FRIENDS_LIST_ALL */
#friends_list{list-style:none; width:580px;}
#friends_list li{float:left; background:none !important; padding:0 !important; margin:10px 0; width:116px; text-align:center;}
#friends_list li div.out{display:block !important; width:116px; text-align:center;}
#friends_list li span.avatar{float:none !important;}
#friends_list li span.name{display:block !important; float:left; text-align:center;width:116px; margin-top:-5px;}

/* SIDE BANNER */
div#main div#container div#side_content div#side_banner{margin:30px 0 0 0;}


/* CONFIRM */
.confirm, .user_message{background:#eeeeee url(../img/bg_top_box_message.png) left top no-repeat; width:523px; padding:15px;}
.confirm button, .user_message button{display:inline; margin-right:15px;}
.confirm_footer, .user_message_footer{background: url(../img/bg_bottom_box_message.png) left top no-repeat; width:553px; height:6px;}
.user_message h2{background:none !important; padding:0 !important;}

.friend_approve{width:250px; float:left; margin:0 0 35px 0;}
.friend_approve .left{ float:left;}
.friend_approve .right{float:left; margin:-15px 0 0 20px;}


/* FOOTER */
div#main div#footer{clear:both;width:888px; margin:30px 30px 0 30px; float:left; padding:10px 0; border-top:1px dashed #b2b2b2;}
div#main div#footer p{color:#5e5d5d; font-size:10px;}


/* GENERAL */
button{clear: both; display:block; cursor:pointer; background:#2b2481 url(../img/bg_btn.png) left top repeat-x; color: #fff; padding:3px !important;}
button{*padding:0;}

ol{margin:15px 15px 15px 0;}
ol li{list-style:decimal; font-size:12px; margin:10px;}
ol li ol{margin-left:20px;}
ol.lower_roman li{list-style:lower-roman;}
ol.decimal li{list-style:decimal;}

.small_line{border-top:1px solid #000; margin:5px 0; height:5px;}

.gplus{background:url(../img/bul_green_plus.png) left 1px no-repeat; color:#7cbe31; padding-left:10px !important;}
.gmessage{background:url(../img/ico_message.png) left 1px no-repeat; color:525d5d; padding-left:17px !important;}
.gremove{background:url(../img/bul_error.png) left 1px no-repeat; color:525d5d; padding-left:17px !important;}

/* OVERLAY */
#overlay {
    width: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
	z-index:1000;
	background:url(../img/overlay.png) left top repeat;
	display:none;
}
#overlay-close{
	float:right;
	position:relative;
	top:-17px;
	left:13px;
	cursor:pointer;
}
#overlay-panel {
	background:#fff;
	padding:20px;
	width:500px !important;
	height:auto;
	margin:auto;
	display:none;
}

$overlay-panel fieldset{}
#overlay-panel label{display:block;}
#overlay-panel textarea{display:block; font-size:11px; margin:10px 0; height:50px; overflow:auto; clear:both; width:480px; border:1px solid #666666;}


 
/* CLASSES */
.button_inline{display:inline !important; clear:none !important;}
.success{font-weight: bold; color:#7cbe30;}
.error{font-weight: bold; color:#ed2e20;}
.radioCheck{width:auto !important; border: none !important; margin:0 5px 0 0 !important;}
.widthAuto{width:auto !important;}
.clearBoth{clear: both !important;}
.clearLeft{clear: left !important;}
.clearRight{clear: right !important;}
.clearNone{ clear: none !important;}
.displayNone{display:none !important;}
.displayInline{ display: inline !important;}
.floatLeft{ float: left !important; }
.floatRight{float: right !important;}
.floatNone{float:none !important;}
.noMargin{margin:0 !important;}
.noDecoration{text-decoration:none !important;}
.margin_top_10{margin-top:10px !important;}
.margin_bottom_10{margin-bottom:10px !important;}
.strong{font-weight:bold !important;}
.font-normal{font-weight:normal !important;}