/* ---- Header section ---- */

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

/* ---- Body section ---- */

body {
	margin: 0px;
	padding: 0px;
	background-color: #D8D8D8; /*#F2F2F2;  //#ECF3F7;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #354A6A;
	border: solid #5991B9 1px;

}

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

.datatable {
}

.datatable td {
	background-color: #D8D8D8;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 20px;
	padding-left: 5px;
	/*border: solid #BDBDBD 1px;*/
	border: solid #BDBDBD 0px;

}

.dogdisease {
background-color: #F2F2F2;

}

.dogdisease th{
background-color: #BDBDBD; 
text-align: center;
}

.dogdisease td{
background-color: #D8D8D8;
	text-align: center;
	
}




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

.doglist {
	width: 100%;
	border: 2px solid #CADCEB;
	background-color: #F2F2F2;
}

.doglist tr {
	background-color: #D8D8D8;  /*#CADCEB;*/
}
.doglist th, td{
	padding-left:5px;
}


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

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

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

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

#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:#F2F2F2; /*#CADCEB;*/
}

#pedigree td {
	text-align: center;
}

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

#standard_table tr {
	background-color:#D8D8D8;  /*#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: #354A6A;
	font-style: normal;
	font-weight: normal;
	padding-bottom: 5px;
	padding-top: 5px;
}

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

h4 {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #354A6A;
    font-weight: normal;
}

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;
}





/* ---- Navigation area ----- */
.navarea {
	position: relative;
	clear: both;
	margin: 0px;
	padding: 5px;
	background-color: #D8D8D8; /*#CADCEB;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5991B9;
	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: 15px solid #D8D8D8;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
  /*background-color: #CADCEB;*/
}

.content {

	/*text-align: center;*/
	text-align:left;
	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;*/
	/*width: 100%;*/
}

.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: #D8D8D8;  /*#5991B9;*/
	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;
}
 */


/* 
# /* 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; } 
 */

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	
	background-color:#ededed;
	border:1px solid #dcdcdc;
	display:inline-block;
	/*color:#777777;*/
	color:#115098;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
	height:16px;
	line-height:16px;
	width:90px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	text-indent:0;
	float: right;
	 margin-right: 10px;
	
}
.myButton:hover {
	background-color:#cfcfcf;
}
.myButton:active {
	position:relative;
	top:3px;
}


/* background for modal dialog */
#overlay {
     visibility: hidden; 
     position: fixed;     /* grey background should not move when modal dialog is displayed */
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:left;
     z-index: 1000;
	 background-image:url(../images/grey_trans.png);
}

/* modal dialog window */
#modal {
 width: 760px;
    height: 300px;
    background-color: lightgrey;

    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
	padding:10px;
}