@charset "utf-8";

/*****************************************************************************
******************************************************************************
								Any Changes to style.css
								also need to be applied
								the style.css file in the
								Custom theme folders
								e.g css/Theme-Drakenstein/style.css
******************************************************************************
*****************************************************************************/

/*****************************************************************************
								Colour Scheme
******************************************************************************

	Colour 1:		4D8D8D 	(Green)
	Colour 2:		049695	(Green-Highlight)
	Colour 3:		E2ECEC	(Green-Faint)
	Colour 4:		FFC202	(Orange)
	Colour 5:		000		(Black)
	Colour 6:		FFF		(White)
	Colour 7:		EEE		(Gray)
	Colour 8: 		DDD		(Gray-Highlight)
	Colour 9:		8B452F	(Brown-Highlight)

*/

/******************************************************************************
							Style Reset
*******************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 				0;
	padding: 				0;
	border: 				0;
	outline: 				0;
	background: 			transparent;
}

ol, ul
{
	list-style: 			none;
}

.notValidatedVat{
	font-size: large;
    color: red;
}

a:link.vatWarning,a:visited.vatWarning{
	width: 160px;
    color: red;
    margin-left: 184px;
}

.ui-multiselect a:link, .ui-multiselect a:visited, .ui-multiselect a:active
{
	color:					#FFF;
}


a:focus
{
	outline: 				1px dotted;
}

hr
{
	border-top-width: 		1px;
	clear: 					both;
	height: 				0;
}


blockquote, q
{
	quotes: 				none;
}

blockquote:before,
blockquote:after,
q:before,
q:after
{
	content: 				'';
	content: 				none;
}

/* remember to define focus styles! */
:focus
{
	outline: 				0;
}

/* remember to highlight inserts somehow! */
ins
{
	text-decoration: 		none;
}

del
{
	text-decoration: 		line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: 		collapse;
	border-spacing: 		0;
}

sub, sup {
	font-size: 				75%;
	line-height: 			0;
	position: 				relative;
	vertical-align: 		baseline;
}

sup {
	top: 					-0.5em;
}

sub {
	bottom: 				-0.25em;
}

/* Get rid of radio button outline in IE */
input[type="radio"]
{
	border:					none;
}

.loadingScreen{
	width:					100%;
	text-align:				center;
}

.loadingScreen .loadingImage{
	background:				url(../img/loader_big.gif) center;
	height:					32px;
	text-align:				center;
	width:					32px;
	display:				inline-block;
	*display:				inline;
}

.relative-cell{
	position:relative;
}

/******************************************************************************
							Font
*******************************************************************************/
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('/fonts/open-sans-v34-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/open-sans-v34-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v34-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v34-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v34-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-500italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('/fonts/open-sans-v34-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/open-sans-v34-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v34-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v34-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v34-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v34-latin-500italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('/fonts/open-sans-v34-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/open-sans-v34-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v34-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v34-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v34-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('/fonts/open-sans-v34-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/open-sans-v34-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v34-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v34-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v34-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('/fonts/open-sans-v34-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/open-sans-v34-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v34-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v34-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v34-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v34-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/******************************************************************************
							JQueryUI Font Override
*******************************************************************************/
.ui-widget { font-family: "Open Sans", Arial,Liberation Sans,FreeSans,sans-serif;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Open Sans", Arial,Liberation Sans,FreeSans,sans-serif; }

/******************************************************************************
							Default Colours + Text
*******************************************************************************/

body,textarea
{
	font-family:			"Open Sans", Arial,Liberation Sans,FreeSans,sans-serif;
	font-size:				12px;
	font-size-adjust:		none;
	font-style:				normal;
	font-variant:			normal;
	font-weight:			normal;
	line-height:			1;
}

/* `Headings
-----------------------------------------------------------------------------*/
h1
{
	font-size: 				25px;
}

h2
{
	font-size: 				23px;
}

h3
{
	font-size: 				20px;
}

h4
{
	font-size: 				19px;
}

h5
{
	font-size: 				17px;
}

h6
{
	font-size: 				15px;
}


/* Spacing
-----------------------------------------------------------------------------*/
.p1
{
	font-size: 				9px
}

.p2
{
	font-size: 				10px
}

.p3
{
	font-size: 				11px
}

.p4
{
	font-size: 				12px
}

.p5
{
	font-size: 				13px
}

.p6
{
	font-size: 				14px
}

.p10
{
	font-size: 				24px
}

.text_blue_breeding
{
	color: 					#2A2EFD;
}

.text_external_location
{
	color: 					#2A2EFD;
}

.text_red_balance
{
	color: 					#FF0000;
}

.text_blue_paid
{
	color: 					#2A2EFD;
}

.text_green_paid
{
	color: 					#00ba00;
}

.badge {
    background-color: 		#da3838;
    border-radius: 			3px;
    color: 					#fff;
    display: 				inline-block;
    font-family: 			sans-serif;
    font-size: 				10px;
    font-weight: 			bold;
    min-width: 				10px;
    padding: 				3px;
    text-align: 			center;
    white-space: 			nowrap;
	cursor: 				pointer;
}

.exit-icon{
	width: 					16px;
	height: 				16px;
	background-image: 		url(../img/svg/Exit.svg);
	background-size: 		contain;
	background-repeat: 		no-repeat;
	float: 					right;
	margin-right: 			9px;
	position: 				relative;
	top: 					1px;
}

/*Page Title Link*/
a.page_title_link
{
	text-decoration:		none;
	font-size: 				25px;
}

.loader_small
{
	background:   			 				 		url(../img/loader_small.gif);
	height:   			 				 			16px;
	text-align:   			 				 		center;
	width:   			 				 			16px;
	display:   			 				 			inline-block;
}

.loader_small.performance{
	float:right;
	margin:3px 40px 0 0
}

.loader_complete_small{
	background:   			 				 		url(../img/accept.png);
	height:   			 				 			16px;
	text-align:   			 				 		center;
	width:   			 				 			16px;
	display:   			 				 			inline-block;
}

.calendar_loader_image{
    height: 10px;
}

.calendar_loader{
    position:absolute;
    height: 10px;
    top: 98px;
    left: 320px;
}

.calendar-load-top{
    position: absolute;
    top: -33px;
    left: 219px;
}

#raceWizardSaveResult{
	text-align:   			 				 		center;
}

#raceWizardSaveResult li {
    display:   			 				 			inline;
    font-size:   			 				 		16px;
    margin:   			 				 			0.8em 0.5em;
}

li.highlight {
    border:    			 				 			2px dashed #CFB22C;
    margin:    			 				 			0.2em;
}

.horseTabRaceDetailsList span{
	display:block;
}

.horseTabRaceDetailsList span.hide{
	display:none;
}


.horseTabRaceDetailsUpdateStats{
	text-align:center;
	padding:1em;
}

.horseTabRaceDetailsUpdateStats button{
	margin-top:1em;
}

#frmStaffEdit .usernamehighlight{
	color: rgb(54,173,142);
}

/******************************************************************************
								Main Page Container
******************************************************************************/

#logo,
.main_content,
#left_menu,
#top_menu,
#contents,
.content_item_1,
.content_item_2,
.content_item_3,
.content_item_4,
.content_item_5,
.content_item_6,
.content_item_7,
.content_item_8,
.content_item_9,
.content_item_10,
.content_item_11,
.content_item_12
{
	display: 				inline;
	float: 					left;
	position: 				relative;
	margin-left: 			5px;
	margin-right: 			5px;
}

#logo{
	z-index: 2;
	outline: none;
}

.content_item_1,
.content_item_2,
.content_item_3,
.content_item_4,
.content_item_5,
.content_item_6,
.content_item_7,
.content_item_8,
.content_item_9,
.content_item_10,
.content_item_11,
.content_item_12
{
	margin-bottom:			5px;
}


.calendarLegendWrapper
{
	margin-left:			20px;
	margin-right:			20px;
	min-height:				35px;
	margin-top:				10px;
}

.listLegend
{
	display:				table;
	margin-top:				5px;
	margin-bottom:			5px;
}

.listLegend .legendLabel
{
	display:				table-cell;
	width:					65px;
}

.listLegend .legendIcons
{
	display:				table-cell;
}

.listLegend .legendIcons li
{
	margin: 				0 5px 5px 0;
	padding: 				2px 5px 0px 20px;
	list-style: 			none;
	display: 				inline-block;
	color:#4C4932;
}

.listLegend .legendIcons li img
{
	position: 				relative;
	top:					4px;
}

.ui-state-default.fc-today.ui-state-highlight{
	background:				#E3EB99;
	background:				rgba(255, 255, 180, 0.5);
}

#pipe ul li.first
{
	padding: 				3px 0;
	margin: 				0;
}

.width100Per
{
	width:					100%;
}

.overflowAuto
{
	overflow:				auto;
}

.overflowVisible
{
	overflow:				visible;
}

.overflowHidden
{
	overflow:				hidden;
}

.posRelative
{
	position:relative;
}

.border_dashed
{
	border:					dashed solid 2px;
}

.borderRed{
	border:					1px solid red;
}

.inline
{
	display:				inline;
}

.removeOutline
{
	outline:				none;
	border:					none;
}

html {
	width: 					calc(100vw - 17px); /*allows smoother transition be between scrolled and non-scrolled pages (reserves 17px scrollbar space)*/
	height: 				calc(100vh - 17px); /*allows smoother transition be between scrolled and non-scrolled pages (reserves 17px scrollbar space)*/
}

html, body
{
	height: 				100%;
}

.page_wrapper
{
	min-height: 			100%;
	height: 				auto !important;
	height: 				100%;
	margin: 				0 auto -40px; /* the bottom margin is the negative value of the footer's total + same as push */
}

.page_wrapper_width
{
	margin-left: 			auto;
	margin-right: 			auto;
	width: 					960px;
}

.ui_info_box
{
	width:					300px;
}

.inline_center_loader
{
	height:					60px;
	left:					50%;
	position:				absolute;
	margin-top:				-20px;
	margin-left:			-150px;
	top:					50%;
	width: 					300px;
	z-index:				500;
}

.ui-default-state
{
	padding:			 	.5em 1em;
	cursor: 				pointer;
}

.ui-effects-transfer
{
	border: 				2px dotted gray;
}

.push
{
	height: 				40px; /* .push must be the same height as .footer total(height + top margin) */
}

.footer
{
	text-align:				center;
	margin-top: 			10px;
	height:					30px;
}

.footer_copyright
{
	padding-top:			6px;
}

/******************************************************************************
								Main Page Style
******************************************************************************/
.selected_treeview
{
	color: 				#333333;
	font-weight: 		bold;
}

.required_field,.warning_text
{
	color:				#FF0000;
	font-weight:		bold;
}

.warning_border
{
	border:				#FF0000 1px solid;
}


.no_decor
{
	text-decoration:	none;
}

.clear_left
{
	clear:				left;
}

.clear_right
{
	clear:				right;
}

.clear_both
{
	clear:				both;
}

.left
{
	float:				left;
}

.right
{
	float:				right;
}

.text_italic
{
	font-style:			italic;
}

.centertext{
	text-align:			center;
}

.text_left{
	text-align:			left;
}

.text_right{
	text-align:			right;
}

.text_bold
{
	font-weight:		bold;
}

.text_underline
{
	text-decoration:	underline;
}

.bold
{
	font-weight:		bold;
}

.text_upper
{
	text-transform:		uppercase;
}

.red {
	color:red;
}

.orange {
	color: orange;
}

.green
{
	color:green;
}

.menuimage
{
	vertical-align:text-top;
}

.pointer
{
	cursor:				pointer;
}

.cursor_help
{
	cursor:				help;
}

.editable
{
	background-color:	#FFFFD3;
	padding: 4px 0px;
}

.center_block
{
	margin-left:		auto;
	margin-right:		auto;
}

.margin_top
{
	margin-top:			10px;
}

.themeui_link_image_adjust
{
	position:			relative;
	top:				-3px;
}

.ui_icon_adjust
{
	position:			relative;
	top:				-3px;
}

.margin_bottom
{
	margin-bottom:		10px;
}

.margin_left
{
	margin-left:		10px;
}

.margin_right
{
	margin-right:		10px;
}

.padding_all
{
	padding: 			5px;
}

.padding_top
{
	padding-top:		5px;
}

.padding_left
{
	padding-left:		5px;
}

.padding_bottom
{
	padding-bottom:		5px;
}

.show{
	display:			block;
}

.block{
	display:			block;
}

.inline-block{
	display:			inline-block;
}

.inline{
	display:			inline;
}

.classic_list
{
	list-style-type:	disc;
	margin-left:		14px;
}

.numbered_list
{
	list-style-type:	decimal;
	margin-left:		14px;
}

.list_custom_notes li
{
	background:			no-repeat url(../img/icon_pin_blue_16.gif) 4px 12px;
	outline:			none;
	display:			block;
	padding:			10px 10px 10px 25px;
	text-decoration:	none;

}

.list_custom_notes li a
{
	padding: 			5px 0 0 0;
}

.no_borders
{
	padding:			0;
}

#notification_top
{
	border:				2px dashed #DDD;
	font-weight:		bold;
	margin:				auto;
	padding: 			3px;
	position:			relative;
	text-align:			center;
	top:				-3px;
	width:				100px;
}

.page_title
{
	font-size:			30px;
}

.horse_title .icon
{
	margin-right:		10px;
}


.horseDefaultThumb{
	position: relative;
	top: 6px;
	left: 0;
    object-fit: contain;
    object-position: center center;
    height: 35px;
    width: 35px;
    max-width:60px;
    margin-left: 0.2em;
    background: #FFFFFF;
    display: inline-block;
    border: 1px solid #cecece;
}

em.horseDetails{
	font-size:0.8em;
}

h2.main_menu_typeface{
	margin-bottom:			10px;
}

#contents {
	margin-top:			25px;
}

.main_content .container
{
	padding:			4px;
	min-height:			300px;
}

.main_content .ageddebt
{
	padding:			4px;
	min-height:			50px;
}

.main_content
{
	margin-right: 		0;
	min-height:			300px;
}

.main_content .return
{
	background:			no-repeat url(../img/icon_return.gif) 4px ;
	position:relative;
}

#main_content.main_content_no_side_bar, .main_content_no_side_bar
{
	width: 				950px;
}

.jq_button, .jq_button.ui-button .ui-button-text {
    font-weight: 600;
	font-size: 			12px;
}

.jqGridReadMore{
	font-size:			1.1em;
	font-weight:		bold;
}

/* --------------------------------------------------------------
	Container Styles
-------------------------------------------------------------- */

.content_item_1
{
	width: 				32px;
}

.content_item_2
{
	width: 				94px;
}

.content_item_3
{
	width: 				156px;
}

.content_item_4
{
	width: 				218px;
}

.content_item_5
{
	width: 				280px;
}

.content_item_6
{
	width: 				353px;
}

.content_item_7
{
	width: 				405px;
}

.content_item_8
{
	width: 				466px;
}

.content_item_9
{
	width: 				528px;
}

.content_item_10
{
	width: 				590px;
}

.content_item_11
{
	width: 				652px;
}

.content_item_12
{
	width: 				724px;
}

.content_full_width
{
	width: 				736px;
}

.alpha
{
	margin-left: 		0;
}

.omega
{
	margin-right: 		0;
}


/* --------------------------------------------------------------
	Left Menu (also note combined properties above)
-------------------------------------------------------------- */

#main_content
{
	float:				right;
	width: 				762px;
	/*margin-right:		15px  fixes margin issue with IE6+7*/
}

#left_menu
{
	margin-left: 		0;
	width: 				176px;
}

#left_menu .side_coin
{
	background:			url(../img/bg_equisoft_watermark.png) bottom left no-repeat;
	height:				170px;
}

#left_menu h1
{
	font-size:			20px;
	text-align:			center;
	height:				35px;
	padding-top:		15px;
	text-align:			center;
	vertical-align:		middle;
}

#left_menu h2{
	font-size: 			14px;
	font-weight: 		100;
	padding: 			0.2em;
}

#left_menu .vetAppInfoContainer .equisoftVetAppIcon{
	float:left
}

#left_menu .vetAppInfoContainer a{
	color: #000000;
	text-decoration: none;
	outline: none;
}

#left_menu .vetAppTitle {
	font-weight: bold;
	font-size: 13px;
	margin-top: 16px;
	display: inline-block;
}

#left_menu .vetAppSubTitle {
	font-size: 12px;
	margin-top: 4px;
	display: inline-block;
}

.legend_vetAppExists{
    background:#ffcccc;
	display:inline-block;
	width: 30px;
	height:10px;
	border-radius:2px;
	border: solid 1px #73673D
}

#left_menu .navBarBottomLogo img {
	width: 51px;
	padding: 0.5em 0.5em 0.5em 3px;
}

#left_menu .platformIconsContainer{
	text-align:center;
	clear:both;
}

#left_menu .platformIcons{
	margin-top: 1em;
	width: 83px;
	display: inline-block;
}

.menu_side ul li.mainPageOption a{
	font-weight:		bold;
}

.menu_side a,
.menu_side .currentPage
{
	outline:			none;
	display:			block;
	padding:			10px 10px 10px 25px;
	text-decoration:	none;
}

.menu_side .default_image
{
	background:			no-repeat url(../img/icon_horse.png) 4px 9px;
}

.menu_side .horse
{
	background:			no-repeat url(../img/icon_horse.png) 4px 9px;
}

.menu_side .owner
{
	background:			no-repeat url(../img/icon_person_owner.gif) 4px 9px;
}

.ownerIconGrid{
	background:			no-repeat url(../img/icon_person_owner.gif) 5px;
	margin-left: 18px;
    display: block;
}

.menu_side .trainer
{
	background:			no-repeat url(../img/icon_person_trainer.gif) 4px 9px;
}

.menu_side .jockey
{
	background:			no-repeat url(../img/icon_person_jockey.gif) 4px 9px;
}

.menu_side .race{
	background:			no-repeat url(../img/icon_fpost_trans_16.png) 4px 9px;
}

.menu_side .tool
{
	background:			no-repeat url(../img/icon_tool.gif) 4px 9px;
}

.menu_side .currentPage
{
	background:			no-repeat url(../img/icon_pin_blue_16.gif) 4px 9px;
	/*font-weight: 		bold;*/
	/*filter: 			grayscale(100);*/
	/*color:				#555;*/
}

.menu_side .google
{
	background:			no-repeat url(../img/icon_google.jpg) 4px 9px;
}

.menu_side .link
{
	background:			no-repeat url(../img/icon_link.png) 4px 9px;
}

.menu_side .video
{
	background:			no-repeat url(../img/icon_video_16.png) 4px 9px;
}

