body { font-family: sans-serif; font-size: 12px; color: #000000; background-color: #e0d5c8; margin:0;}
td { font-family: sans-serif; font-size: 12px; color: #000000; position: relative;}
p {text-indent: 10px;}
  td.msgbody { font-size: 85% }
  .body img { padding-left: 5px; padding-right: 5px; }
  a { color: #000000; text-decoration: none; }
  .main-text a:visited { color: #999999; }
  .body a { color: blue; text-decoration: none;}
  .body a:visited { color: #6699CC; text-decoration: none;}

   .search a { color: blue; text-decoration: none;}
   .search a:visited { color: #6699CC; text-decoration: none;}

  a:hover { color: #ED1C24; text-decoration: none; }
  a:active { color: #ED1C24; text-decoration: none; }
  .header-1 { background-image: url(../../../images/header-bg-0.jpg); background-repeat: no-repeat; background-color: #E0D5C8; vertical-align: middle; padding-left: 16px; padding-right: 16px; }
  .petroshop { vertical-align: middle; }
  .header-bg-1 { background-image: url(../../../images/header-bg-1.jpg); }
  .header-bg-2 { background-image: url(../../../images/header-bg-2.jpg); background-repeat: no-repeat; background-color: #F5EEE6; text-align: right; vertical-align: middle; }
  .banners-1 { vertical-align: middle; }
  .banners-2 { vertical-align: middle; text-align: center; color: #FFFFFF; padding-top: 2px; padding-bottom: 2px; }
  .banners-3 { vertical-align: middle; text-align: center; color: #FFFFFF; padding-top: 6px; padding-bottom: 6px; }
  .conf { color: #534741; }
  .menu-item { text-align: left; vertical-align: middle; padding-left: 20px; padding-top: 2px; padding-bottom: 2px; }
  .new-1 { color: #FF0000; }
  .new-2 { color: #FF6600; }
  .main-text { padding-right: 10px; padding-left: 16px; font-size: 85%; font-family: times; }
  .avi { text-align: right; padding-top: 2px; padding-bottom: 2px; }
  .copyright { text-align: left; padding-top: 2px; padding-bottom: 2px; padding-left: 16px; }
  .info { text-align: center; padding-top: 2px; padding-bottom: 2px; }
  .msgbody { font-family: sans-serif; font-size: 85%; color: #000000; }    
  .top_texty { font-family: Tahoma, "Trebuchet MS", "MS Sans Serif"; font-size: 11px; font-style: normal; font-weight: normal; color: #333333; text-align:center}
  .top_texty a { font-family: Tahoma, "Trebuchet MS", "MS Sans Serif"; font-size: 11px; font-style: normal; text-decoration: none; font-weight: normal; color: #333333;text-align: center}
  .top_texty a:hover { font-family: Tahoma, "Trebuchet MS", "MS Sans Serif"; font-size: 11px; font-style: normal; font-weight: normal; color: #CC0000;text-align: center}
    .online_users {
        border-top: 2px solid gray;
        border-bottom: 2px solid gray;
        margin: 10px 0;
        width: 100%;
        height: 200px;
        overflow-y: scroll;
    }

    .hidden {
        background-color: #e0eaf6;
    }
    .hidden td {
        background-color: #e0eaf6;
    }

    img {
         border-style: none;
         padding: 0px;
         margin: 0px;
    }
    
    .main_actions {
        padding: 8px;
    }
    .main_actions img {  
        padding-right: 8px;
        float: left;
    }
    
      h1 { padding:0px; margin:0px; font-size: 12px; font-family: Arial; font-weight: bold;}
      h2 { font-size: 12px; font-family: Arial; font-weight: normal;   margin:0; padding:0;} 
      h3 { padding:0px; margin:0px; font-size:12px;  font-family:Arial; font-weight: normal;}



.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background:url(/images/drag.gif) no-repeat center top;
	height:30px
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 2;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background:url(/images/arr_up.gif) no-repeat center top;
	height:18px;
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background:url(/images/arr_dn.gif) no-repeat center top;
	height:18px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
			.scroll-wrap{width:177px;margin:10px auto; border-bottom-color:#000; border-bottom-style:outset; border-width:1px; border-top-color:#000; border-top-style:outset;}
			.scroll-pane{width:170px;height:740px;padding:0 0 0 10px;overflow:auto}
			
			.scroll-pane_users{width:170px;height:740px;padding:0 0 0 10px;overflow:auto}

.item  { margin-bottom: 6px; text-align:left; }			
  .itemtg a { font-family: Tahoma, "Trebuchet MS", "MS Sans Serif"; font-size: 11px; font-style: normal; text-decoration: none; font-weight: normal; color: #333333;text-align: center}
  .itemf a:hover, .ihtem a:active {font-family: Tahoma, "Trebuchet MS", "MS Sans Serif"; font-size: 11px; font-style: normal; font-weight: normal; color: #CC0000;text-align: center}




blockquote {
border : 1px solid #e0d5c8;background-color:#FAF4EC; 
width: 80%;font-style:italic;  color:#333333;
padding:3px;
margin: 0 0 4px 10px; 
/*quotes: "\201C" "\201D";*/
} 

.error {
    font-weight: bold;
    color: red;
}

/* блок приикрепа по смс */

                                    .btn_stick { float:left;  width:80px; margin:5px;background:#6F6F6F; height:14px; text-align:center; font: 14px bold Tahoma; color:#fff; padding: 4px; margin-left:3px;cursor:pointer}
                                    .btn_stick:hover { background:#a14a52; text-decoration:underline; }
                                    .btn_stick_sel { background:#a14a52; text-decoration:underline; }
                                    #stick_dlg{   border-color:orange; border-style: solid; border-width:1px; padding:10px 3px 3px 3px;margin:0 auto; width: 470px;display:none;     }