@charset "utf-8";

/******************************************************************************
							Stallion & Contracts Module Style Sheet
*******************************************************************************/

/******************************************************************************
							Stallion
*******************************************************************************/

#stallionMainTabs.ui-tabs{
	padding: 				 						0;
}

#stallionMainTabs.ui-tabs .ui-tabs-panel{
	padding: 				 						1em 0.5em;
}

.frmRaceSearch .filterBox{
	display:	 									inline-block;
	padding: 										1em;
}

.frmRaceSearch label{
	display:  										block;
	text-align: 									center;
}

.frmAppsNomsSearch .filterBox{
	display:	 									inline-block;
	padding: 										1em;
}

.frmAppsNomsSearch label{
	display:  										block;
	text-align: 									left;
}

/******************************************************************************
							Contracts Main
*******************************************************************************/

.tblAppNomPurchasersSummary{
	width:220px;
}

.tblAppNomPurchasersSummary td{
	padding:0.5em;
}

.tblAppNomPurchasersSummary td.percentage{
	text-align:right;
}

.tblAppNomPurchasersSummary tr.primary{
	font-weight:bold;
}

.tblAppsNoms tr.oddRow:hover{
	background:  									#654b24 url(JQueryUI/images/ui-bg_glass_65_654b24_1x400.png) 50% 50% repeat-x;
	border:  										1px solid #654b24;
	color:  										#ffffff;
	font-weight:  									bold;
}

.tblAppsNoms tr.oddRow.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: 									#F7F3DE;
    border:  										1px solid #B2A266;
    color:  										#3A3427;
}

.tblAppsNoms .ui-jqgrid tr.jqgrow td{
	padding:  										1em;
}

.tblAppsNoms tr.jqgrow td{
	padding:  										0.8em;
}

.tblAppsNoms tr.rowNoms, .legend_noms{
	background:  									#ffcccc;
	color:  										#000;
	font-weight:  									bold;
}

.tblAppsNoms tr.rowNoms:hover{
	background:  									#FEDEDE;
	border:solid  									#FFB9B9 1px;
}

.tblAppsNoms tr.rowApps, .legend_apps{
	background:  									#ccffcc;
	border:  										1px solid #B3FDB3;
	color:  										#000;
	font-weight:  									bold;
}

.tblAppsNoms tr.rowApps:hover{
	background:  									#E4FFE4;
	border:solid  									#82FF82 1px;
}

.ui-jqgrid tr.jqgrow td.unregisteredMare{
	font-weight:bold;
}

.legend_apps,.legend_noms{
	display:inline-block;
	width: 30px;
	height:10px;
	border-radius:2px;
	border: solid 1px #73673D
}

.unregisteredMare{
	color:#000;
	font-style:italic;
}

#appsNomsAddNew .listLegend ul{
	display:block;
	color:#887A48;
	text-align:center;
}

/*Summary Table*/

#appsNomsSummaryTable{
    display: flex;
    align-items: stretch;
}

#appsNomsSummaryTable .summaryItem{
    background:  									none repeat scroll 0 0 #FAFAF4;
    border:   										1px solid #E1DBC6;
    border-radius:   								10px;
    margin:   										2%;
    width:   										20%;
}

#appsNomsSummaryTable a{
    border-bottom:   								1px solid #DFDAC4;
    color:   										#433F38;
    display:   										block;
    font-size:   									11px;
    outline:   										medium none;
    padding:   										1em;
    text-decoration:   								none;
}

#appsNomsSummaryTable .summaryTitle a{
   	background:    									none repeat scroll 0 0 #ECE8DA;
    font-weight:    								bold;
    height:    										17px;
    padding:    									1em 1em 0.5em;
}

#appsNomsSummaryTable a:hover{
	color:   										#433F38;
}

#appsNomsSummaryTable .total{
	float:   										right;
	margin-left:   									1em;
	color:   										#026B6A
}

#appsNomsSummaryTable a.excluded, #appsNomsSummaryTable li .total.excluded{
	color:red;
	text-decoration:line-through;
}

/* Apps / Status Dropdown Colours */
.appsColour {
	background-color:#CCFFCC;
}

.nomsColour {
	background-color:#FFCCCC;
}

.nomRegistered {
	font-size: 				10px;
	color:					#FF0000;
}

.nomMare {
    color: 					#4e4628;
    font-size: 				11px;
    line-height: 			18px;
}

.appsNomsMareTable
{
   	margin-left:	114px;
	height:			17px;
	padding:    	1em 1em 0.5em;
}