.menu_side .search
{
	background:			no-repeat url(../img/icon_search.gif) 4px 9px;
}

/*Ledger Icons*/
.menu_side .account
{
	background:			no-repeat url(../img/icon_ledger_account_icon.gif) 4px 9px;
}
.menu_side .newaccount
{
	background:			no-repeat url(../img/icon_ledger_new_account_icon.gif) 4px 9px;
}
.menu_side .invoice
{
	background:			no-repeat url(../img/icon_ledger_invoice_icon.gif) 4px 9px;
}
.menu_side .credit
{
	background:			no-repeat url(../img/icon_ledger_credit_icon.gif) 4px 9px;
}
.menu_side .payment
{
	background:			no-repeat url(../img/icon_ledger_payment_icon.gif) 4px 9px;
}
.menu_side .statement
{
	background:			no-repeat url(../img/icon_ledger_statement_icon.gif) 4px 9px;
}
.menu_side .ageddebt
{
	background:			no-repeat url(../img/icon_ledger_aged_debt_icon.gif) 4px 9px;
}
.menu_side .allocation
{
	background:			no-repeat url(../img/icon_ledger_allocation_icon.gif) 4px 9px;
}

.menu_side_sub a
{
	padding-left:		0;
}

.menu_side_selected a
{
	font-weight:		bold;
}

.ui-accordion .ui-accordion-content ul
{
	list-style:			disc;
}

.rptPopupTipTitle{
	color:				#E6510C;
}

.menu_side .rptPopupTip{
	padding:			1em;
}

.menu_side .rptPopupTip a{
	display:				inline;
	margin:					0;
	padding:				0;
	line-height:			16px;
}

.menu_side .rptPopupTip img{
	vertical-align:			text-top;
}

.horseDeleteHeading{
    font-size: 1.1em;
    padding-bottom: 1em;
}

/*Contact Icons*/
.menu_side .application
{
	background:			no-repeat url(../img/icon_application_16.png) 4px 9px;
}

.menu_side .nomination
{
	background:			no-repeat url(../img/icon_nomination_16.png) 4px 9px;
}

/******************************************************************************
								My Account
******************************************************************************/

.billPay{
	background: 			url("../img/bill_pay.png") no-repeat scroll center center transparent;
    cursor: 				pointer;
    float: 					right;
    height: 				19px;
    margin: 				0.2em 0.2em 0.3em 0;
    width: 					36px;
}

.notPaid{
	float: 					left;
    margin: 				0.5em 0.3em 0.4em 2em;
}

/******************************************************************************
								Media Selector
******************************************************************************/

.mediaSelection_header
{
	text-align:				center;
	clear:					both;
	height:					24px;
}

.mediaSelection_footer
{
	text-align:				center;
	clear:					both;
	margin:					0 0 5px 0;
}

.mediaSelection_album_bar
{
	width:					140px;
}

.mediaSelection_album_bar ul
{
	height:					290px;
	overflow:				auto;
	margin-right:			10px;
}

.mediaSelection_album_bar ul li
{
	margin-top:				5px;
	cursor:					pointer;
}

.mediaSelection_album_content
{
	clear:					right;
	float:					left;
	width:					540px;
	margin: 				0 10px 10px 0;
}

.picture_selected
{
	border:					solid 2px #FF0000;
}

.picture_unselected
{
	border:					solid 2px #FFFFFF;
}

.mediaSelection_album_content ul li
{
	background:				url(../img/image_placeholder_79.png) no-repeat;
	cursor:					pointer;
	float:					left;
	margin: 				5px;
	height:					79px;
	width:					79px;
	overflow:				hidden;
}

/* --------------------------------------------------------------
	Invoicing
-------------------------------------------------------------- */

#billingRunContainer .small-warning{
	font-size: 10px;
	color: #026B6A;
	margin-top: 1em;
}

#billingRunContainer .printInvoiceButtonContainer button{
	margin-bottom: 1em;
}

#billingRunContainer .printInvoiceButtonContainer fieldset{
	margin-bottom: 1em;
	padding-top: 1.5em;
}

#billingRunContainer .printInvoiceButtonContainer legend {
	text-align: left;
	margin-left: 1em;
}

.invoiceFinalExtraOptions{
    margin-top: 1em;
}

.invoiceFinalExtraOptions > div{
    margin-top: 0.7em;
}

.billing-invoice-email .grid-missing-email {
    background: #ffdcdc;
}

.billing-invoice-email .grid-do-not-email-default {
    background:rgb(230 179 255);
}

.billing-invoice-email .legend-container{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 1em 0;
    gap: 0.5em;
}

.billing-invoice-email .legend-container > div{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5em;
}

.billing-invoice-email .legend-icon {
    display: inline-block;
    border: 1px solid #000000;
    height: 16px;
    width: 16px;
}

.billing-invoice-email .page_title{
    margin-bottom: 0.5em;
}

.billing-invoice-email .email {
    background: #efefef;
    border: solid 1px;
    border-collapse: separate;
    cursor: text;
}

/* --------------------------------------------------------------
	settings_list
-------------------------------------------------------------- */

#BankSection{
	margin-left: 		1.5em;
}

#BankSection input{
	width:				173px;
}

.billType .mainLabel,
.billLayout .mainLabel,
.invoiceHeaderType .mainLabel
{
	float:				left;
	width:				25%
}

.billType,
.billLayout,
.invoiceHeaderType
{
	margin-top:			5px;
}


.billType ul,
.billLayout ul,
.invoiceHeaderType ul
{
	float: 				right;
	width: 				67%;
}

.billType ul label,
.billLayout ul label,
.invoiceHeaderType ul label,
.departFormHeaderType ul label
{
	display:			block;
}

.billType ul li,
.billLayout ul li,
.invoiceHeaderType ul li
{
	margin-bottom: 		5px;
	padding:			0 !important;
}

.billType ul li label,
.billLayout ul li label,
.invoiceHeaderType ul li label,
.departFormHeaderType ul li label
{
	cursor:				pointer;
	display:			block;
	width:				100%;
}

.billType .hint,
.billLayout .hint,
.invoiceHeaderType .hint,
.departFormHeaderType .hint
{
	font-size: 10px;
	color: #828282;
	padding-left: 22px
}

.billCustomInvoiceHeader img{
	padding:			1em;
}


.settings_section
{
	width: 				46%;
	float:				left;
	margin:				4px;
}

.settings_section p
{
	font-weight:		100;
}

.settings_section_content
{
	height: 			90px;
	padding:			4px;
}

.arrow
{
	font-size:			72px;
	font-weight:		bold;
	text-align:			center;
}

/* Settings: External Access */
.general_form ul label.extraLongLabel, .small_form ul label.extraLongLabel{
	width:				130px;
}

.externalEquisoftAccess p{
	margin-bottom: 0.2em;
}

.externalEquisoftAccess .checkboxContainer {
	margin-top: 1em;
	margin-bottom: 1em;
}

.externalEquisoftAccess .checkboxContainer.last {
	margin-bottom: 0;
}

.externalEquisoftAccess .sectionContainer{
	padding: 4px;
}

.general_form .externalEquisoftAccess ul label{
	width: 95px;
}

.externalEquisoftAccess .subheading{
	display:block;
	font-weight:bold;
	margin-bottom: 0.4em;
}
.externalEquisoftAccess .customAddress{
	margin-top: 0.5em;
	font-size: 0.8em;
}

.general_form .externalEquisoftAccess ul li{
	 padding: 0;
}

.general_form .systemWideBilling ul label{
	width: 170px;
}

/* Settings: Doorcard Image */
.doorcardImageContainer {
    display:block;
    border:1px dashed #999999;
    margin:5px;
    padding:1em;
    text-align: center;
}

/* --------------------------------------------------------------
	Horse Ownership Change
-------------------------------------------------------------- */
#horseOwnersEdit .percentage {
    text-align: right;
    width: 80px;
}
#horseOwnersEdit .percentage_total {
    padding-right: 35px;
    width: 46px;
}

/* --------------------------------------------------------------
	Owner
-------------------------------------------------------------- */

.ownerMain.page_title h1
{
	float:				left;
	width:				80%;
}

.ownerSilks
{
	padding:			0.3em;
}

.ownerSilks img
{
	border:				solid 1px #E2DDCA;
	margin:				5px;
}

.ownerSilks .buttonContainer
{
	text-align:			center;
}

.ownerSilks button
{
	margin:				5px 0 5px 0px;
}

/* Owner Types */
#ownerMain .ownerTypes{
	max-height:			240px;
	overflow:			auto;
}

#ownerMain .ownerTypes ul{
	padding:			1em;
}

#ownerMain .ownerTypes li{
	padding:			0.7em;
}

#ownerMain .ownerTypes .ownerTypeDefault{
	float:				right;
}

#ownerMain label.ownerTypeDescription{
	cursor:				pointer;
	width:				100%;
}

/* --------------------------------------------------------------
	Horse Main
-------------------------------------------------------------- */

#horse_main .blankRow{
	height:				24px;
}


.ui-jqgrid .ui-jqgrid-pager .ui-pg-div {
    font-weight: bold;
}

#main_horse_tabs.ui-tabs{
	padding: 0;
}

#main_horse_tabs.ui-tabs .ui-tabs-panel{
	padding:1em 0.5em;
}

.uiCustomHeader{
	border-bottom: 1px solid #AAAAAA;
}

.uiCustomBorder{
	border-color: #EEEEEE;
}

.uiCustomBorderNone{
	border: none;
}

.convertToStallion{
	font-size: 0.8em;
	margin: 2px 0 0 114px;
	text-align: left;
}

/* --------------------------------------------------------------
	Horse Search Filter
-------------------------------------------------------------- */

#filterHorseStatusLink
{
	/*position:			relative; causes problem in reprint invoices - cannot select horse search input*/
	z-index:			10;
}

#filterHorseStatusContainer{
	display:			none;
	height:				240px;
	padding:			10px;
	position:			absolute;
	right:				3px;
	top:				14px;
	width:				300px;
	z-index:			3021;
}

#filterHorseStatusContainer ul
{
	height:				190px;
	overflow:			auto;
}

#filterHorseStatusContainer ul li
{
	cursor:				pointer;
	height:				16px;
	margin:				2px;
	padding:			2px;
	vertical-align:		middle;
}

#filterHorseStatusContainer ul li.odd
{
	background-color:	#ECE8DB
}

#filterHorseStatusContainer ul li label
{
	cursor:				pointer;
	float:				left;
	width:				250px;
}


/* --------------------------------------------------------------
	Horse Inquiry
-------------------------------------------------------------- */

#horse_tab_horse_inquiry
{
	min-height: 400px;
}

/* --------------------------------------------------------------
	Horse Breeding Mare
-------------------------------------------------------------- */
.breeding_jq_current
{
	background:				url(../img/breeding_cell_bg.gif) repeat-y;
}

.breeding_jq_current:before
{
	content: 				url(../img/blank.gif);
}

.breeding_banner
{
	background:				#FFFFFF;
	clear:					both;
	display:				block;
	height:					50px;
	margin-top:				10px;
}

.breeding_banner img
{
	margin-top:				6px;
}

.breeding_banner .season_previous
{
	display:				inline-block;
	margin:					0;
	width:					24%;
}

.breeding_banner .season_current
{
	display:				inline-block;
	margin:					0;
	text-align:				center;
	width:					52%;
}

.breeding_banner .season_next
{
	display:				inline-block;
	margin:					0;
	text-align:				right;
	width:					24%;
}


.breedingLabel{
	color:					#2A2EFD;
}

.columnWrapper{
	display:				table;
	height:					100%;
}

.column{
	display:				table-cell;
	height:					100%;
	vertical-align:			top;
}

#breeding_details .column fieldset{
	padding:				0px 4px;
	box-sizing:				border-box;
}

#breeding_details fieldset.content_item_12{
	width:					714px;
}

#breeding_details fieldset.content_item_6{
	width:					353px;
}


#breeding_details input[type=text]
{
	width:					145px;
}

#breeding_details textarea
{
	width:					175px;
	line-height:			18px;
}

#breeding_details input[name="Foal_TimeOfBirth"],
#breeding_details input[name="Foal_Weight"],
#breeding_details input.foalingTimesInput
{
	width:					55px;
}

#breeding_details .textAreaLabel
{
	vertical-align:			top;
	margin-top:				7px
}

#breeding_details label
{
	width:					120px;
}

#breeding_details .horse-breeding-foal-image a img{
    height: 126px;
    width: 175px;
    object-fit: contain;
    object-position: center center;
    background: #FFFFFF;
}

#breeding_details select[name="StartStatus_ID"],
#breeding_details select[name="foal_colour"],
#breeding_details select[name="CurrentStatus_ID"],
#breeding_details select[name="BoardingFarm_ID"]
{
	width:					150px;
}

#breeding_details select[name="StallionFeeCurrency"],.general_form ul .StallionFeeCurrency
{
	width:					67px;
}

.imagedropshadow {
	border: 				solid 4px #fff;
	-moz-box-shadow: 		1px 1px 5px #999;
	-webkit-box-shadow: 	1px 1px 5px #999;
        box-shadow: 		1px 1px 5px #999;
}

.highslide:hover img{
	border-color:			#fff;
	-moz-box-shadow: 		1px 1px 5px #777;
	-webkit-box-shadow: 	1px 1px 5px #777;
        box-shadow: 		1px 1px 5px #777;
}

.charLimit{
	display:				none;
	color:					red;
	margin-top:				15px;
}


#foal_details li{
	padding:				5px 0;
}

.report label[for="report"] select,
#report_type label[for="reportID"] select
{
	min-width:				200px;
}

.report input[type=text]
{
	width:					170px;
}

.report .sortBy_dropdown select
{
	width:					176px;
}

.report textarea
{
	width:					215px;
	height:					85px;
	font-size:				13px;
	line-height:			17px
}

/* --------------------------------------------------------------
	Daily
-------------------------------------------------------------- */

#daily_activity_page button#clearHorseFilter{
	float: right;
}

#daily_activity_page button#addHorseFilter{
	float: right;
}

#createContract{
	text-align: center;
}

#contractSuccessMessage{
	padding: 13px;
    text-align: center;
    position: relative;
    font-size: 17px;
    display: none;
}

#revisitDateWarning{
	margin-left: 82px;
    margin-top: 6px;
    color: red;
    font-weight: 600;
    display: none;
}

.section_heading
{
	display:				block;
	overflow:				auto;
	padding:				5px;
}

#foalSexList{
	clear:					both;
}

#foalSexList label{
	float:					left;
	margin-top:				2px;
}

#foalSexList ul label{
	margin-top:				0;
}

#foalSexList ul{
	float:					left;
	margin-bottom:			1em;
	/*margin-top: 			-9px;*/
}

#foalSexList li{
	margin-bottom:			1em;
	padding:				0 1em 1em 1em;
}

#diaryNextCode{
    color: 					#6C632A;
    margin: 				3px 0 0 113px;
}

.reportOptionsContainer {
    display: flex;
    flex-direction: column;
}

.reportOptionsContainer .reportOption {
    display: flex;
    align-items: center;
    gap: 0.2em;
}

/* --------------------------------------------------------------
	Modify Input
-------------------------------------------------------------- */
.modifyInputTopFilters{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.activity_modify_input_page .grid_filters{
    min-width:268px;
    margin: 0;
}

.activity_modify_input_page .advanced_search{    
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    gap: 0.5em;
    border: dashed 1px #d4ccb0;
    padding: 0.6em;
}

.activity_modify_input_page .advanced_search label{
    width: 80px;
}

.activity_modify_input_page .list_tight{
    padding: 0.5em;
}

.activity_modify_input_page .list_tight li{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 0.5em;
    margin: 0.5em 0;
}

.activity_modify_input_page .dateResetNotification{
    color: #9e967b;
    margin-left: 113px;
    margin-top: 2px;
    font-style: italic;
    font-size: 8px;
    min-height: 9px;
}

.general_form.activity_modify_input_page ul li:first-child{
    margin-top: 0.2em;
    margin-top: 0.2em;
}
.general_form.activity_modify_input_page ul li:last-child{
    margin-bottom: 0.1em;
    padding-bottom: 0.1em;
}

.activity_modify_input_page .list_tight li input[type="radio"]{
    margin:0;
}

.activity_modify_input_page .list_tight li label{
    width: auto;
    min-width: 64px;
    display:block;
}

.activity_modify_input_page .modifyInputSearchContainer{
    display: flex;
    margin: 1em;
    border: solid 1px #d4ccb0;
    padding: 0.5em;
    background: #d4ccb0;
    border-radius: 5px;
    align-items: center;
    gap: 1em;
}

.activity_modify_input_page .filterHint{
    color: #635c47;
    font-size: 10px;
    margin-top: 2px;
}

/* --------------------------------------------------------------
	Theme UI Overrides
-------------------------------------------------------------- */
.ui-tabs
{
	margin-bottom:			10px;
}

/* --------------------------------------------------------------
	Billing
-------------------------------------------------------------- */

#performDatabaseBackupli{
	outline: 3px dotted #fb7a7a;
    padding: 7px;
    font-size: large;
    text-align: center;
}


#billingBackUpWarning{
	padding: 6px;
    color: red;
}

.updateLastInvoiceNo{
	text-align: 			center;
}

#frm_billing_run ul label{
	width:  				120px;
}

#frm_billing_run fieldset.required{
	margin: 				0.5em;
	min-height:  			100px;
	padding: 				0.8em;
}

#frm_billing_run .errorholder{
	display: 				block;
    margin-right: 			72px;
    text-align: 			right;
}

#frm_billing_run fieldset.required label{
	width: 					93px;
}

#frm_billing_run fieldset.optional label{
	width: 					124px;
}

#frm_billing_run fieldset.optional{
	margin: 				0.5em;
	padding: 				0.8em;
}

#frm_billing_run fieldset.optional .nextInvoiceNumber{
	width: 					118px;
}

#frm_billing_run .calculateInvoices{
	text-align: 			center;
}

#frm_billing_run .calculateInvoices button{
	margin-top: 			0.2em;
}

#billingAdvOptText{
	margin-top: 			4px;
}

#billingAdvOptIcon{
	margin-top: 			1px;
}

/******************************************************************************
								Generic Table Style
******************************************************************************/

.tblGen
{
	border-spacing: 								0;
	border-top: 									1px solid #DDDDDD;
	clear: 											both;
	width: 											100%;
	border-collapse:								collapse;
}

.tblGen th, .tblGen td
{
	background: 									#FFF;
	color: 											#333333;
	padding: 										5px 0 5px 5px;
	border-top: 									1px solid #DDDDDD;
	height: 										35px;
}

