/* CSS Document */
body{
	padding:0; margin:0; background:url(/v3/images/ptrnback.jpg) repeat-x #1f1f1f; color:#A5A5A4;
        background-position: 0 0px; font-family: Arial, Helvetica;
        /*background-position: 0 40px; with panthic bar*/
	}
a, a:visited {
        color:#A5A5A4; text-decoration: none;
}
a:hover{
        text-decoration: underline;
}
div, ul, h1, h2, h3, h4, p, img, form{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.blank{
	font-size:0px; clear:both; line-height:0px;
	}

/*--------------------------------header pan---------------------------*/
#headerPan{
	width:1000px; margin:8px auto 0 auto; background:url(/v3/images/klogo.png) no-repeat center; height:186px;
	}
#controlBar {
	width:980px; height:46px;  margin:10px 10px 10px 10px; padding:0; overflow: hidden;
	}
#controlBarLeft {
	background:url(/v3/images/controlbarbgleft.gif) no-repeat 0 0; width:5px; height:46px; float:left;
	}
#controlBarContents {
	background:url(/v3/images/controlbarbg.gif) repeat-x 0 0; width:960px; height:46px; float:left; padding: 5px; overflow: hidden;
	}
#controlBarRight {
	background:url(/v3/images/controlbarbgright.gif) no-repeat 0 0; width:5px; height:46px; float:right;
	}
#controlBar form{
	float: right; 
	}
#controlBar label{
	font:24px Arial, Helvetica, sans-serif; color:#CBCBCB; margin:5px 10px 0 0px; float:left;  padding:0;
	font-weight:normal; background-color:#000000;
	}
#controlBar form input.query{
	background-color:#171717; border:#494949 1px solid; color:#ACACAC;
	width:158px; height:22px; float:left; margin:5px 0 0 0px; padding:3px 0 0 0px; 
	}

#liveBox {
	float: left; color: #666666; font-size: 14px; background:url(/v3/images/buttons/ontheair.png) no-repeat; margin-left: 100px;
	padding-left: 50px; height: 40px; vertical-align: middle; cursor: pointer;
}

.loadmsg {
        font-size:20px; margin: 45px 0 0 250px;
}

.loadmsg img {
        margin: 3px 7px 0 0; float:left;
}

/*----------------------------------body part----------------*/
#mainBody{
	width:1000px; margin:14px auto 0 auto; background: #000; padding-top: 3px;
	}
/*-------------left side------*/
#leftContainer{
	 float:left; margin: -10px 0 0 10px;
	 }
#leftContainer object{
	 margin-top: 10px;
	 }
.leftPan{
	width:161px; color:#B6B6B5; background:url(/v3/images/left_side_up.gif) no-repeat 0 0 #171717; padding-top:10px; margin-top: 10px;
	}
.leftPan p{
	background:url(/v3/images/left_side_down.gif) no-repeat bottom left; height:8px; font-size:0; display:block;
	}
.leftPan h2{
	color:#fff; width:90px; height:34px; display:block;
	margin:0px 0 0 0px; font: normal 24px Arial,Helvetica,sans-serif; padding: 0 0 0 0px;
	}
.leftPan ul{
	width:119px; display:block; margin:0px 0 24px 25px; font-size:0;
	}
.leftPan ul li{
	background:url(/v3/images/left_side_arrow.gif) no-repeat 0 9px; padding: 0 0 0 11px; display:block; height:24px;
	}
.leftPan ul li a{
	font:12px/24px Arial, Helvetica, sans-serif; color:#B6B6B5; text-decoration:none; background-color:#171717; display:block;
	}
.leftPan ul li a:hover{
	background-color:#454545; color:#B6B6B5;
	}
.leftPan h3{
	color:#fff; width:114px; height:24px; display:block; margin:0px 0 10px 26px; padding: 0 0 0 0; background-color:#171717;	
	font: normal 24px/24px Arial, Helvetica, sans-serif; 
	}
