body
{
	background-color: #fff;
	font-family: Helvetica, Arial;
	font-size: 13px;
	margin:0px;
        padding:0px;
	line-height: 15px;
background-image: url(/images/fon1.jpg) ;
background-repeat:no-repeat; background-position:right top;	
}

DIV.ProgressBar { width: 100px; padding: 0; border: 1px solid black; margin-right: 1em; height:.75em; margin-left:1em; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; }
DIV.ProgressBar DIV { background-color: Green; font-size: 1pt; height:100%; float:left; }
SPAN.asyncUploader OBJECT { position: relative; top: 5px; left: 10px; }

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
border: 1px solid #000;
background: #fff; 
width: 738px; 
height: 27px; 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 718px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

html
{
	
	margin:0px;
        padding:10px;
	
}

.t_tabl
{
margin:0px; padding:0px; border:none;
}

.t_cell
{
margin:0px; padding:0px;
}

.b_blue
{
padding: 2px 6px 3px 6px;
border-collapse:collapse;
border:1px solid #005282;
background-color:#3299F8;
color:#FFF;
cursor:pointer;
-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	border-radius: 3px; /* CSS3 */
-khtml-border-radius: 3px; /* KHTML */
}

.b_blue:hover
{
border:1px solid #3299F8;
background-color:#6AC5FF;
text-decoration: underline;
}

.b_matrix
{
padding: 2px 6px 3px 6px;
border-collapse:collapse;
border:1px solid #999;
background-color:#f6f6f6;
color:#eee;
cursor:pointer;
-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	border-radius: 3px; /* CSS3 */
-khtml-border-radius: 3px; /* KHTML */

background-image:url(/img_svideos/bfon_matrix.jpg);
background-position:center;
background-repeat:no-repeat;

}

.b_matrix:hover
{
border:1px solid #bbb;
background-color:#FAFAFA;
text-decoration: underline;
background-image:none;
}

.b_red
{
padding: 2px 6px 3px 6px;
border-collapse:collapse;
border:1px solid #7A1241;
background-color:#D6206F;
color:#FFF;
cursor:pointer;
-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	border-radius: 3px; /* CSS3 */
-khtml-border-radius: 3px; /* KHTML */
}

.b_red:hover
{
border:1px solid #D6206F;
background-color:#E959A7;
text-decoration: underline;
}


.b_green
{
padding: 2px 6px 3px 6px;
border-collapse:collapse;
border:1px solid #38540A;
background-color:#6CA313;
color:#FFF;
cursor:pointer;
-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	border-radius: 3px; /* CSS3 */
-khtml-border-radius: 3px; /* KHTML */

}

.b_green:hover
{
border:1px solid #6CA313;
background-color:#ABCF4C;
text-decoration: underline;
}

.b_none
{
padding: 2px 6px 3px 6px;
border-collapse:collapse;
border:1px solid #999;
background-color:#f6f6f6;
color:#eee;
cursor:pointer;
-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	border-radius: 3px; /* CSS3 */
-khtml-border-radius: 3px; /* KHTML */
}
.b_none:hover
{
border:1px solid #bbb;
background-color:#FAFAFA;
text-decoration: underline;
}

.b_white
{
border:1px solid #ccc;
background-color:#FFF;
padding: 3px 6px 3px 6px;
border-collapse:collapse;
-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	border-radius: 3px; /* CSS3 */
-khtml-border-radius: 3px; /* KHTML */

}

.o_bottom
{
margin-bottom:10px;
}

.o_right
{
margin-right:10px;
}

.o_left
{
margin-left:10px;
}

input
{
-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	border-radius: 3px; /* CSS3 */
-khtml-border-radius: 3px; /* KHTML */
border:1px solid #999;
margin:5px 0px 0px -1px;
}

.input
{
padding:3px 0px 3px 1px;
}


.round
{
-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	border-radius: 5px; /* CSS3 */
-khtml-border-radius: 5px; /* KHTML */

border:1px solid #bbb;
padding:12px;
background-color:#fff;
/* display:table-cell;
 vertical-align:middle; */
}

.shadow
{
-moz-box-shadow: 2px  2px 2px #666;
	-webkit-box-shadow: 2px  2px  2px #666;
	box-shadow: 2px  2px  2px #666;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#666666,offX=2,offY=2, positive=true);

}

.gradient {
/* Firefox 3.6 */
    background-image: -moz-linear-gradient(top, #ffffff, #f8f8f8);
/* Safari & Chrome */
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #f8f8f8), color-stop(1, #ffffff));
/* IE6 & IE7 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#f8f8f8');
/* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#f8f8f8')";
}


hr
{
 color: #eee; /*для IE */
    background-color:#eee; /*для Firefox, Opera, Safari*/
    border:0px none;
    height:1px; /* высота 1px IE, Firefox, Opera, Safari */
    clear:both; /* для очистки, если тег идет после float елемента */
}


img
{
border:0px;
}

p
{
line-height:16px;
margin: 0px 0px 10px 0px;
}

div
{
line-height:16px;
margin: 0px;
}

h1
{
font-weight:normal;
	font-size: 26px;
line-height:28px;
	margin: 0px 0px 12px 0px;
padding: 0px 0px 0px 0px;
color:#d6206f;
}

h2
{
	font-weight:normal;
	
	font-size: 22px;
	margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
line-height:24px;

}

h3
{
	
	font-weight:normal;
	font-size: 18px;
	margin: 0px 0px 10px 0px;
padding: 0px;
color:#777;
line-height:20px;
}


a:link {
	text-decoration: none;
color:#009cff;
}
a:visited {
	text-decoration: none;
color:#0171b8;
}
a:hover {
	text-decoration: underline;
color:#f5388a;
}
a:active {
	text-decoration: underline;
color:#999;
}



/* Скрол */

#myScroll .scrollEl{
  display:none;
  border:0px solid #ddd;
  padding:0px;
  text-align:center;
}

