/* ********************************
*      http://library.chuvsu.ru   *
********************************* */

p.MsoNormal, li.MsoNormal, div.MsoNormal
{
	margin:0;
	margin-bottom:0;
}

	body{
	padding: 0;
	margin: 0;
  background: url(bg_all.jpg);
}

table{font: 83% Verdana;}
table table{font-size: 100%;}
table tr td{vertical-align: top;}

h1{
	font: bold 13px Verdana;
	margin: 8px 0 5px 0;
	color: #333300;
}

h5{
	font: bold 15px Verdana;
	text-align: center;
}

h6{
	font: bold 14px Verdana;
}

a:link{
	text-decoration: none;
	color: #993300;
}
a:hover{
	color: #333300;
	text-decoration: underline;
}

img{
	border: 0;
}

hr{
	width: 50%;
	text-align: left;
	margin-bottom: 3px;
}

#table1 table{
	border-width: 1px  0 0 1px;
	border-style: solid;
	border-color: #333300;
  font: 12px Verdana;
}
#table1 table tr td{
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #333300;
	padding: 3px 8px 3px 8px;
}
#table1 table tr th{
	background: #CC9966;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #333300;
	padding: 3px 8px 3px 8px;
}

#chap ul li{
	padding: 3px 8px 3px 8px;
	color: #993300;
	list-style: square;
}
#chap a:link{
	color: #993300;
}

#textfield{
  margin: 15px 15px 10px 30px;
}

#darkbold{
	font: 12px Verdana;
	font-weight: bold;
	color: #333300;
	padding-left: 10px;
}

div #darkbold a:link, div #darkbold a:visited{
	display: block;
	font: 12px Verdana;
	font-weight: bold;
	color: #333300;
	text-decoration: none;
	white-space: nowrap;
	line-height: 20px;
	padding-left: 10px;
}

div.darkbold a:hover{
	text-decoration: underline;
}


#light{
	color: #777777;
}

ul.submenu{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.submenu a:link, ul.submenu a:visited{
	display: block;
	font: 12px Verdana;
	color: #333300;
	text-decoration: none;
	white-space: nowrap;
	line-height: 20px;
	padding-left: 10px;
}
ul.submenu a:hover{
	text-decoration: underline;
}

#copyright{
	font: 11px Verdana;
	color: #CC6666;
	text-align: right;
	margin: 7px;
}

#contacts{
	font: 11px Verdana;
	color: #CC6666;
	margin: 7px;
}

#datetime{
	font: 11px Verdana;
	color: #333300;
	padding-right: 37px;
	text-align: right;
}

#botlinks, #botlinks a:link, #botlinks a:visited{
	font: 11px Verdana;
	color: #CC6666;
	text-decoration: none;
	margin: 30px 3px 0 3px;
}
#botlinks a:hover{
	text-decoration: underline;
}

input.search{
	border: 1px solid;
	background: #cccccc;
	width: 250px;
}

input.button{
	height: 22px;
	width: 80px;
	background: #cccccc;
	margin: 20px 3px 0 3px;
	border: 1px solid;
}
/* ********************************
*     hint                        *
********************************* */
.thanks {
            position: relative;
            display: inline-block;
            width: 36px;
            height: 29px;
        }


        /* Простой вид подсказки */
        [data-hint]:after {
            opacity: 0;
            content: "";
        }
        [data-hint]:hover {} /* IE10 без этой строчки не работает */
        [data-hint]:hover:after {
            opacity: 1;
            -webkit-transition: opacity 0.2s 50ms ease;
            -moz-transition: opacity 0.2s 50ms ease;
            -o-transition: opacity 0.2s 50ms ease;
            transition: opacity 0.2s 50ms ease;
            position: absolute;
            content: attr(data-hint);
            white-space: pre;
            top: 90%;
            left: 60%;
            border: 1px solid #999;
            border-radius: 3px;
            font: normal 11px Tahoma;
            padding: 5px 5px 5px 25px;
            box-shadow: 3px 3px 3px -2px rgba(0,0,0,0.5);
            z-index: 1000;
            cursor: default;
            background: #ffffed url('http://spb-piksel.ru/20x20-Info.png') 2px center no-repeat;
        }