/* CSS DOCUMENT */



body {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	background-color: #CFD3AE;
}
.small {
	font-size: smaller;
	color: #555555;
}
/* ===[ H ]=== */

h2 {
	color: #56724A;
}
h3 {
	border-bottom: 2px solid #AAB593;
	color: #56724A;
}
/* ===[ ERROR ]=== */

td.error, span.error {
	color: #FF0000;
	font-weight: bold;
}
div.error {
	border: 1px solid #FF0000;
	background-color: #FFC1C2;
	color: #FF0000;
	padding: 10px;
	font-weight: bold;
}
div.ok {
	border: 1px solid #006600;
	background-color: #B3FFB3;
	color: #006600;
	padding: 10px;
	font-weight: bold;
	margin-bottom: 5px;
}
/* ===[ A ]=== */

#top a {
	font-weight: bold;
}
a img {
	border: 0;
}
a, a:visited {
	color: #585947;
	text-decoration: none;
}
a:hover {
	color: #000000;
}
#top a, #top a:visited {
	color: #FFFFFF;
}
#top a:hover {
	color: #AAB593;
}
/* ===[ LAYOUT ]=== */

#banner {
	background-repeat: repeat-x;
	background-image: url(../images/bg_header.jpg);
	width: 100%;
}

#banner img{
margin-bottom:16px;
}
#top, #content {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
}
#top {
	position: relative;
}
#bottom {
	font-size: smaller;
	text-align: center;
	padding: 10px;
	padding-top:5px;

}
#userMenu {
	position: absolute;
	/*background-color: #56724A;*/
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	bottom: 2px;
	right: 0;
	width: 100%;
	text-align: right;
}
.title {
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 20px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #56724A;
}
.subTitle {
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 2px;
	font-weight: bold;
	font-size: larger;
	color: #343B67;
	background-color: #AAB593;
	border: 1px solid #56724A;
	overflow: hidden;
}
.subfrontTitle {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	font-weight: bold;
	font-size: larger;
	color: #343B67;
	background-color: #AAB593;
	border: 1px solid #56724A;
	overflow: hidden;
}
#frmBreedSearch {
	font-size: small;
	font-weight: bold;
	color: #000000;
}
.subTitle img {
	float: left;
}
#middle {
	overflow: hidden;
	padding-top: 20px;
}
#middleLeft {
	background-color: #AAB593;
	border: 1px solid #56724A;
	width: 22%;
	float: left;
}
#middleRight {
	float: left;
	width: 75%;
	padding-left: 20px;
}

#middleRight h1 {
margin:0px;
padding:0px;
font-size:20px;
padding-left:48px;
} 

#middleRightLeft, #middleRightRight {
	float: left;
	width: 48%;
	border: 1px solid #56724A;
	background-color: #D6D8B7;
}
#middleRightRight {
	margin-left: 20px;
}

#middleRightTop {
	background-color: #D6D8B7;
	border: 1px solid #56724A;
}
#middleRightBottom {
	float: left;
	margin-top: 10px;
	border: 1px solid #56724A;
	width: 100%;
}
#middleLeft p {
	padding-left: 35px;
	padding-bottom:12px;
	margin-bottom:0px;
}
#middleLeft ul {
	padding-left:0px;
	margin-left:0px;
	margin-top:12px;
}
.info {
	padding: 10px;
	overflow: hidden;
	width: 97%;
}
.post {
	padding-left: 100px;
}
/* ===[ THUMBNAIL ]=== */



.thumbnail {
	float: left;
	border: 1px dotted #56724A;
	padding: 10px;
	margin-left: 10px;
}
.thumbnailLittle {
	float: left;
	border: 1px dotted #56724A;
	padding: 2px;
	margin-left: 2px;
}
/* ===[ BREEDS ]=== */



.breeds {
	padding: 0;
	list-style-type: none;
}
.breeds a, .breeds a:visited {
	padding-left: 15px;
	display: block;
}
.breeds a:hover {
	background-color: #CFD3AE;
}
/* ===[ TABLE ]=== */



table {
	margin-right: auto;
	margin-left: auto;
}
table th {
	text-align: right;
}
/* ===[ FORM ]=== */



#frmRegisterButton {
	margin-left: 100px;
}
/* ===[ INPUT ]=== */



input {
	border: 1px solid #56724A;
	background-color: #FFFFFF;
	color: #56724A;
	padding: 2px;
}
input.button {
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}
/* ===[ CONTROL SUB MENU ]=== */





#controlSubMenu {
	border: 1px solid #56724A;
	overflow: hidden;
	width: 100%;
}
.controlMenu {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.controlMenu li {
	display: inline;
}
.controlMenu a {
	float: left;
	padding: 5px 15px 5px 15px;
}
.controlMenu a:hover, li.selected a {
	background-color: #AAB593;
}
/* ===[ TABLES ]=== */

.tblQA, #tblUsers, #tblStallions, #tblBrowser {
	width: 100%;
}
#tblPedigree {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}
#tblPedigree td {
	padding: 5px;
	border-bottom: 1px solid #888888;
}
#tblPedigree .clear {
	border-bottom: none;
}
.tblQA th, #tblUsers th, #tblStallions th {
	text-align: center;
	background: #AAB593;
}
/* ===[ HORSE ]=== */

.horseItem1, .horseItem2 {
	border: 1px solid #56724A;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px;
	overflow: hidden;
	width: 97%;
}
.horseItem1 {
	background-color: #D6D8B7;
}
.horseItem2 {
	background-color: #AAB593;
}
.horseImage {
	float: left;
	width: 180px;
}
.horseTitle, .horseSubTitle {
	color: #587058;
}
.horseSubTitle {
/*
	font-size: larger;
	*/
	font-size:12px;
}
.horseTitle {
/*
	font-size: x-large;
	*/
	font-weight: bold;
	font-size:20px;
}
.horseDescription {
	float: left;
	margin-left: 10px;
	width: 440px;
	padding-right: 10px;
	border-right: 1px solid #888888;
}
.horseTitleContainer {
	border-bottom: 1px solid #888888;
}
.horseFlag {
	float: left;
	padding-left: 10px;
	width: 50px;
}
/* ===[ OWNER, STALLION ]=== */

#ownerItem, #stallionItem {
}
#ownerAvatar, #stallionAvatar {
	float: left;
	border: 1px solid #AAB593;
	padding-left: 31px;
	padding-bottom: 21px;
	padding-top: 21px;
	padding-right: 31px;
}
#ownerAvatar, #stallionAvatar {
	width: 240px;
	text-align: center;
}
#ownerInfo, #stallionInfo {
	float: left;
	width: 57%;
	margin-left: 2%;
}
fieldset {
	border: 1px solid #888888;
}
fieldset p {
	padding-top: 0px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}
legend {
	color: #666666;
}
/* ===[ BREED SEARCH ]=== */



.breedSearchTop {
	border-bottom: 1px solid #888888;
	padding-bottom: 5px;
}
.breedSearchBottom {
	padding-top: 5px;
	position: relative;
}
.breedSearchButton {
	position: absolute;
	top: 5px;
	right: 15px;
}
/* ===[ PROFILE ]=== */



#profileLeft {
	float: left;
	width: 190px;
}
#profileRight {
	float: left;
	width: 500px;
}


/* google maps */
table.directions th {
background-color:#EEEEEE;
}

#ownerMapDirection{
	font-family: Verdana, Arial, sans serif;
	font-size: 11px;
	margin: 2px;
}

#ownerMapDirection table{
	margin-right: inherit;
	margin-left:inherit;
}

#ownerMapDirection table th {
	text-align: left;
}