#controls div{
  font-family:arial;
  margin:4px 5px 0px 5px;

  display:inline-block;
  padding:0px;
  cursor:pointer;
}

#myScroll{
  margin:0px;
}

#controls .sel {
  color:black !important;
  font-weight:bold;

}
#controls .disabled{
  color:#bbb;
}
#controls .page{
  padding:0px 5px 0px 5px;;
  color:#bbb;
}














/* ========================== Стиль 2011 */


/* стили для ссылок на - и на + */

span#vote_no, span#vote_yes {}


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

span#vote_rank {padding:0px 0px 0px 0px; margin: 3px 2px 3px 2px;   }

/* стили для отображения результатов голосования когда юзер может проголосовать (первый) и когда не может (второй) целесообразно использовать, если стили  должны различаться. Если не должны то следует оставить пустыми. Менять названия этих двух стилей нельзя */

span.can_vote, span.cannot_vote  {padding:1px 0px 0px 0px; margin: 3px 2px 3px 2px;   }




#s3slider { 
   width: 250px; /* important to be same as image width */ 
   height: 210px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
margin:-12px 0px 12px -40px;

}

#s3sliderContent {
   width:210px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
width:210px;
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px Arial, Helvetica, sans-serif;
   padding: 3px 10px;
   width: 200px;
height:14px;
   background-color: #d6206f;
   filter: alpha(opacity=30); /* here you can set the opacity of box with text */
   -moz-opacity: 0.4; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.4; /* here you can set the opacity of box with text */
   opacity: 0.4; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}











.form_lile
{
border: 1px solid #ddd;
}

.form_no_video
{
margin: 10px 10x 10x 10x; padding:10px 10px 10px 10px; display: none; background-color:#fcfcfc; border:1px solid #ddd;  width:390px;
}



.listok
{
border: 1px solid #ddd;
margin:0px 0px 10px 0px;
background:url(/images/svideos_images/page_02.jpg) bottom right no-repeat;

}

.whitefon
{
padding: 0px; 
margin:0px; 
background-color:#fff;
}

.image_border
{
margin-bottom: 10px;
border: 1px solid #999999;
}

.mini_text
{
font-size:11px;
color:#777;
}


.x_td
{
border-collapse: collapse;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #CCC;
	border-bottom-color: #CCC;

}


.x_table
{

border-collapse: collapse;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCC;
border-left-color: #CCC;

}

.none{display:none;}
.visible{display:block;}






.dashed_link
{
	color: #AA0000;
	text-decoration: none;
	border-bottom: 1px dashed #AA0000;
}



/* Для 1 - 2 - 3 списка информационных элементов */
.current, .page_link, .ctrl
{
	padding: 0.2em 0.5em 0.3em 0.5em;
	float: left;
	display: block;
	margin-right: 0.3em;
}

.page_link
{
	border: 1px dashed #bbbbbb;
margin: 0px 6px 0px 0px;
padding:2px 6px 1px  6px;
}

.current
{
	background:#d6206f;
	color: #fff;
	border: 1px solid #d73000;
margin: 0px 6px 0px 0px;
padding:2px 6px 1px 6px;

}

.ctrl
{
	padding: 0.5em 0.5em 0.3em 0.5em;
	font-size: 10px;
	color: #4F3327;
}

.path_arrow
{
	color: #0096AA;
	padding: 0px 5px 0px 5px;
	font-size: 10pt;
}

/* Строки фильтра и сортировки */
.shop_block
{
	border: 1px solid #C6BEA7;
	background-color: #efefef;
	padding: 5px 7px;
	margin: 10px 0px 10px 0px;
}

.shop_block a
{
	position: relative;
	z-index: 2;
}

.arrow_up
{
	width: 16px;
	height: 16px;
	position: absolute;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/hostcmsfiles/images/arrow_up.png');
	z-index: 1;
}

.arrow_up_gray
{
	width: 16px;
	height: 16px;
	position: absolute;
	z-index: 1;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/hostcmsfiles/images/arrow_up_gray.png');
}

.arrow_down
{
	width: 16px;
	height: 16px;
	position: absolute;
	z-index: 1;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/hostcmsfiles/images/arrow_down.png');
}

.arrow_down_gray
{
	width: 16px;
	height: 16px;
	position: absolute;
	z-index: 1;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/hostcmsfiles/images/arrow_down_gray.png');
}

.shop_navigation_table
{
	color: #AFA696;
	margin-top: 10px;
}

#shop_navigation, #shop_navigation_current
{
	padding: 5px;
	/* background-color: #F6F3F0; */
	font-size: 9pt;
}

#shop_navigation
{
	border: 1px solid #E0DCCA;
	color: #AFA696;
}

#shop_navigation_current
{
	border: 1px solid #B8B298;
	color: #433212;
}
/* END стили для магазина */

.stars
{
	margin: 0px;
	padding: 0px;
}

.stars li
{
	margin: 0px;
	padding: 0px;
	width: 16px;
	height: 16px;
	float: left;
	background: url('/hostcmsfiles/images/stars_gray.gif') no-repeat 0 0;
	cursor: pointer;
	list-style-type: none;
}

.stars .curr
{
	margin: 0px;
	padding: 0px;
	width: 16px;
	height: 16px;
	float: left;
	background: none;
	background: url('/hostcmsfiles/images/stars_single.gif') no-repeat 0 0;
}