.contract_title
{
	height:				50px;
	font-size:			30px;
	color:				#4D8D8D;
}

.textarea_barren
{
	height:				40px;
	width:				150px;
}

#stallion_contracts_tabs.ui-tabs{
	padding: 0;
}

#stallion_contracts_tabs.ui-tabs .ui-tabs-panel{
	padding:1em 0.5em;
}

/******************************************************************************
Applications/Nominations Terms Page SC2
******************************************************************************/

.appNomTermsMergeFieldsContainer{
	margin-bottom: 1em;
}

.appNomTermsHeading h2{
	display:			inline-block;
	width:				80%;
}

.appNomTermsTop{
	margin:				0 0 10px
}

.appNomTermsTop label{
	display: 			inline-block;
    margin: 			6px 0;
}

.appNomTermsTop span{
	display:			inline-block;
	float:				left;
	width:				25%;
}

.appNomTermsTop fieldset{
	height: 			80px;
    margin: 			0 1em;
    padding: 			1em;
}

span.appNomDesc{
	padding: 			0.5em 1em;
	width:				27%;
}

.appNomTermsNote{
	padding: 			0.5em 1em 0.5em 2em;
}

.appNomTermsNote label{
  display: 				table-cell;
  vertical-align: 		top;
  padding: 				10px 0;
  width: 				100px;
}

.appNomTermsNote li{
  display: 				table;
  height: 				100px;
  width: 				350px;
}

.appNomTermsNote textarea{
	margin-top:			5px;
	height:				90px;
	width:				220px;
	padding:			4px;
}

span.appNomCbx{
	padding: 			0.5em 1em;
	width:				15%;
}

span.appNomInv{
	width:				20%;
	padding-top:5px;
}

.appNomDesc label,
.appNomCbx label{
    margin: 			10px 0;
	width: 				75px;
}

.appNomDesc input[type="text"]{
	width:				115px;
}

.appNomOpt label{
	width:				111px;
}

.appNomInv label{
	width:				72px;
}

.appNomTermsBottom{
	clear:				both;
	margin:				15px 0 0;
}

.appNomTermsBottom fieldset{
	display:			inline-block;
	float:				left;
}

.appNomTermsMergeFieldsHeading{
    padding: 			5px 0;
    text-align: 		center;
    width: 				100px;
}

.appNomTermsMergeFields li {
	display: inline-block;
	width: 130px;
	margin: 0;
}

.appNomTermsMergeFields .ui-widget-header{
	border-radius:		10px 0 0 0;
	border-right:		none;
}

.appNomTermsMergeFields .ui-widget-content{
	padding-left: 		6px;
}

.appNomTermsMergeFields a{
	display:			block;
	text-decoration:	none;
}

.appNomTermsContractText{
	margin: 0;
}

.appNomTermsContractTextHeading{
	margin:				10px 0 10px 5px;
}

#appNomTermsSearch{
	display:			none;
}

#jqGridSettingsAppNomTerms .jqgrow{
    cursor:pointer;
}

.appNomTermsContractTitle{
	margin:				0px 0px 10px;
}

.appNomTermsContractTitle label{
	display: 			inline-block;
    padding-left: 		5px;
    width: 				97px;
}

.appNomTermsContractTitle input{
	width:				300px;
}

.contractHeadFoot{
	display:			block;
	margin:				0px 0px 10px;
}

.contractHeadFoot .hflabel{
	display: 			inline-block;
    padding: 			5px 0 0 5px;
	vertical-align:		top;
    width: 				100px;
}

.contractHeadFoot .hftext{
	display:			block;
	float:				left;
	border:				1px solid #CCCCCC;
	height:				100px;
	margin: 			0 0 10px;
	padding:			0.3em;
	width:				589px;
}

.stallionMismatch .ui-dialog-content.ui-widget-content{
	padding-bottom:		0;
}

.stallionMismatch .ui-dialog-buttonpane{
	border-width: 		0px;
	padding-top:		0;
	margin-top:			0;
}

.stallionMismatch .container{
	min-height:			80px;
	line-height:		18px;
}

/* --------------------------------------------------------------
	Buttons
-------------------------------------------------------------- */

.btn_stallion{
    height:             16px;
    width:              16px;
    display:            inline-block;
    margin-right:       2px;
    vertical-align:     text-top;
}

.btn_stallion_contracts_show{
    background: url(../img/icon_application_16.png) no-repeat left;
}