#membarContainer form {
	width:100px; margin: 0 0 20px 10px; font-size: 12px;
	}
#membarContainer span {
         font-size: 12px; margin-left: 10px; display: block;
}
.leftPan input{
	background-color:#171717; border:#494949 1px solid; color:#ACACAC;
	width:120px; height:22px; margin:0px 0 0 0px; padding:3px 0 0 0px; 
	}
.leftPan input.submit{
	background-color:#000000; border:#696969 1px solid; color:#ACACAC;
	width:60px; height:22px; margin:0px 0 0 60px; padding:0px 0 0 0px; 
	}
.leftPan input.submit:hover{
	border: #999999 2px inset; cursor:pointer;
	}
.flashListHeader{
	font-size: 10px; padding: 0 5px 0 10px;
}
.flashListHeader .listTitle{
	font-weight: bold; font-size: 12px;
}
/*-------------------------------right-------*/
#rightPan{
	width:804px; margin: 0 15px 0 10px; float:right;
	}
#dirBar {
	width:auto; height:40px;  margin:0px 0px 0px 0px; font-size:0; background:url(/v3/images/gurbfoldersmall.png) no-repeat;
	padding:0 0px 0 40px; display: none;
	}
#curDirBlock {
	float: left; color: #666666; font-size: 14px; height: 23px; margin-top: 7px;
}

#curDirBlock label {
	font-size: 13px;
}

#curDirBlock span {
	font-size: 20px; font-weight: 500;
}
#topBlock {
	background-color:#272727; color:#8C8C8B; font:14px/20px Arial, Helvetica, sans-serif; display:block; width:100%; 
	padding:5px 0px 0 5px; margin: 0 0px 10px 0px; height: 260px; overflow-y: auto; overflow-x: hidden;
}
#botBlock {
	background-color:#272727; color:#8C8C8B; font:14px/20px Arial, Helvetica, sans-serif; display:block; width:100%; 
	padding:5px 0px 0 5px; margin: 0 0px 0 0px; height: 350px; overflow-y: auto; display: none; overflow-x: hidden;
}
#topIFrame {
	display:none; width:100%; border: 0;
	margin: 0 0px 10px 0px; height: 650px; overflow-y: auto; overflow-x: hidden;
}
	
/*----------------dir list-----------------------*/

.dirBoxContainer, .plBoxContainer{
         margin: 10px 70px 0 10px; width: 173px; height: 83px;
         float: left;
}

.plBoxContainer{
        margin-top: 10px; margin-bottom: 22px;
}

.dirBox, .dirBoxNew{
	width: 148px; height: 83px; background:url(/v3/images/gurbfolder.png) no-repeat; font-size: 10px; line-height: 11px;
        padding-left: 78px; margin-left: 20px; display: block;
         border: 2px solid #272727;
	}
	
.dirBoxNew{
	background:url(/v3/images/gurbfolderNew.png) no-repeat;
}

.artTinyDir{
        background: url(/v3/images/gurbfolderTiny.png) no-repeat; width:30px; height: 32px;
        z-index: 5; margin: 54px -30px -32px -30px; float:left; display:inline-block;
}

.artNewDir{
        float: left; font-weight:bold; color:#FF0000; font-size: 55px;
        margin: 12px -15px -15px -20px; z-index: 10;
}

.playlist, .playlistSelected{
        width: 148px; height: 83px; background:url(/v3/images/playlist.png) no-repeat; font-size: 10px; line-height: 11px;
        padding-left: 78px; margin-left: 20px; display: block;
        border: 2px solid #272727;
}

.playlistSelected {
        background-color: #202121;
        border: 2px solid #202121;
}

.dirBox:hover, .dirBoxNew:hover, .playlist:hover, .playlistSelected:hover {
	border: 2px solid #384776;
        cursor: pointer; text-decoration: none;
	}
	