.tblGen th
{
	background: 									#EDE9DC;
	border: 										1px solid #FFF;
	border-left: 									0;
	border-right: 									0;
	border-bottom: 									0;
	color: 											#000000;
	font-size: 										1em;
	vertical-align: 								middle;
}

.tblGen td
{
	font-size: 										1em;
	vertical-align:									middle;
}

.tblGen tr.jqgrow td
{
	padding:  										0.3em;
}

.tblGen tr.odd td, .ui-jqgrid tr.oddRow td
{
	background: 									#FBFBFB;
}

/******************************************************************************
								Other Table Style
******************************************************************************/

.table_jqgrid_lookalike
{
	width:					100%;
}

.table_jqgrid_lookalike thead
{
	border: 				solid 1px #DDD;
}

.table_jqgrid_lookalike tfoot
{
	font-size:				14px;
}


.results_table
{
	border:					0 solid #08699e;
	border-collapse:		collapse;
	margin: 				2px 0 2px;
	width:					100%;
}

.results_table th
{
	background-color:		#E7E7E7;
	border:					1px solid #BDC1C3;
	color:					#0B333C;
	font-weight:			bold;
	height:					20px;
	padding:				1px;
	vertical-align:			middle;
}

.results_table td
{
	padding:				1px 4px;
}

.r0
{
	background-color:		#efefef;
}

.r1
{
	background-color:		#FFF;
}

.results_table td
{
	min-width: 60px;
}

.report .results_table td{
	min-width: 105px;
}

/*Special Table Cells*/

td.option
{
	width:					18px;
	cursor:					pointer;
}

td.option a
{
	display:				block;
	height:					16px;
	margin: 				0 auto 0;
	outline: 				none;
	text-indent:			-999em;
	width:					16px;

}

td.save{
	background:				url(../img/icon_save.gif) no-repeat center
}

td.edit
{
	background:				url(../img/icon_edit.gif) no-repeat center
}

td.refresh
{
	background:				url(../img/arrow_refresh.gif) no-repeat center
}

td.databaseRestore
{
	background:				url(../img/svg/databaseRestore2.svg) no-repeat center
}

td.deleteMaterial
{
	background:				url(../img/materialFilled/minus.svg) no-repeat center
}

td.download
{
	background:				url(../img/download.png) no-repeat center
}

td.add
{
	background:				url(../img/icon_add.gif) no-repeat center
}

td.link
{
	background:				url(../img/icon_link.png) no-repeat center
}

td.search
{
	background:				url(../img/icon_search.gif) no-repeat center
}

td.send
{
	background:				url(../img/icon_ledger_statement_icon.gif) no-repeat center
}

td.remove
{
	/* background:				url(../img/icon_remove.gif) no-repeat center */
    background:				url(../img/materialFilled/minus.svg) no-repeat center
}

td.clear
{
	background:				url(../img/clear.gif) no-repeat center
}

td.pdf
{
	background:				url(../img/icon_pdf.gif) no-repeat center
}

td.emailInfo
{
    background-image: url('../img/email.svg');
    background-size: 54px 39px;
    background-position: 0px -8px;
}

td.log
{
	background:				url(../img/icon_log.png) no-repeat center
}

td.tick
{
	background:				url(../img/icon_tick.gif) no-repeat center
}

td.photo,
td.image
{
	background:				url(../img/icon_image.png) no-repeat center
}

.image
{
	background:				url(../img/icon_image.png) no-repeat center
}

td.photo20,
td.image20
{
	background:				url(../img/icon_image_20.png) no-repeat center
}

.tblHelp tr td
{
	padding:				5px 15px 5px;
	width:					198px;
}

.jqGrid-linkCell{
    color: #0000FF; 
    text-decoration:underline; 
    cursor:pointer;
}

/* --------------------------------------------------------------
	Note Viewer
-------------------------------------------------------------- */

.noteViewer .noteHolder{
	overflow: 					auto;
	padding:  					1em;
}

.noteViewer table{
	margin: 					0.5em 1em 0.5em;
	text-align: 				left;
	width: 						100%;
}

.noteViewer hr{
	margin:  					1em 0 0;
}

/* --------------------------------------------------------------
	Breeding Info Tabs
-------------------------------------------------------------- */

#gridInfo_tabs_container
{
	height: 					120px;
}

#gridInfo_tab_nav
{
	padding:					0px;
	margin:						0px;
	width:						160px;
}

#gridInfo_tab_nav li
{
	display: 					inline-block;
	list-style: 				none;
	margin: 					0;
	padding: 					5px 0px;
	text-align:					center;
	width:						73px;
}

/* --------------------------------------------------------------
	Save Link
-------------------------------------------------------------- */

.save_section{
	border-radius: 			0 0 0 5px;
	float:					right;
	font-size:				12px;
	padding:				7px 5px 4px 4px;
	position:				relative;
	right:					-4px;
	text-align:				center;
	top:					-5px;
}

.save_section span
{
	margin-left:			5px;
	cursor:					pointer;
}

/* --------------------------------------------------------------
	Buttons
-------------------------------------------------------------- */

.btn
{
	height:					16px;
	width:					16px;
	display:				inline-block;
	margin-right:			2px;
	vertical-align:			text-top;
}

.btn_save
{
	background:				url(../img/icon_save.gif) no-repeat left;
}

.btn_add_square
{
	background:				url(../img/icon_add_square.png) no-repeat left;
}

.btn_edit
{
	background:				url(../img/icon_edit.gif) no-repeat left;
}

.btn_save_needed
{
	background:				url(../img/icon_save_needed.gif) no-repeat left;
}

.btn_save_disabled
{
	background:				url(../img/icon_save_disabled.gif) no-repeat left;
}

.btn_cancel
{
	background:				url(../img/icon_cancel.gif) no-repeat left;
}

.btn_add
{
	background:				url(../img/icon_add.gif) no-repeat left;
}

.btn_refresh
{
	background:				url(../img/arrow_refresh.gif) no-repeat left;
}

.btn_delete
{
	background:				url(../img/icon_trash.gif) no-repeat left;
}

.btn_accept
{
	background:				url(../img/accept.png) no-repeat left;
}

.btn_search
{
	background:				url(../img/icon_search.gif) no-repeat left;
}

.btn_print
{
	background:				url(../img/icon_print_16.png) no-repeat left;
}

.btn_colour
{
	background:				url(../img/icon_colour.png) no-repeat left;
}

.btn_settings
{
	background:				url(../img/icon_settings.png) no-repeat left;
}

.btn_remove
{
	background:				url(../img/icon_remove.gif) no-repeat left;
}

.btn_loading
{
	background:				url(../img/loader_small.gif) no-repeat right;
	margin-right:			0;
	margin-left:			3px;
}

.btn_export
{
	background:				url(../img/icon_pdf_16.png) no-repeat right;
	margin-right:			0;
	margin-left:			3px;
}

.iconText{
	position:				relative;
	top:					2px;
}

.btn_image
{
	background:				url(../img/icon_image.gif) no-repeat left;
}


a.button:focus
{
    outline: 				none;
}

/* --------------------------------------------------------------
	Forms
-------------------------------------------------------------- */

input,textarea
{
	padding:			2px;
}

input[readonly]
{
	background-color:		#F0F0F0;
	color:					#000000;
}

input:focus,textarea:focus
{
	border: 			1px solid #FAD570;
}

input.error,textarea.error
{
	border: 			1px dotted #FF0000;
}



fieldset p:first-child
{
	padding:4px;
}

.full
{
	width:				99%;
}

.half
{
	width:				48%;
}

.textarea_1
{
	height:				65px;
	width:				315px;
}

.textarea_2
{
	height:				60px;
	width:				200px;
}

.textarea_big
{
	height:				200px;
	width:				500px;
}

label.error
{
	color:				#FF0000;
	display: 			inline;
	margin-left: 		2px;
	padding:			2px;
	width:			 	auto !important;
}

.general_form fieldset,.small_form fieldset
{
	float:				left;
}

.general_form ul,.small_form ul
{
	list-style-type:	none;
	list-style:			none;
	margin:				0;
	padding:			0;
}


.general_form ul label,
.small_form ul label,
.ui-buttonset-label
{
	display: 			inline-block;
	width: 				110px;
	vertical-align: 	center;
}

.radio_button_label,
.general_form ul label.radio_button_label, 
.small_form ul label.radio_button_label, 
.ui-buttonset-label.radio_button_label
{
    vertical-align: text-top;
    width:auto;
}

ul.wideLabel li label
{
	width: 				130px;
}

.buttonset_small .ui-button-text-only .ui-button-text{
	padding: 			0.4em 0.9em;
}

.general_form ul label.full,.small_form ul label.full
{
	width: 				100%;
}

#radioTop label
{
	width: 				50px;
    text-align:         center;


}

.small_form ul label
{
	display: 			inline-block;
	width: 				90px;
}

.general_form ul input[type="text"]
{
	width: 				150px;
}

.general_form ul input[type="text"].ui-pg-input{
	width: 				20px;
}

.small_form ul input[type="text"]
{
	width: 				130px;
}

.invoice_dropdowns select
,.sortBy_dropdown select
{
	width:				142px;
}

.general_form ul select
{
	width: 				156px;
}

.general_form ul select.ui-pg-selbox{
	width: 				42px;
}

.general_form ul li,.small_form ul li
{
	padding: 			5px;
}

.general_form ul.list_tight li,.small_form ul.list_tight li
{
	padding: 			0;
}

.general_form ul input[type="text"].quantity
{
	width: 				40px;
}

.general_form ul input[type="text"].seasonwidth
{
	width: 				40px;
}

#dialog_save p:first-child
{
	margin-top:			20px;
}

#dialog_save p span
{
	text-align:			center;
}


.settings_list_small ul
{
	float:				left;
	margin: 			-4px 0 5px 0;
}

.settings_list_small ul li
{
	margin: 			0;
	padding: 			0;
}

.activity_added
{
	margin-top:			2px;
	width:				370px;
}

.activity_warning_1
{
	padding:			0px;
	width:				400px;
}

/* --------------------------------------------------------------
	PTS Only
-------------------------------------------------------------- */

#feedTimes label {
	margin-right: 		0.5em;
	width: 				auto;

}

#feedTimes input {
	margin-left: 		7px;
	padding:			2px 0 0 0;
}

#feedTimes .text{
	padding-bottom:		1px;
}


/* --------------------------------------------------------------
	Race Only
-------------------------------------------------------------- */

.tblRaceResult{
	width:				100%;
}

.tblRaceResult td{
	padding:			0 4px 3px;
}

.tblRaceResult th{
	padding:			2px 4px 0;
}

.tblRaceResult .resultPos input{
	width:				20px;
}

.tblRaceResult .resultHorseName input{
	width:				160px;
}

.tblRaceResult .resultWeight input,
.tblRaceResult .resultDistance input{
	width: 50px;
}

.frmRaceWizard fieldset{
	display: block;
	float: none;
}

.frmRaceWizard ul input[type="text"].ui-pg-input{
	width: 				25px;
}

.frmRaceWizard ul .ui-pg-selbox{
	width: 				40px;
}

/* --------------------------------------------------------------
	YouTube Links
-------------------------------------------------------------- */

.ytGallery
{
	list-style: 		none;
	margin: 			0;
	padding: 			0;
}

.ytGallery li
{
	margin: 			10px;
	padding: 			0;
	float: 				left;
	position: 			relative;
	width: 				162px;
	height: 			90px;
}

.ytGallery a
{
	text-decoration: 	none;
	color: 				#666;
}

.ytGallery a:hover
{
	color: 				#000;
	text-decoration: 	underline;
}

.ytGallery img
{
	padding: 			3px 0 0 0px;
	margin-left: 		-5px;
}

.ytGallery em
{
	width: 				159px;
	height: 			30px;
	background: 		url(../img/icon_video_play.png) no-repeat;
	display: 			block;
	position: 			absolute;
	text-align: 		center;
	padding: 			70px 0 0 0;
}

/* --------------------------------------------------------------
	uploadify.css
	Uploadify v2.1.0
	Release Date: August 24, 2009
	Copyright (c) 2009 Ronnie Garcia, Travis Nickels
-------------------------------------------------------------- */

.uploadifyQueueItem
{
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 390px;
}
.uploadifyError
{
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel
{
	float: right;
}
.uploadifyProgress
{
	background-color: #FFFFFF;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar
{
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}

#fileQueue
{
	width: 435px;
	height: 60px;
	overflow: auto;
	border: 1px dashed #E5E5E5;
	margin-bottom: 10px;
}

.processingImage
{
	height:						50px;
	margin:						-100px 0 0 0;
	position:					relative;
	width:						436px;
};

/* --------------------------------------------------------------
	Reports
-------------------------------------------------------------- */

/*
Removed as causes conflict with new stallion column chooser. Will be added back in with a more specifc selector later for reports multiselect
*/
.ui-multiselect div.selected { position: relative; padding: 0; margin: 0; border: 0;}
.ui-multiselect ul.selected { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; position: relative; width: 100%; }
.ui-multiselect li { margin: 0; padding: 0; cursor: default; line-height: 22px; height: 22px; font-size: 11px; list-style: none; }
.ui-multiselect li a { color: #999; text-decoration: none; padding: 0; display: block; float: left; cursor: pointer;}

.ui-multiselect .ui-state-default { border: none; margin-bottom: 0px; position: relative; padding-left: 5px;}
.ui-multiselect li a.action { position:absolute; right: 5px; top: 2px;}

.ui-multiselect p.pheader{
	padding: 			0px;
	font-size:			11px;
	line-height:		22px;
	text-align:			center
}

.ui-multiselect p.pfooter{
	padding: 			0px;
	height:				22px;
}

.default_label{
	font-size:			10px;
}

/* --------------------------------------------------------------
	Stakes Rank Grid Icons
-------------------------------------------------------------- */
span.icon-center{
	padding:			0;
	position:			relative;
	left: 				30px;
	bottom: 			6px;
}

span.icon-center-foaling{
	padding:			0;
	position:			relative;
	left: 				43px;
	bottom: 			6px;
}

/* --------------------------------------------------------------
	Horse Pedigree
-------------------------------------------------------------- */

#pedigreeHorse{
	left: 				2px;
	position: 			absolute;
	top: 				270px;
	width: 				370px;
}

#pedigreeTable
{
	padding:			0;
}

#pedigreeTable tr
{
	text-align:			left;
	vertical-align:		middle;
}

#pedigreeTable tr td
{
	background:			none;
	padding-right:		20px;
	padding-left:		20px;
}

#pedigreeTable tr td p
{
	height:				16px;
	margin:				3px 0;
	width:				100px;
	padding:			1px;
	white-space:		nowrap;
	overflow:hidden;
}

#pedigreeTable tr td.pedigreeCell1
{
	background:			url(../img/ped-box-1-join.gif) right center no-repeat;padding-left:0;
}

#pedigreeTable tr td.pedigreeCell2
{
	background:			url(../img/ped-box-2-join.gif) right center no-repeat;
}

#pedigreeTable tr td.pedigreeCell3
{
	background:			url(../img/ped-box-3-join.gif) right center no-repeat;
}

#pedigreeTable tr td.pedigreeCell4
{
	background:			url(../img/ped-box-4-join.gif) right center no-repeat;
}

.pedpointer
{
	cursor:				default;
}

/* --------------------------------------------------------------
	Settings
-------------------------------------------------------------- */

/* Custom Foal Name */
.box_selections .text_adjust
{
	position:			relative;
	top:				2px;
}

.box_selections a
{
	border:				1px dashed #D9D5C5;
	color:				#7f7f7f;
	display:			block;
	font-size:			12px;
	float:				left;
	margin:				2px;
	padding:			6px;
	text-decoration:	none;
}

.box_selections a:hover
{
	background-color:	#FFF;
	color:				#000;
	border:				1px dashed #e5e2d7;
}

/* --------------------------------------------------------------
	Staff: Settings
-------------------------------------------------------------- */
.staffRolesCheckBoxHolder{
	margin:10px;
	padding:10px;
}

/* --------------------------------------------------------------
	Activity: Settings
-------------------------------------------------------------- */
#activityCodeDetailsContainer form{
    display: flex;
    flex-direction: column;
    height: 480px;
    width: 900px;
    flex-wrap: wrap;
}

#activityCodeDetailsContainer form fieldset{
    margin: 0.3em;
    background: #FFFFFF;
    border-radius: 0 0 4px 4px;
    min-width: 294px;
    flex-grow:1;
}


#activityCodeDetailsContainer form fieldset.doubleItem{
    flex-grow: 2;
}


#activityCodeDetailsContainer.general_form ul select {
    width: 146px;
}

#activityCodeDetailsContainer.general_form ul label{
    width: 106px;
}

#activityCodeDetailsContainer .ui-tabs .ui-tabs-panel{
    padding: 1em 0 0.5em;
}

#activityCodeDetailsContainer .ui-tabs .ui-tabs-nav{
    padding: 0;
}

#activityCodeDetailsContainer .ui-tabs .ui-tabs-nav li a {
    padding: 0.5em 0.5em;
    font-size: 11px;
    max-width: 81px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* --------------------------------------------------------------
	Clients: Settings
-------------------------------------------------------------- */

.tblOptionClient{
	margin:  							1em auto;
}

.tblOptionClient th
,.tblOptionClient td{
	padding: 							0.5em;
	text-align: 						left;
	width: 								200px;
}

.tblOptionClient th:nth-child(2), .tblOptionClient td:nth-child(2){
	padding-right: 						1em;
	text-align: 						right;
}

.optionClientAccountType{
	display: 							inline-block;
	padding: 							1em;
	margin: 							1em;
	width: 								220px;
}

.optionClientAccountType h4{
	font-size: 							12px;
	padding: 							0.5em;
	text-align: 						center;
}

.optionClientAccountType p{
	margin: 							1em 0;
}

/* --------------------------------------------------------------
	Modal Window Classes (inc' jqmodal)
-------------------------------------------------------------- */

.modal_main p:first-child
{
	font-weight:			bold;
	margin-bottom: 			10px;
	text-align:				center;
}

.modal_main .dashboardViewSettings
{
	font-weight:			bold;
	margin: 				10px;
	display:				block;
}

.modal_main .dashboardViewSettingsIndent
{
	margin-left: 				30px;
}

.modal_main .buttons
{
	margin-top: 			10px;
	text-align:				center;
}

.jqmWindow_title
{
	font-size:				14px;
	padding:				4px;
	text-align:				center;
}

.jqmOverlay
{
	background-color: 		#000;
}

