/******* Stable styles **********/
.errorMsg{color: red;display: inline-block;font-size: 14px;margin: 3px 0px 7px 0px;}
.failText{color:red;}
.successText{color:green;}
#stableLoginForm input,#stableRegisterForm input{margin-bottom:0px;}
.emailErr,.passwordErr,.firstErr,.lastErr,.newEmailErr{display:none}
.loginLoading,.regLoading{display:none;}
.regLoading{margin-left: 15px;padding-top: 10px;}
#slSubmit,#slSignUp{cursor:pointer;font-size: 15px;padding: 5px 13px;}
#userName{padding:0px 10px;}
.textCenter{text-align:center !important;}
.textRight{text-align:right !important;}
a.button{margin-bottom:0px !important;font-size:13px;}
.fs16{font-size:16px}
.fs15{font-size:15px}
.fs14{font-size:14.2px}
.fs13{font-size:13px !important;}
.fs12{font-size:12px}
.fs19{font-size:19px}
.fw600{font-weight:600}
.padding0{padding:0px !important;}
.lh22{line-height:22px}
.lh20{line-height:20px}
.lh18{line-height:18px}
.mb5{margin-bottom:5px;}
.deleteTh{width:13%;}
.width27{width:27%;}
#raceSettForm .custom-radio,#messageSettForm .custom-radio{display:inline !important}
#raceSettForm .custom-radio input,#messageSettForm .custom-radio input{left: 0;margin: 0;position: relative;top: 2px;}
#raceSettForm label,#messageSettForm label{font-weight:600}
#rsUpdate,#emailUpdate{padding:3px;cursor: pointer;margin-left: 6px;}
#rsUpdate { margin:0px; margin-top:29%; position:relative; }
#emailUpdate{padding: 2px 3px;height: 28px;}
.stableFreeSignOut{padding:3px 7px!important;margin-right:-10px;}
.updateBtnDiv{padding-top: 20px;}
#addItem{margin:0px;}
.raceLoading,.emailLoading,.msgLoading,.cmtLoading,.addItemLoading,.sendMessage,.confirmMessage,.disableLoading,.chanePwd{display:none;}
.sendMessage{position: absolute;right: -3px;top: 4px;}
.margin0{margin:0px !important}
/* .messageDiv{display:none;margin-top: 10px;} */
.raceSettFormDiv{margin-top:5px;}
.changeEmailDiv{margin:10px 0px 6px 0 !important;}
#changeEmailForm{margin-top: 6px;}
.raceText{margin-bottom:5px;}
.msgText{margin-bottom:3px;}
.fLeft{float:left;}
#msgUpdate, #id_confirmcode,#id_stopmsg{padding: 2.5px;}
#id_stopmsg{margin-left:20px;}
select[name="carrier"]{margin-left: 3%;padding: 4.2px 4.2px 4.2px 8px;width: 95%;line-height:20px;height: 2.1125em;font-family: Arial; color: black;font-size:13px;}
#cpForm input,#id_statusmsg{width:42%}
#id_change{padding: 3px 6px;}
#cpForm{margin-top: 5px;}
#cpForm .errorText{margin-bottom: 5px;}
.changeBtnP{margin-top:10px;}
.addItemsModalTrigger{padding:5px;min-width:111px;}
.itemCommentInput{min-height: 100px;}
#commentModal textarea[rows]{height:100px;}
.deleteLoader{display:none;}
#id_carriererrmsg{padding-left:0.6em;}
#id_carrier{outline:none;}
table.tableClass{
	background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #dddddd;
    table-layout: fixed;
    width: 100%;
	position:relative;
	margin-bottom: 1.25em;
}
.scrollContent{margin-bottom:15px;width:100%;}
table.tableClass thead {
    background: none repeat scroll 0 0 #f5f5f5;
}
table.tableClass thead tr th, table.tableClass tfoot tr th, table.tableClass tfoot tr td, table.tableClass tbody tr th, table.tableClass tbody tr td, table.tableClass tr td {
    display: table-cell;
    line-height: 1rem;
}
table.tableClass thead tr th, table.tableClass thead tr td {
    font-weight: 600;
    padding: 0.44444rem 0.55556rem 0.55556rem;
}
table.tableClass tr th, table.tableClass tr td {
    padding: 0.5rem 0.55556rem;
    text-align: left;
    word-wrap: break-word;
    font-size: 0.875em;
}
table.tableClass tr.even, table.tableClass tr.alt, table.tableClass tr:nth-of-type(2n) {
    background: none repeat scroll 0 0 #f9f9f9;
}
.commentErr{margin-bottom:8px;text-align:center;}
label[for="nameStartsWith"],label[for="nameContains"]{padding: 1px 0 0 1px;font-size:14px;min-width:110px;}
label[for="nameStartsWith"],label[for="nameContains"]{
	padding-left:4px\9\0;/*Only works in IE9*/
	padding-top:6px\9\0;/*Only works in IE9*/	
}
. ie10 label[for="nameStartsWith"],label[for="nameContains"]{
	padding-left:4px;
	padding-top:6px;
}
#itemName{margin-bottom:5px;font-size:14px;height:2.3125em;margin:0 0 1em 0;padding:0.5em;}
.addItemErr{display:none;}
#searchCriteraText{margin-bottom:5px;line-height: 17px;}
#matchesList{list-style: none outside none;margin-left: 0;}
.matchesDiv{display:none;padding-top: 8px;}
.titleRaceList{list-style:none;}
.printBtn {bottom: 0;padding: 3px 15px;position: absolute;right: 0;cursor:pointer;margin-bottom:0px !important;}
button:hover, button:focus, .button:hover, .button:focus { background-color:#00744f; }
.horseComment { word-wrap:break-word; }
#stableLogout { color:#fff; text-decoration:underline; }
.confirmalign {  float:left !important;margin-left:10px !important;}
.scrollDiv { float:left;width:auto;auto;height:250px;overflow-y:scroll;}
.notification { color: green; }
.print { margin-left: 4.2em !important;padding: 4px 10px !important;position: relative !important;top: 10px !important;}
.btn_green { border: 1px solid #00744f !important; font-weight:normal !important; font-family: 'Titillium Web', sans-serif;}
.cmtSubmitDiv { margin-top:20px; }
#id_sendmsg{display:block;}
.red{color:red;}
.pwdMessageDiv{margin: 10px 0;}
#reqPwd{margin-left: 5px;padding: 3px 6px;cursor: pointer;}
.fpBackBtn{padding:3px !important;}
#stableLoginModal .modal_close,#newAccountModal .modal_close{padding: 11px 14px;}
#stableLoginModal .popupHeader, #newAccountModal .popupHeader{padding-top: 6px;}
#stableLoginModal .popupBody{padding-top:10px;}
.agreeDiv .custom-checkbox input{position:relative;visibility: visible;}
.agreeSpan{display: inline-block;left: 0;margin-left: 20px;position: absolute;line-height:16px;}
.agreeDiv{position:relative;}
.regbtns{margin-top: 25px;}
.updateDiv{margin-top:20px;}
.backToSignIn{float: left;padding: 12px;}
.regMsgDiv{line-height: 21px;font-size:15px;display:none;}
.relative{position:relative;}
#addItemsModal{top:10px;width:325px;}
.addItemsModal .popupBody{padding:15px 20px;}
label{cursor:context-menu !important;}
input[type="radio"]{cursor:pointer !important; margin:0 0 1em 0;}
label[for="itemName"]{margin-bottom:8px;font-size:15px;}
#addItemSubmit{cursor:pointer;padding: 4px 5px;margin-left:5px;margin-bottom:0px !important;height:31px;}
#addHourse{margin-bottom:0px;}
#instructionsDiv > p { margin-bottom: 5px;line-height: 18px;padding-top: 10px; }
.addItemLoading{ position: absolute;right: 96px;top: 8px;}
.ui-tooltip {
	position:fixed;
	font-size:11px !important;
	z-index:30000 !important;
}
#raceSettForm{margin:0px;}
#msgUpdate{margin: 0 0 0 3px;padding: 1px 5px;height: 26px;}
.textMsgNote{margin-top:7px;}
#id_stoperrmsg{margin-bottom: 5px;}
.tabText{font-size:14px;}
.raceLoading{
	left: -23px;
	position: absolute;
	top: 19px;	
}
.emallMessageDiv{width: 60%;}
.signOutDiv{padding: 0 0 15px 0 !important;}
#id_confirmcode{margin-bottom: 0px !important;padding: 1px 3px;}
input[value="s"]{outline:none;}
.termsTag{outline:none;}
.showBelow480{
	display:none;
}
.itemInfo{
	color: #65bfff;
	margin-right:5px;
	cursor:pointer;
}
#matchesList > li {
    margin-bottom: 2px;
    position:relative;
}
.horseInfoDiv{
	border:1px solid #d3d3d3;
	padding:5px;
	display:none;
	background: none repeat scroll 0 0 #fff;
    position: absolute;
    width: 525px;
    z-index: 12000;
    border-radius:3px;
}
.toolTipHolder{
	position:relative;display:inline-block;margin-left:6px;
}
.toolTipContentDiv{
	width:10px;height:12px;position:absolute;z-index:-1;
}
.lastWord{
	display:none;
}
#changeEmailForm input[type="text"],#phoneNumberContainer input[type="text"]{
	font-size: 0.875em;
	height: 2.3125em;
	margin: 0 0 1em 0;
	padding: 0.5em;
};
#commentModal textarea:focus{
	box-shadow: 0 0 5px #999;
}
/******** Media Queries **********/
@media screen and (max-width: 680px) { 
	.hideBelow480{display:none;}
	.showBelow480{display:inline;}
	.deleteTd{text-align:center !important;}
	.tabText{line-height:20px;}
	 select[name="carrier"] { width:98%; margin-top:0px; margin-left:2%; padding:5px; }
	#msgUpdate { margin-top:10px; width:50%;margin-left: 0; }	
	.changeEmailDiv { margin-bottom:10px; }
	#currentEmailContainer { font-size:12px; }
	#rsUpdate { margin: 10px 0 0;width: 30%;  }
	.raceLoading {
	    left: 175px;
	    position: absolute;
	    top: 14px;
	}
	#phoneNumberContainer { width:50%; float:left; }
	#carrierContainer { width:50%; float:left; }
	#cpForm input, #id_statusmsg {width: 46%;}
	.emallMessageDiv{width: 75%;}
	.sendMessage{position: absolute;right: 232px;top: 13px;}
}

