/* CSS Document */

body { margin:0px 0px 0px 0px;  background:#E9EBCF; font-family:Verdana, Arial, Helvetica, sans-serif;}
img { border:0px;}
.fon1 { background:#990000 url(/images/top_21.jpg) bottom no-repeat;}
.fon2 { background: url(/images/images_23.jpg) bottom repeat-x;}
.fon3 { background:url(/images/netminusa_final_04.jpg) top repeat-x;}
.fon4 { background:url(/images/netminusa_final_08.jpg) top repeat-x;}
#fon5 { background:#E9ECCF url(/images/images_27.jpg) top repeat-x; height:51px; color:#FFA78E; padding-top:7px;}
#fon6 { background: url(/images/images_60.jpg) no-repeat; height:41px; padding:2px 0px 0px 40px; }
.fon7 { background:#FC3441 url(/images/images_64.jpg) repeat-x; height:22px;}
.fon8 { background:url(/images/images_61.jpg) top repeat-x; color:#FFFFFF; font-size:10px; padding:15px 40px 0px 0px;}
.fon9 { background:url(/images/images_03.jpg) no-repeat; width:150px; height:96px;}
.fon10 { background:url(/images/images_07.jpg) top no-repeat; width:53px;}
.fon11 { background:url(/images/images_11.jpg) top no-repeat; width:22px;}

/* стили для меню */

#menu { color:#FFFFFF;}
#menu a:link{  color:#FFFFFF; font-size:10px; font-weight:normal; text-decoration:none; }
#menu a:hover { background:#640100; color:#FFFFFF;  font-size:10px; font-weight:normal; text-decoration:none;}
#menu a:visited {  color:#FFFFFF; font-size:10px; font-weight:normal; text-decoration:none; }
.menutd1 { padding:7px 6px 12px 13px;  background:url(/images/polosa_23.gif) right top no-repeat; width:70px;}
.menutd2 { padding:7px 11px 12px;  background:url(/images/polosa_23.gif) right top no-repeat; width:110px;}
.menutd3 { padding:7px 0px 12px 10px; }
.text1 { color:#FFFFFF; font-size:10px; font-weight:bold; padding:7px 6px 5px 9px;}
#fon5 a:link {  color:#FFA78E; font-size:12px; font-weight:bold; text-decoration:none; padding-left:3px; padding-right:3px;}
#fon5 a:hover { background:#640100;  font-size:12px; font-weight:bold; text-decoration:none; padding-left:3px; padding-right:3px; }
#fon5 a:visited {  color:#FFA78E; font-size:12px; font-weight:bold; text-decoration:none; padding-left:3px; padding-right:3px;}

/* левый блок сайта */

#l {  font-size:11px; color:#FFFFFF;  background:#FC3441 url(/images/polosa2_60.gif) repeat-y; }
.nizfon {background: url(/images/polosa2_60.gif) repeat-y;}

#l a { color:#FFFFFF; font-weight:bold; font-size:11px; text-decoration:none; }
#l a:hover { color:#FFA78E; font-weight:bold; font-size:11px; text-decoration:none; }



#opros { display:block; width:189px; background:#FC3441 url(/images/images_31.jpg) repeat-x top; padding:23px 0px 6px; }
.blokop { display:block; padding-bottom:11px; background:#A11E27 url(/images/ugol_45.gif) bottom right no-repeat;     }
.blokop1 { display:block; width:182px; border-right:#E08976 solid 2px; padding:12px 1px 0px 8px;  }

.scet { display:block; width:189px; background:#FC3441; padding:18px 0px 6px; }

/* правый блок сайта */

#p { padding:19px 10px 30px 21px; font-size:13px;}
#p a{ font-size:13px; color:#333333; text-decoration:none; }
#p a:hover { color:#841700; font-size:13px; text-decoration:none; }


.ptop { 
/*background: url('/images/shov.jpg') no-repeat center center;*/
border-top:#000000 solid 1px; height:12px;}

.ptop_order { 
background: url('/images/shov.jpg') no-repeat center center;
border-top:#000000 solid 1px; height:12px;}

.p_c {
background: url('/images/shov.jpg') center center;
background-repeat:repeat;
float:left;
width:1.4%;
height:925px;

}
.pl { border-left:#000000 solid 1px;}
.pp { border-right:#000000 solid 1px;}
.pbottom {
/*background: url('/images/shov.jpg') no-repeat center center;*/
border-bottom:#000000 solid 1px; height:12px;}

.pbottom_order {
background: url('/images/shov.jpg') no-repeat center center;
border-bottom:#000000 solid 1px; height:12px;}

.first_d {
  float:left;
  width:49.3%;
  
}
.last_d {
  float:left;
  width:49.0%;
  /*border:1px solid #000000;*/
}

.order_form {

  margin: 0 auto;
  width:45%;

}

.order_h1 {
   text-align:center;
   padding-bottom:5px;
   font-size:16px;
   margin: 0 auto;
   color: #993333;
   /*font-weight:bold;*/

}

.order_form td {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:16px;
   padding:5px;
}

.order_but {
   width:105px !important;
   height:30px !important;

}

.order_form input {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:15px;
   width:195px;
   height:16px;
}
.order_form select {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:15px;
   width:200px;
   height:24px;

}




.zag { padding:0px 0px 2px 18px;  font-size:11px; color:#666666;}

/* новиники */

#text1 { color:#FFFFFF; font-weight:bold; font-size:10px; padding:1px 0px 1px 0px; height:72px;}
#text1 a { color:#FFFFFF; font-weight:bold; font-size:10px; text-decoration:none; }
#text1 a:hover { color:#FFA78E; font-weight:bold; font-size:10px; text-decoration:none; }


/* популярные песни (продублировал один и тот же стиль для ссылок для простоты разбора моего кода) */

#text2 { color:#FFFFFF; font-weight:bold; font-size:10px; padding:1px 0px 1px 0px; height:72px;}
#text2 a { color:#FFFFFF; font-weight:bold; font-size:10px; text-decoration:none; }
#text2 a:hover { color:#FFA78E; font-weight:bold; font-size:10px; text-decoration:none; }



.view { background: url(/images/border_03.jpg) left repeat-y;}

#vierstyle {color:#333333;}
#vierstyle .pad { padding-right:20px; color:#333333;}
#vierstyle .pad2 { padding-left:40px; color:#333333;}

/* страницы viewer */
.style33 {font-size: 12px; font-weight: bold;}
.style4 {font-size: 12px;}
.nevidimca {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 9px;}
.vnimanie {color: #A11E26;}
.style11 {color: #000000;}
.style13 {color: #FFFFFF; font-size: 5px; background: #E5E5E5; padding:5px;}
.style14 {font-size: 9px; color: #E9EBCF;}
.tabl_vnimanie {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color:#333333;	background: #F4D7D0; padding:8px; border:#FF0066 dotted 1px;}
.o_cene {color: #666666;}

#skach { font-weight:bold; color:#33CCFF; font-weight: bold;}
#skach a { color:#33CCFF;} 
#skach a:hover { color:#33EEFF; }

#skach2 {font-size:16px; color:#FD3542; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; }
#skach2 a { color:#FD3542;}
#skach2 a:hover { color:#D2000E;}
#podtext { color:#FFFFFF; font-weight:bold; font-size:8px; padding:1px 0px 1px 0px; height:72px;}



.pad { padding-right:20px; color:#333333;}
.pad2 { padding-left:40px; color:#333333;}

/* страницы viewer */
.style33 {font-size: 12px; font-weight: bold; color: #000; text-align: center;}
.style4 {font-size: 12px;}
.nevidimca {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 9px;}
.vnimanie {color: #A11E26;}
.upload {color: #F00000; font-size: 12px; background: #FDE8EA; padding:3px;}
.upload_t {color: #FFFFFF;}
.style11 {color: #000000;}
.style13 {color: #FFFFFF; font-size: 5px; background: #E1E1E1; padding:5px;}
.style14 {font-size: 9px; color: #E9EBCF;}
.tabl_vnimanie {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color:#333333;	background: #FDE8EA; padding:8px; border:#FF6464 dotted 1px;}
.tabl_upload{font-family: Arial, Helvetica, sans-serif;	font-size: 12px; background: #D8FED8; padding:5px; border:#000000 dotted 1px; text-align: center; font-weight: bold;}
.o_cene {color: #666666;}

#skach { font-weight:bold; color:#33CCFF; font-weight: bold;}
#skach a { color:#33CCFF;} 
#skach a:hover { color:#33EEFF; }

#skach2 {font-size:16px; color:#FD3542; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; }
#skach2 a { color:#FD3542;}
#skach2 a:hover { color:#D2000E;}
#podtext { color:#FFFFFF; font-weight:bold; font-size:8px; padding:1px 0px 1px 0px; height:72px;}
.demka {font-size:8px; }


.guest {
	width: 500px;
	border: 1px solid #eee;
	padding: 10px;
	margin: 10px auto;
	text-align: left;
}
	dl.star-rating {
		margin: 0 auto;
	}

       dl.star-rating ol {
                margin: 0 0 0 75px;
                padding: 0;
                list-style: none;
                width: 100px;
                height: 20px;
                position: relative;
                background: url(/images/stars.png);
        }
        dl.star-rating li {
                float: left;
                margin: 0;
                padding: 0;
        }
        dl.star-rating li a {
                display: block;
                width: 20px;
                height: 20px;
                text-indent: -9999px;
                position: absolute;
                text-decoration: none;
                z-index: 10;
        }
        dl.star-rating li a:hover {
                background: url(/images/stars.png) left center;
                left: 0;
                z-index: 2;
        }
        dl.star-rating a.star1 {
                left: 0;
        }        dl.star-rating a.star1:hover {
                width: 20px;
        }
        dl.star-rating a.star2 {
                left: 20px;
        }        dl.star-rating a.star2:hover {
                width: 40px;
        }
        dl.star-rating a.star3 {
                left: 40px;
        } dl.star-rating a.star3:hover {
                width: 60px;
        }
        dl.star-rating a.star4 {
                left: 60px;
        }        dl.star-rating a.star4:hover {
                width: 80px;
        }
        dl.star-rating a.star5 {
                left: 80px;
        } dl.star-rating a.star5:hover {
                width: 100px;
        }
        dl.star-rating li.current {
                background: url(/images/stars.png) left bottom;
                height: 20px;
                z-index: 1;
        }

        dl.star-rating ol>li a:hover{
                text-indent: 110px;
  }
ul.grlist {
	padding: 0px;
	margin: 0 0 0 20px;
}
#guest { border: 0px solid #ccc; margin: 0 auto; padding: 10px; width: 490px;background: #fff url('/images/guest.png') repeat-x;}
#guest fieldset { margin: 0 0 10px 0; padding: 0px; border: 0px; font-size: 14px; font-weight: bold; } 
#guest label { width: 150px; float: left; margin: 5px 0;}
#guest input { float: left; width: 300px; margin: 5px;}
#guest textarea { width: 300px; height: 100px; margin: 5px;} 
#guest input[type=submit] { margin-left: 155px; padding: 10px; width: 200px; font-size: 20px;}


#error { width: 500px; margin: 10px auto; padding: 10px; color: darkred; border: 1px solid darkred; background: #F5AEAE; text-align: center; font-size: 14px; }
#msg { width: 500px; margin: 10px auto; padding: 10px; color: darkgreen; border: 1px solid darkgreen; background: #C4F5AE; text-align: center; font-size: 14px; }