div.jqmWindow
{
	background-color: 		#FFF;
	border: 				1px solid eee;
	display: 				none;
	left: 					50%;
	margin-left: 			-200px;
	overflow: 				hidden;
	position: 				fixed;
	top: 					17%;
	width: 					400px;
}

div.jqmWindow .ui-dialog-titlebar{
	padding: 				0.4em 1em;
	margin:					0.1em;
}

div.jqmWindow .ui-dialog-titlebar .jqmClose{
	margin: 0.1em 0 0;
}

.jqmWindow_body{
	padding:				10px;
}

#jq_daily_movement_container .jqmWindow_body{
	padding:				10px 10px 0;
}

.jqDrag
{
	cursor:			move;
}

#p_window_create_horse,#p_window_race_entrant,#p_addCard,#p_window_horse_1,#p_window_daily_owner, #p_window_user_client
{
	z-index: 		3025;
}


#p_window label[for="MareOnly"]
{
	color:					blue;
	font-weight: 			bold;
}

#saveDialog
{
	left:			50%;
	margin-left:	-210px; /*Width/2 + 10 (popup margin)*/
	width:			400px;
	z-index: 		4001;
}

.jqmClose
{
	cursor:			pointer;
	position:		absolute;
	right:			10px;
	top:			3px;
}

.handle_move
{
	cursor:			move;
}

/* --------------------------------------------------------------
	Signout Styles
-------------------------------------------------------------- */

#signOutWarning p{
	font-size:		14px;
	padding:		0.5em;
}

#signOutWarning .countdown{
	color:			#FF0000;
}

#signOutWarning .ui-widget-content .ui-icon{
    float: 			left;
    margin-right: 	0.5em;
}

#signOutWarning .ui-icon-alert{
    float: 			left;
    margin-right: 	1em;
}

#signOutWarning .warningQuestion{
	font-size:		16px;
	margin-top:		0.5em;
}

/* --------------------------------------------------------------
	Top Menu
-------------------------------------------------------------- */

.main_menu_non_typeface
{
	font-weight:		400;
	/* font-family:		Georgia, Georgia, serif; */
}

.ui-datepicker
{
	z-index: 			200000;
}

td.fadehover {
    position: absolute;
}
    img.blackwhite {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

img.colour {
    position: absolute;
    left: 0;
    top: 0;
}

.h3fadehover
{
	font-size: 				20px;
	font-weight:bold;
}

#Announcements_Main ul li
{
	margin:				0 0 10px 0;
}

#Announcements_Main .announcement_title
{
	padding:			3px;
}

#Announcements_Main .announcement_body
{
	font-weight:		400;
	padding:			3px;
}

/******************************************************************************
			Horse Gallery Tab Thumbnails
******************************************************************************/

.horse-image-gallery-container .photos-container{
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.8rem;
    justify-content: center;
    margin: 1em 0;
}

.horse-image-gallery-container .photos-container.photos-container{
    gap: 2.2rem;
}

.horse-image-gallery-container .photos-container .photos-container-thumbnail{
    text-align: center;
    background: #ffffff;
    border-radius: 5px;
    border: solid 2px #cecece;
    width: 164px;
}

.horse-image-gallery-container .photos-container .photos-container-thumbnail .photos-container-thumbnail-controls{
    display: flex;
    background: #ededed;
    flex-direction: row;
    justify-content: center;
    gap: 0.5em;
}
.horse-image-gallery-container .photos-container .photos-container-thumbnail .photos-container-thumbnail-checkbox{
    padding: 0.8em 0.5em;
}

.horse-image-gallery-container .photos-container .photos-container-thumbnail .photos-container-thumbnail-checkbox input[type="checkbox"]{
    cursor: pointer;
}

.horse-image-gallery-container .photos-container .photos-container-thumbnail img{
    height: 126px;
    width: 164px;
    object-fit: contain;
    object-position: center center;
}
.horse-image-gallery-container .photos-container .photos-container-thumbnail .photos-container-thumbnail-description{
    color: #7d7d7d;
    background: #ededed;
    font-weight: bold;
    padding: 0.5em 0.2em;
    width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.h_gallery
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.h_gallery li,.horse_image
{
	margin: 20px 0px 5px;
	padding: 8px;
	background: url(../img/polaroid.gif) no-repeat;
	float: left;
	position: relative;
	width: 153px;
}

.h_gallery em
{
	display: block;
	padding: 3px 22px 0 0;
	text-align: center;
	font: italic 100% Georgia, "Times New Roman", Times, serif;
	color: #333;
}

.h_pop_gallery_thumbs
{
	height:152px;
	margin: 0 0 5px 0;
}

/******************************************************************************
			Horse Gallery: Highslide
******************************************************************************/

/**
* @file: highslide.css
* @version: 4.1.9
*/
.highslide-container div
{
	/* font-family: Verdana, Helvetica; */
	font-size: 10pt;
}
.highslide-container table {
	background: none;
}
.highslide {
	outline: none;
	text-decoration: none;
}

.highslide:hover img {
	border-color: gray;
}

.js-highslideWrapper .highslide:hover img {
	border-color: #fff;
}

.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}

.highslide-number {
	font-weight: bold;
	color: gray;
	font-size: .9em;
}
.highslide-caption {
	display: none;
	font-size: 1em;
	padding: 5px;
	text-align:center;
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	background: black;
}
a.highslide-full-expand {
   background: url(../img/highslideImages/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(../img/highslideImages/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}

.highslide-viewport {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 4001;
	background: none;
	left: 0;
	top: 0;
}
.highslide-overlay {
	display: none;
}
.hidden-container {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton
{
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(../img/highslideImages/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Controls for the galleries.											     */
/* Remove these if you are not using a gallery							     */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(../img/highslideImages/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(../img/highslideImages/controlbar-white.gif) right -90px no-repeat;

}
.highslide-controls li {
	float: left;
	padding: 5px 0;
	margin:0;
	list-style: none;
}
.highslide-controls a {
	background-image: url(../img/highslideImages/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a.disabled span {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
	cursor: pointer;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

/******************************************************************************
			Jquery Text Area wysiwyg
******************************************************************************/

div.wysiwyg { border: 1px solid #999; padding: 0; background: #fff url('../img/jquery.wysiwyg.bg.png') repeat-x top; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); }
div.wysiwyg * { margin: 0; padding: 0; }

div.wysiwyg ul.toolbar li.jwysiwyg-custom-command { overflow: hidden; }

div.wysiwyg div.toolbar-wrap { width: 100%; border-bottom: 1px solid #ccc; }
div.wysiwyg ul.toolbar { list-style: none;  float: left; padding: 0 3px 0 3px; margin: 0; }
div.wysiwyg ul.toolbar li.wysiwyg-button-hover,div.wysiwyg ul.toolbar li.active { background-color: transparent; width: 18px; height: 18px; border: 1px solid rgb(208, 208, 208); border-left-color: #aaa; border-top-color: #aaa; }
div.wysiwyg ul.toolbar li.disabled { background-color: transparent; opacity: 0.5; filter:alpha(opacity=50); cursor: auto; }

div.wysiwyg ul.toolbar li.bold { background-position: -1px -15px; }
div.wysiwyg ul.toolbar li.italic { background-position: -18px -15px; }
div.wysiwyg ul.toolbar li.strikeThrough { background-position: -36px -15px; }
div.wysiwyg ul.toolbar li.underline { background-position: -55px -15px; }
div.wysiwyg ul.toolbar li.highlight { background-position: -48px -96px; }

div.wysiwyg ul.toolbar li.justifyLeft { background-position: 0 2px; }
div.wysiwyg ul.toolbar li.justifyCenter { background-position: -18px 2px; }
div.wysiwyg ul.toolbar li.justifyRight { background-position: -36px 2px; }
div.wysiwyg ul.toolbar li.justifyFull { background-position: -55px 2px; }

div.wysiwyg ul.toolbar li.indent { background-position: -74px 1px; }
div.wysiwyg ul.toolbar li.outdent { background-position: -92px 1px; }

div.wysiwyg ul.toolbar li.subscript { background-position: -74px -15px; }
div.wysiwyg ul.toolbar li.superscript { background-position: -92px -15px; }

div.wysiwyg ul.toolbar li.undo { background-position: 0px -68px; }
div.wysiwyg ul.toolbar li.redo { background-position: -18px -69px; }

div.wysiwyg ul.toolbar li.insertOrderedList { background-position: -36px -49px; }
div.wysiwyg ul.toolbar li.insertUnorderedList { background-position: -19px -49px; }
div.wysiwyg ul.toolbar li.insertHorizontalRule { background-position: 0 -49px; }

div.wysiwyg ul.toolbar li.h1 { background-position: 0px -31px; }
div.wysiwyg ul.toolbar li.h2 { background-position: -18px -31px; }
div.wysiwyg ul.toolbar li.h3 { background-position: -36px -31px; }
div.wysiwyg ul.toolbar li.h4 { background-position: -55px -31px; }
div.wysiwyg ul.toolbar li.h5 { background-position: -74px -31px; }
div.wysiwyg ul.toolbar li.h6 { background-position: -92px -31px; }

div.wysiwyg ul.toolbar li.paragraph { background-position: 0px -106px; }
div.wysiwyg ul.toolbar li.colorpicker { background-position: -18px -106px; }
div.wysiwyg ul.toolbar li.fullscreen { background-position: -36px -106px; }

div.wysiwyg ul.toolbar li.cut { background-position: -36px -68px; }
div.wysiwyg ul.toolbar li.copy { background-position: -55px -68px; }
div.wysiwyg ul.toolbar li.paste { background-position: -74px -68px; }
div.wysiwyg ul.toolbar li.insertTable { background-position: -74px -49px; }

div.wysiwyg ul.toolbar li.increaseFontSize { background-position: -18px -87px; }
div.wysiwyg ul.toolbar li.decreaseFontSize { background-position: -36px -87px; }

div.wysiwyg ul.toolbar li.createLink { background-position: -92px -48px; }
div.wysiwyg ul.toolbar li.unLink { background-position: -74px -87px; }
div.wysiwyg ul.toolbar li.insertImage { background-position: -92px -87px; }

div.wysiwyg ul.toolbar li.html { background-position: -55px -49px; }
div.wysiwyg ul.toolbar li.removeFormat { background-position: -92px -68px; }

div.wysiwyg ul.toolbar li.empty { background-position: -73px -86px; }

div.wysiwyg ul.toolbar li.code { background-position: -74px -106px; }
div.wysiwyg ul.toolbar li.cssWrap { background-position: -92px -106px; }

div.wysiwyg-dialogRow { float:left; width:100%; font-size: 16px; }

div.wysiwyg iframe {
	clear: left;
	background-color:white;
	padding:0px; margin:0;
	display:block;
	width: 100%;
}

#pop_daily_activity_note div.wysiwyg iframe {
    height: 120px !important;
    min-height: 120px !important;
}

div.wysiwyg > textarea { border: 0; outline: none; box-shadow: none; }

/* dialog */
.wysiwyg-dialog { position:fixed; top:50px; left:50px; width:450px; height:300px; background:transparent; font:14px "Helvetic Neue", Helvetica,Arial,sans-serif; }
.wysiwyg-dialog .wysiwyg-dialog-topbar { background:#333; border:1px #111 solid; color:white; padding:10px; position:relative; }
.wysiwyg-dialog .wysiwyg-dialog-topbar .wysiwyg-dialog-close-wrapper .wysiwyg-dialog-close-button { color:white; text-decoration:none; display:block; padding:6px 10px; position:absolute; right:12px; top:50%; height:14px; margin-top:-12px; }
.wysiwyg-dialog .wysiwyg-dialog-topbar .wysiwyg-dialog-close-wrapper a.wysiwyg-dialog-close-button:hover { background:#666; }
.wysiwyg-dialog .wysiwyg-dialog-topbar .wysiwyg-dialog-title { font-size:20px; font-weight:bold; padding:5px; }
.wysiwyg-dialog-modal-div { position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:rgb(255,255,255); background-color:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
.wysiwyg-dialog-content form.wysiwyg legend { padding:7px; }
.wysiwyg-dialog-content form.wysiwyg .form-row { clear:both; padding:4px 0; }
.wysiwyg-dialog-content form.wysiwyg .form-row label, .wysiwyg-dialog form.wysiwyg .form-row .form-row-key { display:block; float:left; width:35%; text-align:right; padding:4px 5px; }
.wysiwyg-dialog-content form.wysiwyg .form-row .form-row-value { display:block; float:left; width:55%; }
.wysiwyg-dialog-content form.wysiwyg .form-row input.width-auto { width:auto; }
.wysiwyg-dialog-content form.wysiwyg input.width-small { width:50px; min-width:50px; max-width:50px; }
.wysiwyg-dialog-content form.wysiwyg input, .wysiwyg-dialog form.wysiwyg select { padding:2px; width:100%; margin:2px; }
.wysiwyg-dialog-content form.wysiwyg input[type=submit], .wysiwyg-dialog form.wysiwyg input[type=reset] { padding:2px 7px; width:auto; }


/******************************************************************************
			Horse Brochure
******************************************************************************/

#brochurePedigreeTable .ui-state-default,
#brochurePedigreeTable .ui-widget-content,
#brochurePedigreeTable .ui-state-default
{
	background: 					none;
	border: 						none;
	color: 							#000;
}

#brochurePedigreeTable
{
	padding:						0;
	font-size:						12px;
}

#brochurePedigreeTable tr
{
	text-align:						left;
	vertical-align:					middle;
}

#brochurePedigreeTable tr td
{
	background:						none;
	padding-right:					15px;
	padding-left:					15px;
}

#brochurePedigreeTable tr td p
{
	height:							12px;
	margin:							0;
	width:							105px;
	padding:						0px;
	white-space:					nowrap;
}

#editedReport
{
	width:							600px;
}

#brochureBody
{
	font-size:						10px;
}

.editableHighlight
{
	background-color:				#FDFDC5;
	cursor:							text;
}

@media print{
	.printHide
	{
		display: 					none !important;  /*!Important needed due to jquery showing + hiding item*/
	}

	#customheader
	{
		border: 0px;
		scrollbar-shadow-color: 	#FFFFFF;
		scrollbar-highlight-color: 	#FFFFFF;
		scrollbar-face-color: 		#FFFFFF;
		scrollbar-3dlight-color: 	#FFFFFF;
		scrollbar-darkshadow-color: #FFFFFF;
		scrollbar-track-color: 		#FFFFFF;
		scrollbar-arrow-color: 		#FFFFFF;
	}
}

/******************************************************************************
			Custom Tab Styles
******************************************************************************/

.uiCustomBorder{
	border-color:					#EEEEEE;
}

.uiCustomBorderNone{
	border:							none;
}


/******************************************************************************
			Site Map
******************************************************************************/

.siteMap p { margin-bottom: 18px; }
.siteMap h1 { font-weight: bold; font-size: 24px; line-height: 36px;}
.siteMap h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-top:10px;}
.siteMap h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
.siteMap h2 { border-bottom: 1px solid #d5d5d5; margin-top: 15px; margin-bottom: 0; }
.siteMap h3 { margin-top: 5px; }
.siteMap ul li li { margin-left: 12px; }
.siteMap a { text-decoration: none; color: #76797c; }
.siteMap a:hover { text-decoration: underline; }
/*.siteMap .col{float: left;margin: 5px 40px 5px 10px;}*/
.siteMap .col{float: left;margin: 5px 6% 2px 2%; width:25%;}

/******************************************************************************
			iScroll
******************************************************************************/

#iScrollHeader{
	width:				100%;
	height:				45px;
	line-height:		45px;
	background-image:	-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #96FEC9), color-stop(0.05, #18D575), color-stop(1, #0A7B2E));
	padding:			0;
	color:				#eee;
	font-size:			20px;
	text-align:			center;
	font-weight:		bold;
}

#iScrollHeader a{
	color:				#f3f3f3;
	text-decoration:	none;
	font-weight:		100;
	text-shadow:		0 -1px 0 rgba(0,0,0,0.5);
}

#iScrollfooter{
	width:				100%;
	height:				48px;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222));;
	padding:			0;
	border-top:			1px solid #444;
}

#iScrollfooter li{
	display:			block;
	float:				left;
}

#iScrollfooter li{
	width:				50%;
	text-align:			center;
}

#iScrollfooter a.remove{
	border-right:		1px solid #333;
}

#iScrollfooter a.add{
	border-left:		1px solid #6a6a6a;
}

#iScrollfooter a{
	display:			block;
	text-decoration:	none;
	font-size:			26px;
	color:				#eee;
	line-height:		24px;
	text-shadow:		0 -1px 0 #000;
	margin:10px 0 0;
}

#iScrollWrapper{
	height:				200px;		/* Of course you need to specify the object height */
	position:			relative;	/* On older OS versions "position" and "z-index" must be defined (absolute | relative), */
	z-index:			1;			/* it seems that recent webkit is less picky and works anyway. */
	width:				100%;
	background:			#aaa;
	overflow:			hidden;
}

#iScrollScroller{
	/*	-webkit-touch-callout:none;*/
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	float:				left;
	width:				100%;
	padding:			0;

	/*	-webkit-box-shadow:0 0 8px #555;	/* Don't use box shadows, they slow down drastically CSS animations */
}

#iScrollScroller ul{
	list-style:			none;
	padding:			0;
	margin:				0;
	width:				100%;
	text-align:			left;
}

#iScrollScroller li{
	padding:			0 10px;
	height:				40px;
	line-height:		40px;
	border-top:			1px solid #fff;
	background-color:	#fafafa;
	font-size:			14px;
}

#iScrollScroller li.selected{
	background-color:	#7FFF2A;
}

#iScrollScroller li > a{
	display:			block;
}

/******************************************************************************
Growth
******************************************************************************/

#pgGrowthResults form{
	margin: 			1em 0 0;
}

#growthEditHorseName{
	margin: 			0.2em 0;
}

#pgGrowthResults .growthEditDetails,
#pgGrowthResults .growthEditDetailsUnit{
	float:				left;
	width:				50%;
}

#pgGrowthResults .growthEditDetailsUnit label{
	width: 				250px;
}

#pgGrowthSearch fieldset{
	padding:			1em;
	margin:				1em;
	display:			inline;
}

#pgGrowthSearch legend{
	font-weight:		bold;
}

#pgGrowthSearch label{
	width: 				110px;
}

#pgGrowthSearch table{
	margin-bottom:		1em;
}

#pgGrowthSearch td{
	padding: 			0.5em 0;
}

.growthPrevious{
 	color: 				#8B452F;
    font-size: 			11px;
	height:				15px;
    margin: 			0.2em 90px 0 0;
    text-align: 		right;
}

#growthFilterDetailsCon{
	margin: 			0.2em 0 1em;
}

