body
{
background-color: #FFF;
background-image: url("../img/bg.gif");
background-position: left;
background-repeat: repeat-y;
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
color: #333;
height: 100%;
}	

h1
{
font-size: 13px;
text-align: left;
font-weight: bold;
color: #06326e;
padding: 3px;
margin: 0px 0px 0px 0px;
}
h1 a
{
font-size: 13px;
text-align: left;
font-weight: bold;
color: #06326e;
padding: 3px;
margin: 0px 0px 0px 0px;
text-decoration: none;
}
h1 a:hover
{
font-size: 13px;
text-align: left;
font-weight: bold;
color: #06326e;
padding: 3px;
margin: 0px 0px 0px 0px;
text-decoration: underline;
}
h2
{
font-size: 13px;
text-align: left;
font-weight: bold;
color: #06326e;
padding: 0px;
margin: 0px 0px 0px 0px;
}
h3
{
font-size: 11px;
text-align: left;
font-weight: normal;
color: #666666;
padding: 3px 5px 3px 5px;
margin: 0px;
}
h3 a
{
font-size: 11px;
text-align: left;
font-weight: normal;
color: #666666;
padding: 3px 5px 3px 5px;
margin: 0px;
text-decoration: underline;
}
a.gray
{
font-size: 11px;
text-align: left;
font-weight: normal;
color: #666666;
padding: 3px 5px 3px 5px;
margin: 0px;
text-decoration: underline;
}
a.gray:hover
{
font-size: 11px;
text-align: left;
font-weight: normal;
color: #666666;
padding: 3px 5px 3px 5px;
margin: 0px;
text-decoration: none;
}
a.gray:visited
{
font-size: 11px;
text-align: left;
font-weight: normal;
color: #666666;
padding: 3px 5px 3px 5px;
margin: 0px;
text-decoration: underline;
}
h4
{
font-size: 11px;
text-align: justify;
font-weight: normal;
color: #06326e;
padding: 3px 5px 3px 5px;
margin: 0px;
}
h5
{
font-size: 12px;
text-align: justify;
font-weight: normal;
color: #000;
padding: 0px;
margin: 0px 0px 12px 0px;
}
h5 a
{
color: #06326e;
}
h5 a:hover
{
text-decoration: none;}
h6
{
font-size: 10px;
text-align: justify;
font-weight: normal;
color: #000;
padding: 0px;
text-indent: 10px;
margin: 0px 0px 0px 0px;
}
#logo
{
position: absolute;
left: 0px;
top: 0px;
}

.iconmail
{
position: absolute;
top: 90;
right: 18;
}

.iconhome
{
position: absolute;
top: 90px;
right: 40px;
}

#catalog
{
width: 250px;
margin: 0px 0px 0px 85px;
padding: 0px 0px 0px 0px;
}

#cataloglist
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

#cataloglist img
{
margin: 0px 5px 0px 0px;
}

#sublist
{
background-color: #fff;
list-style-type: none;
}

#sublist li
{

margin: 1px 0px 0px -40px;
padding: 0px 0px 3px 3px;
background-color: #FBFBFB;
border-top: 1px solid #E6E6E6; 
border-bottom: 1px solid #E6E6E6;
border-right: 1px solid #E6E6E6;
border-left: 1px solid #012E6B;  
}
#sublist a
{
padding: 0px 0px 0px 7px;
text-align: left;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #666666;
}
#sublist a:hover
{
color: black;
text-decoration: underline;
}

#footer
{
bottom: 0px;
background-color: #FFF;
background-image: url("../img/bg_footer.gif");
background-position: left;
background-repeat: repeat-x;
height: 55px;
width: 100%;
text-align: center;
padding: 0px;
margin: 0px;
}

#footer a
{
position: relative;
top: 33px;
left: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;
color: #06326e;
text-decoration: none;
}
#footer a:hover
{
color: #9FA9D1;
}

#welcome {
margin: 0 20px 0 70px;
padding: 0;
max-width: 700px;
}
form
{
border: 1px solid #9FA9D1;
background-color: #F4F7FF;
margin: 0px;
padding: 10px;
text-align: center;
}

form#search_simple {
margin: 0;
padding: 5px;
width: 238px;
text-align: left;
}
form#search_simple select, form#search_simple input.text {
	width: 220px;
	margin: 0;
	margin-left: 3px;
	padding: 0;
}

form#search_simple #button_container { text-align: center; }
form#search_simple .button { margin: 10px auto 0 auto; display: block; }

#statistic
{
width: 200px;
border: 1px solid #9FA9D1;
background-color: #F4F7FF;
margin: 0px;
padding: 10px;
text-align: center;
}
#enter {
width: 480px;
border: 1px solid #9FA9D1;
background-color: #F4F7FF;
margin: 0px;
padding: 10px;
text-align: center;
}

#ques
{
width: 335px;
border: 1px solid #9FA9D1;
background-color: #F4F7FF;
margin: 0px;
padding: 10px;
text-align: center;
}

#welcome div#new
{
border: 0px;
background-color: #FFF;
margin: 0px;
padding: 10px 0;
}
input
{background-color: #FFFFFF; border: #9FA9D1 1px solid; color: #000000; font-size: 11px;}
input.checkbox
{background-color: #FFFFFF; border: 0px; color: #000000; font-size: 11px;}
textarea
{background-color: #FFFFFF; border: #9FA9D1 1px solid; color: #000000; font-size: 11px;}
select
{background-color: #FFFFFF; border: #9FA9D1 1px solid; color: #000000; font-size: 11px;}
.button   {background-color: #6279AA; border: #9FA9D1 1px solid; color: #FFFFFF; font-size: 10px; font-weight: bold;}
.red {color: red; font-weight: bold;}
.enter {width: 110px;}
.button_s   {background-color: #FFFFFF; border: #9FA9D1 1px solid; color: #000000; font-size: 11px; width: 30px;}

.book
{
border-bottom: 2px dashed #9FA9D1;
background-color: #fff;
margin: 0px;
padding: 10px;

}
a.book_link
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
color: #06326e;
text-decoration: none;
font-weight: bold;

}
a.book_link:hover {color: #9FA9D1;}
.book img 
{
border-top: 3px double #06326e;
border-left: 3px double #06326e;
border-bottom: 3px double #06326e;
border-right: 3px double #06326e;
margin: 3px;
}
.border {background-color: #9FA9D1; color: #06326e; font-size: 11px;}
.white {background-color: white; #9FA9D1; color: #06326e; font-size: 11px;}
.fon {background-color: #F4F7FF; #9FA9D1; color: #06326e; font-size: 11px;}
.top {background-color: #D3DFFF; color: #06326e; font-size: 11px;}

.border a {color: #06326e; font-size: 11px; text-decoration: underline}
.border a:hover {color: #06326e; font-size: 11px; text-decoration: none}

.ill
{
border-top: 3px double #06326e;
border-left: 3px double #06326e;
border-bottom: 3px double #06326e;
border-right: 3px double #06326e;
margin: 3px;
}
#stat_people {position: absolute; top: 35px; right: 10px; border: 1px solid #9fa9d1; padding: 20px 5px 5px 5px; background: url("img/bg_stat.gif") no-repeat top center white; color: red; width: 80px; text-align: center;}

a.navigation
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;
color: #06326e;
text-decoration: none;
}
a.navigation:hover {color: #9FA9D1;}

.link_grey{
	color: #D6D6D6 !important;
}

table.edit-form { width: 580px; }
	table.edit-form select.wide { width: 410px; max-width: 410px; }
		table.edit-form select.wide option { max-width: 410px; }

form.editBookForm {
	border:none;
	padding:0;
	background-color:#fff;
	text-align: left;
}

form.editLevelForm {
	border:none;
	padding:0;
	background-color:#fff;
	text-align: left;
}

form.editBookForm #addBookLinkBtn {
	margin:5px 0 0 15px;
}

form.loginForm, form.searchBookForm {
	border:none;
	padding:0;
	text-align: left;
}

form.searchBookForm select{width:270px}
form.searchBookForm input{width:270px}
form.searchBookForm table .valign{vertical-align: bottom;}
form.searchBookForm input.button{width:70px}
form.searchBookForm table {border:1px solid #9FA9D1 !important;}

#discipline_display { margin: 0 0 0 30px; padding:0; width: 275px; }

form.empty {
	margin: 0;
	padding: 0;
	text-align: left;
	background: transparent;
	border: none;
}


/* autocomplete combobox */
.ui-widget {
	font-family:Verdana,Arial,Helvetica !important;
	font-size:11px !important;
	color:#000000 !important;
	border:1px solid #9FA9D1 !important;
	background-color: #ffffff !important;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
}

.ui-autocomplete {
	max-height:400px !important;
	max-width:500px !important;
}

.ui-button {
	background: #ffffff!important;
	border-left:0px solid gray !important;
}


.ui-button .ui-button-text {
	padding:0 !important;
}
ui-button .ui-button-text {
	padding:0 !important;
}

.ui-autocomplete-input {
	background: #ffffff  !important;
	border-right:0px solid gray !important;
}

.ui-widget-content {
	background: #ffffff  !important;
}

.ui-autocomplete .ui-state-hover,
.ui-autocomplete .ui-widget-content .ui-state-hover,
.ui-autocomplete .ui-widget-header .ui-state-hover,
.ui-autocomplete .ui-state-focus,
.ui-autocomplete .ui-widget-content .ui-state-focus,
.ui-autocomplete .ui-widget-header .ui-state-focus {
	background: #F4F7FF !important;
	border:1px solid #E6E6E6 !important;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
}

.ui-menu .ui-menu-item a {
	line-height: 1 !important;
}
/* autocomplete combobox - end */