body
{
}
#Pestamusik
{
    margin:0px;
    background-color:#688088;
    background-image:url(../../Resource/images/back_main.jpg);
    background-repeat:repeat-x;
    background-position:top;
    font-family:Arial,Verdana;
    margin-bottom:10px;

}


#MasterContainer
{
    width:652px;
    margin:0 auto;  
    
}

#HeaderContainer
{
    width:652px;
    height:154px;
    padding:0px;
    margin:0px;
    
    background-image:url(../../Resource/images/rootbg.gif);background-repeat:no-repeat;
}

#FooterBanner
{
    
    margin-left:18px;
    margin-right:0px;
    margin-top:0px;
    background-color:#FFF;
    width:617px;
    height:85px;
}

#FooterContainer
{
    width:652px;
    height:67px;
    background-image:url(../../Resource/images/row4.gif);background-repeat:no-repeat;
    background-position:center;
    color:#999;
}

#FooterContainer table
{
    width:652px;
    font-size:10px;
}       

#FooterContainer table .navigationfooterleft
{
    padding-top:10px;
    text-align:left;
    padding-left:30px;
}

#FooterContainer table .navigationfooterright
{
    padding-top:10px;
    text-align:right;
    padding-right:30px;
}

#FooterContainer table .copyright
{
    text-align:center;
    padding-top:2px;
}

#FooterContainer a
{
    color:#999;
    font-weight:bold;
    padding:2px;
}

#FooterContainer a:hover
{
    color:#000;
}        

#ParentContent
{
    background-image:url(../../Resource/images/contentbg.gif);background-repeat:repeat-y;
}

#ContainerContent
{
    width: 652px;
    background-image:url(../../Resource/images/topbg1.gif);background-repeat:no-repeat;
    background-position:top;
    min-height:200px;
    
}

#ContainerContent #cc
{
    width: 652px;
    margin:0px;
    padding:0px;
}

#ContainerContent #cc td 
{
    vertical-align:top;
    border:solid 0px #000;
    padding:1px;
    
}    

#ContainerContent .ContainerLeft
{
    
    width:218px;
    
}                           

#ContainerContent .ContainerLeft #left
{
     width:199px;
    margin-left:19px;
    vertical-align:top;   
    
     
}

.ContainerRight #right
{   
    width:415px;
    margin-left:0px;
    margin-right:0px;
    margin-top:12px;
     
}


/*HOME****************************************************/    
#toprightbanner
{
    width:415px;
    height:195px;
    
}
.ContainerRight img
{
    width:415px;
    margin-left:0px;
}
.toprightimagesbanner
{   
    width:415px;
    
}

#SearchGreen
{
    width:415px;
    height:142px;
    background-image:url(../../Resource/images/back_green.gif);background-repeat:no-repeat;  
}

#SearchGreen .ContainerGroup{}

#SearchGreen .ContainerGroup .HeaderLogo 
{
    color:#FFF; font-weight:bold;
    font-family:Verdana;
    font-size:12px;
    padding-top:15px;
    padding-left:20px;
}  

#SearchGreen #AlfabetContainer
{
    font-family:Verdana;
    font-size:12px;
    padding:2px;
    color:#FFF; font-weight:bold;
    margin-left:20px;
    margin-right:20px;
    margin-top:20px;
    text-align:center;
}

#SearchGreen #AlfabetContainer a
{
    color:#FFF; font-weight:bold;
    font-family:Verdana;
    font-size:12px;
    cursor:pointer;
    text-decoration:none;
}  

#SearchGreen #SearchArea table
{
    width:auto;
}
#SearchGreen #SearchArea
{
    margin-left:20px;
    margin-top:5px;
    margin-right:20px;
}


#SearchGreen #SearchArea .textsearch
{
    width:295px;
    height:21px;
}


#SearchGreen #AlfabetContainer a:hover
{
    color:#DDD;
}
/*************/
#NewRelease .HeaderLogo  
{
    font-size:12px;
    margin-left:20px;
    font-weight:bold;
    margin-bottom:10px;
    color:#EA7610;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:bold;
    text-align:left;
    }

#NewRelease
{
    width:415px;
    min-height:550px;
    background-color:#C6D9E1;
    background-image:url(../../Resource/images/back_bl.gif);background-repeat:repeat-x ;
    background-position:bottom; 
    vertical-align:top;
    padding-top:10px;
    padding-bottom:10px;

        font-size:xx-small; 
    text-align:center; 
    font-weight:bold;
}