#growthFilterDetailsCon span{
	margin-right:		0.5em;
}

.growthAvgPositive{
	color:				#AA1106;
	padding-left:		0.2em;
}

.growthAvgNegative{
	color:				#44A40C;
	padding-left:		0.2em;
}

#pgGrowth .recommended{
	color:				#8B452F;
	font-size:			10px;
	margin-left:		0.5em;
}

/******************************************************************************
LoginBox
******************************************************************************/
.loginBox input,.loginBox ul input[type="text"]{
	font-size:			16px;
	font-weight:		600;
	margin:				0.5em 0 0;
	padding:		    0.4em 2px;
	width:				340px;
}

.loginBox .error{
	width: 340px;
}

/******************************************************************************
Overrides
******************************************************************************/
.ui-autocomplete-loading { background: white url(../img/loader_small.gif) right center no-repeat; }

/*Overrides the default cell styling on a grid row to show wrap the line rather than chop it*/
.ui-jqgrid tr.jqgrow td.nowrap{
	white-space:									normal;
}

.colorPicker-picker {
  height: 16px;
  width: 16px;
  padding: 0 !important;
  background: url(../img/colourPicker.gif) no-repeat top right;
  cursor: pointer;
  line-height: 16px;
}

.colorPicker-palette {
  width: 110px;
  position: absolute;
  border: 1px solid #598FEF;
  background-color: #EFEFEF;
  padding: 2px;
  z-index: 1120;
}
  .colorPicker_hexWrap {width: 100%; float:left }
  .colorPicker_hexWrap label {font-size: 95%; color: #2F2F2F; margin: 5px 2px; width: 25%}
  .colorPicker_hexWrap input {margin: 5px 2px; padding: 0; font-size: 95%; border: 1px solid #000; width: 65%; }

.colorPicker-swatch {
  height: 12px;
  width: 12px;
  border: 1px solid #000;
  margin: 2px;
  float: left;
  cursor: pointer;
  line-height: 12px;
}

.colorswatch {display: block; float:left; width: 100%; padding: 0.25em 0;}

.colorswatch label,
.colorswatch input,
.colorswatch div { display: inline; float: left; }

input.percentage,
.general_form ul input[type="text"].percentage
{
	width:					45px;
}

/******************************************************************************
							Calendar Popups
*******************************************************************************/
.smallLink{
	font-size:				10px;
}

.hide
{
	display:				none;
}

.raceResults .ui-dialog-content,
.raceResults .jqmWindow_body{
	padding: 				3px 3px 0px;
}

.raceResults .raceDetails{
	display:				block;
	padding:				5px 4px;
}

.raceResults h1{
	font-size:				17px;
}

.raceResults ul{
	padding-top:			10px;
	padding-bottom:			5px;
}

.raceResults ul li{
	display:				inline-block;
}

.raceResults ul li.label{
	font-weight:			bold;
}

.raceResults ul li.value{
	margin-left:			5px;
	margin-right:			20px;
}
.raceResults div.ui-dialog-buttonpane{
	border-width:			0px;
	padding:				0;
}

/******************************************************************************
							Bread Crumbs
*******************************************************************************/

.breadcrumb {
	list-style: none;
	overflow: hidden;
	font-weight:		100;
	font-size: 16px;
	display:inline-block;
}
.breadcrumb li {
	float: left;
}
.breadcrumb li a {
	color: white;
	text-decoration: none;
	padding: 5px 0 5px 45px;
	background: #DBD4B9;                   /* fallback color */
	background: hsla(179,70%,35%,1);
	position: relative;
	display: block;
	float: left;
}
.breadcrumb li a:after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid hsla(179,70%,35%,1);
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 100%;
	z-index: 2;
}
.breadcrumb li a:before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	margin-left: 1px;
	left: 100%;
	z-index: 1;
}
.breadcrumb li:first-child a {
	padding-left: 0.9em;
}
.breadcrumb li:nth-child(2) a       { background:        hsla(179,32%,70%,1); }
.breadcrumb li:nth-child(2) a:after { border-left-color: hsla(179,32%,70%,1); }
.breadcrumb li:nth-child(3) a       { background:        hsla(179,32%,73%,1); }
.breadcrumb li:nth-child(3) a:after { border-left-color: hsla(179,32%,73%,1); }
.breadcrumb li:nth-child(4) a       { background:        hsla(179,32%,80%,1); }
.breadcrumb li:nth-child(4) a:after { border-left-color: hsla(179,32%,80%,1); }
.breadcrumb li:nth-child(5) a       { background:        hsla(179,32%,85%,1); }
.breadcrumb li:nth-child(5) a:after { border-left-color: hsla(179,32%,85%,1); }
.breadcrumb li:last-child a {
	color: #08908E;
	background: transparent !important;
	pointer-events: none;
	cursor: default;
}
.breadcrumb li:last-child a:after { border: 0; }
.breadcrumb li a:hover { background: hsla(179,32%,25%,1); }
.breadcrumb li a:hover:after { border-left-color: hsla(179,32%,25%,1) !important; }
.smallTitle{
	font-size: 12px;
}

/*
Race Result
*/
.tblResultsSummary td{
	padding-right:0.5em
}

.tblResultsSummary td{
	padding-bottom:0.5em;
}

.tblResultsSummary .position span{
	width: 30px;
	display:block;
}

.tblResultsSummary .name input{
	width: 120px;
}

.tblResultsSummary .weight input{
	width: 10px;
}

.tblResultsSummary .distance input{
	width: 25px;
}

.inputTip {
    color: #8B452F;
    font-size: 11px;
    height: 15px;
    margin: 0.2em 0 0 175px;
    text-align: left;
}

.inputTip.newLine{
	display:block;
}

.tblResultsSummaryRaceInput{
	margin:auto;
	margin-top:10px;
}

/*********************************************************************************************************
/* Foaling Inquiry Page
/*********************************************************************************************************/

#foaling_inquiry .general_form
{
	margin-top:						5px;
	margin-bottom:					15px;
}

#foaling_inquiry .firstRow
{
	margin-top:						5px;
}

#foaling_inquiry .secondRow
{
	margin-top:						5px;
}

#foaling_inquiry .seasonSpinner
{
	position:						relative;
	top:							2px
}

#foaling_inquiry label
{
	line-height:					22px;
}

#foaling_inquiry .season input
{
	text-align:						center;
	width:							40px
}

#foaling_inquiry .jqGrid_mareName a
{
   font-weight: 					bold;
}

#foaling_inquiry .jqGridReadMore
{
	font-size:						10px;
}

#foaling_inquiry .foalWeight{
	padding-left:					10px;
}

/*iPad*/
.iPadDevice #foaling_inquiry .foalWeight{
	padding-left:					7px;
}

.iPadDevice .foalInquiryForm
{
	font-size: 				18px;
	overflow:				auto;
}

.iPadDevice .foalInquiryForm label
{
	width:					175px;
	margin-top:				4px;
}

.iPadDevice .foalInquiryForm input
{
	font-size: 				18px;
	height:					28px;
	margin-left: 			2px;
	margin-right: 			2px;
}

.iPadDevice .foalInquiryForm.general_form ul input[type="text"]{
	width:					210px;
	padding:				0px 10px;
}

.iPadDevice .foalInquiryForm.general_form ul .season input[type="text"]{
	padding:				0px 15px;
}

.iPadDevice td a.highslide img{
	height:					36px;
	width:					42px;
}

.iPadDevice td.image {
    background: 			rgba(0, 0, 0, 0) url("../img/icon_image_full.png") no-repeat scroll center center;
    background-size: 		38px 28px;
}

.iPadDevice .foalInquiryForm .ui-icon {
    height: 				22px;
    width: 					22px;
}

.iPadDevice .foalInquiryForm .ui-icon-triangle-1-w {
    background-position: 	-94px -14px;
}

.iPadDevice .foalInquiryForm .ui-icon-triangle-1-e {
    background-position: 	-30px -14px;
}

.iPadDevice .foalInquiryForm .ui-corner-all {
    border-radius: 			8px;
}

/*Give last 2 (Note and foal link) column headers default cursor*/
#jqgh_jqTable_foalNote,
#jqgh_jqTable_foalLink
{
	cursor: 						default;
}

.seasonSpinner.ui-state-hover.ui-state-disabled{
    background: 					none;
    border: 						1px solid #C0C0C0;
}

/*********************************************************************************************************
/* Pages using JQGrid FilterToolbar Search
/*********************************************************************************************************/

#horse_tab_horse_search .ui-search-toolbar .ui-search-input input
{
	margin-top:						2px;
}

#horse_tab_horse_search .horse_search
{
	padding-left:					6px;
}

/*jqGrid - Fix display bug in chrome when using filtertoolbar appears black and does not collapse correctly*/
.ui-search-toolbar {
	background-color: #C6C5C3;
	border-top-color: #C6C5C3;
	border-bottom-color: #C6C5C3;
}

/*jqGrid Filtertoolbar - following class is added to elements within pages with filtertoolbar to allow custom styling */

.jqft_pedigree
{
	float:							left;
	padding:						3px 0 0;
	margin-right:					1em;
	color: 							#505050;
	font-size:						13px;
}

.jqft_pedigree a
{
	color:							#505050;
}

.jqft_characterNotice
{
	color:							#605B43;
	font-style:						italic;
	margin-bottom:					10px;
	text-align:						center;
	font-size:						10px;
}

/*********************************************************************************************************
/* Styling for Notes List page - image attach
/*********************************************************************************************************/


.noteAttachments{
	float:							left;
	min-width:						300px;
	max-height:                    	150px;
	overflow:                 		auto;
}

#pop_daily_activity_note .noteAttachments a{
	color: 							rgb(49, 46, 37);
}

#pop_daily_activity_note .noteAttachmentContainer{
	min-width:							215px;
}

#pop_daily_activity_note .noteAttachedItemList{
	overflow:						auto;
	max-height:						42px;
}

#pop_daily_activity_note .noteSaveButtons{
	width:							100%;
	margin:							0;
	min-height: 					35px;
}

#pop_daily_activity_note .noteIcon.dropdown
{
	margin:					2px 5px 6px;
   	padding:				10px 8px;
}

.noteAttachmentContainer
{
	float:							left;
	text-align: 					left;
	margin-left: 					8px;
}

.noteAttachmentContainer.imageAttachments {
	min-width: 						130px;
}

.noteAttachmentContainer.pdfAttachments {
    margin-left: 					20px;
}

.noteSaveButtons{
	float:left;
	margin-left: 					20px;
}

.noteAttachedItemList li
{
	height: 						10px;
	padding:                        5px !important;
	padding-left: 					24px !important;
	background: 					url('../img/icon_image.png') no-repeat left center;
}

.noteAttachedItemList li.pdfAttachments
{
	background: 					url('../img/icon_pdf_16.png') no-repeat left center;
}

.attachImageLink, .attachPDFLink
{
	height: 						16px;
	padding-left: 					24px;
	float:							left;
	color:							blue;
	cursor:							pointer;
	text-decoration: 				none;
	margin-top: 					0.5em;
}

.attachImagePrint
{
	height: 						16px;
	float:							right;
	margin-top: 					0.5em;
}

.attachImageLink
{
	background: 					url('../img/icon_Attachment.png') no-repeat left center;
}

.attachPDFLink
{
	background: 					url('../img/icon_pdf_16.png') no-repeat left center;
}

.editAttachment{
	background: 					url('../img/icon_edit.gif') no-repeat left top;
	background-size:				16px 16px;
	opacity:						0.8;
	width:							16px;
	height:							16px;
	display:						block;
	float:							right;
	position:						relative;
	bottom:							2px;
	left:							5px;
}

.editAttachment:hover{
	opacity:						1;
}

.deleteAttachment{
	background: 					url('../img/icon_remove.gif') no-repeat left top;
	background-size:				16px 16px;
	opacity:						0.8;
	width:							16px;
	height:							16px;
	display:						block;
	float:							right;
	position:						relative;
	bottom:							2px;
	left:							5px;
}

.deleteAttachment:hover{
	opacity:						1;
}

.deleteAttachment a
{
	color:							transparent;
}

.selectPrintAttachment{
	width:							16px;
	height:							16px;
	float:							right;
	position:						relative;
	bottom:							5px;
	left:							5px;
}

/*********************************************************************************************************
/* Styling for Admin page
/*********************************************************************************************************/

#adminReports select
{
	width:							110px;
}

#adminReports button
{
	display:						block;
	margin:							0px auto 0;
}

#adminReports .li-spacing
{
	margin-left:					60px;
}

#adminReports .li-spacing-top,
#adminReports .li-spacing-bottom
{
	margin-left:					63px;
}

#adminReports .li-spacing-top
{
	font-weight:					bold;
/*	border-bottom: 					1px solid #333;
	padding-bottom:					3px;*/
}

#adminReports .li-spacing-top .raquo
{
	font-size:						15px;
}


/*********************************************************************************************************/
/* Simple Tooltip
/*********************************************************************************************************/

.hotspot{
	border-bottom:			1px dotted #900;
	color:					#900;
	cursor:					pointer;
	padding-bottom:			1px;
}

#simpleTooltip {
	display:				block;
	position:				absolute;
	z-index:				20000;
	border-radius:			1em;
	opacity:				0.9
}

#simpleTooltiptop {
	display:				block;
	height:					5px;
	margin-left:			5px;
	overflow:				hidden
}

#simpleTooltipcont {
	color:					#FFF;
	display:				block;
	margin-left:			5px;
	padding:				2px 12px 3px 7px;
}

#simpleTooltipbot {
	display:				block;
	height:					5px;
	margin-left:			5px;
	overflow:				hidden
}

.question{
	cursor:help;
}


/*********************************************************************************************************/
/* Locations Settings
/*********************************************************************************************************/

#loc_tree
{
	max-height:				475px;
	margin-bottom:			10px;
	overflow:				auto;
}

#loc_details
{
	margin:					25px 0px 25px 65px;
	padding-bottom: 		20px;
}

/*********************************************************************************************************/
/* Owner Inquiry
/*********************************************************************************************************/

.ownerInquiry .jqmWindow_body
{
	padding: 				0;
}

#menuHorsesDIV .jqmWindow_body
{
	padding:				0px;
}

#menuHorsesDIV .ui-jqgrid
{
	width:					100%;
	margin:					5px auto 5px;
}

#filterHorseStatusLink .ownersHorses
{
	margin-top:				13px;
	font-weight:			bold;
}

#filterHorseStatusLink .sideGrid
{
	display:				block;
	margin:					8px auto 5px;
    font-size: 				14px;
    font-weight: 			100;
    padding: 				0.2em;
    text-align:				center;
}

#filterHorseStatusLink .sideGrid_btn
{
	font-size:				11px;
	display:				block;
	width:					140px;
	margin:					5px auto 8px;
}

#menuBackDIV .ownerInqLink
{
	display:				block;
	margin:					8px auto 10px;
	width:					140px;
	text-align:				center;
}

/*New Changes - owner details*/
.ownerInquiry.horse_title
{
	padding: 				0px 0px 10px;
}

.ownerInquiry.ownerDetails
{
    border: 				1px solid rgb(204, 204, 204);
    margin-bottom:			18px;
    overflow: 				auto;
}

.ownerInquiry.ownerDetails .header
{
    padding:				4px;
    font-weight:			bold;
}

.ownerInquiry.ownerDetails .content
{
    padding:				8px 12px 8px;
}

.ownerInquiry.ownerDetails .content .col
{
    float:					left;
    width:					33%;
    height:					100%;
}

.ownerInquiry.ownerDetails .content .col .labels
{
    width:					30%;
    float:					left;
    padding:				5px 0;
    font-weight:			bold;
}

.ownerInquiry.ownerDetails .content .col .values
{
    width:					70%;
    float:					right;
    padding:				5px 0;
}

.ownerInquiry.ownerDetails .content .col .values.edit
{
    margin-top:				4px;
}

.ownerInquiry.ownerDetails .content .col .values.note,
.ownerInquiry.ownerDetails .content .col .values.agedDebtNote
{
	max-height:				110px;
	line-height:			22px;
	padding:				0;
	overflow:				auto;
	margin-bottom:			2px;
}

.ownerInquiry.ownerDetails .content .col .values.agedDebtNote
{
	max-height:				88px;
}

.ownerInquiry.ownerDetails .content .col .values.ageddebt
{
	text-align:				right;
	float:					left;
	min-height:				12px;
	width:					70%;
}

.ownerInquiry.ownerDetails .editBtn
{
    padding:				0 10px 10px;
    text-align: 			right;
}

.ownerFullHorseRecordBtnContainer
{
    display: flex;
    justify-content: center;
    border: none;
    margin: 0;
    padding-top: 1em;
}

/* Owner inquiry pop up */

.ownerInquiryPop.ownerDetails
{
    border: 				1px solid rgb(204, 204, 204);
    margin-bottom:			18px;
    overflow: 				auto;
}

.ownerInquiryPop.ownerDetails .header
{
    padding:				4px;
    font-weight:			bold;
}

.ownerInquiryPop.ownerDetails .content
{
    padding:				8px 12px 8px;
}

.ownerInquiryPop.ownerDetails .content .col
{
    float:					left;
    width:					50%;
    height:					100%;
}

.ownerInquiryPop.ownerDetails .content .col .labels
{
    width:					30%;
    float:					left;
    padding:				5px 0;
    font-weight:			bold;
}

.ownerInquiryPop.ownerDetails .content .col .values
{
    width:					70%;
    float:					right;
    padding:				5px 0;
}

.ownerInquiryPop.ownerDetails .content .col .values.edit
{
    margin-top:				4px;
}

.ownerInquiryPop.ownerDetails .content .col .values.note
{
	max-height:				110px;
	line-height:			22px;
	padding:				0;
	overflow:				auto;
	margin-bottom:			2px;
}

/*********************************************************************************************************/
/* Activity Input, Daily Movement, Tease
/*********************************************************************************************************/

/*Daily Movement Only*/
#movementSelectionContainer .allHorses
{
	position:				absolute;
	top:					78px;
}

.dailymovementWarning{
	width: 200px;
	margin: auto;
	margin-bottom: 16px;
}

.duplicateMovementDateTimeHint{
    font-weight: bold;
    text-decoration: underline;
}

.hiddenPedigreeCbx
{
	/*border:	1px solid blue;*/
	margin-bottom: 			5px;
}

.searchBox,
.showInactive
{
	/*border:1px solid red;*/
	position: 				relative;
	top: 					2px;
}

/*********************************************************************************************************/
/* Handicap Ratings
/*********************************************************************************************************/