.dirBox span.checkbox, input, .dirBoxNew span.checkbox, input{
	margin-left: -96px; float:left;
	}
	
.folderName{
	font-size: 13px; font-weight: 500px; line-height: 16px;
	}
.menuNewCat{
	font-weight:bold; color:#FF0000; font-size: 50px; z-index:10; position: relative; top: -32px; left: -20px;
}

#folderNameChange{
        margin: 0 0 5px -2px; width:147px; display: block; clear:both;
	background-color: silver; border:#494949 1px solid; color:#000000;
	height:22px; padding:3px 0 0 0px;
}

/*---------------- tracks -----------------------*/

.track{
	width: 380px; height: 83px; background:url(/v3/images/trackbg.gif) no-repeat; margin: 6px 0 15px 10px; float:left;
	}
.track:hover{
	background:url(/v3/images/trackbgHov.gif) no-repeat;
	}
.trackIcons{
        width:375px; margin: 0 5px 0 20px;
}
.trackInfo{
        float:left; width:340px; z-index: 10;
}
.track a{
	font-size:12px; margin-left: 2px;
	text-decoration:none; color:#A5A5A4; font-weight: 700;
	}
.track a:hover{
	text-decoration: underline;
	}
.trackLength{
	font-size:11px; margin-right: 6px;
	}
.newTrack{
	float: left; font-weight:bold; color:#FF0000; font-size: 50px; margin: 10px 4px -10px 0px; display: inline;
}
	
/*-------------------------------footer---------*/
#footerMain{
	background:url(/v3/images/footer_bg.gif) repeat-x 0 0; width:100%;
	}	
#footer{
	height:97px; width:1000px; margin:0px auto 0 auto; text-align: center; font-size:11px; padding-top:30px;
	}

/*-----------------blog---------------*/

.storycontent{
        font-size:12px; margin: 5px 0 0 15px; width:95%;
}
.storytitle{
        font-size: 18px;
}
.blogmeta{
        font-size: 11px;
}

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

#membarLoggedIn{
        font-size:12px; margin: 0 5px 0 10px;

}

/*---------------------------------*/
#blanket {
        background-color:#111;
        opacity: 0.65;
        filter:alpha(opacity=65);
        position:absolute;
        z-index: 9001;
        top:0px;
        left:0px;
        width:100%;
        display: none;
}
#permaLinkPop{
        display: none; position: absolute; left: 50%; top: 50%;
        z-index:9002;
}
.permaLinkFrame{
        /*background: url(/v3/images/permalinkback.png) no-repeat;*/
        background-color: #cccccc;
        border: 3px black solid;
        color: black; padding: 10px;
        text-align: justify; font-size: 12px; width: 400px; height: 200px;
        position: absolute;
	left: -200px;
	top: -200px;
        z-index:9003;
}
.permaLink{
        width:340px; height:140px; position:relative; top: 10px; left: 10px; border: 2px #777777 solid; padding: 20px; background-color: #fff;
}
.permaLink input{
        margin-left: 0px;
}
#permaLinkTxt{
        width:270px;
}
#permaLinkClose{
        position: absolute; right:3px; top: 2px;
}
#permaLinkClose:hover{
        cursor: pointer;
}

.Spacer{
        height: 40px; clear: both;
}
/*--------------------------------*/
#embedCodePop{
        display: none; position: absolute; left: 50%; top: 50%;
        z-index:9002;
}
.embedCodeFrame{
        /*background: url(/v3/images/permalinkback.png) no-repeat;*/
        background-color: #cccccc;
        border: 3px black solid;
        color: black; padding: 10px;
        text-align: justify; font-size: 12px; width: 760px; height: 570px;
        position: absolute;
	left: -380px;
	top: -285px;
        z-index:9003;
}
#embedCode{
        width:700px; height:510px; position:relative; top: 20px; left: 20px; border: 2px #777777 solid; padding: 10px; background-color: #fff;
}