body{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003366;
}

img{
	border:none;
}

#wrapper{
	width:740px;
	min-height:500px;
	background:#FFFFFF url(../images/site/bg_gral.jpg);
	background-repeat:repeat-x;
	margin:0 auto;
	padding:10px 10px;
	border:1px solid;
	}
	
#edit_left{
	width:302px;
	float:left;
	padding:0;
	margin:0;
}

#edit_right{
	width:424px;
	float:right;
	padding:0;
	margin:0;
}

#preview{
	width:424px;
	background:url(../images/site/bg_player.jpg);
	background-repeat:no-repeat;
}

#preview_title{
	font-size:14px;
	padding:8px 10px;
}

#preview_wapper{
	padding:10px 0;
	min-height:133px;	
}

#preview_player{
	text-align:center;	
}

#ed_playlist{}

#edplaylist_title{
	width:400px;
	height:23px;
	background:url(../images/site/bg_title417.jpg);
	background-repeat:no-repeat;
	padding:5px 10px;
	font-size:14px;
	font-weight:bold;	
	}

#edplaylist_rows{	
	font-size:12px;
	width:400px;
	min-height:50px;
	padding:5px 8px;
	background:#E1EAF4;
	}

#edplaylist_rows:hover{	
	}

#custom_tabs{
	width:280px;
	height:22px;
	background:url(../images/site/menu_custom.jpg);
	padding:5px 10px;
	font-weight:bold;
}

#customDv{
	margin-bottom:15px;
	}

#srch{ margin-top:10px;}

#srch_title{
	width:282px;
	height:15px;
	background:url(../images/site/bg_title302.jpg);
	padding:5px 10px;
	font-size:14px;
	font-weight:bold;		
}

#srchResult{
	padding-top:10px;
}

.rowResult1,.rowResult2{
	padding-top:3px;
	padding-left:5px;
	border-top:1px solid #AFC7E2;
	min-height:34px;
	background:#FFFFFF;
	cursor:move;		
	}

.rowResult2{
	background:#AFC9E2 url(../images/site/bg_row2.jpg);
	background-repeat:repeat-x;	
	}

.resultTxt{
	width:220px;
	float:left;}
	
.resultTitle{
	width:220px;
	height:15px;
	overflow:hidden;
}
	
.resultSite{
	width:220px;
	color:#1A881C;
	font-size:10px;
}

.resultBtns{
	float:right;
	width:60px;	
}
.previewMp3{
	float:right;
	padding:5px;
}
a.btnPlay img {
	width:29px;
	height:31px;
	background:url(../images/site/btn_play.png);
	background-position:0 0;
}
a.btnPlay:hover img {
	background-position:0 -31px;
}

a.btnAdd img {
	width:29px;
	height:31px;
	background:url(../images/site/btn_add.png);
	background-position:0 0;
}
a.btnAdd:hover img {
	background-position:0 -31px;
}


a.btnRemove img {
	width:29px;
	height:31px;
	background:url(../images/site/btn_del.png);
	background-position:0 0;
}
a.btnRemove:hover img {
	background-position:0 -31px;
}


.clear{
	clear:both;}

.rowPlayList{
	width:390px;
	height:37px;	
	padding:2px 5px;
	/*min-height:34px;*/
	background:url(../images/site/bg_rowplaylist.jpg);
	background-repeat:no-repeat;
	cursor:move;	
	}
	
.rowPlayListTxt{
	width:220px;
	float:left;
	}
	
.rowPlayListTitle{
	width:220px;
	height:15px;
	overflow:hidden;
}
	
.rowPlayListSite{
	width:220px;
	color:#1A881C;
	font-size:10px;
}
.rowPlayListBtns{
	float:right;
	width:60px;	
}

a.btnAdd img {
	width:29px;
	height:31px;
	background:url(../images/site/btn_add.png);
	background-position:0 0;
}
a.btnAdd:hover img {
	background-position:0 -31px;
}
	
/*******************************************************************************/

.inputs, .inputcolor {
	border: 1px solid #7DB5FF;
	width: 195px;
	background: #fff;
	font-size:11px;
	color: #454545;
	padding: 3px;
	}