#handicap_ratings .js-namesInput,
#handicap_ratings .horseWithTrainersCbx,
#handicap_ratings .horseWithTrainersCbx input,
#handicap_ratings .horseWithTrainersCbx img.tooltip
{
	position: 				relative;
}

#handicap_ratings .js-namesInput
{
	top:					20px;
	z-index:				1;
}

#handicap_ratings .horseWithTrainersCbx
{
	top:					22px;
	left:					6px;
	z-index:				0;
}

#handicap_ratings .horseWithTrainersCbx input
{
	top:					2px;
}

#handicap_ratings .horseWithTrainersCbx img.tooltip
{
	top:					4px;
}

/*********************************************************************************************************/
/* Owner Export
/*********************************************************************************************************/

.ownerMassLinkOptions{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 1em;
    margin-bottom: 1em;
}

.ownerMassLinkOptions > div{
    display: flex;
    align-items: center;
}

.ownerMassLinkOptions > div input{
    margin:0;
    padding:0;
    margin-right: 0.2em;
}

.accountslink
{
   background:				rgba(200,200,200,0.4);
}

#ownerMassLinkFrm
{
	display:				none;
}

.btn-disabled
{
	opacity:				0.6;
	cursor:					default;
}

.btn-disabled.ui-state-hover,
.btn-disabled.ui-widget-content .ui-state-hover,
.btn-disabled.ui-state-focus,
.btn-disabled.ui-widget-content .ui-state-focus
{
	background: 			none;
	border: 				1px solid rgb(212, 204, 176);
	color: 					rgb(67, 63, 56);
	font-weight: 			bold;
}

.ui-button-disabled.ui-state-disabled{
    background-image: 		none;
    opacity: 				0.6;
}

.sf-navbar li ul
{
    width: 					1000px !important;/*Required for menu*/
}


span.ownerExport.address
{
	position:				relative;
	top:					2px;
}

img.ownerExport.tooltip
{
	position:				relative;
	right:					4%;
	bottom:					0px;
}

/*Moz only hack*/
@-moz-document url-prefix() {
	span.ownerExport.address
	{
		top:				8px;
	}

	img.ownerExport.tooltip
	{
		bottom:				6px;
	}
}


/*********************************************************************************************************
/* Online Covering Certs
/*********************************************************************************************************/

.grid_filters
{
	margin:5px;
}

.grid_filters ul li
{
	overflow:				auto;
    min-height: 19px;
}

.grid_filters label
{
	margin-top:				5px;
}

.grid_filters .content_item_12 label
{
	width:					15%;
}

/*content_item_12: 714px wide*/
.grid_filters .content_item_12 .seasonWrapper,
.grid_filters .content_item_12 .multiselectWrapper
{
	width:					85%;
}

.grid_filters select
{
	width:					150px;
}

.grid_filters .content_item_5 label
{
	width:					85px;
}

.grid_filters .content_item_7 label
{
	width:					110px;
}

.grid_filters .content_item_5 .seasonWrapper,
.grid_filters .content_item_5 .multiselectWrapper
{
	width:					195px;
}

.grid_filters .content_item_7 .seasonWrapper,
.grid_filters .content_item_7 .multiselectWrapper
{
	width:					295px;
}

.grid_filters .seasonSpinner
{
	margin-top:				2px;
}

.grid_filters .multiselectWrapper input[type=text]
{
	width:					145px;
	padding-left:			4px;
	padding-right:			4px;
}

.grid_filters .seasonWrapper input[name="season"]
{
	text-align:				center;
	width:					50px;
}

.grid_filters .stallionWrapper input[name="stallion_name"]
{
	width:					135px;
}

.grid_filters .ui-jqgrid tr.jqgrow td
{
    white-space: 			normal !important;
}

.grid_filters .ui-th-column,.ui-jqgrid .ui-jqgrid-htable th.ui-th-column
{
    white-space:			normal;
}

.grid_filters .ui-jqgrid .ui-jqgrid-htable th div
{
	padding-top:			7px;
}

#jqgh_jqTable_CoverCerts_ReturnCoverCertRequired
{
	height: 				22px;
	padding:				5px;
}


/*2 rule declarations below disable pointer events and highlighting on hover for grid headers*/
#jqTable_CoverCerts_missingItems,
#jqTable_CoverCerts_fixButton
{
	pointer-events:			none;
}

#jqTable_CoverCerts_missingItems.ui-state-hover,
#jqTable_CoverCerts_missingItems.ui-widget-content .ui-state-hover,
#jqTable_CoverCerts_fixButton.ui-state-hover,
#jqTable_CoverCerts_fixButton.ui-widget-content .ui-state-hover
{

	background: 			none;
	border-right: 			1px solid rgb(212, 204, 176);
	color: 					rgb(67, 63, 56);
}


#cover_certs_fix_errors label
{
	float:					left;
	width:					100px;
	padding-top:			5px;
}

#cover_certs_fix_errors input,
#cover_certs_fix_errors select
{
	float:					left;
	width:					160px;
	margin-bottom:			12px;
	margin-right:			5px;
}

#cover_certs_fix_errors select
{
	width:					165px;
}

#jqTable_CoverCerts_pager_center{
	display: 				none;
}

#jqTable_CoverCerts_pager_right div.ui-paging-info{
    margin-top: 			6px;
}

/*********************************************************************************************************
/* Aged Debt - Billing (Import)
/*********************************************************************************************************/

#pop_billing_aged_debt label
{
	float:					left;
	width:					165px;
	padding-top:			2px;
	padding-bottom:			0px;
}

#pop_billing_aged_debt input,
#pop_billing_aged_debt select
{
	float:					left;
	width:					110px;
	margin-bottom:			8px;
}

#pop_billing_aged_debt input.total{
	font-weight: 			bold;
}

input.numeric,
input.total
{
	text-align: 			right;
}


.line-through{
	text-decoration:		line-through;
}

.weatherBysExported{
	text-decoration:		line-through;
	color:					#707070;
}

/*changes for aged debt tab added to owner page*/
#owner_tabs.ui-tabs .ui-tabs-panel
{
    padding: 				1em 0.5em;
}

#owner_tabs textarea
{
    margin:					10px auto;
    display:				block;
    width:					300px;
}

/*Missing Accounts link popup*/
#pop_billing_aged_debt_missing_accounts .missing_accounts_note,
#pop_billing_export_missing_items .missing_accounts_note
{
	line-height:			20px;
	margin-bottom:			10px;
}

#pop_billing_aged_debt_missing_accounts .missing_accounts_list,
#pop_billing_export_missing_items .missing_accounts_list
{
 	margin:					7px auto 8px;
 	overflow:				auto;
}

#pop_billing_aged_debt_missing_accounts .missing_accounts_list
{
 	max-height:				100px;
}

#pop_billing_export_missing_items .missing_accounts_list
{
 	height:					120px;
}

#pop_billing_aged_debt_missing_accounts .missing_accounts_list li,
#pop_billing_export_missing_items .missing_accounts_list li
{
	min-height:				18px;
	line-height:			18px;
	padding-bottom:			2px;
}

.upper,
.upperCase
{
	text-transform:			uppercase;
}

#pop_billing_export_missing_items ul .headerItem{
	margin-top:				2px;
	margin-left:			10px;
}

#pop_billing_export_missing_items ul .missingItems{
	list-style:				circle inside;
	margin-left:			10px;
}

/*********************************************************************************************************
/* Mare Summary View
/*********************************************************************************************************/

.iPadDevice .grid_filters
{
	font-size: 				18px;
	overflow:				auto;
}

.iPadDevice .grid_filters label
{
	margin-top:				6px;
}

.iPadDevice .content_item_5
{
	width:					42%;
}

.iPadDevice .content_item_6
{
	width:					48%;
}

.iPadDevice .content_item_7
{
	width:					55%;
}

.iPadDevice .content_item_12
{
	width:					100%;
}

.iPadDevice .grid_filters select
{
	font-size: 				18px;
	width:					215px;
	height:					28px;
}

.iPadDevice .grid_filters input
{
	font-size: 				18px;
	margin-left: 			2px;
	margin-right: 			2px;
}

.iPadDevice .grid_filters .multiselectWrapper input[type="text"] {
    width: 					205px;
	font-size: 				18px;
}

.iPadDevice .grid_filters .seasonWrapper input[name="season"] {
    width: 					75px;
    height:					24px;
}

.iPadDevice .grid_filters .content_item_5 label {
    width: 					115px;
}

.iPadDevice .grid_filters .content_item_6 label {
    width: 					145px;
}

.iPadDevice .grid_filters .content_item_7 label {
    width: 					155px;
}

.iPadDevice .grid_filters .content_item_5 .seasonWrapper,
.iPadDevice .grid_filters .content_item_5 .multiselectWrapper
{
    width: 					265px;
}

.iPadDevice .grid_filters .content_item_6 .seasonWrapper,
.iPadDevice .grid_filters .content_item_6 .multiselectWrapper
{
    width: 					310px;
}

.iPadDevice .grid_filters .content_item_7 .seasonWrapper,
.iPadDevice .grid_filters .content_item_7 .multiselectWrapper
{
    width: 					350px;
}

.iPadDevice .grid_filters .ui-icon {
    height: 				22px;
    width: 					22px;
}


.iPadDevice .grid_filters .seasonSpinner {
    margin-top: 			3px;
}

.iPadDevice .grid_filters .ui-icon-triangle-1-w {
    background-position: 	-94px -14px;
}

.iPadDevice .grid_filters .ui-icon-triangle-1-e {
    background-position: 	-30px -14px;
}

.iPadDevice .grid_filters .ui-corner-all {
    border-radius: 			8px;
}

.iPadDevice .expand_search{
	margin-top: 			20px;
}

.iPadDevice .ui-jqgrid-labels{
	font-size: 				14px;
	height: 				30px;
}

.iPadDevice .grid_filters{
	margin-bottom:			15px;
}

.iPadDevice .main_content{
	margin-right: 			0px;
}

.iPadDevice .ui-jqgrid .ui-jqgrid-pager {
    font-size: 16px;
        height: 26px;
}

.indent20{
	text-indent: 			20px;
}

#mare_summary .jqGrid_mareName a
{
    font-weight: 			bold;
}

.gridFont12 .ui-jqgrid .ui-jqgrid-view {
    font-size: 				12px;
}

.red{
	color:				#FF0000;
}

.green{
	color:				#339933;
}

.expand-icon{
	position:				relative;
	top:					3px;
	cursor: 				pointer;
	filter: 				grayscale(100%);
	-webkit-filter: 		grayscale(100%);
}

.foal_details.dob{
	float:					left;
	width:					40%;
}
.foal_details.colour{
	float:					left;
	width:					25%;
	margin-left:			5%;
}
.foal_details.sex{
	float:					left;
	width:					30%;
}
 
/*********************************************************************************************************
/* Stallion - Create Invoice
/*********************************************************************************************************/


#frmStallionInvoice fieldset.required{
	margin: 				0.5em;
	min-height:  			100px;
	padding: 				0.8em;
}

#frmStallionInvoice .errorholder{
	display: 				block;
    margin-right: 			72px;
    text-align: 			right;
}

#frmStallionInvoice fieldset.optional label{
	width: 					124px;
}

#frmStallionInvoice fieldset.optional{
	margin: 				0.5em;
	padding: 				0.8em;
}

#frmStallionInvoice fieldset.optional .nextInvoiceNumber{
	width: 					118px;
}

#page_create_stallion_invoice .extractNominations{
	text-align: 			center;
}

#page_create_stallion_invoice .extractNominations button{
	margin-top: 			0.2em;
}

#page_create_stallion_invoice{
	min-height:				355px;
}

#page_create_stallion_invoice .grid_filters{
	margin: 				5px 0 5px;
}

#page_create_stallion_invoice .alpha {
    margin-left: 			6px;
}

#page_create_stallion_invoice label{
	width:					105px;
}

#gview_jq_appsnoms_extract_rejects_container,
#gview_jq_appsnoms_extract_nomcodes_container
{
	font-size: 				12px;
}

#gview_jq_appsnoms_extract_rejects_container .ui-jqgrid .ui-jqgrid-view,
#gview_jq_appsnoms_extract_nomcodes_container .ui-jqgrid .ui-jqgrid-view
{
    font-size: 				12px;
}

/*********************************************************************************************************
/* Stallion Contracts Changes
/*********************************************************************************************************/

.contractsHeader.horse_title h1
{
	width:					100%;
}

.contractsHeader .stallionName{
	width:					345px;
}

.contractsHeader .nomDetails
{
	float:left;
	margin-left: 1em;
	font-weight: 			100;
	font-size: 				18px;
	line-height: 			22px;
	padding-right:			10px;
	text-align: 			right;
	width: 					285px;
}

.contractsHeader .nomDetails .stallion_detail_display .mareName
{
	padding-left:			8px;
}

#contractMain .invoiced{
	color:					red;
	text-align: 			center;
}

#contractMain .invoiced.top{
	font-size: 				18px;
	margin-top:				15px;
	margin-bottom:			5px;
}

#contractMain .invoiced.top span{
	border: 				2px solid red;
	padding:				1px 6px;
	border-radius:			3px;
}

#contractMain .invoiced.date{
	font-size: 				14px;
	margin:					0px auto 0px;
	text-align:				left;
	margin-left:			110px;
}


.addMareVetWorkBtn{
    margin-top: 1em;
}

.horseStatusAlignment
{
    margin-top: 14px;
}

/*********************************************************************************************************
/* Note Icon Changes
/*********************************************************************************************************/

.ui-jqgrid tr.jqgrow td.padding_left{
	padding-left:			10px;
}

.ui-jqgrid tr.jqgrow td.padding_right{
	padding-right:			10px;
}

.ui-jqgrid tr.jqgrow td.numeric{
	padding-right:			25px;
	text-align: 			right;
}

#tbl_note_type .ui-widget-content.jqgrow.ui-row-ltr td:first-child{
	text-align: 			left;
	padding-left:			10px;
}

#tbl_note_type .ui-widget-content.jqgrow.ui-row-ltr td{
	text-align: 			center;
}

#form_settings_list_note_type li

{
	margin-left:			20px;
	margin-right:			20px;
}

#form_settings_list_note_type label{
	width:					140px;
}

/*********************************************************************************************************
/* Billing Export Changes (Stallion)
/*********************************************************************************************************/

#frm_billing_export label{
	margin-top:				4px;
}

#frm_billing_export .billingDateOptions{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5em;
}
#frm_billing_export #billingAdvOptIcon{
    display: inline-block;
}
#frm_billing_export #billingAdvOpt{
    display: flex;
    flex-direction: row;
    align-items: center;
}
#frm_billing_export .noInvoicesWarningText{
    margin-top: 1em;
    font-style: italic;
    color: #9f9f9f;
}

/*********************************************************************************************************
/* New file upload changes
/*********************************************************************************************************/

#filelist{
	margin-top:				5px;
	margin-bottom:			10px;
	font-weight: 			bold;
	color:					#003366;
}

#frmUpload textarea{
	width:					170px;
}

#frmUpload input.datepicker{
	width:					150px;
}

#frmUpload select{
	width:					175px;
}

#frmUpload fieldset{
	margin-left:			15px;
}

#frmUpload.excelUpload fieldset{
	margin-left:			70px;
}

#frmUpload.noteImageUpload fieldset{
	margin-left:			40px;
}

#frmUpload.excelUpload label,
#frmUpload.noteImageUpload label{
	width:					50px;
}

#horse_upload_control button{
	margin-left:			2px;
	margin-right:			2px;
}


/*********************************************************************************************************
/* Daily Note Layout improvments
/*********************************************************************************************************/

#daily_activity_note .noteCriteria li
{
	min-height:				25px;
	overflow: 				hidden;
	width:					240px;
	display: 				inline-block;
	vertical-align:			top;
	min-height:				22px;
}

#daily_activity_note .noteCriteria li.wideCol{
	width:					245px;
	margin-left:			8px;
}

#daily_activity_note .noteCriteria li.narrowCol{
	width:					184px;
}

#daily_activity_note .noteCriteria label{
	width:					105px;
}

#daily_activity_note .noteCriteria li.wideCol label
{
	width:					85px;
}

#daily_activity_note .noteCriteria li.narrowCol label
{
	width:					50px;
}

#daily_activity_note .noteCriteria label.error,
#daily_activity_note .noteCriteria li.narrowCol label.error{
	width:					150px;
}

#daily_activity_note .noteCriteria .datepicker{
	width:					90px;
	margin-left:			4px;
}

#daily_activity_note .noteCriteria select{
	width:					112px;
	margin-left:			4px;
}

#daily_activity_note .noteCriteria .noteIcon.dropdown{
	padding:				10px;
}


#daily_activity_page{
	padding-left: 			4px;
}

#daily_activity_page .jqmWindow_body{
	padding: 				10px 0px 0px;
}


/*********************************************************************************************************
/* Daily Activity Changes
/*********************************************************************************************************/

