/*******************************************************************  basic page setup  */


/**********  robin is 003300 and 2e8b57  **********/
/**********  diana is 000066 and 6699ff  **********/
 
 
* {
	margin: 0px; 
	padding: 0px;
	border: 0px;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
a {
	text-decoration: underline;
}
a:hover {
	color: maroon; 
}
html {
	height: 100%;
	background-color: #003300;
	-webkit-text-size-adjust: 100%;
	-webkit-user-select: none;
	-webkit-touch-callout: none;	
}
body {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}	
#wrapper {
	position: relative;
	text-align: left;
	margin: 0px auto 0px auto;
	overflow: hidden;
	width: 970px;				
/*	height: 680px;							/*	all pages are 680 so that they can be resized consistently if screen is smaller	*/
}
#EntirePage {
	float: left;
	margin: 10px 0px 0px 15px;
}
input,select,textarea,checkbox,password {
	outline: none;
	cursor: pointer;
	caret-color: crimson;
}
.inputBox {
	position: relative;
}

/*  originally all but #3 plus 23	*/
#inputElements1		{height: 441px;}
#inputElements2		{height: 451px;}
#inputElements3 	{height: 462px;}
#inputElements4S	{height: 427px;}
#inputElements4L	{height: 440px;}
/****************************************************************************  buttons  */
.ButtonLine {height: 36px; }
.InputSubmitButton {
	float: left;
	height: 19px;
	padding: 0px 0px 2px 0px; 
	width: 80px;
	margin-bottom: 10px;
	margin-left: 35px;
	background-color: #2e8b57;
	font-size: 9px;
    font-weight: bold;
	color: white;
	text-align:	center;
 	cursor: pointer;
 
	border: solid 2px #000;
	border-width: 0 2px 4px 0;	
	border-radius: 10px;
	 -moz-border-radius: 10px;
	 -webkit-border-radius: 10px;
	 -khtml-border-radius: 10px; 	
	border-color: transparent #ddd #999 transparent;	
/*	border-color: transparent #fff #999 transparent;	*/
	background-clip: padding-box;
	-webkit-appearance: none;
}
.helpButton {
	float: left;
	height: 19px;
	padding: 0px 0px 2px 0px; 
	width: 80px;
	margin-bottom: 10px;
	margin-left: 35px;
	background-color: maroon;
	font-size: 9px;
    font-weight: bold;
	color: white;
	text-align:	center;
 	cursor: pointer;
 
	border: solid 2px #000;
	border-width: 0 2px 4px 0;	
	border-radius: 10px;
	 -moz-border-radius: 10px;
	 -webkit-border-radius: 10px;
	 -khtml-border-radius: 10px; 	
	border-color: transparent #ddd #999 transparent;	
/*	border-color: transparent #fff #999 transparent;	*/
	background-clip: padding-box;
	-webkit-appearance: none;
}
.secondButton {
	clear: both; 
	height: 14px; 
	padding: 0px 0px 2px 0px; 
	width: 50px;
	margin: 10px 0px 0px 0px;
	background-color: maroon;
	font-size: 10px;
	font-weight: bold;
	color: white;
	text-align:	center;
	cursor:	pointer;
}
.horseButton {
	margin-left: 0px;
	background-color: #003300;	
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;	
	cursor:	pointer;
	-webkit-appearance: none; 
}
.selectButton {
	width: 714px; 	
	margin-bottom: 20px;
	background-color: #003300;	
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-align:	center;
	text-decoration: underline;
	cursor:	pointer;
	-webkit-appearance: none;	
	display: block;
}
.secondButton:hover			{color: yellow;}
.horseButton:hover			{color: yellow;}
.selectButton:hover			{color: yellow;}
/*********************************************************************  error messages  */
#msg {
	display: none;
	position: absolute;
	z-index: 200;
	background: url(msg_arrow.gif) left center no-repeat;
	padding-left: 7px;
}
#msgcontent {
	display: block;
	background: #f3e6e6;
	border: 2px solid #924949;
	border-left: none;
	padding: 5px;
	min-width: 150px;
	max-width: 700px; 
}
.eMsgCSS {
	width:	800px;	
	height: 15px;
	margin: 14px 0px 15px 0px; 
	background-color: #003300;	
	color: #ffffff;
	font-weight: bold; 
	font-size: 12px;
	-webkit-appearance: none;
}
/************************************************************************  suggestions  */
.suggestionsBox  {
	z-index: 900;
	position: absolute;
	left: 0px;
	top: 25px;		
	margin: 10px 0px 0px 0px;
	height: 300px;
	width: 815px;	
	background-color: #f3e6e6;
	border: 2px solid #924949;	
	color: black;
	list-style-type: none; 
	overflow: auto;
}
.suggestionList {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}	
.suggestionList li {
	margin: 0px 0px 3px 0px;
	padding: 3px;
	cursor:	pointer;
	height:	10px;
}	
.suggestionList li:hover {
	background-color: #c79f9f;      
	height: 10px;	
}
.Hname		{float: left;	width: 225px;}
.gender		{float: left;	width:  70px;}
.color		{float: left;	width: 100px;}
.height		{float: left;	width:  49px;}
/********************************************************************* navigation menu  */
#nav {
	width: 110px;
	float: left;
	margin: 0px;
	height: 540px;
}
#navMenu ul, #navMenu ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: left;
	font-style: italic;
	font-weight: bold;
}
#navMenu ul li {
	cursor:	pointer;
	line-height: 40px;
	position: relative;
}
#navMenu ul li a {
	padding: 0px 10px;
	color: #ffffff; 
	display: inline-block;
	text-decoration: underline;
	width: 100px;
}
#navMenu ul li a:hover {
	color: yellow;
}
/***************************************************************  find particular horse */
.findHrsLabel {
	float: left;
	text-align: left;
	font-style: italic;
	font-weight: bold;
	width: 90px;
	margin: 15px 0px 0px 10px;
}
.findHrsInput {
	float: left;
	height: 15px;
	border: 1px #000000 solid;
	width: 82px;
	margin: 3px 0px 0px 10px;
}
.findHrsSugg {
	display: none;
	margin-top: -36px; 
	margin-left: 110px;
}
.findHrsText {
	text-align: left;
	font-style: italic;
	font-weight: bold;
	width: 90px;
	margin: 3px 0px 0px 10px;
}
/************************************************************* usual labels and fields  */
.usualLine {
	clear: both;
	position: relative;
	color: #ffffff;
	font-weight: bold;
}
.fieldLabel {
	float: left;
	display: block;
	margin: 12px 0px 0px 0px;
	height: 15px;
	width: 100px;
	padding-right: 10px;
}
.fieldLabel1 {
	float: left;
	display: block;
	margin: 12px 0px 0px 0px;
	height: 15px;
	width: 105px;
	padding-right: 10px;
}
.fieldInput {
	float: left;
	display: block;
	margin: 10px 0px 0px 0px;
	height: 15px;
	border: 1px #003300 solid;
}
.fieldSelect {
	float: left;
	display: block;
	margin: 9px 0px 0px 0px;
	height: 17px;
	border: 1px #003300 solid;
}
.hideLabel {
	float: left;
	display: block;
	margin: 12px 0px 0px 30px;
	width: 75px;
	color: #ffffff;
	font-size: 11px;
}
.hideInput {
	margin: 10px 0px 0px 0px; 
	height: 15px;
	background-color: #003300;	
	color: #ffffff;
	font-size: 12px;
	-webkit-appearance: none;
}
.horseIdLabel {
	float: left;
	display: block;
	margin: 12px 0px 0px 50px;
	width: 85px;
}
.fieldBox {
	float: left;
/*	display: block;		*/
	margin: 10px 22px 0px 0px;
	-ms-transform: scale(1.2); /* IE */
	-moz-transform: scale(1.2); /* FF */
	-webkit-transform: scale(1.2); /* Safari and Chrome */
	-o-transform: scale(1.2); /* Opera */
}
.fieldBox1 {
	margin: 11px 22px 0px 10px;
	-ms-transform: scale(1.2); /* IE */
	-moz-transform: scale(1.2); /* FF */
	-webkit-transform: scale(1.2); /* Safari and Chrome */
	-o-transform: scale(1.2); /* Opera */
}
/***************************************************  width of labels and input fields */
.widthBreed		{width:	185px;}	
.widthColor		{width:	120px;}	
.widthDate		{width:	 90px;}	
.widthEmail		{width:	441px;}	
.widthForHP		{width:	153px;	margin-left: 40px;}	
.widthGender	{width:	 84px;}		
.widthHands		{width:	 22px;}	
.widthId		{width:	 90px;}	
.widthInches	{width:	 34px;}		
.widthLink		{width:	550px;}	
.widthMedia		{width:	 90px;}	
.widthName		{width:	250px;}	
.widthNameX		{width:	250px;}
.widthPswd		{width: 115px;	margin-left: 271px;} 
.widthRslt		{width: 515px;}	
.widthShow		{width: 300px;}
.widthUSEF		{width: 105px;}
.widthVname		{width:	420px;}	
.widthYear		{width:  35px;	margin-left: -25px;}
						