#NewRelease table 
{
    margin:0 auto; 
    margin-top:0px; 
    margin-bottom:0px; 
    width:80px;
    
    
}

#NewRelease table td
{
    vertical-align:top; 
    text-align:center; 
}

#NewRelease img
{
    border:solid 2px #CCC; 
    width:58px;
}

/*************/

#top10 .HeaderLogo  
{
    font-size:12px;
    margin-left:20px;
    font-weight:bold;
    margin-bottom:10px;
    color:#EA7610;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:bold;
    text-align:left;
    }

#top10
{
    
    width:415px;
    min-height:140px;
    background-color:#C6D9E1;
    background-image:url(../../Resource/images/back_bl.gif);background-repeat:repeat-x ;
    background-position:bottom; 
    vertical-align:top;
    padding-top:10px;
    padding-bottom:10px;
     font-size:xx-small; 
    text-align:center; 
    font-weight:bold;
}

#top10 table td
{
    vertical-align:top; 
    text-align:center; 
}


#top10 img
{
    border:solid 2px #CCC; 
    width:58px;
}



#loginboard
{
    width:195px;
    height:auto;
    min-height:10px;	
    margin-top:5px;
    margin-left:2px;
    margin-bottom:5px;
  	background-image:url(../../Resource/images/loginbg2btm.gif);background-repeat:repeat-y;
    background-position:bottom;	
}

#loginboard #loginboardcontent
{	min-height:120px;
	background-position:top;
    background-image:url(../../Resource/images/loginbg2.gif);background-repeat:no-repeat;
	}
#loginboard table
{
    border:solid 0px #000;
    width:195px;  
}

#loginboard table .header
{
    font-size:12px;
    font-weight:bold;
    color:#FFF;
    padding-top:5px;
    padding-left:10px;
    padding-bottom:15px;
    
}
.FailureText{ font-size:11px; color:#FFF; font-weight:bold;
                text-align:center;}
#loginboard table .inputusername
{
    margin-left:10px;
    width:160px;
    border:none;
}

#loginboard table .inputpasword
{
    margin-left:10px;
    width:110px;
     border:none;
}

#loginboard table td  
{
    border:solid 0px #FFF;
}

#loginboard table td a
{
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    color:#FFF; 
}

#loginboard table td a:hover
{
    color:#999; 
}

#LoginInfo
{
    border:solid 0px #FFF; 
    font-size:12px; 
    color:#FFF; 
    margin-left:20px;
    padding-top:10px;
}

#LoginInfo a
{
    color:#FFF;
    font-weight:bold;
    text-decoration:none;
}

#LoginInfo ul li
{
	
	
}

#LoginInfo a:hover
{
    color:#000;
}    


.leftbanner
{   
    margin-top:0px;
    width:195px;
    margin-left:2px;
    text-align:center;
}

.leftbanner a{
cursor:pointer;
    z-index:100;
border:solid 1px #000000;
    padding:4px;
    
}

.leftbanner img
{
	border:none;
}


/*END HOME****************************************************/    