.ui-icon.iconGreen {
    filter: 				contrast(250%) hue-rotate(135deg) saturate(300%) brightness(0.8) drop-shadow(1px 1px 1px #909090);
    -webkit-filter:			contrast(250%) hue-rotate(135deg) saturate(300%) brightness(0.8) drop-shadow(1px 1px 1px #909090);
    -moz-filter:			contrast(250%) hue-rotate(135deg) saturate(300%) brightness(0.8) drop-shadow(1px 1px 1px #909090);
    -o-filter:				contrast(250%) hue-rotate(135deg) saturate(300%) brightness(0.8) drop-shadow(1px 1px 1px #909090);
    -ms-filter:				contrast(250%) hue-rotate(135deg) saturate(300%) brightness(0.8) drop-shadow(1px 1px 1px #909090);
}

.ui-icon.iconShadow {
    filter: 				drop-shadow(1px 1px 1px #909090);
    -webkit-filter:			drop-shadow(1px 1px 1px #909090);
    -moz-filter:			drop-shadow(1px 1px 1px #909090);
    -o-filter:				drop-shadow(1px 1px 1px #909090);
    -ms-filter:				drop-shadow(1px 1px 1px #909090);
}

.activityPins{
	border-radius: 			3px;
	box-shadow: 			0px 0px 1px #999;
	padding-bottom:			1px;
	padding-right:			1px;
}

#daily_activity_page .section_heading .ui-button-text{
	padding:				0;
}

#daily_activity_page .ui-paging-info,
#daily_activity_page .ui-pg-div,
#daily_activity_page .ui-jqgrid-sortable
{
	line-height: 			18px;
}

#dailyInputFilter_container .list_tight label{
	width:					150px;
}

#dailyInputFilter_container fieldset{
	min-height:				225px;
	border-radius: 			3px;
	padding: 				15px 10px;
	box-sizing:				border-box;
	margin-bottom:			12px;
}

#dailyInputFilter_container fieldset.alpha{
	margin-left: 			5px;
}

#dailyInputFilter_container fieldset.omega{
	margin-left: 			15px;
}

#dailyInputFilter_container .dailyInputFilters{
    display: grid;
    grid-template-columns: 1fr 1fr;
}

#dailyInputFilter_container .dailyInputFilters > div{
    padding: 0.5em;
}

#dailyInputFilter_container .general_form .dailyInputFilters fieldset{
    float: none;
}

#dailyInputFilter_container .dailyInputFilters fieldset{
    padding: 0.5em 1em;
    gap: 0.5em;
    min-height: auto;
    height: 100%;
}



/*********************************************************************************************************
/* Data Exports
/*********************************************************************************************************/

#dataview
{
	overflow:				auto;
}

#dataview li
{
	padding:				0;
}

#dataview input
{
	margin-right: 			6px;
}

#dataview ul
{
	margin-bottom: 			12px;
}

#dataview li input
{
	margin-left: 			28px;
}

#dataview label.header
{
	position: 				relative;
	bottom:					2px;
}

#dataview legend
{
	text-align: 			center;
}

#dataview .exportInfo
{
	padding:				6px 0;
	margin-top:				12px
}

#dataview .exportFilters
{
	margin-top:				17px;
	margin-bottom:			8px;
	margin-left:			8px;
}

#dataview .exportFilters .filter
{
	margin-bottom: 			3px;
}

#dataview .exportFilters .filter label
{
	width: 					40%;
	width: 					calc(40% - 5px);
	display: 				inline-block;
	margin-left: 			5px;
}

#dataview .exportFilters .filter .filterWrapper
{
	width: 					calc(60% - 5px);
	display: 				inline-block;
}

#dataview .exportFilters .filter input[type="text"]
{
	width: 					calc(100% - 60px);
	margin-left:			3px;
}

#dataview .exportFilters .filter select
{
	width: 					calc(100% - 54px);
	margin-left:			3px;
}

#dataview .exportFields
{
	margin-top:				12px;
	margin-left:			8px;
}

#dataviewCriteriaDIV .ui-icon
{
	display: 				inline-block;
	cursor: 				pointer;
	height: 				10px;
	width: 					10px;
	padding: 				0;
	border: 				1px solid #888;
	border-radius: 			2px;
	margin-right: 			5px;
}

#dataviewCriteriaDIV .ui-icon.ui-icon-plus
{
	background-position: 	-19px -132px;
}

#dataviewCriteriaDIV .ui-icon.ui-icon-minus
{
	background-position: 	-51px -132px;
}

#dataviewCriteriaDIV fieldset
{
	border:					none;
	padding:				3px 4px;
	box-sizing:				border-box;
	margin: 				0;
	width:					94%;
	width:					calc(94% - 5px);
}

#dataviewCriteriaDIV label
{
	width:					auto;
}

#dataview .filter,
#dataviewCriteriaDIV fieldset
{
	width:					94%;
	margin-left:			3%;
}

#dataviewInfoMsg, #dataviewBillingDateWarningMsg
{
	margin-top:				3px;
	margin-left:35px;
	line-height: 			16px;
}

#dataviewCriteriaDIV label.valuationLabels{
						display:inline-block;
						width:83px;
					}
#dataViewValuationExtraOptions{
	border: solid 2px #c8c8c8;
	border-radius: 8px;
	padding: 0.4em 0.6em;
	margin-left: 23px;
	margin-top: 5px;
	width:150px;
}
#dataViewValuationExtraOptions p{
	margin: 0.5em 0;
	font-weight:bold;
}
#dataViewValuationExtraOptions label{
	margin-left:4px
}

#selectedHorsesFilter_container input[type="text"]
{
	width:					200px;
}

#selectedHorsesFilter_container input[type="text"].horseAge
{
	width:					50px;
}

#jq_daily .notActiveStatusRow{
	display:				none;
}

.notePreview{
	margin-left:			3px;
}

.noteTrucated,
.readMore
{
	display:				inline-block;
	line-height: 			16px;
	vertical-align: 		top;
}

.noteTrucated{
	width:					65%;
	white-space: 			nowrap;
	overflow: 				hidden;
	text-overflow: 			ellipsis;
}

.readMore{
	width:					35%;
	margin-left: 			1px;
}

/*********************************************************************************************************
/* Year End Warning
/*********************************************************************************************************/

.menuSeasonWrapper{
	margin-bottom:			10px;
	text-align:				center;
	height:					16px;
}

.menuSeasonWrapper p{
	display:				inline-block;
	line-height:			16px;
}

.menuSeasonWrapper img{
	display:				inline-block;
	vertical-align:			top;
	margin-top:				-1px
}

.menuSeasonWrapper a:link{
	color:					red;
	text-decoration:		none;
}

.menuSeasonWrapper a:visited{
	color:					red;
}


.menuSeasonWrapper a:active{
	color:					red;
}

.menuSeasonWrapper.js-yearEndReminderNo{
	margin-right: 			8px;
}
.menuSeasonWrapper.js-yearEndReminderYes{
	margin-left: 			10px;
}

/*********************************************************************************************************
/* Race Updates
/*********************************************************************************************************/

.statsWrapper{
	margin-top:				12px;
	margin-bottom:			15px;
}

.horseStatsSummary{
	margin: 				8px 12px;
}

.horseStatsSummary li{
	display:				inline-block;
	margin-top:				3px;
	margin-bottom:			3px;
}
.horseStatsSummary li.labels{
	width:					15%;
	width:					calc(15% - 5px);
	font-weight:			bold;
}

.horseStatsSummary li.values{
	width:					35%;
	width:					calc(35% - 5px);
}

/*********************************************************************************************************
/* Settings Page Updates
/*********************************************************************************************************/

#company_settings .header_section{
	width:					650px;
	width: 					calc(100% - 75px);
	display:				inline-block;
	margin-top:				5px;
	margin-left:			5px;
}

#company_settings .save_section{
	display:				inline-block;
}

#company_settings .ui-tabs.ui-widget .ui-tabs-panel{
	padding: 				10px 12px;
}

#company_settings .ui-tabs.ui-widget .ui-tabs-panel > fieldset{
	margin-top:				7px;
	margin-bottom:			7px;
	border-radius:			5px;
}

#company_settings .ui-tabs.ui-widget .ui-tabs-panel > fieldset.omega{
	margin-left:			8px;
}

#company_settings .ui-tabs.ui-widget .ui-tabs-panel > fieldset.tallFieldset{
	min-height:				365px;
	padding-bottom:			20px;
}

#company_settings .ui-tabs.ui-widget .ui-tabs-panel > fieldset.mediumFieldset{
	min-height:				265px;
}

#company_settings .ui-tabs.ui-widget .ui-tabs-panel > fieldset.shortFieldset{
	min-height:				150px;
}

#company_settings .ui-tabs.ui-widget .ui-tabs-panel > fieldset > ul{
	margin-top:				10px;
	margin-left:			2px;
}

#company_settings .ui-tabs.ui-widget .ui-tabs-panel > fieldset > ul > li{
	min-height:				25px;
	overflow:				auto;
}

#company_settings .ui-tabs.ui-widget .ui-tabs-panel > fieldset > ul > li > ul .radioText{
	min-width:				49px;
	display:				inline-block;
	position:				relative;
	bottom:					2px;
	margin-right:			3px;
}

#company_settings .ui-tabs.ui-widget .ui-tabs-panel > fieldset > ul > li > ul .tooltip{
	position:				relative;
	top:					2px;
}

#company_settings #invoiceSettings > ul > li > label{
	display:				inline-block;
	width:					33%;
}

#company_settings #invoiceSettings > ul > li > ul{
	display:				inline-block;
	width:					67%;
}

/*********************************************************************************************************
/* Staff roles access table page
/*********************************************************************************************************/

.nav_item_name_text_staff_role{text-align:left; padding-left:15px;}
.sub_item_nav_item_name_text_staff_role{text-align:left; padding-left:50px;}
.height30{height:30px;}

/* Staff member pop up text boxes */
.staffMemberPopUpTextBox{width:250px!important;}
.staffRolePopUpTextBox{width:350px!important;}

.activityChargeSelectionHolder{
	background-color: #f2f2f2;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
}

.activityChargeSelectionHolder label{
	display:inline-block !important;
	width:auto !important;
	margin-right:5px !important;
}

#breedingFoalingCharge{
	width:75%;
	text-align:center;
	overflow: auto;
    max-height: 450px;
}

.hidden{
	display:none;
}

.visHidden{
	visibility: hidden;
}

.noscriptwarning{
	margin: 			0 auto 1em;
	border:				dashed;
	font-size:			1.2em;
	font-weight:		bold;
	text-align:			center;
	padding:			1em;
	width:				90%;
}

/*********************************************************************************************************
/* Batched Reminders
/*********************************************************************************************************/
.margin_top_5px {
	margin-top:5px;
}
.margin_top_20px {
	margin-top:20px;
}
.margin_top_30px {
	margin-top:30px;
}
.margin_bottom_20px {
	margin-bottom:20px;
}
.batchedCalcDaysFrom{
	margin-left:72px;
}
.batchedSexSelect{
	margin-left:8px;
}
.batchedItemButton {
	width:30px;
	cursor:pointer;
	padding:5px;
	margin:auto;
}
.batchedRemiderForm{
	padding:10px;
}
.batchedItemsHolder {
	max-height:160px;
	overflow:auto;
	margin-bottom:5px;
}

.pointer{
	cursor:pointer;
}

#jq_unconfirmed_horses .ui-jqgrid-bdiv{overflow-x: hidden;}

/*********************************************************************************************************
/* END Batched Reminders
/*********************************************************************************************************/

.horse_media_count{
	float:right;
    font-size: 12px;
    padding: 5px;
	position: relative;
    top: -5px;
    border-radius: 0 0 8px 8px;
	margin-right: 1em;
	min-height: 16px;
}

.horse_extra_options{
	float:right;
	font-size: 12px;
	padding: 5px;
	position: relative;
	border-radius: 0 0 8px 8px;
	border: 1px solid #d4ccb0;
	top: -5px;
	margin-right: 1em;
	background: #ECE8DA;
	min-height: 15px;
}

.horse_media_count span
{
	height: 			16px;
	line-height: 		16px;
    padding-left: 		20px;
    float: 				left;
    cursor: 			pointer;
    margin-left: 		5px;
    padding-right: 		10px;
    color:				#000000;
}

.horse_media_count .pdf{
 	background: 		url('../img/icon_pdf_grey.gif') no-repeat left center;
 }

.horse_media_count .note{
 	background: 		url('../img/icon_horse_note_16_grey.gif') no-repeat left center;
}

.horse_media_count .photo{
 	background: 		url('../img/icon_image.png') no-repeat left center;
 }

.horse_media_count .link{
 	background: 		url('../img/icon_link_grey.png') no-repeat left center;
 }

/*********************************************************************************************************
/* Income/Expense
/*********************************************************************************************************/

#descPreviewText{
	position: relative;
    top: 2px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 140px;
    display: inline-block;
}

.rowExpense{
	background:  									#ffcccc !important;
	color:  										#000 !important;
	font-weight:  									bold !important;
}

.rowExpense:hover{
	background:  									#FEDEDE !important;
	border:solid  									#FFB9B9 1px !important;
}

.rowIncome{
	background:  									#ccffcc !important;
	border:  										1px solid #B3FDB3 !important;
	color:  										#000 !important;
	font-weight:  									bold !important;
}

.rowIncome:hover{
	background:  									#E4FFE4 !important;
	border:solid  									#82FF82 1px !important;
}

.sideWaysText{
	transform: rotate(270deg);
	transform-origin: left top 0;
	font-weight:bold;
}

.totalsHolder{
	float:left;
	padding:10px;
	border: 1px solid black;
	height: 60px;
}

.currencyTotalsHolder{
	float:left;
	text-align: left;
	padding:10px;
	border: 1px solid black;
	height: 92px;
	width: 160px;
    font-size: 11px;
}

.currencyTotalHolder{
	display:inline-block;
}

#ownersTable {
  	border-collapse: collapse;
	width: 70%;
	margin: auto;
}

#ownersTable td, #ownersTable th {
  	border: 1px solid #ddd;
  	padding: 5px;
}

#ownersTable tr:nth-child(even){background-color: #f2f2f2;}


/*********************************************************************************************************
/* Pedigree PDF
/*********************************************************************************************************/
#downloadPDFPedigree{
	position: absolute;
	left:0px;
	height:30px;
	cursor:pointer;
	border:1px solid black;
	border-radius: 5px;
	font-weight:bold;
}

#downloadPDFPedigree:hover{
	background-color:#FFBA01;
    margin-top: 1px;
}

#pedigreePDFIcon{
	float:left;
	width:30px;
	height:30px;
	background-color:red;
	color:white;
	cursor:pointer;
	background:no-repeat url(../img/icon_pdf.png);
}

#pedigreePDFDescription{
	float:left;
	height:30px;
	padding: 10px;
}

.brisnetLinkMain{
    text-align: center;
    margin:0.5em 0;
}

.brisnetLinkMain a{
    background:no-repeat url(../img/bnet.png);
    background-size:cover;
    width:80px;
    height:10px;
    margin-left:0.3em;
    margin-right:0.3em;
    display:inline-block;
    /* Hide the text. */
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor:pointer;
}

/*********************************************************************************************************
/* Bloodhound Pedigree
/*********************************************************************************************************/
#BloodhoundReportsSection{
	width: 500px;
    display: block;
    text-align: center;
    margin: auto;
    margin-top: 2em;
    margin-bottom: 1em;
}

#BloodhoundReportsSection select{
	max-width:490px;
}

/*********************************************************************************************************
/* Navigation
/*********************************************************************************************************/

#navSearch{
    margin-right: auto;
    margin-left: auto;
    display: block;
    width: 90%;
}

.gridMoney{
	text-align: right !important;
	color: #00a009;
	font-weight: 790 !important;
}

/*********************************************************************************************************
/* Sales / Disposals
/*********************************************************************************************************/

.saleHorsePopup{
	display: flex
}

.saleHorsePopup .saleDetails{
	width:55%;
}

.saleHorsePopup .publicSettings{
	width:45%;
}

.saleHorsePopup .fieldsetContainer{
	margin-top: 1.4em;
    padding: 1em 0.9em;
	width: 90%;
}

.saleHorsePopup .fieldsetContainer li{
	margin-top: 1em;
}

.saleHorsePopup .fieldsetContainer li label{
	width: 90px;
}

.saleHorsePopup .fieldsetContainer li input{
	width: 115px;
}

.saleHorsePopup .fieldsetContainer li input.smallinput{
	width: auto;
	position: relative;
	top: -3px;
}

.saleHorsePopup .fieldsetContainer .salePDFDescription{
	vertical-align: top;
	font-size:12px;
	display: inline-block;
}

#SalesSearchHeader{
	position: relative;
    margin-bottom: 25px;
}

#SalesSearchHeader #DateSelect{
	display: -webkit-inline-box;
}

#p_window #SalesSearchHeader #DateSelect {
    display: flex;
    float: left;
    margin-bottom: 18px;
}

#p_window #SalesSearchHeader #DateSelect label{
	display: inline-block;
	margin-left: 10px;
}

#SalesSearchHeader #DateSelect label{
	display: inline-block;
	margin-left: 20px;
}

li#movementrecordcheckbox {
    margin-left: 114px;
}

#movementrecordcheckbox label {
	width: 121px;
	vertical-align: text-top;
}

li.content_item_5.omega.margin_top.season_select {
    float: right;
    clear: right;
}

.hiddenHorsesWarningContainer{
	display: table-caption;
	margin-top:2px;
	width: 440px;
	margin-bottom: 21px;
	float:left;
}

.updateCardPop p{
	margin: 5px;
	font-size: 13px;
}

.updateCardPop a{
	margin-left: 24%;
    margin-top: 15px;
}

.updateCardPop .informationText{
	width: 350px;
	display: inline-block;
}

.confirmationPopup .actionButtonsContainer{
	text-align: center;
}

.confirmationPopup .actionButtonsContainer a{
	margin: 0 0.5em;
	padding: 0.5em;
	min-width: 60px;
	display: inline-block;
}

.BreedingTimes li{
	padding: 5px;
	display: inline-block;
    width: 45%;
}

.general_form .breedingTimes label{
	vertical-align: middle;
}

#foalingTimes label {
    width: 70px !important;
}

.sf-menu a, .sf-menu a:visited, .sf-menu a:link  {
	color:			#FFF;
}

.ExportWithErrorLabel{
	display: block;
	text-align: center;
	margin: 5px;
	font-size: 14px;
	margin-top: 9px;
}

.ExportWithErrorDiv{
	margin-top: 2px;
    width: 660px;
    DISPLAY: BLOCK;
}

.addCardLabel{
	display: inline-flex;
}

.genericCardPop p{
	margin: 5px;
	font-size: 13px;
}

.genericCardPop #popOkButton{
	position: absolute;
    bottom: 15px;
	left: 50%;
	transform: translateX(-50%);
	padding: 1px 13px;
}

.genericCardPop .informationText{
	max-width: 260px;
	min-width: 243px;
	margin-bottom: 40px;
	display: inline-block;
	padding-left: 8px;
	padding-top: 10px;
}

.informationPopupImage{
	width: 63px;
    padding: 10px;
    vertical-align: top;
}

.genericPopup{
	display: flex;
}

.presetLoader{
	position: absolute;
    width: 473px;
    height: 100%;
    background: #ffffff78 url(/img/loader_big.gif);
    z-index: 1000;
    background-repeat: no-repeat;
    background-position: center;
}

.warningBox{
	border: 2px dashed #ce2e2e;
	padding: 6px;
	text-align: center;
}

.nextLinkSuggestion{
    color: green;
}

.nextLinkSuggestionContainer{
	display: none;
}

.foalingTimesTip{
	display: block;
    margin: 10px;
    font-style: italic;
}

.custom-combobox {
  position: relative;
  display: inline-block;
}

.custom-combobox-toggle {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-left: -1px;
  padding: 0;
}

.custom-combobox-input {
  margin: 0;
  padding: 5px 10px;
}

.ui-menu {
	max-height: 300px;
	overflow: auto;
}

.licenceAgreement{
	margin-top: 20px;
	padding: 5px;
	width: 370px;
    position: relative;
}

.licenceAgreement #agreementLabel{
	width: 220px;
}

.licenceAgreement #EndUser{
	width: 100px;
	height: 23px;
	position: absolute;
    right: 0px;
    top: 0px;
}