.widthLabelHt 	{width:	 44px;}  		
.widthLabelIn 	{width:	 44px;	margin-left:  17px;}  	
/*************************************************************************  contact us  */
.cUs1 {
	text-align: center;
	margin: 130px -13px 20px 250px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
} 
.cUs2 {
	text-align: center;
	margin: 10px -13px 15px 250px;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
}
/******************************************************************************  media  */
.photo {
	margin: 15px 0px 0px 100px;
}
.video {
	margin: 15px 0px 0px 35px;
	height: 360px;
	width: 640px;
}
.videoMng {
	margin: 10px 0px 0px 15px;
	height: 360px;
	width: 640px;
}
.registry {
	margin: 15px 0px 0px 35px;
	height: 405px;
	width: 725px;
}
.regWrap {
	margin: 0px 0px 0px 0px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.moreControls {
	text-align: justify;
	width: 95px; 
	margin: 30px 0px 0px -17px; 
	padding: 2px 4px; 
	border: 3px solid white; 
	color: #ffffff;
	font-size: 9px; 
	font-weight: bold; 		
}
/*************************************************************************  help setup  */
.head {
	width: 110px; 
	font-weight: bold; 	
	text-decoration: underline;
}
.justify {
	text-align: justify;
	margin:  -3px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
}
.topMargin1 {margin-top: -7px;	margin-bottom: 6px;}
.topMargin2 {margin-top: -3px;	margin-bottom: 8px;}
.topMargin3 {margin-top: -3px;	margin-bottom: 7px;}
.topMargin4 {margin-top: -5px;	margin-bottom: 7px;}
.topMargin5 {margin:	    -15px 0px 0px 0px;}
.topMargin6 {margin-top:  10px;}

table {
	text-align: justify;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.helpHdg {
	clear: both;
	width: 110px; 
	font-weight: bold; 
	vertical-align: top;
	text-align: left;
}
/*************************************************************************  basic text  */
.FarmLogo {	
	text-align: center;
	font-variant: small-caps;
	color: #ffffff;
	margin: 25px 0px 0px 0px;
/*	
font-family: Arial, sans-serif;
color: #fff9d6;
font-weight:bold;
text-shadow:0px 0px 0 rgb(216,216,216),1px 1px 0 rgb(187,187,187),2px 2px 0 rgb(158,158,158), 3px 3px 0 rgb(129,129,129),4px 4px 3px rgba(0,0,0,0.6),4px 4px 1px rgba(0,0,0,0.5),0px 0px 3px rgba(0,0,0,.2);
*/	
	font-size: 24px;
}
.PageTitle {	
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	margin: 10px 0px 5px 0px;
}
.heading {
	font-weight: bold; 
	text-decoration: underline;
}
.JustText {
	float: left;
	width: 150px;    
	margin-top: 12px;
	font-size: 11px;
	font-weight: bold;
	padding-left: 20px;
}
.onlyPrint 		{display: none;}
/*************************************************************  so everything lines up  */
.tab01			{margin-left:  90px;}
.tab02			{margin-left:  60px;}
.tab03			{margin-left: 175px;}

.filler1 		{height: 	  240px;}
.filler2 		{height: 	  125px;}
.filler3 		{height: 	   40px;}

.indIns {
	margin: 3px 0px 4px 60px;
	font-weight: bold;
}
/*****************************************************************  human or computer?  */
#sortable {
	list-style-type: none;
	margin: 0px 0px 0px 0px;  
	padding: 0;
}
#sortable li {
	margin: 4px 10px 4px 0;
	padding: 1px;
	float: left;
	width: 18px;
	height: 18px;
	font-size: 13px;
	text-align: center;
	line-height: 18px;
	cursor: pointer;
	background: #2e8b57 repeat-x scroll 50% 50%;
	color: #ffffff;
	font-weight: bold;
}
.captcha_wrap {
	float: left;
	height: 50px;
	overflow: auto;
	width: 300px;
	overflow: hidden;
	margin: 10px 0px 0px 0px;
}	  
.captchaButton {
	padding: 0px 0px 0px 0px; 
	margin:  0px 0px 0px 0px;
	font-size: 10.5px;
	font-weight: bold;
	color: #2e8b57;
	cursor:	pointer;
	text-align: left;
	text-decoration: underline;
}
.captchaButton:hover {
	color: maroon;
}
.message {
	float: left;
	display: block;
	margin: 10px 0px 0px 0px;
	height: 50px;
	width: 441px;
	border: 1px #000000 solid;
}
.floatLeft	   {float: left;}
.rply {
	clear: both;
	float: left;
	height: 15px;
	width: 600px;
	margin: 15px 0px 0px 0px;
	font-size: 10px;
	font-weight: bold;
	color: maroon;
	-webkit-appearance: none;
}
/***********************************************************************  miscellaneous */
.catHeading {
	width: 250px;
	text-decoration: underline;
	margin: 15px 0px -6px 0px;
}
.pswd {
	margin: 10px 0px 0px 0px; 
	width: 50px;
	background-color: #003300;
	border-bottom: 1px white solid;
	color: yellow;
	-webkit-appearance: none;
}
.cmnt {
	text-align: justify;
	width: 840px; 
	height: 39px;
	overflow: auto;
	margin: 10px 0px 0px 0px; 
    font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
.leased {
	text-align: center;
	margin: -13px 0px 0px 70px;
	color: red;
	background-color: yellow;
	width: 115px;	
	height: 13px;
}	
.adBlock {
	margin: 5px 0px 0px 36px;
    font-size: 11px;
	font-weight: bold;
	color: red;
	background-color: yellow;
	width: 638px;
	height: 14px;
}	
.iPadUSEF {
	margin: 5px 0px -10px 75px;
    font-size: 11px;
	font-weight: bold;
	color: red;
	background-color: yellow;
	width: 682px;
	height: 14px;
}	
/*****************************************************************************  scrolls */
.scroll1 {
	width: 720px; 
	height: 380px;
	text-align: center;
	padding: 20px 0 0 0; 
	overflow: auto;
}
.scroll2 {
	width: 845px; 
	height: 400px;
	text-align: center;
	padding: 20px 0 0 0;
	overflow: auto;
}
/***********************************************************************  page headings */
.hdg1 {	
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	margin: 10px 0px 0px 0px;
}
.hdg2 {	
	line-height: 16px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
}
.hdg3 {	
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	margin: 34px 0px 45px -125px;
}
/*******************************************************  setup for thumbnail with info */
.thmbTable {
	border-collapse: collapse;
	margin: 0; 
	padding: 0; 
	font-weight: bold;
	color: #ffffff;
}	
.thmbData {
	width: 412px; 
	height: 120px;
	float: left; 
	margin-bottom: 20px;
}
.thmbData img  {
/*	width: 120px; 
	height: 120px;	*/
	float: left;
}
.thmbData table {
	margin-top: -4px;
	width: 285px;
	float: right; 
}
.thmbData td {
	line-height: 13px;  
	font-size: 11px;
}
/******************************************************************  horse show results */
.resultsTable {
	border-collapse: collapse;
	margin-top: -17px; 
	padding: 0; 
    font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	line-height: 20px;
}	
.resultsHead {
	border-collapse: collapse;
	margin-top: 20px; 
	padding: 0; 
    font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
}	
/*************************************************************************  upload file */
#UpLoadButton {
	float: left; 
	display: block; 
	margin-top: 12px;
	height: 14px;
	width: 400px;
	padding-top: 1px;	
	text-align: center;
	color: #000000;
	background-color: #ffffff;
	cursor: pointer;
}
#bar_blank {
	margin: 40px 0px 0px 110px;
	height: 14px;
	width: 398px; 
	border: 1px solid #ffffff;
}
#bar_color {
	background-color: #2e8b57;
	height: 14px;
	width: 0px;
}
#bar_blank, 
#hidden_iframe {
	display: none;
}
#status {
	font-size: 11px;
	text-align: center;
	margin-top: -14px;
}
.warnIOS {
	text-align: justify;
	width: 360px; 
	margin:  9px 0px 0px 117px; 
	padding: 7px 10px; 
	border: 3px solid white; 
	color: #ffffff;
	font-weight: bold; 	
}
/**************************************************************************  slideshow  */
.slideshow_common {
    position: relative;
}
.slideshow_common .slides_box {
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    position: absolute;
}
.DbTitle {
	text-align: center;
	margin-bottom: 3px;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
/**************************************************************************  tool tips  */
#theTT {
	position: absolute;
	display: none;
	z-index: 50000;
}
#theTT .txtTT {
	position: relative;
	margin: 0;
	padding: 0;
}
.cssTT {
	border: 2px solid red;
	background: white;
	margin: 0;
	padding: 2px 4px;
	font-size: 11px;
	text-align: left;	
	color: black;
}
/*****************************************************************  color of check box  */
label {
-webkit-touch-callout: none;
-webkit-user-select: none; 
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input[type=checkbox].css-checkbox {
	position: absolute; 
	overflow: hidden; 
	clip: rect(0 0 0 0); 
	height:1px; 
	width:1px; 
	margin: 0px;
	padding: 0;
	border: 0;
}
input[type=checkbox].css-checkbox + label.css-label {
	padding-left:20px;						/*	20 22 		*/
	height:13px; 							/*  16 17 20	*/
	display:inline-block; 
	line-height:13px;						/*  16 17 20	*/
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:14px;
	vertical-align:middle;
	cursor:pointer;
	margin-top: -7px;
}
input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -16px;			/*  16 17 20	*/
}

.blueCheck	{background-image:url(https://www.hunterponies.com/images/blueCheck.png) ;}
.redCheck	{background-image:url(https://www.hunterponies.com/images/redCheck.png)  ;}
.greenCheck	{background-image:url(https://www.hunterponies.com/images/greenCheck.png);}
.grayCheck	{background-image:url(https://www.hunterponies.com/images/grayCheck.png) ;}