/* STYLESATOR */
body {background-color:#dbdbdb;}

/* MYSTYLE */

/* тело документа */
body {color:#000000; font:11px Verdana; }

/* ссылки  */
a,a:active{color:#005DB5; font: bold 11px Verdana; text-decoration: none;}
a:hover{text-decoration: underline;}

/* таблицы */
table { border:1px #aaaaaa solid; border-collapse:collapse;}
td {color:#000000; background-color: #dbdbdb; font: 11px Verdana; padding:4px; border:1px #aaaaaa solid; }
#headtable {width:100%; border-spacing:0; border:0; }
#headtable td {border: 0; padding: 0 20px;}

/* кнопки */
.ok {color: #000000; font: 11px Verdana; background: #dbdbdb; border: 1px solid #000000; cursor: pointer;}
.ok2 {color: #000000; font: bold 11px Verdana; background: #cecece; border: 1px solid #000000; cursor: pointer;}
.ok2:hover {color: #cecece; font: bold 11px Verdana; background: #615d5a; border: 1px solid #cecece; cursor: pointer;}
.link2b {color: #000000; font: 11px Verdana; background: #dbdbdb; border: 1px solid #000000; cursor: pointer; padding: 1px 5px;}
.link2b:hover {color: #000000; font: 11px Verdana; background: #cecece; border: 1px solid #000000; cursor: pointer; padding: 1px 5px; text-decoration: none;}
.withoutborder {color: #000000; font: 11px Verdana; cursor: pointer;  padding: 0; border: 0; background-color: transparent;}

/* контейнеры с тенью (FF only) */
.shadow2{
box-shadow: 4px 4px 5px #818181;
-webkit-box-shadow: 4px 4px 5px #818181;
-moz-box-shadow: 4px 4px 5px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=4, offY=4, positive=true);
}
/* контейнеры с тенью */
<![if !IE 6]>
.shiftcontainer{
position: relative;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}
.shadowcontainer{
background-color: #818181;
}
.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: #dbdbdb;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}
<![endif]>

/* цитата в чате */
.zaglushka {}
blockquote {
border: dotted #666 1px;
border-left: solid #888 5px;
margin: 0 40px;
padding: 5px 5px 5px 15px;
color: #333;
font: italic 12px tahoma;
background: #fcfcfc;
}
blockquote h3{
background: #cecece none repeat scroll 0 0;
color: #222;
font: bold 12px tahoma;
margin: 0;
padding: 3px;
}

/* текстовые поля */
.text {color: #000000; font: 11px Verdana; background: #ffffff; border: 1px solid #000000;}

/* стиль заголовка таблицы .title */
.title   {color:white; background-color:#aaaaaa; font-weight:bold;}
.title a {color:white;}
.title a:active {color:white;}
.title a:hover {color:white;}
.low {color:gray; font:normal 11px;} 

.title2   {color:white; background: url(menu/title.gif) repeat-x; font-weight:bold;}
.title2 a {color:white;}
.title2 a:active {color:white;}
.title2 a:hover {color:white;}


/* стиль никлиста в фрейме участников для #id=users */
#users table {border:0px;}
#users td {border:0px; background-color:  transparent; }
#users a { font: bold 11px Verdana; }

/* полупрозрачные счетчики на титульной странице */
#banners a img { 
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40); 
} 
#banners a:hover img { 
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); 
} 

/* закругленные блоки */
.raised { background:transparent;}
.raised h1, .raised p { margin:0 10px; }
.raised h1 { font-size:2em; color:#444; }
.raised p { padding-bottom:0.5em; }
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b { display:block; overflow:hidden; font-size:1px; }
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b { height:1px; }
.raised .b2 { background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee; }
.raised .b3 { background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd; }
.raised .b4 { background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa; }
.raised .b4b { background:#ccc; border-left:1px solid #eee; border-right:1px solid #999; }
.raised .b3b { background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999; }
.raised .b2b { background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999; }
.raised .b1 { margin:0 5px; background:#fff; }
.raised .b2, .raised .b2b { margin:0 3px; border-width:0 2px; }
.raised .b3, .raised .b3b { margin:0 2px; }
.raised .b4, .raised .b4b { height:2px; margin:0 1px; }
.raised .b1b { margin:0 5px; background:#999; }
.raised .boxcontent { display:block; background:#ccc; border-left:1px solid #fff; border-right:1px solid #999; padding-top: 3px;} 

.inset { background:transparent;}
.inset h1, .inset p { margin:0 10px; }
.inset h1 { font-size:2em; color:#444; }
.inset p { padding-bottom:0.5em; }
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b { display:block; overflow:hidden; font-size:1px; }
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b { height:1px; }
.inset .b2 { background:#ccc; border-left:1px solid #999; border-right:1px solid #aaa; }
.inset .b3 { background:#ccc; border-left:1px solid #999; border-right:1px solid #ddd; }
.inset .b4 { background:#ccc; border-left:1px solid #999; border-right:1px solid #eee; }
.inset .b4b { background:#ccc; border-left:1px solid #aaa; border-right:1px solid #fff; }
.inset .b3b { background:#ccc; border-left:1px solid #ddd; border-right:1px solid #fff; }
.inset .b2b { background:#ccc; border-left:1px solid #eee; border-right:1px solid #fff; }
.inset .b1 { margin:0 5px; background:#999; }
.inset .b2, .inset .b2b { margin:0 3px; border-width:0 2px; }
.inset .b3, .inset .b3b { margin:0 2px; }
.inset .b4, .inset .b4b { height:2px; margin:0 1px; }
.inset .b1b { margin:0 5px; background:#fff; }
.inset .boxcontent { display:block; background:#ccc; border-left:1px solid #999; border-right:1px solid #fff; padding-top: 3px;} 

.divright {width:290px;margin-left: 2px;}

/* кнопка закрыть */
.close{float:right; display:block; cursor:pointer; color:#ccc; font:normal 14px Verdana; margin:-4px 10px 0 0; text-decoration:none;}
.close span{color:#aaa; font:bold 14px "Arial Black";}
.close:hover, .close:active, .close:active span {color:#666; font:normal 14px Verdana; text-decoration:none;}
.close:hover span, .close:active span {color:#666; font:bold 14px "Arial Black"; text-decoration:none;}
/* кнопка удалить */
div .delete{float:right; display:block; cursor:pointer; color:#ccc; font:normal 14px Verdana; height:6px; margin:-3px 5px; text-decoration:none;  visibility:hidden}
div .delete span{color:#aaa; font:bold 14px "Arial Black";}
div .delete:hover, .close:active, .close:active span {color:#666; font:normal 14px Verdana; text-decoration:none;}
div .delete:hover span, .close:active span {color:#666; font:bold 14px "Arial Black"; text-decoration:none;}
div:hover .delete{display:block; visibility:visible;}

/* диалоговое окно */
.blue .dialog-title{background: #22226A;}
.blue .dialog-title span{color: #ddd;}
.red .dialog-title{background: #FF0000;}
.red .dialog-title span{color: #ddd;}
.gray .dialog-title{background: #aaa;}
.gray .dialog-title span{color: #333;}
.red, blue, gray{display: block;}
.dialog{display: none;}
.dialog, .gray, .red, .blue{
	border-radius: 10px;	-moz-border-radius: 10px;	-webkit-border-radius: 10px;	-khtml-border-radius: 10px;
	background: url("./img/bg_alert.png") repeat scroll 0 0 transparent;
	color: #222222;
	padding: 10px;
	position: fixed;
	z-index: 10; 
	width: 350px; 
	top: 100px; 
	left: 150px;
}
.dialog-title{
	border-radius: 5px 5px 0px 0px;	-moz-border-radius: 5px 5px 0px 0px;	-webkit-border-radius: 5px 5px 0px 0px;	-khtml-border-radius: 5px 5px 0px 0px;
	border: 1px solid #000000;
	border-style: solid solid none;
	padding: 5px 3px 3px 11px;
	display: block;
	position: relative;
	height:14px;
	font-weight: bold;
}
.dialog-content{
	background: #eee;
	border: 1px solid #000000;
	border-style: none solid;
	color: #333;
	padding: 20px 10px;
}
.dialog-buttonpane{
	border-radius: 0px 0px 5px 5px;	-moz-border-radius: 0px 0px 5px 5px;	-webkit-border-radius: 0px 0px 5px 5px;	-khtml-border-radius: 0px 0px 5px 5px;
	background: #e1e1e1;
	border-color: #000000;
	border-style: none solid solid;
	border-width: medium 1px 1px;
	padding: 0.3em 1em 0.5em 0.4em;
	text-align: center;
	color: #222;
}
.dialog-button{
	border-radius: 4px;	-moz-border-radius: 4px;	-webkit-border-radius: 4px;	-khtml-border-radius: 4px;
	cursor: pointer;
	padding: 2px 7px;
	background: url("./img/bg_glass.png") repeat-x scroll 50% 50% #E6E6E6;
	border: 1px solid #D3D3D3;
	color: #555555;
	font: 12px normal Verdana,Arial,sans-serif;
}
.dialog-button:hover{
	background: url("./img/bg_glass_dadada.png") repeat-x scroll 50% 50% #E6E6E6;
	border: 1px solid #999999;
	color: #212121;
}
/* конец диалогового окна */

.popup {
position:absolute;
background:#FFFACD;
border:1px solid #000;
padding:2px;
}

.header-body{
background-color:#dbdbdb;
background-image: none;
}

.chat-body, .users-body, .smile-body, .igra-body, .privat-body{
background-color:#cecece;
background-image: none;
}