.licenceAgreement label.error{
	position: absolute;
	padding: 0px;
	margin: 0em;
	margin-top: 2px;
}

.OwnerInvoice_buttons{
	margin: 20px;
    text-align: center;
}

.OwnerInvoice_buttons button{
	margin: 5px;
    text-align: center;
}

.unpaidOnlyToggle{
	display: inline;
    position: absolute;
    margin-top: 9px;
}

#OwnerInvoiceReportForm{
	display: flow-root;
}

.deletePaymentPopup div#dialogGen {
	padding-top: 25px;
}
.excludeKeepLabel{
	 margin-top: 3px;
}

/*********************************************************************************************************
/* Dashboard Calendar
/*********************************************************************************************************/

.dashboard-options{
    position: relative;
    margin-top: 2px;
}
.dashboard-options .external-options{
    position: absolute;
    top: -6px;
    right: -4px;
    flex-direction: column;
    align-items: flex-end;
}
.dashboard-options .external-options .goToDiaryReport{
    padding: 4px 0;
    text-align: center;
    border-radius: 0px 0 0 10px;
    border-top: 0;
    margin-bottom: 4px;
}
.dashboard-options .external-options .useHorseFilters{
    display:flex;
    align-items: center;
    margin-right: 12px;
    margin-top: 16px
}
.dashboard-options .external-options .useHorseFilters input{
    padding:0;
    margin:0 0.2em 0 0;
}
.homepageCalendarContainer .calendarButtonsExtra{
    position: absolute;
    top: 6px;
    right: 150px;
}
.dashboard-options .calendarTitleContainer{
    display: flex;
    align-items: center;
    gap: 0.5em;
}
.dashboard-options .calendarTitleContainer h4{
    font-size: 20px;
    margin-left: 39px;
    font-weight: 400;
}
.homepageCalendarContainer{
    position: relative;
    margin-top: 1em
}

/*********************************************************************************************************
/* Misc
/*********************************************************************************************************/
.exemptRateWarning{
	margin-top: 14px;
    color: crimson;
    display: block;
    font-size: larger;
}

.font-larger{
	    font-size: larger;
}
.saleDisplay {
	width: 221px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.statusHistory{
	width: 17px;
}
.noText{
	font-size:0px;
}

.inline-flex{
	display: inline-flex;
}

.preview-text{
	width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div#deleteClearance {
    font-size: medium;
	margin-top: 30px;
	margin-bottom: 30px;
}

#genericPopWin{
	margin-top: 20px;
	margin-bottom: 20px;
    font-size: large;
}

.acqDispDiv{
	display: inline-flex;
}

.saleShareRow{
	background: #ffeb3bb0;
}

.saleRowLegend {
	height: 13px;
    width: 13px;
    border-style: solid;
    border-width: thin;
	background: #ffeb3bb0;
	display: inline-block;
}

.stallionStatus{
	float: right;
}

.image_display_grid{
	height: 340px;
    overflow: scroll;
	display: block;
	overflow-x: hidden;
}

.image_checkbox_margin{
	margin-right: 97px;
}

.bigCheckbox{
	width: 100px;
	height: 23px;
}

.floatRight{
	float: right;
}

.salePhotoWidth{
	width: 212px;
}

.salePhotosSelectedText{
	color: #3A9392;
    position: relative;
    top: -3px;
    left: 0.3em;
}

.general_form ul .passportEndorsedLabel{
	width: 100px;
}

.letteroption{
	display: none;
}

.PassportPDFHighlight{
	background: #DEEFF9;
}

.passportPDFLegend {
	height: 13px;
    width: 13px;
    border-style: solid;
    border-width: thin;
	display: inline-block;
}

.saleSearchHeader{
	width: 416px;
}

.stallionUpdatedText{
	margin-left: 114px;
    margin-top: 7px;
    display: none;
    color: green;
}

.general_form ul .keepSummaryLabel{
	width: 125px;
}

.orderBySelectNomination{
	display: inline-flex;
}

#page_create_stallion_invoice .biggerLabelsOrderBy label{
	width: 154px;
}

#confirmationPopup{
	margin-top: 20px;
	margin-bottom: 20px;
    font-size: large;
}

.centerDiv{
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.colorHorizontal{
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    gap: 1em;
    width: 100%;
}

.colorHorizontal > div{
    display: flex;
    align-items: center;
}

.colourBox {
	height: 13px;
    width: 13px;
    border-style: solid;
    border-width: thin;
	display: inline-block;
}

.colorHorizontal .colourBox{
    margin-right: 0.2em;
}

.colourBox.equisoftliveBoxColour {
    background-color: #1d1d1d;
}
.colourBox.pedigreeBoxColour {
    background-color: #2A2EFD;
}
.colourBox.arionBoxColour {
    background-color: #9f190d;
}

.controlLevelsFieldset{
	width: 270px;
    height: 250px;
}

.controlLevelsFieldset ul{
	padding: 15px
}

.RestrictToControlLevel{
	color: #C21E1E
}

.general_form ul label.staffRoleLabel{
	width: auto;
	vertical-align: middle;
}

.general_form ul label.paymentNoteLabel
{
    display:            inline-block;
    width:              110px;
    vertical-align:     top;
}

.controlLevelPreviewLoc{
	white-space: nowrap;
    width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}

.presetSelect{
	padding: 10px;
}

a#saveAsPreset{
	margin-left: 50px;
    text-decoration: underline;
}

.presetSelectFieldset{
	padding:5px 5px 8px;
	box-sizing:border-box;
}

.presetSelectFieldset a{
	cursor: pointer;
}

.presetSelectFieldset img{
	cursor: pointer;
}

.presetSelect select{
	width: 140px;
}

.presetSelectButtonContainer{
	margin-left: 2px;
	display: inline;
}

.showreportContainer{
	align-items: center;
	margin:5px 0px 5px;
	padding:5px;
	text-align:center;
}

.showreportContainer a{
    display: block;
    font-weight: 700;
    margin-top: 4px;
}

.excelInfo{
	width:348px;
}

.flex{
	display: flex;
}

.includeCompletedWork{
    display: flex;
    justify-content: center;
    align-items: center;
}

.keepOverrideInput{
	margin: 6px;
	border-collapse: separate;
    border-spacing: 7px 0px;
}

.overrideRatesHeading{
	margin-top: 15px;
    margin-bottom: 7px;
}

.overrideInput{
	width: 100px;
}

.overrideFieldset{
	width: 400px;
}

.stallionBookingsWarning{
	text-align: center;
    margin-top: 83px;
	font-size: large;
}


#owner_report.report .results_table td{
	    min-width: 135px;
}

#owner_report.report .results_table td.ownerFilterDateInput{
	white-space: nowrap;
	display: block;
	width: 100px;
}

.shareDefaultWarning{
	max-width: 66%;
	margin:auto;
	margin-top: 1em;
	display: block;
}

.shareDefaultFieldset{
	padding-right: 1em;
	padding-left: 1em;
	padding-top: 2em;
	padding-bottom: 2em;
    max-width: 64%;
    margin: auto;
    margin-top: 1em;
}

.shareDefaultFieldset button{
	margin-top: 1em;
}

.navBarBottomLogo, .navBarBottomLogo:focus{
    outline: none;
}

#transactiontype_id.dailyInputTransactionType{
	    width: 133px;
}

.general_form .expenseTypes ul li{
	padding: 0px
}

.general_form ul select.shortTypeInput{
	width: 133px;
}

.bespoke_info{
	width: 315px;
}

.ticketTextArea{
	width: 349px;
    height: 115px;
}

.inline_grid{
	display: inline-grid;
}

.ticketInfoText{
	font-size: 12px;
    color: #5C5C5C;
    margin-top: 6px;
}

.ticketSubject{
	width: width: 290px;;
}

.handicapRatingSubHeading{
	position:relative;
	margin-top:9px;
	margin-left:5px;
	display: block;
}

.general_form ul li.radioButtonAlign label{
	vertical-align: bottom;
}

.halfOpacity{
	opacity: 0.5;
}

.langSelect{
	position: absolute;
    top: 5px;
    right: 10px;
}

.general_form ul select.formLabelWidth{
	width: 110px;
}

.fc-toolbar-title{
	text-transform: 		capitalize;
}

.addAttributeImg{
	top: 3px;
    position: relative;
	height: 14px;
}
.removeAttributeImg{
	top: 4px;
    position: relative;
	min-width: 16px;
    min-height: 16px;
	opacity: 0;
}

#settings_lists_activity_Code .settingsActiveOnly{
	text-align: left;
	float: right;
	padding-right:1em;
}
.sageApiContainer{
	width: 50%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

#settings_lists_activity_Code .settingsActiveOnly label{
	display: inline;
	padding-top: 2px;
	vertical-align: text-top;
	position: relative;
	bottom: 1px;
}

.centreButtons{
    text-align: center;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.centreText{
	text-align: center;
}

.accountsLinkExportHeight select{
	height: 26px;
}

.invoiceOptions   {
	display: flex;
    justify-content: space-between;
}

.invoiceOptions fieldset{
	min-height: 116px;
    width: 345px;
    margin-bottom: 20px;
}

.loaderOverlay{
	z-index: 5000;
}

.popEmailLoading .loadingImage{
	margin-top: 1em;
	margin-bottom: 1em;
}
.popEmailLoading{
	font-size: 1.2em;
	margin-bottom: 1.2em;
}

/*********************************************************************************************************
/* Email Review
/*********************************************************************************************************/
#pagePopUserEmail .gridContainer{
	margin-top: 1em;
	margin-bottom: 1em;
}
#pagePopUserEmail .emailButtons{
	text-align: center;
	padding:1em;
}
#pagePopUserEmail .emailButtons button{
	margin: 0 0.2em;
}
#pagePopUserEmail .emailOverride{
	text-align: left;
	padding: 1em 0.2em 1em 0;
	margin-bottom: 1em;
}

#pagePopUserEmail .emailAdvancedOptions .ui-icon{
	display:inline-block;
	position: relative;
    top: 3px;
}

#pagePopUserEmail .emailAdvancedOptions a{
	text-decoration: none;
	outline: none;
    cursor: pointer;
}

#pagePopUserEmail .emailOverride{
	border: 1px solid #dfd9c3;
	border-radius: 0 0 10px 10px;
	padding:1em;
}

.gridCellLocked{
	background: url(img/icon_padlock_closed_16.png);
	background-repeat: no-repeat;
	background-position: 95%;
}

.fullWidth{
	width: 100%;
}

.horseSearchSelect {
	margin-bottom: 10px;
	padding-left: 51px;
	margin-top: 3px;
    display: flex; 
    align-items: flex-end;
}

.locationTable{
	margin-bottom: 10px;
	padding-left: 51px;
	margin-top: 3px;
}

.locationTable td
{
	padding: 4px 4px;
	vertical-align: top;
}

.page-email-inquiry .page_title{
    clear:both;
    margin-bottom: 0.5em;
}

.page-email-inquiry .recipientOverrided{
    color:red;
}

.page-email-inquiry .fitlers-container{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.5em;
    height: 114px;
}

.page-email-inquiry .fitlers-container > div{
    padding: 0.2em;
    display: flex;
    align-items: center;
    gap: 0.5em;
}
.page-email-inquiry .fitlers-container > div label{
    min-width: 68px;
}

.popEmailPreview {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    font-family: Arial, sans-serif;
    padding: 20px;
    box-sizing: border-box;
}

.popEmailPreview .email-header {
    margin-bottom: 15px;
}

.popEmailPreview .email-row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #ddd;
}

.popEmailPreview .label {
    font-weight: bold;
    color: #333;
}

.popEmailPreview .email-content {
    color: #555;
    font-style: italic;
}

.popEmailPreview .email-body {
    margin-top: 15px;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    max-height: 300px;
    overflow-y: auto;
    color: #444;
    line-height: 1.6;
}

.popEmailPreview .attachedInvoicesContainer{
    margin-top: 0.5em;
    width: 100%;
    max-height: 100px;
    overflow: auto;
}

.popEmailPreview .attachedInvoicesContainer ul{
    margin-top: 1.2em;
    display: flex;
    flex-direction: row;
    gap: 0.5em;
    flex-wrap: wrap;
}

.popEmailPreview .attachedInvoicesContainer ul li a{
    padding: 0.5em 15px 0.5em 30px;
    border: dashed 1px;
    border-radius: 5px;
    background: #e7e7e7;
    text-decoration: none;
    background: url(../img/icon_pdf.gif);
    background-repeat: no-repeat;
    background-position: 10px center;
    width: 64px;
    display: inline-block;
}
.popEmailPreview .attachedInvoicesContainer ul li a span{
    text-overflow: ellipsis;
    width: 62px;
    display: inline-block;
    overflow: hidden;
}

/*********************************************************************************************************
/* Vaccination Schedule
/*********************************************************************************************************/
#vaccinationScheduledEdit .mainContainer{
	width: 100%;
}
#vaccinationScheduledEdit .vaccinationScheduleHeaders{
	margin-top: 20px
}

.vaccination-tips{
    display: flex;
    align-items: center;
    gap: 0.5em;
}

.vaccinationTick
{
	content:url(../img/icon_tick.gif);				
}

.pedigreeDisabled
{
    color: #707070;
}

.arionImportButtons
{
    margin-top: 2em;
}

.arionImportRadioButtons
{
    display: flex;
}

.arionImportToolTip
{
    margin-left: 0.3em;
}

.linkUnderline{
    text-decoration:	underline;
    display: flex;
    justify-content: center;
    cursor: pointer;
}

.companyColours span.cellWithoutBackground
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:14px;
    padding:4px;
}

.companyColours .companyBlock
{
    display: flex;
    align-items: center;
    gap: 0.5em;
}

.missingOwnerWarning{
    display: flex;
    gap: 0.5em;
    align-items: center;
    justify-content: center;
    padding: 0.2em;
    width: 65%;
    margin: 0 auto 0.8em;
}

/*********************************************************************************************************
/* billingCategoryUpdate
/*********************************************************************************************************/

.billingCategoryUpdatePageContainer .filterOptions{
    display: grid;
    grid-template-columns: 1fr 2rem 1fr;
    gap: 0;
    width: 100%;
    margin: 2em 0;
}

.billingCategoryUpdatePageContainer .filterOptions .leftCol{
    grid-column: 1;
    padding-left: 5px;
    
}
.billingCategoryUpdatePageContainer .filterOptions .rightCol{
  grid-column: 3;
  padding-right: 5px;
  display:flex;
  justify-content: center;
}

.billingCategoryUpdatePageContainer .filterOptions label{
    display: inline-block;
    min-width: 100px;
}

.billingCategoryUpdatePageContainer .filterOptions .multiFilter{
    margin: 0 0 1em 0;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 2px;
}

.billingCategoryUpdatePageContainer .alertBox{
    width: 65%
}

.billingCategoryUpdatePageContainer .alertBox .alertBoxText{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1em;
}

.billingCategoryUpdatePageContainer .billingCategoryHelpInfo{
    margin-top: 1em;
}

.billingCategoryUpdatePageContainer .billingCategoryHelpInfo > div{
    width: 90%;
    margin: 0 auto;
    padding: 1em;
}

.billingCategoryUpdatePageContainer .billCategoryToggleHelp{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.1em 0.5em;
}

.billingCategoryUpdatePageContainer .billCategoryToggleHelp .helpText{
    font-weight:bold;
    min-width:80px;
}

.billingCategoryUpdatePageContainer .billCategoryContainer{
    padding: 1em;
}

.billingCategoryUpdatePageContainer .billCategoryContainer fieldset{
    width: 100%;
    float: none;
}
.billingCategoryUpdatePageContainer .billCategoryContainer fieldset ul li{
    display: flex;
    align-items: center;
    gap: 0.5em;
    justify-content: space-between;
}

.billingCategoryUpdatePageContainer .billCategoryContainer fieldset ul li > div{
    display: flex;
    align-items: center;
}

.billingCategoryUpdatePageContainer #selectedHorsesCounter{
    color: #FF0000;
}

.billingCategoryUpdatePageContainer ul.movementOptions li{
    display: flex;
    align-items: stretch;
    gap: 0.5em;
    margin-bottom: 0.5em;
}

.billingCategoryUpdatePageContainer ul.movementOptions li input{
    margin: 0;
}

.billingCategoryUpdatePageContainer ul.movementOptions li .number{
    min-width: 16px;
    display:inline-block;
    text-align: right;
}

.billingCategoryUpdatePageContainer ul.movementOptions li .text{
    color: #818181;
}

/*Database Backup*/
.pageDbBackupRestore .backup-form {
        max-width: 500px;
        margin: 1rem auto;
        border: 1px solid #ccc;
        border-radius: 6px;
        background-color: #f9f9f9;
        padding: 0 1rem 1rem; 
        font-family: sans-serif;
    }

.pageDbBackupRestore .backup-form fieldset {
    border: none;
    margin: 0;
}

.pageDbBackupRestore .backup-form legend {
    background-color: #f9f9f9;
    font-size: 0.8rem;
    font-weight: bold;
    margin-bottom: 1rem;
    padding: 0.5em 1em;
    width: 505px;
    position: relative;
    left: -1rem;
}

.pageDbBackupRestore .backup-form legend.ui-widget-header {
    border-color: #f9f9f9;
}

.pageDbBackupRestore .backup-form .form-group {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
}

.pageDbBackupRestore .backup-form label {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.pageDbBackupRestore .backup-form input[type="text"] {
    padding: 0.5rem;
    border: 1px solid #bbb;
    border-radius: 4px;
    font-size: 1rem;
    width: 480px;
}

.pageDbBackupRestore .backup-form .form-hint {
    font-size: 0.85rem;
    color: #666;
    margin-top: 0.25rem;
}

.pageDbBackupRestore .backup-form .form-actions {
    text-align: center;
    margin-top: 1rem;
}

.pageDbBackupRestore .modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.pageDbBackupRestore .modal-content {
    position: relative;
    background: white;
    padding: 2rem 3rem;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    font-family: sans-serif;
}

.pageDbBackupRestore .modal-close-btn:hover {
    color: #333;
}

.pageDbBackupRestore .spinner {
    margin: 0 auto 1rem;
    width: 40px;
    height: 40px;
    border: 4px solid #ccc;
    border-top: 4px solid #0078d4;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.pageDbBackupRestore @keyframes spin {
    to { transform: rotate(360deg); }
}

.pageDbBackupRestore .modal-content p {
    font-size: 1.1rem;
    color: #333;
}

.pageDbBackupRestore .modal-close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1.5rem;
    font-weight: bold;
    background: transparent;
    border: none;
    color: #555;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.pageDbBackupRestore .modal-close-btn:hover {
    color: #000;
}