/* Medium screens  */
@media only screen and (max-width: 600px) {  /* min-width 641px, medium screens */
	.emallMessageDiv{width: 75%;}	
}

@media only screen and (max-width: 480px) {
	#cpForm input,#id_statusmsg { width:70%; }
	 select[name="carrier"] { width:100%; margin:10px 0px 10px 0px; padding:5px; }
	 #msgUpdate { margin-top:10px; width:50%;}
	 #id_confirmcode { width:65%;}
	 #rsUpdate { margin: 10px 0 0;width: 30%;  }
	.raceLoading {
	    left: 140px;
	    position: absolute;
	    top: 15px;
	}	
	.hideBelow480{display:none;}
	.showBelow480{display:inline;}
	.deleteTd{text-align:center !important;}
	.deleteTh{width:55px !important;}
	.loginTextDiv{padding:0px 0px 15px 10px;}
	.tabText{font-size: 13px;line-height: 19px;}
			#phoneNumberContainer { width:100%; float:left; }
	#carrierContainer { width:100%; float:left; }
	.emallMessageDiv{width: 75%;}
	.sendMessage{position: absolute;right: 185px;top: 13px;}
}

@media only screen and (max-width: 320px) {
	#phoneNumberContainer { width:100%; float:left; }
	#carrierContainer { width:100%; float:left; }

	#cpForm input,#id_statusmsg { width:90%; }
	select[name="carrier"] { width:100%; margin:10px 0px 10px 0px; padding:5px; }
	#msgUpdate { margin-top:10px; width:100%; }
	#id_confirmcode { width:100%; }
	.changeEmailDiv { margin-bottom:10px; }
	#currentEmailContainer { font-size:12px; }
	#rsUpdate { margin: 10px 0 0;width: 30%;  }
	.raceLoading {
	    left: 95px;
	    position: absolute;
	    top: 15px;
	}
	#stableLoginModal,#commentModal,#addItemsModal,#deleteModal{width:290px;}
	#stableLoginModal .modal_close, #newAccountModal .modal_close {
	    padding: 10px 14px;
	}
	#stableLoginModal .header_title, #newAccountModal .header_title {
	    font-size: 14px;
	}
	#stableLoginModal{
		top:10px;
	}
	.loginLoading{
		position: absolute;
	    right: -10px;
	    top: 11px;
	}
	.regLoading{
	    position: absolute;
	    right: 110px;
	}
	.container.loginTextDiv {
	    font-size: 15px;
	}
	label[for="nameStartsWith"],label[for="nameContains"]{padding: 2px 0 0 2px;font-size:13px;}
	label[for="itemName"]{font-size:14px;} 
	.addItemsModal .popupBody {padding: 15px;}
	.addItemBtnDiv{width:41% !important;}
	.tabTextDiv{width:100% !important;}	
	.stableFreeSignOut {
	    margin-right: -4px;
    	max-width: 63px;
	}
	.emailLoading{
		left: -23px;
	    position: absolute;
	    top: 7px;
	}
	.emallMessageDiv {
	    width: 75%;
	}
	.sendMessage{position: absolute;right: 15px;top:-23px;}
	.loginTextDiv{padding:0px 0px 8px 10px;}
}	

@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */ 
@media only screen and (min-width: 40.063em) and (max-width: 64em) {.medium-8.large-9{width:75%;}.medium-4.addItemBtnDiv{width:25%;} } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */ 
/* Large screens */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */ 
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */ 
/*  XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */ 
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ 
/* XXLarge screens */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */