body {
	margin: 0px;
	padding: 0px;
	background-color: #ECF3F7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #354A6A;
    border: 8px solid #123E62;
}

table {
	/*border: 4px double #CADCEB;*/
}

.newstable {
	border: 2px solid #123E62;
	background-color: #CADCEB;	
}

td {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 20px;
}

.box {
    width:300px; 
    border:solid 1px #5991B9; 
    padding:10px;
    margin:10px;
}

#doglist {
	width: 95%;
	border: 2px solid #CADCEB;
}

#categorylist {
	border: 1px solid #5991B9;
	/*float: left;*/
	height: 460px;
	/*width: 15%;*/
}

#doglist tr {
	background-color: #CADCEB;
}

#doglist th, #pedigree th, #categorylist th, #standard_table th {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 20px;
	background-color:#5991B9;
}

#doglist th, #categorylist th {
	text-align:left;
}

#doglist .tablesubheadline {
	color: #666;
	font-weight: bold;
	font-style: italic;
}

#printable_pedigree {
}

#printable_pedigree th {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 20px;
}

#printable_pedigree td {
	text-align: center;
}

#pedigree {
	border: double 1px #5991B9;
}

#pedigree tr {
	background-color:#CADCEB;
}

#pedigree td {
	text-align: center;
}

#standard_table {
	border: double 1px #5991B9;
}

#standard_table tr {
	background-color:#CADCEB;
}

#standard_table td {
	text-align: left;
	padding: 10px 5px 10px 5px;
	font-size: 10px;
}

h2 {
	font-size: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5991B9;
	font-style: normal;
	font-weight: normal;
	padding-bottom: 5px;
	padding-top: 5px;
}

h3 {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #354A6A;
}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #354A6A;
	background-color: #E1EBF2;
	border: 1px solid #5991B9;
/*	scrollbar-base-color: #ECF3F7;
	scrollbar-3dlight-color: #000000;
	scrollbar-arrow-color: #5991B9;
	scrollbar-darkshadow-color: #5991B9;
	scrollbar-face-color:
	scrollbar-highlight-color:
	scrollbar-shadow-color:
	scrollbar-track-color: */
}

input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #354A6A;
	background-color: #E1EBF2;
	border: 1px solid #115098;
	padding-left: 2px;
}

/* workaround for IE !!*/
input.radio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #354A6A;
	background-color: #ECF3F7;
	border: 0px;
	padding-left: 5px;
}

input[readonly], textarea[readonly] {
	background-color: #ECF3F7;
	color: #5991B9;
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #354A6A;
	background-color: #E1EBF2;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #115098;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #115098;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #115098;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #115098;
	/*	border-right-color: #8E403D;
	border-bottom-color: #8E403D;
	border-left-color: #8E403D;*/
}

.button[disabled], input[disabled] {
	color: #5991B9;
	background-color: #ECF3F7;
}

label {
	font-size: 10px;
}

/* ---- Header section ---- */
.header {
	background-color: #808080;
	position: relative;
	border-bottom: 1px solid #bbb;
	margin-left: 150px;
}

/* ---- Navigation area ----- */
.navarea {
	position: relative;
	clear: both;
	margin: 0px;
	padding: 5px;
	background-color: #CADCEB;
	background-image: url(http://shiba-pedigree.ru/images/font.gif);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #123E62;
	white-space:nowrap;
	color: #5991B9;
}

.selectednavitem {
	position: relative;
	font-weight: bold;
	background-color: #DFD4BE;
	border: 1px solid #5991B9;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
}

.navitem {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	white-space: nowrap;
}

.separator {
	color: #5991B9;
	padding: 5px;
}

.main {
	border: 5px solid #123E62;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
  /*background-color: #CADCEB;*/
  /*background-image: url(http://shiba-pedigree.ru/styles/yui/texture.jpg);*/
}

.content {
	/*text-align: center;*/
	padding: 10px;
	/*margin: 0;
	background-color: #DFD4BE;*/
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*left: 0px;
	top: 0px;
	position: absolute;
	width: 750px;*/
}

.footer {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*color: #115098;*/
	background-color: #5991B9;
	background-image: url(http://shiba-pedigree.ru/images/font.gif);
	clear: both;
}

a:link, a:visited, a:active {
	color: #115098;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #12A3EB;
}

a.a-pict:link, a.a-pict:visited, a.a-pict:active  {
	border: thin #115098;
}

a.a-pict:hover{
	border: medium #115098;
}

a img {
	border: 0px;
}

/*
    #sireDiv, #damDiv, #kennelDiv {position:relative;width:40%;margin:1em;} 
    #sireInput, #damInput, #kennelInput {position:relative;width:100%;display:block;}
	#sireContainer, #damContainer, #kennelContainer {position:relative;bottom:4px;right:4px;border:1px solid #777;background:#ECF3F7;font-size:85%;overflow:hidden;/* display:none;*//*} 
    #sireContainer .yui-ac-content, #damContainer .yui-ac-content, #kennelContainer .yui-ac-content {position:relative;width:100%;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;}
    #sireContainer ul, #damContainer ul, #kennelContainer ul {position:relative;width:100%;padding:5px 0;list-style:none;}
    #sireContainer li, #damContainer li, #kennelContainer li {padding:0 5px;cursor:default;white-space:nowrap;display:list-item;}
    #sireContainer li.highlight, #damContainer li.highlight, #kennelContainer li.highlight {background:#ddd;}
*/

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #ECF3F7;
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
/*width: 90px; /*Width of top level menu link items*/
padding: 1px 8px;
border: 1px solid #123E62;
border-left-width: 0;
text-decoration: none;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 5px;
white-space: nowrap;
}

/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
text-decoration: none;
padding: 1px 5px;
border: 1px solid #123E62;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 5px;
white-space: nowrap;
}

.suckertreemenu ul li a:hover{
background-color: #115098;
color: #CADCEB;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
/*background: url(../images/sort_desc_active.gif) no-repeat right center;*/
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: url(../images/sort_desc_active.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}

/* mating children yui overlay */
.overlay { border:1px dotted black;padding:5px;margin:10px; } 
.overlay .hd { border:1px solid red;padding:5px; } 
.overlay .bd { border:1px solid green;padding:5px; } 
.overlay .ft { border:1px solid blue;padding:5px; } 