.inputs:hover, .inputcolor:hover{border: 1px solid #005984;	}

.inputcolor{width:55px;}


#saveBottom{
	margin-top:15px;
}


.inputcolor {width:55px;}

/*****************************************************************************/
.thubImg {
	float:left;
	padding:4px;
}
.thubImg a img {
	height:60x;
	width:60px;
	border:1px solid #7DB5FF;
}
.thubImg a img:hover {
	border:1px solid #005984;
}
/*****************************************************************************/
div.navega {		
		width:280px;
		text-align:center;
		color:#003366;
		font-size:90%;
		height:20px;
		margin:0px 2px 5px 0px;	
		background:#E1EAF4;	
	}
	
div.navega a {
	margin-right:3px;
	padding:3px 5px;
	text-decoration: underline;
	color: #003366;		
}
div.navega a:hover, div.navega a:active {
	color: #003366;
	text-decoration: none;
}
div.navega span.current {
	margin-right:3px;
	padding:3px 5px;
	font-weight: bold;
	color: #003366;
}
div.navega span.disabled {
	margin-right:3px;
	padding:3px 5px;
	color: #CEE3FF;
}

.colorsDv{
padding:3px 0;}

.colorsLbl{
	font-weight:bold;
	width: 55px;
	float: left;
	display: block;
}


.labels{
	font-weight:bold;
}

#categoryId{width:200px;}

#sCategoryId{width:200px;}
	
#custom_opt2{
	height:260px;}
#custom_opt1,#custom_opt2,#custom_opt3,#custom_opt4{
	width:280px;
	margin-top:5px;
	padding:0px 10px;
	
}

#custom_opt1,#custom_opt4{
	height:140px;
	}

#thubimgss{
	background:#E1EAF4;
	height:145px;
	width:280px;
	margin-top:5px;
}

#custom_opt3{
	background:#E1EAF4;
	height:310px;
	width:275px;
	overflow:hidden;
	margin-top:5px;
	margin-left:10px;
	padding: 5px 5px;
	}

#wapper_playersTh{
	height:255px;
	width:275px;
	overflow:hidden;
}

#scroll0Content ul {
	padding:5px 0;
	text-align: center;
	}
	#scroll0Content ul li {
	float:left;
	list-style-type:none;
	margin: 0 2px 0 2px;
	height: 84px;
	width: 125px;
	text-align: center;
	}
	
a#btn_upth img {
	width:275px;
	height:29px;
	background:url(../images/site/btn_upth.png);
	background-position:0 0;
}
a#btn_upth:hover img {
	background-position:0 -29px;
}
a.disable#btn_upth img {
	background-position:0 -58px;
}

a#btn_downth img {
	width:275px;
	height:29px;
	background:url(../images/site/btn_downth.png);
	background-position:0 0;
}
a#btn_downth:hover img {
	background-position:0 -29px;
}

a.disable#btn_downth img {
	background-position:0 -58px;
}

#wrapper_track1 {
	width:115px;
	background: transparent url(../images/site/back_slidervolume.png) no-repeat top ;
	padding-left:5px;
}

#The_colorPicker{
	position:absolute;
	width:245px;
	padding-bottom:1px;
	background-color:#FFF;
	border:1px solid #317082;
}

#wrapperColorPicker{
	width:245px; 
	display:none; 
	position:absolute;
	}
	
#picker_close{
	width:245px; 
	height:18px; 
	text-align:right;
	}
	
/*********************** SCROLLERS ***********************/
.root     {
    position:relative;
    height:      200px;
    width:      200px;
    margin:       0px 0px 0px 0px;    
    }
.root p   {
    margin:      0px 0px 0px 0px;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size:11px;
	 line-height:14px;
    }
.thumb     {
    position:      absolute;
    height:      9px;
    width:      15px;
    left:       0;
    }
.up, .dn   {
    position:      absolute;
    left:       0;
    }
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
    border:      0;
    }
.scrollContainer { 
    position:      absolute; 
    left:      0px; 
    top:      19px; 
    width:      280px; 
    height:      300px; 
    clip:      rect(0 467 200 0); 
    overflow:      auto; 
    }
.scrollContent { 
    position:      absolute; 
    left:      0px; 
    top:      0px; 
    width:      280px; 
    }