/*DIALOG OVERLAY********************************************************/    
#overlay
{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:90;   
    background-color:#FFF;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}

#overlay[id]
{ /* IE6 and below Can't See This */
    position:fixed;
}

.lightboxboxregister
{
	   width:402px;
    
    background:#191717;
    border:2px solid #CCC;
    
}

.lightboxboxcart
{
	   
    
    
}

.lightboxboxsearch
{
  
}



/*END DIALOG OVERLAY****************************************************/    

/*DIALOG SEARCH****************************************************/    


/*END DIALOG SEARCH****************************************************/    

/*DIALOG CART****************************************************/    
#cartdialog
{
}

#cartdialog #headerbox
{
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	padding:5px;
	
}
#popcart 
{
    margin-top:5px;
}

#displaycontentcart
{
    margin-left:10px;
    margin-right:10px;
    margin-top:10px;
    /*display:none;*/
}

#displaycontentcart #content ul li
{
	background-color:#333;
	margin-top:2px;
	margin-bottom:2px;
	padding:4px;
	
}

#displaycontentcart #content ul li a
{
	color:#FFF;
	
}

#displaycontentcart #content ul li a:hover
{
	color:#CCC;
	
}

#displaycontentcart #content ul li:hover
{
		background-color:#222;
}

#displaycontentcart #content
{ 
    border:solid 0px #CCC;
        color:#FF2200;
    font-size:11px;
    
}

.infologin a
{color:#7466FF;}

.infologin a:hover
{color:#CCC;}

.infologin
{
	padding:4px;
	 font-size:12px;
	 text-align:center;
	 font-style:normal;
	 font-weight:bold;
	 margin:5px;
	 color:#FF2200;
}


#pagerconent
{
    color:#FFF;
    font-size:11px;
    margin-top:20px;
    margin-bottom:10px;
}
#pagerconent table
{
    width:380px;
}     

#pagerconent table 
{
    color:#FFF;
    font-weight:bold;
    text-decoration:none;
    border:none;
}     

#pagerconent a img{ border:none;}
   
/*END DIALOG CART****************************************************/    

/*DIALOG REGISTER****************************************************/    

#registerdialog
{
}

#registerdialog #headerbox
{
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	padding:5px;
	
}
#popregister
{
    margin-top:5px;
}

#displaycontentregister
{
    margin-left:10px;
    margin-right:10px;
    margin-top:10px;
    /*display:none;*/
}

#displaycontentregister #content ul li
{
	background-color:#333;
	margin-top:2px;
	margin-bottom:2px;
	padding:4px;
	text-align:center;
}

#displaycontentregister #content ul li a
{
	color:#FFF;
	
}

#displaycontentregister #content ul li a:hover
{
	color:#CCC;
	
}

#displaycontentregister #content ul li:hover
{
		background-color:#222;
}

#displaycontentregister #content
{ 
    border:solid 0px #CCC;
        color:#FFF;
    font-size:11px;
    
}



#displaycontentregister #info
{ margin-top:10px;
	   color:#FFF;
	   font-style:italic;
    font-size:11px;
}

/*END DIALOG REGISTER****************************************************/    


#ContainerSignUp
{
    font-size:11px;
    margin-top:10px;
    
}

#ContainerSignUp table
{
	margin-left:10px;
}

#ContainerSignUp table td
{
       border:solid 0px #000;
}
#ContainerSignUp table .header
{
    width:30%;
    padding-right:10px;
    color:#0C93CD;
 
}

#ContainerSignUp table .actionbutton
{ padding-top:20px;
  padding-bottom:20px;
    text-align:center;
}

#ContainerSignUp #HeaderText
{
    font-size:12px;
    color:#96BD02;
    font-weight:bold;
    border-bottom:dashed 1px #CCC;
    padding:8px;
    margin-bottom:20px;
}
#UserInfo
{
    background-color:#FF2200;
    color:#FFF;
    padding:10px;
    text-align:center;
    margin:20px;
    margin-top:100px;
	
}
#ContainerSignUp #MessageInfo
{
    background-color:#FF2200;
    color:#FFF;
    padding:10px;
    text-align:center;
    margin:20px;
}

.errormessage{ color:#FF2200;}


#AboutMe
{
	font-size:10px;
	margin-top:10px;
 color:#2A3B49;
 
 
}

#AboutMe img
{
 width:231px;
 height:31px;
 margin-left:10px;
 margin-bottom:30px;
 margin-top:10px;	}
 
 
 /****************************/
 
 
 #IndicatorProgress
 {
      
 color:#FFF;
 padding:10px;
 }
 
 
 .btn 
	{
	    border: none;
    background: url('../../Resource/images/audio_play.png') no-repeat top left;
     width:22px;
     height:22px;
     cursor:pointer;
	    }
	    	.btn2 
	{
	    border: none;
    background: url('../../Resource/images/audio_pause.png') no-repeat top left;
     width:22px;
     height:22px;
     cursor:pointer;
	    }

.ContentCategoryHeaderText
{
	font-size:medium;
	font-weight:bold;
	 color:#98C007;
	 padding-left:10px;
}
.ContentCategoryHeaderText span
{
	color:#E275DE;
}


.OnFocus
{
	
}




#searchcorener
{
 height:22px;
 width:164px;
 padding:0px;
 margin:0px; 	
 
 }
 
 .searchcorenertext
 {
 border:solid 1px #CCC;
  background-color:Transparent;
  width:130px;
  	}
  	
  	
/**********/
#popupcontent #info{ margin-top:10px;font-style:italic;font-size:11px;}
#popupcontent #innercontent{ width:100%; margin:0 auto;font-size:12px;}
#popupcontent #innercontent .header{background-color:#C1DD1E;text-align:center;font-weight:bold;}
#popupcontent #innercontent .header td{padding:2px;}
#popupcontent .footer{border-top: 1px solid #DDDDDD;padding-top: 5px;margin-top: 10px;text-align: right;margin-left:10px;margin-right:10px;font-size:12px;margin-bottom:10px;}
#popupcontent .footer a{ color:#000;padding:4px;}

#searchdialog #popupcontent #info{ margin-top:10px;font-style:italic;font-size:11px;}
#searchdialog #popupcontent #innercontent{ width:100%; margin:0 auto;font-size:12px;}
#searchdialog #popupcontent #innercontent .header{background-color:#C1DD1E;text-align:center;font-weight:bold;}
#searchdialog #popupcontent #innercontent .header td{padding:2px;}
#searchdialog #popupcontent .footer{border-top: 1px solid #DDDDDD;padding-top: 5px;margin-top: 10px;text-align: right;margin-left:10px;margin-right:10px;font-size:12px;margin-bottom:10px;}
#searchdialog #popupcontent .footer a{ color:#000;padding:4px;}
#searchdialog .InnerContentTd{background-image:url(../../Resource/images/bgsearch.gif);background-repeat:no-repeat;}
	
	
	
#searchdialog #AlfabetContainer{font-size:12px;margin-top:40px;
    color:#FFF; font-weight:bold;text-align:center;margin-bottom:10px;width:350px;}

#searchdialog #AlfabetContainer a
{color:#FFF; font-weight:bold;font-family:Verdana;font-size:11px;cursor:pointer;text-decoration:none;
}  
#searchdialog #AlfabetContainer a:hover
{
	color:#000;
}
.searchclass{width:250px;
             border:solid 1px #FFF;
             
             }
   
  .searchclass2{width:300px;
             border:solid 1px #FFF;
             
             }
                        
.line
{ 
    margin:10px;
    border-bottom:solid 1px #FFF; 
}             

#searchdialog #ContentDisplay
{ margin:10px;
  text-align:center;
	}

#searchdialog #ContentDisplay table td
{
	width:100px;
}

#searchdialog #Pager{ margin:10px;}

#searchdialog #Pager table{width:100%;font-size:11px;}

#searchdialog #Pager a{color:#FFF;font-weight:bold;text-decoration:none;}

#searchdialog #Pager a:hover{color:#000}
.inlist{ border:none;}

#searchdialog #ContentDisplay a
{
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
#searchdialog #ContentDisplay a:hover
{
	color:#000;	
}

#HomeSearch{ margin-top:10px;}

.MakeCenter
{
    text-align:center;
    margin-top:12px;
}


.otherarea{}
.otherarea img
{
 width:auto;	}

.otherarea table { width:100%;}

.InnerTextIndent
{
text-align:left; 
background-color:#efefef; 
font-size:11px;
font-family:Verdana;    
margin-left:10px;
margin-right:5px;
margin-bottom:10px;
margin-top:5px;
padding:5px 10px 10px 10px;
}

.InnerTextIndentRounded
{
	background-color: #efefef;
	color: #000;
	
	padding: 10px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px; 
	margin-left:10px;
margin-right:5px;
font-size:11px;
	}
.InnerTextIndent img
{
	width:auto;

}


.InnerTextIndent table { width:100%;}

#AccountInformation
{ margin-top:15px;
  
   font-size:12px; }
   
#AccountInformation table
{
    margin-left:20px;
    margin-top:15px;  }
    
#AccountInformation table tr
{
   height:20px;}    
#AccountInformation .header
{
    font-weight:bold;
    }
    
#RichTextEditor
{ clear:both;
  
  margin-top:15px;
  font-size:12px;
  padding:5px;
  background-color:#9EBEF5;
    }
    
#RichTextEditor img{ width:auto;}    

.ClearImagesBorder
{border:none;}
    
.help
{ width:74px;
  height:28px;
    background-image:url(../../Resource/images/help.jpg);
    background-repeat:no-repeat;
    cursor:pointer;

    }
#footers 
{
	padding-top:5px;
	width:100%;
	text-align:center;
	padding-left:30px;
	
}

#footers table{
 text-align:center; 
 width:auto;
 margin:0 auto;
}


#bannercontent a
{
	cursor:pointer;
    z-index:100;
    border:solid 1px #000000;
    padding:4px;
}