body
{
    margin:0;
	padding:0;
	background-color:#FFF;
	font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-size:10pt;
}
p
{
	margin-bottom:20px;
}
a
{
	color:#000000;
	text-decoration:none;
}
a:hover
{
	color:#1D5987;
	text-decoration:none;
}
a img
{
	border:0;
}
#container 
{
	margin: 0 auto;
	background-color: White;
	width: 90%;
}
#rule
{
	background:#1a338a url('../img/hrule.gif') left repeat-y;
	height:6px;
}
#banner
{
	position:relative;
	height:77px;
	background:#5366a7 url('../img/bannerbg.gif') right no-repeat;
}
#menuHolder
{
	background-color:#000000;
	width:100%;
}

#content
{
}
#content div.details
{
	padding:0px 0px 10px 12px;
}
#content h1
{
	
	padding-left:15px;
	line-height:42px;
	font-size:160%;
	color:#333;
}
#content a h1
{
	padding-left:35px;
	background:#FFFFFF url('../img/backarrow.png') left center no-repeat;
}
#horsedescription 
{
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	font-weight:bold;
}

.detailsblock
{
	margin-bottom:15px;
}
.sectionblock
{
	margin:15px;
}
.label
{
	font-weight:bold;
	margin-right:10px;
}
.value
{
	margin-right:10px;
}
.noteheading
{
	font-weight:bold;
}
.notetext
{
	margin:15px;
	line-height:1.5;
}
#tabscontainer
{
	padding:10px;
}
br
{
	clear: left;
}
h2
{
	font-size:16pt;
}
h3
{
	font-size:14pt;
}
.coltotals
{
	font-weight:bold;
}
#tbhorsesinwork tr.highlight
{
  background-color: #eee;
}
.tablelink
{
	/*display:block; causing table cells to wrap in Firefox 3.5 */
}

.tablelink:hover
{
	background-color:#E1EEF8;
}
.highlightcell
{
	font-weight:bold;
	color:Maroon;
	background-color:#ddd;
}
a.highlightcell:link{color:Maroon;text-decoration:none;}
a.highlightcell:visited{color:Maroon;text-decoration:none;}
a.highlightcell:active{color:#000000;text-decoration:none;}
a.highlightcell:hover{color:#000000;text-decoration:none;}
.highlightcellbt
{
	font-weight:lighter;
	color:Maroon;
	background-color:#ddd;
}
a.highlightcellbt:link{color:Maroon;text-decoration:none;}
a.highlightcellbt:visited{color:Maroon;text-decoration:none;}
a.highlightcellbt:active{color:#000000;text-decoration:none;}
a.highlightcellbt:hover{color:#000000;text-decoration:none;}
.nohighlightcellbt
{
	font-style:italic;
	color:#ccc;
}
a.nohighlightcellbt:link{color:#aaa;text-decoration:none;}
a.nohighlightcellbt:visited{color:#aaa;text-decoration:none;}
a.nohighlightcellbt:active{color:#000000;text-decoration:none;}
a.nohighlightcellbt:hover{color:#000000;text-decoration:none;}
.nextrace
{
	font-weight:bold;
	color:Maroon;
	background-color:#ddd;
}
.otherrace
{
	font-weight:normal;
	color:Gray;
	background-color:#ffffff;
}
.strikethrough
{
	text-decoration:line-through;
}

/* Forms */

input#userid
{
	width: 100px;
}
input#password
{
	width: 100px;
}
input#password2
{
	width: 100px;
}

/* Log in form */

#loginframe
{
	margin: 0 auto;
	margin-top: 100px;
	width:654px;
	height:300px;
	color:black;
	text-align:center;
	background:#FFFFFF url('../img/logo.png') center top no-repeat;
}
#loginform
{
	margin: 0 auto;
	padding: 50px 0px;
	width:250px;
	text-align:center;
}
#loginform form input,textarea
{
	margin:5px 0 0;
}
#loginform form label
{ 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
#loginform form fieldset
{
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
}

/* Horse Search form */

#horsesearchform
{
	margin: 0 auto;
	padding: 80px 0px;
	width:350px;
	text-align:center
}
#horsesearchform form input,textarea
{
	margin:5px 0 0;
}
#horsesearchform form label
{ 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
#horsesearchform form fieldset
{
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
}

/* Password change form */

#passwordchangeform
{
	margin: 0 auto;
	padding: 80px 0px;
	width:350px;
	text-align:left;
}
#passwordchangeform form input,textarea
{
	margin:5px 0 0;
}
#passwordchangeform form label
{ 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}
#passwordchangeform form fieldset
{
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
}

/* Feedback form */

#feedbackbutton 
{
	text-align: left; 
	margin: 0 auto;
	background-color: White;
	width: 90%;
}

#feedbackform{
	float:left;
	position:relative;
	background-color: #fdfdfd;
	height: 200px;
}

#feedbackformcontainer {
	padding:20px;
	position:relative;
	height: 200px;
	width: 100px;
	text-align :left;
}

#feedbackformcontainer form p
{
	text-align:left;
	color:#666;
	font-size:75%;
}
#feedbackformcontainer form input,textarea
{
	margin:5px 0 0;
}
#feedbackformcontainer form label
{ 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
#feedbackformcontainer form fieldset
{
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
	border:solid 4px #CCE2ED;
}
.ajaxloader
{
  background: url('ajax-loader1.gif') no-repeat center;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -260px;
}
.footer, .push {
	height: 260px;
}

.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  cursor:pointer; position: relative; text-align: center; }
.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }

.confirmationmsg 
{
	padding:10px;
	color:Green;
}
.warningmsg
{
	padding:10px;
	color:Orange;
}
.errormsg
{
	padding:10px;
	color:Red;
}

#inputfield {
	width:400px;
 }
 
 #inputfield label {
	float:left;
 }
 
 #inputfield  input {
	float:right;
}