﻿@media print {
	#banner,#rule,#menuHolder, #add-note, #add-feedback, #globalsearch { display:none; }
	#content .ui-corner-all, #content .ui-widget-content { border: none; background:none; }
	thead * { font-weight: bold; }
	thead * { background-color: #333333 }
	body { font-size: 0.9em }
	input[type='submit'] { display:none; }
	table { page-break-inside: auto; }
	tr, td { page-break-inside: avoid; page-break-after:auto }
}

html { clear:both; width:auto; }

body {
  margin:0;
	padding:0;
	font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-size:10pt;
	width:auto;
}

p {	margin-bottom:20px; }

a img {	border:0; }

a[href*='http://www.bloodstock.com.au'] {
	display: inline-block;
	margin-left: 2px;
}
a[href*='http://www.bloodstock.com.au']:after {
	content:url('../img/bloodstock_link.png');
}
	
#container
{
	margin: 0 auto;
	width: 90%;
}

#rule { height:6px; }

#banner { position:relative; }

#menuHolder { width:100%; }

#content div.details { padding:0px 0px 10px 12px; }
#content h1 {
	padding-left:15px;
	line-height:42px;
	font-size:160%;
}

#content a h1 {
	padding-left:35px;
	background: 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; }

.strikethrough { text-decoration:line-through; }

/* Forms */

input#userid, input#password, input#password2 { width:100px; }

/* 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;
}
.bar {
  display:none;
  background: url('ajax-loader.gif') no-repeat;
  margin-left:20px;
  margin-top:50px;
  height:20px;
  width: 230px;
}
.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;  }

#detail-pedigree td { 
	padding: 6px; 
	border: 1px solid #DDDDDD;
	text-align:center;	
}

.confirmationmsg, .warningmsg, .errormsg { padding: 10px; }

.ui-datepicker { margin:0 auto; }

#detail-pedigree td { width:25%; }

.tdborder { border-right:1px solid #CCC }

.tdborderthick { border-right:3px solid #CCC }


#content .prevracedetail { 
	width:33%;
	float:left;
}
#content .prevracedetail h1 { 
	float:left;
	}

#content .currentracedetail { 
	width:33%;
	float:left;
	text-align:center;
}
#content .currentracedetail h1 { background:none; }

#content .nextracedetail { 
	width:33%;
	float:left;
	}
#content .nextracedetail h1 { 
	float:right;
	padding-left: 0px;
	padding-right:35px;
	background: url('../img/arrow.png') right center no-repeat;
}
#content .racedetaildate {
	width:50%;
	float:left;
}
#content .racedetailtime {
	width:50%;
	float:right;
	text-align:right;
}
#content .racedetailtime h1 {
	padding-left:0;
	padding-right:15px;
}
textarea#notetext
{
    width:550px;
    height:250px;
    padding:4px;
}
#addprogressnoteloader
{
    width:550px;
    height:250px;
    background: url('ajax-loader.gif') no-repeat center;
    display:none;
}
#statusline
{
    width:550px;
    overflow:auto;
}
#responsemsg
{
    float:right;
    color:#ff0000;
}

.detaillabel {
	display:inline-block;
	width: 130px;
}

.singlecol
{
    background-color:#edeedc;
    margin: auto;
    padding:20px 10px;
    width:70%;
    overflow:auto;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

a.horsename {
	color:-webkit-link;
	text-decoration:underline;
}

#inputfield {
	width:300px;
	height:25px;
 }
 
 #inputfield label {
	float:left;
 }
 
 #inputfield  input {
	float:right;
}

ul.smart_autocomplete_container li {
    list-style: none;
    cursor: pointer;
}
li.smart_autocomplete_highlight {
    background-color: #BD8B24;
}
ul.smart_autocomplete_container {
    overflow: auto;
    background-color: white;
    border: 1px solid #666666;
    left: 435.05px;
    max-height: 300px;
    padding: 5px;
}
#todayRunners {
  display: none;
  width: 400px;
}
#Grid {
	margin: 10px auto;
	width: 50%;
}

.e-multi-select-wrapper {
	width: 200px !important;
}

e-table {
	width: auto;
}

.e-grid .e-icon-gdownarrow {
	font-size: 10px;
	text-indent: 2px;
}

.e-grid .e-icon-grightarrow {
	font-size: 10px;
	text-indent: 2px;
}

.e-grid .e-group-intent {
	width: 7px !important;
}

.e-grid .e-groupcaption {
	line-height: 5px 0;
}

#tblprocedures input {
	padding: 5px;
	width: 97%;
}
#tblprocedures select {
	padding: 5px;
	width: 100%;
}

.ardexmobile-config-content input[type="checkbox"] {
	margin: 0 6px;
}