/* CSS Document */

img
{
    border: 0;
}

body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,legend,input,img,table,a
{
	margin: 0;
	padding: 0;
}

img.logo
{
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 20px;
}

body, table
{
	background-color: #ffffff;
	border: 0px;
	font: 12px/1.4em Verdana,sans-serif;
}

table.mainlayout
{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px none #ffffff;
}

table.mainlayout td.sidebar, table.mainlayout td.header, th.twooption
{
	/* background-color: #161950; */
	background-color: #ffffff;
}

table.mainlayout td.header
{
	height: 45px;
	color: #ffffff;
	font: 20px/2.0em Verdana, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
}

ul.menubar, table.mainlayout td.sidebar
{
	width: 150px;
	max-width: 150px;
}

table.mainlayout td.sidebar
{
	padding-top: 10px;
	padding-left: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-right-color: Black;
	border-bottom-color: Black;
	vertical-align: top;
}

table.mainlayout td.body
{
	width: 100%;
    padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: top;
}

div.pageheader
{
    font-weight: bolder;
    font-size: large;
    padding-bottom: 10px;
}


/* tables */
ul.errorlist
{
    color: red;
    margin-top: 10px;
    margin-bottom: 10px;
}

ul.errorlist li
{
    left: 10px;
    padding-left: 20px;
}

table.leftside th
{
    text-align: right;
    vertical-align: top;
    width: 20%;
}

table.breeding th
{
    width: 16%;
    vertical-align: top;
}
table.breeding td
{
    width: 42%;
    text-align: left;
    vertical-align: top;
}

table.leftside th.infoline
{
    text-align: center;
    background-color: #cedeff;
	width: 50%;
    border: 1px #6699FF solid;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: normal;
}

.textcent
{
    text-align: center;
}

/*sidebar*/

ul.navbar
{
	display: block;
	list-style: none;
}

ul.navbar li
{
	width: 100%;
	height: 30px;
}

ul.navbar a
{
	display: block;
	border-left: 5px #ffffff none;
	border-right: 5px #ffffff none;
	padding-top: 5px;
	height: 28px;
	color: #ffffff;
	text-align: center;
}

ul.navbar a:hover
{
	border-left: 5px #96c0d9 solid;
	border-right: 5px #96c0d9 solid;
	background-color: #3e4074;
}

table.topside th
{
    height: 30px;
    text-align: center;
    vertical-align: middle;
}

table.topside td
{
    vertical-align: top;
    text-align: center;
    background-color: #cedeff;
    padding-top: 10px;
    padding-bottom: 10px;
}

th.twooption
{
    color: #000000;
    width: 50%;
}


a 
{
    color: blue;
    text-decoration: underline;
}

a:hover 
{
    color: red;
    text-decoration: underline;
}

table.tree 
{
    text-align: center;
    padding: 0;
    margin: 0;
    border-spacing: 0px;
    
}

table.tree td.tl
{
    border-top: solid 1px #6699FF;
    border-left: solid 1px #6699FF;
}

table.tree td.bl
{
    border-bottom: solid 1px #6699FF;
    border-left: solid 1px #6699FF;
}

table.tree td.l
{
    border-left: solid 1px #6699FF;
}

table.tree td.c
{
    border: solid 1px #6699FF;
    background-color: #cedeff
}

td.hasgrid th
{
    text-align: left;
}