@charset "utf-8";
/* CSS Document */

/*********************   Bootstrap Overrides  ************************/

body {
	background-color: #e2e2e2;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	/* IE 8 hates Google Fonts */
	font-family: Arial, Helvetica, sans-serif\0/ !important; /* IE 8-9 */
	min-height: 600px;
	color: #4d4d4d;
}

a {
	color: #1d508e;
}

hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0;
	border-top: 1px solid #eeeeee;
}

.container {
	padding-right: 5px;
	padding-left: 5px;
}

.navbar-default .navbar-collapse {
	/* Fallback */
	background-color: #1d508f;

	/* Fallback */
	background-image: url(../images/bg_navBackup.jpg);

	background-image:
		linear-gradient(
		#5a8bc6,
		#4776af,
		#4776af 50%,
		#3166a5 50%,
		#3166a5,
		#1d508f
	);
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
	font-weight: bold;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #6b6b6b;
	background-color: #fafcff;
	background-image:
		linear-gradient(
		#dbdcdc,
		#fafcff
	);
}

.nav>li>a {
	position: relative;
	display: block;
	padding: 10px 17px;
}

.nav>li:last-child>a {
	/* padding-right: 23px; */
	padding-right: 17px;
}

.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px;
}

.navbar-static-top {
	margin-bottom: 13px;
	border-width: 0px;
}

.navbar-default {
	background-color: #e2e2e2;
	background-image: url(../images/bg_header.jpg);
	background-repeat: repeat-x;
}

.navbar-nav>li {
	border-left: 1px solid #75a2d7;
	border-right: 1px solid #6291c8;
}

.navbar-nav>li:first-child {
	border-left: none;
}

.navbar-nav>li:last-child {
	border-right: none;
}

.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 8px;
	background-color: #33639e;
	background-image:
		linear-gradient(
		#4674ac,
		#1e518f
	);
	border: 1px solid #16457e;
	border-radius: 4px;
}

.navbar-default .navbar-toggle {
	border-color: #16457e;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}

.dropdown-menu>ul>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.35;
	color: #1e518f;
	text-decoration:underline;
	white-space: nowrap;
}

.dropdown-menu>ul>li>a .red {
	color: #891f1a;
}

.dropdown-menu>ul>li {
	list-style: none;
}

.dropdown-menu>ul {
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
}

.dropdown-menu>ul>li>a:hover,.dropdown-menu>ul>li>a:focus {
	color:#262626;
	text-decoration:none;
	background-color:#f5f5f5
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus {
	color:#fff;
	text-decoration:none;
	background-color:#428bca;
	outline:0
}

.open>.dropdown-menu>ul {
	display: block;
}

.dropdown-header {
	padding: 3px 20px;
	font-size: 14px;
	color: #891f1a;
	font-weight:bold;
}

#ReportsMenu {
	/* Fallback */
	background-image:url(../images/bg_dropdownBackup.gif);

	background-image:
		linear-gradient(
		to right,
		#fff,
		#fff 68%,
		#e0eaef 68%,
		#e0eaef
	);
	width: 600px;
}

#PortfolioMenu {
	width: 400px;
}

#FreeServicesMenu {
	width: 400px;
}

.dropdown-quickOrder {
	/* background-color: #e0eaef; */
}

.dropdown-quickOrder .input-quickOrder {
	width: 120px;
	margin-left: 20px;
}

.dropdown-quickOrder .quickProducts {
	margin-left: 20px;
}
.dropdown-quickOrder .quickProducts a {
	text-decoration:underline;
}

fieldset {
	border: 0px;
	margin: 0 2px;
	padding: 0px;
}


.carousel-indicators .active {
	opacity: .7;
}

.carousel-indicators li {
	opacity: .7;
}


.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #e3e3e3;
}

.table-striped>tbody>tr:nth-child(even)>td, .table-striped>tbody>tr:nth-child(even)>th {
	background-color: #f1f1f1;
}


.table-striped>tbody>tr:nth-child(odd)>td.override, .table-striped>tbody>tr:nth-child(odd)>th.override,
.table-striped>tbody>tr:nth-child(even)>td.override, .table-striped>tbody>tr:nth-child(even)>th.override {
	background-color: #ffffff;
}


.table-striped>tbody>tr:nth-child(odd)>th, .table-striped>tbody>tr:nth-child(even)>th {
	background-color: #ffffff;
}

.panel-default>.panel-heading {
	background-color: #e4e4e4;
}

.boxOne h5.panel-title {
	color: #333;
}

.boxOne h5 span.glyphicon-chevron-down {
	color: #333;
}


table {
    font-size: 13px;
}



/* change overall gutter size between columns */
div[class^="col"]{
	padding-left:5px;
	padding-right:5px;
}

.container{
	padding-left: 5px;
	padding-right: 5px;
}

.row {
	margin-left: 0;
	margin-right: 0;
}

.row .row {
	margin-left: -5px;
	margin-right: -5px;
}



/*********************   Elastislide Overrides  ************************/

.elastislide-horizontal {
	padding: 0px 40px;
	margin-bottom: 0px;
}

.elastislide-carousel {
	background-color: #e2e2e2;
}

.elastislide-carousel ul li a img {
	display: inline;
	border: 2px solid white;
	max-width: 100%;
}

.elastislide-carousel ul li div {
	height: 45px;
	text-align:center;
	padding-top: 7px;
	background-color: #737373;
	background-image:url(../images/bg_carBackup.jpg);
	background-image:
		linear-gradient(
		#b0b0b0,
		#737373
	);
}

.elastislide-carousel ul li a {
	color: #fff;
	font-weight: bold;
	line-height: 14px;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.7);
	);
}

.elastislide-carousel ul {
	max-height: 190px !important;
	background-color: #e2e2e2;
}

.elastislide-horizontal ul li {
	max-height: 190px !important;
}

.elastislide-wrapper {
	box-shadow: none;
	background-color: #424242;
}

.elastislide-carousel ul li a img {
	border: 0px;
}

.elastislide-carousel ul li a {
	padding-right: 5px;
}

.elastislide-wrapper nav span {
	background: transparent url(../images/nav.png) no-repeat 4px 3px;
	border-radius: 100%;
	opacity: 1.0;

}


/**********************  SOCIAL BUTTONS overwrite  *****************/

.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices {
	height: 25px !important;
}



/**********************  FONT AWESOME overwrite  *****************/

#toast-container > .toast {
    background-image: none !important;
}

#toast-container > div {
  padding: 15px 15px 15px 50px;
}

.toast-message i {
	font-size: 20px;
	margin-right: 10px;
}

.toast-top-right {
	top: 200px;
	right: 12px;
}

@media print {
  #toast-container {
    display: none !important;
  }
}

/*********************   Original Styles   ************************/

.center {
	text-align: center;
}

#topBar  {
	background-color: #1d508e;
	width: initial;
	text-align:center;
	color: #fff;
	font-size: .8em;
	padding: 2px;
}

#topBrand  {
	height: 80px;
}

.topLogo {
	margin-top: 6px;
}

.topBanner {
	margin-top: 10px;
}

.menuSub, .menuSocial {
	margin-top: 8px;
}

.menuSub ul, .menuSocial ul, .boxOne ul, .homeLogin ul, .tab-content ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.menuSub ul li {
	font-size: 12px;
	padding: 0;
	margin: 0px 0px 4px 0px;
	text-align: right;
}

.menuSub ul li.topCart {
	display: block;
	background-image:url(../images/icon_cart1.png);
	background-repeat:no-repeat;
	background-position:right;
}

.menuSub ul li.topCart a {
	display: block;
	padding-left: 20px;
}

.menuSocial ul li {
	padding: 0;
	margin: 0px 0px 3px 0px;
	text-align: right;
}

.navbar-login {
	position: relative;
	float: right;
	padding: 6px 10px;
	margin-top: 12px;
	margin-right: 8px;
	margin-bottom: 8px;
	background-color: #33639e;
	background-image:
		linear-gradient(
		#4674ac,
		#1e518f
	);
	border: 1px solid #16457e;
	border-radius: 4px;
	color: #fff;
}

.btnMedium {
	display: inline-block;
	padding: 3px 15px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.btnLarge {
	display: inline-block;
	padding: 6px 20px;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
/*
#horse-details .btnMedium {
	padding: 3px 8px;
}
*/
.btn-eqlRed {
	color: #fff;
	border-color: #891f1a;
	background-color: #891f1a;
	background-image:url(../images/bg_redBackup.jpg);
	background-image:
		linear-gradient(
		#953631,
		#953631 50%,
		#891f1a 50%,
		#891f1a
	);
}

.btn-eqlRed:hover {
	background-color: #701814;
	background-image: none;
	color: #fff;
	text-decoration:none;
}

.btn-eqlBlue {
	color: #fff;
	border-color: #0577c8;
	background-color: #0577c8;
	background-image:url(../images/bg_blueBackup.jpg);
	background-image:
		linear-gradient(
		#1e85ce,
		#1e85ce 50%,
		#0577c8 50%,
		#0577c8
	);
}

.btn-eqlBlue:hover {
	background-color: #0263a8;
	background-image: none;
	color: #fff;
	text-decoration:none;
}

.btn-eqlBlueB {
	color: #fff;
	border-color: #1e508e;
	background-color: #1e508e;
	background-image:url(../images/bg_blueBackup2.jpg);
	background-image:
		linear-gradient(
		#35629a,
		#35629a 50%,
		#1e508e 50%,
		#1e508e
	);
}

.btn-eqlBlueB:hover {
	background-color: #113d73;
	background-image: none;
	color: #fff;
	text-decoration:none;
}

.btn-eqlBlueC {
	color: #4d4d4d;
	border-color: #3e699c;
	background-color: #9dbde3;
	background-image:url(../images/bg_orderBackup.jpg);
	background-image:
		linear-gradient(
		 #c3dcfa,
		 #80a5d1
	);
}

.btn-eqlBlueC:hover {
	background-color: #c3dcfa;
	background-image: none;
	color: #4d4d4d;
	text-decoration:none;
}

.btn-eqlSilver {
	color: #4d4d4d;
	border-color: #969696;
	background-color: #fff;
	background-image:url(../images/bg_silverBackup.jpg);
	background-image:
		linear-gradient(
		#f8f8f8,
		#f8f8f8 50%,
		#e3e3e3 50%,
		#e3e3e3
	);
}

.btn-eqlSilver:hover {
	background-color: #e3e3e3;
	background-image: none;
	color: #4d4d4d;
	text-decoration:none;
}


#read-message-nav .btn-eqlSilver {
	color: #1d508e;
	font-weight: bold;
}


.btn-eqlOrange {
	color: #fff;
	border-color: #ae5c00;
	background-color: #ae5c00;
	background-image:url(../images/bg_orangeBackup.jpg);
	background-image:
		linear-gradient(
		#b9711c,
		#b9711c 50%,
		#ae5c00 50%,
		#ae5c00
	);
}

.btn-eqlOrange:hover {
	background-color: #935102;
	background-image: none;
	color: #fff;
	text-decoration:none;
}




.homeRow {
	margin-bottom: 12px;
}

.padRow, .padTen, .pad10 {
	margin-bottom: 10px;
}

.pad15 {
	margin-bottom: 15px;
}

.pad20 {
	margin-bottom: 20px;
}

.margin10 {
	margin: 10px;
}

.padBanner {
	margin-bottom: 10px;
}

#homepage-banners .padBanner {
	text-align: center;
}

.page-header {
	padding-bottom: 9px;
	margin: 0px 0 15px;
	border-bottom: 2px solid #4d4d4d;
}

.page-header h1 {
	font-size: 1.75em;
	font-weight: bold;
	margin: 0;
}

.page-header h1 span {
	font-size: .6em;
}

.page-subheader h3 {
	font-size: 1.25em;
	font-weight: bold;
	margin: 0;
}

.page-header .welcome-user {
	color: #6b6b6b;
	font-size: 1.25em;
	font-weight:bold;
	float:right;
}

.page-header .welcome-user span {
	text-transform:uppercase;
}

.homeSlider {
	width: auto;
	height: 330px;
	background-color: lime;
}

.boxTwo {
	width: auto;
	padding: 10px;
	border: 1px solid #969696;
	background-color: #477ec0;
	background-image:url(../images/bg_loginBackup.jpg);
	background-image:
		linear-gradient(
		#477ec0,
		#1d508e
	);
	color: #ffffff;
}

.boxTwo a {
	color: #ffffff;
	text-decoration: underline;
}

.boxTwo h4 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
}

.homeLogin {
	/* height: 185px; */
	margin-bottom: 10px;
}

.homeLogin label {
	display: block;
	color: #fff;
	margin-bottom: 0px;
	margin-top: 2px;
}

.homeLogin input {
	/*width: 85%;*/
	margin-top: 8px;
}

.loginLinks  {
	margin-top: 5px;
}

.loginLinks a {
	color: #c5c5c5;
	text-decoration:underline;
	font-size: 12px;
}

.loginLinks li {
	margin: 0px;
	padding: 0px;
	line-height: 15px;
}

.loginLinks button {
	margin-top: 5px;
	margin-left: 20px;
}

.homeLogin .btn-eqlBlue {
	margin-top: 7px;
}

.home5X {
	width: auto;
	background-color: #fff;
	padding: 8px;
	border: 1px solid #909090;
	margin-bottom: 0px !important;
}

.home5X h4 {
	margin-top: 0px;
	margin-bottom: 5px;
	padding-bottom: 0px;
	font-weight: bold;
	color: #89201b;
	font-size: 15px;
}

.home5X fieldset {
	margin: 0px;
}

.home5X .glyphicon {
	top: 0px;
}

.home5X .input-group-sm>.form-control,
.home5X .input-group-sm>.input-group-addon,
.home5X .input-group-sm>.input-group-btn>.btn {
	height: 25px;
}

.input-group-sm>.form-control {
    padding: 0px 10px;
}

.home5X .subHead, #quick-order .subHead {
	font-size: 11px !important;
	color: #8c8c8c;
	margin-bottom: 2px;
	font-weight: normal !important;
}

#quick-order {
	height: 279px;
	margin-bottom: 0px;
}

#quick-order .divider {
	padding: 15px;
}

#quick-order #by-horse {
	margin-bottom: 5px;
}

#quick-order a.small,
#quick-order-small a.small,
#quick-order #view-all,
#quick-order-small #view-all {
	display: block;
	margin-top: 20px;
}

#quick-order-small {
	height: 160px;
	margin-bottom: 0px;
}

.homeExtra {
	width: auto;
	/* height: 110px; */
	background-color: #737373;
	padding: 10px;
	margin-top: 10px;
	color: #fff;
}

.homeCarousel {
	width: auto;
	height: auto;
	margin-bottom: 12px;
}


.boxOne {
	/*font-size: inherit; */
	font-size: 13px;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #909090;
	margin-bottom: 10px;
}

.boxOne h3 {
	margin-top: 5px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #881f1a;
	font-weight: bold;
	color: #4d4d4d;
	font-size: 16px;
}


.boxOne h3.no-line {
	margin-top: 5px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px;
}

.boxOne h4, table h4 {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #acacac;
	font-weight: bold;
	color: #89201b;
	font-size: 16px;
}

table h4 {
	border-bottom: 0px;
	padding-bottom: 0px;
}

.boxOne h4 a.rightLink,
.boxOne h3 a.rightLink, a.rightLink {
	float: right;
	font-size: 12px;
	font-weight: normal;
	vertical-align: baseline;
}

.boxOne h4 a.subLink {
	font-size: 12px;
	font-weight: normal;
	vertical-align: baseline;
}

.boxOne h5 {
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #5e5e5e;
	font-size: 15px;
}

.boxOne h5 span {
	color: #89201b;
	font-size: 15px;
}

.boxOne .sponsor, .boxOne .subHead, .home5X .sponsor{
	font-size: 12px;
	font-weight: bold;
}

.boxOne .sponsor a, .boxOne .subHead a, .home5X .sponsor a {
	font-size: 14px;
}

.boxOne label {
	display: block;
	margin-bottom: 0px;
	margin-top: 2px;
}

img.banner {
	margin-left:auto;
	margin-right:auto;
	display: block;
}

.lastBox {
	margin-bottom: 0px;
}

.homeTabs .tab-content {
	background-color: #fff;
	padding: 10px;
	border: 1px solid #909090;
	border-top: 0px;
	height: 362px;
	overflow-y : scroll;
}

.homeTabs h5 {
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #89201b;
	font-size: 14px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.servicesTabs .tab-content {
	background-color: #fff;
	padding: 13px;
	border: 1px solid #909090;
	border-top: 0px;
	min-height: 235px;
	/*overflow-y: scroll;*/
}

.servicesTabs .tab-content ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.servicesTabs #my-services a {
	display:block;
	background-image: url(../images/icon_arrowLI.png);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left: 15px;
	font-size: 13px;
	margin-bottom: 5px;
}

#available-services ul li {
	display: inline-block;
	width: 49%;
	vertical-align: top;
}


.servicesTabs #available-services a {
	display:block;
	background-image: url(../images/icon_arrowLI-red.png);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left: 15px;
	margin-bottom: 0px;
}


.servicesTabs #available-services div.short-info {
	padding-left: 15px;
	font-size: 85%;
	margin-bottom: 10px;
}

#available-services .scrollBox {
	height: 205px;
	overflow-y: scroll;
}



.productListTabs .tab-content, .registrationTabs .tab-content,
.eqlTabs .tab-content {
	background-color: #fff;
	padding: 7px;
	border: 1px solid #909090;
	border-top: 0px;
	min-height: 400px;
	/*overflow-y: scroll;*/
}


.eqlTabs .tab-content {
	min-height: 100px;
	/*overflow-y: scroll;*/
}

#favorites {
	min-height: 230px;
}

#favorites ul li {
	clear: both;
	background-repeat: no-repeat;
	background-position: center left;
	margin-bottom: 10px;
	font-size: 13px;
}

#reports-tab-content ul li, #eql-tab-content ul li {
	clear: both;
	line-height: 23px;
	font-size: 13px;
}

#favorites ul li.fav {
	background-image: url(../images/icon_dotG.gif);
}

#favorites ul li.freq {
	background-image: url(../images/icon_dotY.gif);
}

#reports-tab-content div.fav {
	min-width: 15px;
	padding-top: 6px;
}

#reports-tab-content div.fav img {
	vertical-align: top;
}

#favorites div.num {
	min-width: 60px;
	padding-left: 20px;
}

#reports-tab-content div.num {
	min-width: 40px;
	padding-left: 0px;
}

#reports-tab-content a.name {
	display: block;
	width: 295px;
}

#reports-tab-content div.report-price {
	padding-right: 10px;
	line-height: 22px;
	width: 32px;
}

#reports-tab-content div.report-price-highlighted {
	padding-right: 10px;
	line-height: 22px;
	width: 32px;
	background-color: yellow;
}

#reports-tab-content a.report-sample {
	padding-right: 4px;
}

#reports-tab-content h5 {
	font-weight: bold;
	padding-bottom: 2px;
	border-bottom: 1px solid #89201b;
}

#reports-tab-content h5 .view-sample {
	float: right;
	margin-right: 45px;
	font-size: 11px;
	font-weight: normal;
	vertical-align: baseline;
}

#reports-tab-content h5 .select-product {
	float: right;
	margin-right: 10px;
	font-size: 11px;
	font-weight: normal;
	vertical-align: baseline;
}

#reports-tab-content .reports-trigger {
	font-size: 13px;
	/* padding: 5px;
	padding-right: 15px;
	*/
	margin-top: 5px;
}

.select-blk tbody tr td{
	padding-bottom: 5px;
}


#eql-tab-content .reports-table {
	width: 90%;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#reports-tab-content .reports-table {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
}

#reports-tab-content .reports-table td {
	font-size: 13px;
}

#eql-tab-content .reports-table td,
#reports-tab-content .reports-table td {
	padding: 2px;
	vertical-align: top;
}

#reports-tab-content .reports-table td.fav {
	width: 15px;
	padding-bottom: 8px;
}

#eql-tab-content .reports-table td.num,
#reports-tab-content .reports-table td.num {
	width: 40px;
}

#eql-tab-content .reports-table td.report-sample,
#reports-tab-content .reports-table td.report-sample {
	width: 20px;
}

#eql-tab-content .reports-table td.report-price {
	width: 40px;
}

#eql-tab-content .reports-table td.report-price-highlighted {
	width: 40px;
	background-color: yellow;
}

#reports-tab-content .reports-table td.report-price {
	width: 30px;
	font-family: Verdana, Geneva, sans-serif;
}

#reports-tab-content .reports-table td.report-price-highlighted {
	width: 30px;
	font-family: Verdana, Geneva, sans-serif;
	background-color: yellow;
}

#eql-tab-content .reports-table td.report-button,
#reports-tab-content .reports-table td.report-button {
	width: 50px;
}


.table-row-pad tbody tr td {
    padding-bottom: 5px;
}






.recommended-report {
	font-size: 12px;
	line-height: 14px;
	margin-top: 10px;
}

.recommended-report a.sample, .one-click a.sample {
	display: block;
	height: 16px;
	margin-top: 5px;
	margin-left: 0px;
	padding-left: 20px;
	background-image: url(../images/icon_pdf.png);
	background-repeat: no-repeat;
	background-position: center left;
}

.clickBox {
	display: block;
	background-color: #1e508f;
	min-width: 30px;
	height: 26px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 5px;
	margin-right: 5px;
	float: left;
}

.clickBoxOrdered {
	display: block;
	background-color: #979797;
	min-width: 30px;
	height: 26px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 5px;
	margin-right: 5px;
	float: left;
}

.clickBoxCheck {
	display: block;
	background-color: #26527E;
	width: 23px;
	height:22px;
	text-align: center;
	padding-top: 1px;
	margin-right: 5px;
	float: left;
}

.previous-download div {
	width: 60px;
}

#family-updates table {
	width: 100%;
}

#family-updates table td{
	padding: 4px;
}

#order-status {
	font-size: 12px;
	height: 280px;
	padding-right: 0px;
}

#search-by-horse #order-status {
	font-size: 12px;
	height: 250px;
	padding-right: 0px;
}

#order-status .scrollBox,
#horse-select .scrollBox{
	height: 200px;
	overflow-y: scroll;
}

#whats-new .scrollBox {
	height: 250px;
	overflow-y: scroll;
}

#search-by-horse #order-status .scrollBox {
	height: 170px;
	overflow-y: scroll;
}

#order-status table {
	width: 100%;
}

#order-status table td {
	padding: 2px;
}

#order-status table td.status {
	width: 80px;
	text-align:right;
	color: #99ccff;
}

#order-status a.btnMedium {
	position: absolute;
	bottom: 5px;
	right: 30px;
}

#whats-new {
	height: 320px;
}

#whats-new h4 {
	margin-bottom: 10px;
}

#whats-new img {
	margin-bottom: 5px;
}

#whats-new a.title {
	display: block;
	font-size: 16px;
	font-weight: bold;
}

.boxThree {
	font-size: 13px;
	background-color: #fff;
	padding: 6px 13px;
	border: 1px solid #909090;
	border-top: 0px;
}

#order-content {
	min-height: 300px;
}

.instructions {
	width: auto;
	text-align:center;
	margin-bottom: 10px;
	/* padding: 10px; */

}

.instructions a {
	font-size: 85%;
	font-weight: bold;
}

#order-content ul.pagination {

}

#order-content .order-options {
	width: auto;
	margin: 20px 10px 10px 10px;
}

#order-content .order-options input {
	margin-bottom: 5px;
}


#order-content .order-options-center {
	width: auto;
	text-align:center;
	margin: 10px;
}


.order-header {
	/* height: 60px; */
	width: auto;
	padding: 10px;
	border: 1px solid #84a8d2;
	border-bottom: 1px solid #3e699c;
	background-color: #9dbde3;
	background-image: url(../images/bg_orderBackup.jpg);
	background-image: linear-gradient(
	 #c3dcfa,
	 #80a5d1
	 );
}

.order-header .product-name {
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
}

.order-header .product-price {
	text-align: center;
	font-weight: bold;
	color: #fffb81;
}

.order-header .product-sample a {
	font-size: .9em;
	color: #fff;
	display: block;
	height: 16px;
	padding-left: 20px;
	background-image: url(../images/icon_pdf.png);
	background-repeat: no-repeat;
	background-position: center left;
}

.modal-content table {
	width: 100%;
    border-spacing: 2px;
    border-collapse: separate;
}

.modal-content table td {
	padding: 2px;
}

.modal-content table td.horse-name {
	font-weight: bold;
}

.modal-title {
	text-align: center;
	font-size: 14px;
}

#cart-content {
	min-height: 400px;
}

#cart-content table {
	width: 100% !important;
	border-spacing: 0px;
	border-collapse: separate;
	margin: 10px 0px;
}

#cart-content  table th {
	line-height: 15px;
	padding-bottom: 10px;
}

#cart-content  table td {
	border-bottom: 1px solid #b1b1b1;
	padding: 5px 0px;
}

#cart-content  table td.complete {
	color: #952a1a;
}

#cart-content .bottom-row {
	padding: 30px 10px;
}

#cart-content .red-buttons .btnMedium{
	margin-bottom: 10px;
}

#cart-content  .promo-codes {
	padding-top: 10px;
}

#cart-content  .promo-codes label {
	font-size: .9em;
}

#cart-content  .promo-codes span {
	font-size: .9em;
	color: #952a1a;
}


.pedigree5X {
	font-size: 11px;
	background-color: #fff;
	border: 1px solid #909090;
	height: 578px;
}

.pedigree2X {
	background-color: #fff;
	border: 1px solid #909090;
	height: 140px;
}

.pedigree5X div.grey {
	background-color: #E6E6E6;
}

.pedigree2X div.grey {
	background-color: #ecf4fd;
}

.pedigree5X .col0-pedigree, .pedigree5X .col1-pedigree, .pedigree5X .col2-pedigree,
.pedigree5X .col3-pedigree, .pedigree5X .col4-pedigree, .pedigree5X .col5-pedigree {
	height: 576px;
	overflow: hidden;
}

.pedigree2X .col0-pedigree, .pedigree2X .col1-pedigree, .pedigree2X .col2-pedigree {
	height: 138px;
	overflow: hidden;
}

.pedigree5X .col0-pedigree div {
	line-height: 12px;
	margin-top: 270px;
	margin-left: 2px;
}


.pedigree2X .col0-pedigree div {
	line-height: 15px;
	margin-top: 20px;
	margin-left: 15px;
}

.pedigree5X .col1-pedigree div {
	height: 288px;
	/* line-height: 288px; */
}

.pedigree5X .col1-pedigree div div {
	margin-top: 137px;
	margin-left: 2px;
}


.pedigree2X .col1-pedigree div {
	height: 70px;
	/* line-height: 288px; */
}

.pedigree2X .col1-pedigree div div {
	margin-top: 23px;
	margin-left: 15px;
}



.pedigree5X .col2-pedigree div {
	height: 144px;
	/* line-height: 144px;	*/
}

.pedigree5X .col2-pedigree div div {
	margin-top: 64px;
	margin-left: 2px;
}


.pedigree2X .col2-pedigree div {
	height: 35px;
	/* line-height: 144px;	*/
}

.pedigree2X .col2-pedigree div div {
	margin-top: 7px;
	margin-left: 15px;
}



.pedigree5X .col3-pedigree div {
	height: 72px;
	/* line-height: 72px;	*/
}

.pedigree5X .col3-pedigree div div {
	margin-top: 28px;
	margin-left: 2px;
}

.pedigree5X .col4-pedigree div {
	height: 36px;
	/* line-height: 36px;	*/
}

.pedigree5X .col4-pedigree div div {
	margin-top: 10px;
	margin-left: 2px;
}

.pedigree5X .col5-pedigree div {
	height: 18px;
	/* line-height: 18px;	*/
}

.pedigree5X .col5-pedigree div div {
	margin-left: 2px;
}

.pedigree5X>div {
	border-right: 1px solid #909090;
	padding: 0px;
}

.pedigree5X>div.col5-pedigree {
	border-right: 0px;
}


.pedigree2X>div {
	border-right: 1px solid #909090;
	padding: 0px;
}

.pedigree2X>div.col2-pedigree {
	border-right: 0px;
}


.pedigree5X>div>div {
	border-bottom: 1px solid #909090;
	padding: 0px;
}

.pedigree5X>div>div:last-child {
	border-bottom: 0px;
}


.pedigree2X>div>div {
	border-bottom: 1px solid #909090;
	padding: 0px;
}

.pedigree2X>div>div:last-child {
	border-bottom: 0px;
}

.pedigree5X>div>div.inbreed-01 {
	border-right: 6px solid #ff0000;
}
.pedigree5X>div>div.inbreed-02 {
	border-right: 6px solid #ffba00;
}
.pedigree5X>div>div.inbreed-03 {
	border-right: 6px solid #baff00;
}
.pedigree5X>div>div.inbreed-04 {
	border-right: 6px solid #00ff9b;
}


.pedigree2X>div>div.inbreed-01 {
	border-right: 6px solid #ff0000;
}
.pedigree2X>div>div.inbreed-02 {
	border-right: 6px solid #ffba00;
}
.pedigree2X>div>div.inbreed-03 {
	border-right: 6px solid #baff00;
}
.pedigree2X>div>div.inbreed-04 {
	border-right: 6px solid #00ff9b;
}

#nicking-5x select {
	font-size: 12px;
}

#nicking-5x .nicking-title {
	font-weight: bold;
	font-size: 12px;
	color: #891f1a;
}

ul.top-steps {
	width: 520px;
	height: 75px;
	background-color: #d3d1d2;
	border: 1px solid #b4b2b3;
	border-radius: 4px;
	margin: 0px;
	padding: 2px;
}

ul.top-steps li {
	float: left;
	display: block;
	min-width: 120px;
	height: 70px;
	background-image: url(../images/bg_steps.gif);
	background-position: right;
}

ul.top-steps li:last-child {
	background-image: none;
}

ul.top-steps li:first-child {
	padding-left: 3px;
	min-width: 130px;
}

ul.top-steps li div {
	float: left;
}

ul.top-steps li div.step-num {
	width: 20px;
	height: 20px;
	background-color: #4d4d4d;
	border-radius: 10px;
	padding-left: 6px;
	margin-right: 3px;
	margin-top: 5px;
	color: #fff;
	font-weight: bold;
}

ul.top-steps li div.step-title {
	margin-top: 5px;
	font-weight: bold;
	padding-left: 1rem;
    padding-top: .75rem;
}

ul.top-steps li div.step-title div {
	font-weight: normal;
	font-size: 11px;
	line-height: 14px;
	width: 100px;
}

ul.top-steps li.previous div.step-num {
	background-color: #727677;
}

ul.top-steps li.active div.step-num {
	background-color: #871f1c;
}

ul.top-steps li.previous div.step-title {
	color: #727677;
}

ul.top-steps li.active div.step-title {
	color: #871f1c;
}




.registrationTabs .panel-default>.panel-heading,
#horse-details .panel-default>.panel-heading {
	background-color: #e4e4e4;
}

.registrationTabs .panel-title,
#horse-details .panel-title {
	font-weight: bold;
	color: #333;
}

.registrationTabs .panel-title input {
	margin-right:  10px;
	float: left;
}

.registrationTabs .panel-title .options-red {
	font-weight: bold;
	font-size: 11px;
	color: #871d1d;
	text-align: right;
}

.registrationTabs .panel-title .options-red-mobile {
	font-weight: bold;
	font-size: 11px;
	color: #871d1d;
	display: none;
}

.registrationTabs span.glyphicon-chevron-down,
#horse-details span.glyphicon-chevron-down {
	color: #333;
}

.registrationTabs .boxOne h4 {
	border-bottom: 0px;
}


.panel-body table td {
	padding: 3px;
}




ul.list_default {
    list-style-type: disc;
    padding: 4px;
    margin: 4px;
}

ul.list_default li {
    margin-left: 15px;
}


.bold-content td {
	font-weight: bold;
}




.boxOne .topLinks {
	display: inline-block;
	padding-left: 0;
}

.boxOne .topLinks>li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

.boxOne .topLinks>li>a {
	position: relative;
	float: left;
	padding: 0px 20px;
	font-weight: bold;
	font-size: 14px;
	border-right: 1px solid #acacac;
}

.boxOne .topLinks>li:first-child>a {
	padding-left: 0px;
}

.boxOne .topLinks>li:last-child>a {
	padding-right: 0px;
	border-right: 0px;
}

.portfolioTabs .tab-content {
	background-color: #fff;
	padding: 13px;
	border: 1px solid #909090;
	border-top: 0px;
	min-height: 500px;
}

.portfolioTabs .message, .registrationTabs .message {
	font-weight: bold;
	margin: 10px 0px;
}
/*
.portfolioTabs .buttons a, #horse-details .buttons a, #my-account .buttons a, #workouts .buttons a
, #nicking-report .buttons a, #premium-pedigree .buttons a, #produce-history .buttons a, #race-records .buttons a,
#horse-starts .buttons a {
	margin-bottom: 5px;
}
*/

.row .buttons a {
	margin-bottom: 5px;
}

.portfolioTabs .side-links {
	font-size: 12px;
	line-height: 14px;
}

a.print-friendly {
	display: block;
	padding-left: 30px;
	background-image: url(../images/icon_printer.png);
	background-repeat: no-repeat;
	background-position: left;
	line-height: 1.6;
	margin-left: 10px;
}

a.download-pdf {
	display: block;
	padding-left: 30px;
	background-image: url(../images/icon_pdfDownload.png);
	background-repeat: no-repeat;
	background-position: left;
	line-height: 1.1;
	margin-left: 10px;
}

a.add-portfolio {
	display: block;
	padding-left: 30px;
	background-image: url(../images/icon_addPortfolio.png);
	background-repeat: no-repeat;
	background-position: left;
	line-height: 1.1;
	margin-left: 10px;
}

.portfolioTabs table,
#message-grid table,
table.table-spaced {
	width: 100%;
	border-spacing: 4px;
	border-collapse: separate;
	margin: 10px 0px;
}

table.table-spaced.dynamic-width {
	width: auto;
}

.portfolioTabs table td,
.portfolioTabs table th,
table.table-spaced td,
table.table-spaced th {
	font-size: 11px;
	line-height: 15px;
	height: 25px;
}

#message-grid table {
	line-height: 25px;
}

.portfolioTabs table th,
table.table-spaced th {
	line-height: 12px;
	border-bottom: 1px solid #89201b;
	padding-bottom: 10px;
}

table.table-spaced tr.no-color td {
	background: white;
	border-bottom: 1px solid #89201b;
}

table.table-spaced td.group-title {
	font-size: 1.2em;
	font-weight: bold;
}

.portfolioTabs table td.freeUpdate {
	font-weight: bold;
	background-color: #fcff9f !important;
	text-align: center;
}

.portfolioTabs table td.tabletTruncate div {
	width: 350px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.portfolioTabs table td.coolmoreTruncate div {
	width: 300px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
}

#message-grid table td.tabletTruncate div {
	width: 550px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*
#message-tables table td.tabletTruncate div {
	width: 275px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
*/

table.condition-book-results {
	width: 360px;
}


#pedigree-binder-header, #pedigree-binder-header2 {
	background-color: #145084;
	height: 51px;
	width: 100%;
	padding: 0px;
}

.PedBinderTopLeft img {
	margin-left: 6px;
	margin-top: 4px;
}

.PedBinderTopRight {
	text-align: right;
}

.PedBinderTopRight img {
	margin-right: 6px;
	margin-top: 4px;
}

.binder-subTitle {
	font-size: 15px;
	color: #9fd2ff;
	font-weight: bold;
	margin-top: 15px;
	text-align: center;
}

.opacity60 {
	opacity: .6;
}

#pedigree-binder table {
	width: 100%;
	border-spacing: 4px;
	border-collapse: separate;
	margin: 0px 0px;
}

#pedigree-binder table td {
	padding: 8px 14px 4px 10px;
	font-size: 16px;
}

#pedigree-binder table td.binder-buttons {
	width: 350px;
	text-align: right;
	padding: 8px 2px 4px 2px;
}

#pedigree-binder table td.binder-buttons a  {
	margin: 0px 4px 0px 3px;
}

#pedigree-binder table td.binder a {
	display: block;
	background-image: url('../images/icon_binder.png');
	background-repeat: no-repeat;
	padding: 8px 0px 0px 48px;
	max-width: 440px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#pedigree-binder .binder-horse-border {
	border: 2px;
	border-color: #9f9f9f;
	border-style: solid;
	background-color: #fff;

}

#pedigree-binder .binder-name-type {
	min-height: 70px;
	background-image: url('../images/bg_horseName2.jpg');
	background-repeat: repeat-x;
	background-position: bottom;
}


#pedigree-binder .horseNameBox {
	width: 100%;
	height: 30px;
	margin: auto;

}


#pedigree-binder .editDetail {
	float: left;
}


#pedigree-binder .binder-name-type img {
	/* margin: 12px 0px 0px 5px; */
}

#pedigree-binder .binder-horse-name {
	/* margin-top: 25px; */
	font-weight: bold;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	width: 220px;
}

#pedigree-binder .horseOverrideType {
	/* margin-top: 1px; */
	text-align: right;
	top: 34px;
	position: absolute;
	right: 5px;
}

#pedigree-binder .binder-horse-product {
	background-color: #f1f1f1;
}

#pedigree-binder .grey-bg-1 {
	/*background-color: #f1f1f1;*/
}


#pedigree-binder .binder-horse-product div {
	border: 2px;
	border-color: #fff;
	border-style: solid;
	min-height: 70px;
}

#pedigree-binder table.horse-product {
	min-height: 70px;
	border-spacing: 0px;
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;
	height: 62px;
}

#pedigree-binder table.horse-product td {
	padding: 0px 10px 0px 10px;
	font-size: 14px;
	background-color: #f1f1f1;
	border-right: 4px solid #fff;
}

#pedigree-binder table.horse-product td:last-child {
	border-right: 0px;
}

/*
#pedigree-binder .binder-horse-product .binder-prod-num,
#pedigree-binder .binder-horse-product .binder-prod-name,
#pedigree-binder .binder-horse-product .binder-prod-date {
	padding-top: 23px;
}
*/

#pedigree-binder table.horse-product td.binder-prod-num,
#pedigree-binder table.binder-header th.binder-prod-num {
	width: 18%;
}

#pedigree-binder table.horse-product td.binder-prod-date,
#pedigree-binder table.binder-header th.binder-prod-date {
	width: 22%;
}

#pedigree-binder table.horse-product td.binder-prod-name,
#pedigree-binder table.binder-header th.binder-prod-name {
	width: 60%;
}

.binder-prod-name .product-name {
	font-weight: normal;
	line-height: 15px;
}

a:focus{
	outline: none;
}

#pedigree-binder .binder-horse-product div>div {
	border: 0px;
	min-height: 0px;
}


#pedigree-binder .binder-buttons2 {
	text-align: right;
	background-color: #f1f1f1;
	min-height: 70px;
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;
}

#pedigree-binder .binder-buttons2 img {
	margin: 9px 4px 0px 3px;
}



#pedigree-binder .bookGrey {
  background-color: #e3e3e3;
  padding: 0px;
  width: 100%;
  display: inline;
  position: relative;
}

#pedigree-binder .bookGrey ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#pedigree-binder .bookGrey > ul > li {
  display: inline-block;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
  float: left;
  vertical-align: middle;
}

#pedigree-binder .relativePosition {
  position: relative;
  cursor: pointer;
}

#pedigree-binder .bookOut {
  padding: 5px;
  padding-bottom: 10px;
  border: 0px;
  background-color: #e3e3e3;
  border-width: 5px;
  border-color: #ffffff;
  border-style: solid;
  border-radius: 10px;
}

#pedigree-binder .bookIn {
  position: relative;
  display: block;
  width: 164px;
  height: 213px;
  background-color: #ffffff;
  box-shadow: 1px 1px 10px #777;
  font-size: 12px;
}

#pedigree-binder .bookIn .name {
  color: #000000;
  padding: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#pedigree-binder .bookIn img {
  min-height: 164px;
}

#pedigree-binder .bookIn .horses {
  color: #232323;
  background-color: #f1f1f1;
  text-align: center;
  border: 1px;
  border-style: solid;
  border-color: #c9c9c9;
  border-top: 0px;
  padding: 4px;
}

#pedigree-binder .popup {
  padding-bottom: 10px;
  background-color: #f1f1f1;
  position: absolute;
  left: 22px;
  z-index: 10999;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
  width: 162px;
  display: none;
  margin-left: 1px;
}





table.table-touch {
	border-spacing: 4px;
	border-collapse: separate;
}

table.table-touch td, table.table-touch th {
	line-height: 25px;
	padding-left: 4px;
	padding-right: 4px;
}

table.table-touch th, #message-grid table th {
	line-height: 12px;
	border-bottom: 1px solid #89201b;
	padding-bottom: 10px;
}

<<<<<<< .mine
table.table-data td, table.table-data th,
table.table-info td, table.table-info th  {
	padding: 2px;
}

table.table-data th {
	line-height: 12px;
	border-bottom: 0px;
	padding-bottom: 10px;
}

table.table-data th.red {
	line-height: 12px;
	border-bottom: 1px solid #89201b;
	padding-bottom: 10px;
}

=======
table.centered {
	margin: auto;
}

table.circled {
	font-size: 12px;
	margin-bottom: 20px;
}

>>>>>>> .r368
table.table-touch img.equibase {
	margin-bottom: 2px;
}

table.table-touch td.center {
	text-align: center;
}

#message-center table.table-touch a.btn-eqlRed {
	margin-right: 10px;
}

table.tablePad2 td {
	padding: 2px;
}

table td.heads {
	font-weight: bold;
}


table.table-data {
	border-spacing: 4px;
	border-collapse: separate;
	margin: 10px auto;
	line-height: 16px;
}

table.table-data, table.table-data-left {
	border-spacing: 2px;
	border-collapse: separate;
}

table.table-data TD, table.table-data TH, table.table-data-left TH {
	text-align: center;
}

table.table-data TD.left, table.table-data TH.left {
	text-align: left;
}

table.table-data-left TD {
	text-align: left;
}

table.table-data-left TD.center {
	text-align: center;
}

table.table-data TD.right, table.table-data TH.right,
table.table-data-left TD.right, table.table-data-left TH.right,
table TD.right, table TH.right {
	text-align: right;
}

button.binderSelectPortfolio {
	width: 60px !important;
	height: 16px !important;
	line-height: 16px !important;
	font-size: 10px !important;
}
button.binderSelect {
	white-space: nowrap;
	overflow: hidden;
	width: 150px;
	text-overflow: ellipsis;
	border: none;
	background-color: #145084;
	color: #fff;
	font-family: Arial;
	font-size: 12px;
	display: inline-block;
	text-indent: 0;
	padding: 0;
	height: 20px;
	line-height: 20px;
	padding-left: 5px;
	padding-right: 5px;
}

input[type='text'], input[type='password'], input[type='email'] {
	height: 29px;
	/* removed top and bottom padding because of IE */
	padding: 0px 6px;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
}

input[type='text'].required, input[type='password'].required {
	background-color: #ffff00;
}

.mobile-buttons {

}


#horse-details #accordion {
	margin-top: 20px;
}

.portSpecialOne, .portSpecialTwo {
	background-color: #ECECEC;
	padding: 10px;
	font-size: 12px;
	line-height: 15px;
	min-height: 150px;
}

.portSpecialTitle {
	font-size: 12px;
	font-weight:bold;
}

.portSpecialA {
	margin-top: 5px;
}

.portSpecialB {
	background-color: #FBFBFB;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
	color: #3D3D3D;
	padding: 15px;
	text-align: center;
}

.centerTable, .centerDiv {
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
	margin-bottom: 10px;
}



.form-registration {
	background-color: #FBF9ED;
	border: 1px solid #C7CE98;
}

.width-xsmall {
	width: 55%;
}

.width-small {
	width: 65%;
}


.width-medium {
	width: 80%;
}

.width-large {
	width: 95%;
}

.width-100 {
	width: 100%;
}


.shout-xsmall {
	width: 55%;
	background-color: #fefeee;
	padding: 10px;
	border: 1px solid #b4b4a7;
	margin-bottom: 20px;
}

.shout-small {
	width: 65%;
	background-color: #fefeee;
	padding: 10px;
	border: 1px solid #b4b4a7;
	margin-bottom: 20px;
}


.shout-medium {
	width: 80%;
	background-color: #fefeee;
	padding: 10px;
	border: 1px solid #b4b4a7;
	margin-bottom: 20px;
}

.shout-large {
	width: 95%;
	background-color: #fefeee;
	padding: 10px;
	border: 1px solid #b4b4a7;
	margin-bottom: 20px;
}


.message-views {
	font-size: 85%;
	color: #6b6b6b;
	float: right;
}

.message-header {
	width: 100%;
	min-height: 100px;
	border-top: 1px solid #225695;
	border-bottom: 1px solid #cdcdcd;
	padding: 13px;
	background-image: url(../images/bg_msgHeader.jpg);
	background-repeat: repeat-x;
}

.message-header table td,
.message-header table th {
	padding: 2px;
}

.message-header table th {
	color: #4c728b;
}

.message-body {
	width: 100%;
	padding: 13px;
}


table#main-starts-table td{
	font-size: 10px;
    vertical-align: top;
}

table#main-starts-table th{
	font-size: 11px;
}


a.view-sample {
	position: relative;
	z-index: 0;
}

a.view-sample:hover{
	z-index: 50;
}

a.view-sample span {
	display: block;
	position:absolute;
	left: -9999px;
	z-index: 1000;
	border: 1px solid #1d508e;
	background-color:#fff;
	padding: 6px;
	-webkit-box-shadow: 0 0 15px rgba(29, 80, 142, .9);
	-moz-box-shadow: 0 0 15px rgba(29, 80, 142, .9);
	box-shadow: 0 0 15px rgba(29, 80, 142, .9);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	visibility: hidden;
}

a.view-sample:hover span {
	top: 30px;
	left: -405px;
	visibility: visible;
}




.dark-grey {
	background-color: #e3e3e3;
}

.light-grey {
	background-color: #f1f1f1;
}

.bold {
	font-weight: bold;
}

.x-scroll-full {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	border: 1px solid #ddd;

}


.nav-tabs {
	border-bottom: 1px solid #909090;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	color: #891f1a;
	cursor: default;
	background-color: #fff;
	border: 1px solid #909090;
	border-bottom-color: transparent;
	background-image: none;
}

.nav-tabs>li>a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid #969696;
	border-radius: 4px 4px 0 0;
	background-color: #cfcfcf;
	background-image: url(../images/bg_tabBackup.jpg);
	background-image:
		linear-gradient(
		#f1f1f1,
		#cfcfcf
	);
	font-size: 16px;
	font-weight:bold;
	color: #4d4d4d;
}

.nav-tabs>li>a:hover {
	border: 1px solid #969696;
	background-color: #cfcfcf;
	background-image:
		linear-gradient(
		#cfcfcf,
		#f1f1f1
	);
}

.footerRow {
	font-size: 12px;
	/* color: #fff; */
	padding: 0px;
	margin-top: 40px;
	/*
	background-color: #477ec0;
	background-image: linear-gradient(
	 #477ec0,
	 #1d508e
	 );
*/
}

.footerRow .container {
	background-image: url(../images/bg_footer.png);
	background-repeat: repeat-x;
	border-top: 1px solid #6b8cb4;
}

#footerLinks {
	margin-top: 20px;
	text-align: center;
	line-height: 25px;
}

/*
#footerLinks ul {
	list-style: none;
	margin-right: auto;
	margin-left: auto;
}

#footerLinks ul li {
	float: left;
	padding: 0px 10px;
	margin-top: 10px;
	border-right: 1px solid #333;
}

#footerLinks ul li:first-child {
	padding-left: 0px;
}

#footerLinks ul li:last-child {
	border-right: 0px;
}
*/

#footerLinks a {
	padding: 0px 10px;
	border-right: 1px solid #333;
}

#footerLinks a:last-child {
	border-right: 0px;
}

#footerLinks a.noBorderLg {
	border-right: 0px;
}

#footerLinks a.noBorderSm {
	border-right: 1px solid #333;
}


#footerCopyright {
	text-align:center;
	margin: 30px 0px;
}


#Free-5X-Search ::-webkit-input-placeholder { /* WebKit browsers */
  color: transparent;
}
#Free-5X-Search ::-webkit-select-placeholder { /* WebKit browsers */
  color: transparent;
}
#Free-5X-Search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: transparent;
}
#Free-5X-Search ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: transparent;
}
#Free-5X-Search :-ms-input-placeholder { /* Internet Explorer 10+ */
  color: transparent;
}
#Free-5X-Search :-ms-select-placeholder { /* Internet Explorer 10+ */
  color: transparent;
}


.form-control-inline, select {
	height: 29px;
	/* padding: 6px 12px; */
	padding: 0px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

select.form-control {
	height: 29px;
	padding: 0px 6px;
}


#Free-Auction-Search input.variable-width {
	width: 100%;
}

#Free-Auction-Search input.padFive,
#Free-Auction-Search select.padFive {
	margin-bottom: 5px;
}


#mobile_pos a.close-float {
    display: inline-block;
    padding: 3px 15px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    border-color: #891f1a;
    background-color: #891f1a;
    background-image: url(../images/bg_redBackup.jpg);
    background-image: linear-gradient( #953631, #953631 50%, #891f1a 50%, #891f1a );
    text-decoration: none;

}



table.td-cell-pad td, table.td-cell-pad th {
	padding: 5px;
}


.yellow-glow {
	text-shadow: #EEEE00 0 0 10px;
	filter: glow(color=#EEEE00,strength=3);  /*  older IE  */
}

.black {
	color: #000;
}

table#main-starts-table td.point-call-size, td.point-call-size {
	font-size: 11px;
}


/*** Print issues with Bootstrap's page breaks on Portfolio Pedigree, so all were changed to AUTO ***/


pre {
    page-break-inside: auto;
}

h3 {
	page-break-after: auto;
}

tr,
img {
	page-break-inside: auto;
}


/**********************  LEGACY STYLES  ***********************/

TABLE.results {
	border-collapse: collapse;
}

TABLE.results TD {
	font-size: 11px;
	padding: 1px;
}

TABLE.results TD.h {
	font-size: 11px;
}

td.srrBold {
	border: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	font-weight: bold;
}

td.srrCenterBrownBackground {
	border: solid;
	border-width: 1px;
	border-color: #999999;
	text-align: center;
	font-weight: bold;
	background-color: #CCBBAA;
	line-height: 16px;
}

td.srr {
	border: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	line-height: 16px;
}

td.srrCenter {
	border: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	text-align: center;
}


table.tablesorter {
  background-color: #CDCDCD;
}

table.tablesorter thead tr .headerSortDown,
table.tablesorter thead tr .headerSortUp {
  background-color: #8dbdd8;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
  background-color: #e6EEEE;
  border: 1px solid #FFF;
  padding: 4px;
}

table.tablesorter thead tr .header {
  background-image: url(../images/tablesort_bg.gif);
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
  padding-right: 16px;
}

table.tablesorter tbody td {
  padding: 4px;
  background-color: #FFF;
  vertical-align: top;
}


table.msg-grid input[type="button"] {
  color: #ffffff;
  padding: 0px 10px 0px;
  background-image: url(../images/msg-grid-button.jpg);
  background-image: linear-gradient( #2c6597, #5aa1ee );
  border-radius: 6px;
  -webkit-border-radius: 6px;
  border: outset 1px;
  font-size: 14px;
}
/*
table.msg-grid input[type="button"].read {
  background-image: url(../images/msg-grid-button-read.jpg);
  background-image: linear-gradient( #7c93a9, #9fbcdd );
}
*/


.modal-content .unread-message {
	background-color: #e0f0fa;
}

.headingthree {
	font-weight: bold;
	color: #89201b;
}


TABLE.ThreeCross TD {
	font-family: Arial;
	color: #000000;
}

TABLE.ThreeCross TD.Inbred {
	color: #FF0000;
	font-style: italic;
}

.Inbred {
	color: #FF0000;
}

.ThreeXBirtdateMain {
	color : #0000ff;
}

.ThreeXBirtdateMainBlack {
	color : #000000;
	font-size: 7pt;
}

.ThreeXSpeedIndex {
	color : #000000;
}

.ThreeXSex {
	color: #000000;
}

.ThreeXHorseName {
	font-family: "Verdana";
	font-weight: bold;
	text-decoration: none;
}


.portheading {
	font-size: 15px;
	font-weight : bold;
	color : #993333;
	text-align: center;
}

.portheadingblack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight : bold;
	color : #000;
	text-align: center;
}

#premium-pedigree .pdf-blk table td {
	font-size: .9em;
}

#premium-pedigree .pdf-blk table table {
	margin: 6px;
}

#premium-pedigree .pdf-blk table pre {
	background-color: transparent;
	border: none;
}

/*********************  RESPONSIVE CONDITIONS *****************/





/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

 /* HOLD
	.navbar-default .navbar-nav>li>a {
	  font-size: 13px\0/ ; /* IE 8-9
	}*/
 /* HOLD
	.nav>li>a {
		padding: 10px 20px\0/ ; /* IE 8-9
	}*/
 /* HOLD
	.nav>li>a:last-child {
		padding-right: 24px\0/ ; /* IE 8-9
	}
*/



	.col-md-3 {
		width: 27.5%;
	}

	.col-md-9 {
		width: 72.5%;
	}

	.col-md-6 {
		width: 45%;
	}

	.col-md-push-3 {
		left: 27.5%;
	}

	.col-md-pull-6 {
		right: 45%;
	}

	.homeLogin input:first-child {
		margin-top: 0px;
	}

	.boxThree .col-md-3, .boxOne .col-md-3 {
		width: 25%;
	}

	.boxThree .col-md-6, .boxOne .col-md-6 {
		width: 50%;
	}

	.servicesTabs #available-services a {
		font-size: 13px;
	}

	#Free-Auction-Search .col-md-6 {
		width: 50%;
	}

	#Free-Auction-Search .col-md-7 {
		width: 55%;
	}

	#Free-Auction-Search .col-md-5 {
		width: 45%;
	}

	#homepage .carousel-inner .item,
	#homepage .carousel-inner .item img {
		height: 297px;
	}


}




/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	/* This is because IE likes to max above 100%
	for responsive images */
	.topLogo {
		max-width: 340px !important;
		max-height: 74px !important;
	}


	.navbar-default .navbar-nav>li>a {
		font-size: 16px;
	}

	.nav>li>a {
		padding: 10px 24px;
	}

	.nav>li:last-child>a {
		padding-right: 26px;
	}



	/*  Already exists at min-width: 768
	.navbar-nav>li>a {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	*/

	.boxOne, .boxThree {
		font-size: 14px;
	}

	table {
	    font-size: 14px;
	}


	.servicesTabs .tab-content a {
		font-size: 14px;
		margin-bottom: 3px;
	}

	#favorites ul li {
		margin-bottom: 10px;
		font-size: 14px;
	}

	#order-status {
		font-size: 13px;
	}

	#order-status table td {
		padding: 3px;
	}

	.order-header .product-name {
		font-size: 1.2em;
	}

	.portfolioTabs table td.tabletTruncate div {
		width: 450px;
	}

	#reports-tab-content a.name {
		display: block;
		width: 400px;
	}

	.pedigree5X {
		font-size: 12px;
	}

	.x-scroll-full {
		width: 1130px;
		border: 0px;
	}

	.col-md-3 {
		width: 23%;
	}
	.col-lg-mod-4{
		width: 33%;
	}

	.col-md-9 {
		width: 77%;
	}

	.col-md-6 {
		width: 54%;
	}

	.col-md-push-3 {
		left: 23%;
	}

	.col-md-pull-6 {
		right: 54%;
	}

	.boxThree .col-md-3, .boxOne .col-md-3 {
		width: 25%;
	}

	.boxThree .col-md-6, .boxOne .col-md-6 {
		width: 50%;
	}

	.homeLogin input:first-child {
		margin-top: 8px;
	}

	.servicesTabs #available-services a {
		font-size: 14px;
	}

	.portfolioTabs table td,
	.portfolioTabs table th,
	table.table-spaced th,
	table.table-spaced td {
		font-size: 12px;
	}
	/*
	#Free-Auction-Search input.variable-width {
		width: 80%;
	}
	*/
	#Free-Auction-Search .col-md-6 {
		width: 50%;
	}

	#Free-Auction-Search .col-lg-7 {
		width: 55%;
	}

	#Free-Auction-Search .col-lg-5 {
		width: 45%;
	}


	#pedigree-binder .binder-horse-name {
		width: 260px;
	}



	.home5X .input-group-sm {
		margin-top: 5px;
	}

	.home5X .home-5x-search {
		margin: 5px 0px;
	}

	.home5X .input-group-sm, .home5X .input-group-sm input {
		width: 100%;
	}

	#homepage .home5X {
		height: 165px;
	}

	#homepage .home5X .input-group-sm {
		margin-top: 10px;
	}

	#homepage .home5X .home-5x-search {
		margin: 10px 0px;
	}


	#homepage .carousel-inner .item,
	#homepage .carousel-inner .item img {
		height: auto;
	}



<<<<<<< .mine

	a.view-sample:hover span {
		top: 30px;
		left: -504px;
		visibility: visible;
	}

	#pedigree-binder table td.binder a {
	  max-width: 650px;
	}


	#pedigree-binder .bookOut {
	  padding: 5px;
	  padding-bottom: 12px;
	  border: 0px;
	  background-color: #e3e3e3;
	  border-width: 7px;
	  border-color: #ffffff;
	  border-style: solid;
	  border-radius: 10px;
	}


=======

	a.view-sample:hover span {
		top: 30px;
		left: -504px;
		visibility: visible;
	}

>>>>>>> .r404



}




/* Small devices (tablets - but not phones) */
@media (min-width: 767px) and (max-width: 992px) {
	.homeRow .boxOne {
		font-size: 13px;
		min-height: 186px;
	}

	#topBrand .col-sm-2 {
		width: 20%;
	}

	#topBrand .col-sm-10 {
		width: 80%;
	}

	#bannerSocial .col-sm-1 {
		width: 9%;
	}

	#bannerSocial .col-sm-10 {
		width: 82%;
	}

	/* used on "My Equineline" */
	#banner-column .col-sm-5 {
		width: 35.4%;
	}

	/* used on "My Equineline" */
	#banner-column .col-sm-7 {
		width: 64.6%;
	}

	#reports-pedigrees .col-sm-4 {
		width: 35.4%;
	}

	#reports-pedigrees .col-sm-8 {
		width: 64.6%;
	}

	#Free-5X .col-sm-5, #Free-Auction-Search .col-sm-5,
	#search-by-horse .col-sm-5, #RMB .col-sm-5  {
		width: 35%;
	}

	#Free-5X .col-sm-2, #search-by-horse .col-sm-2, #RMB .col-sm-2  {
		width: 30%;
	}

	#Free-Auction-Search .col-sm-7 {
		width: 65%;
	}

	#Free-5X .boxThree, #search-by-horse .boxThree, #RMB .boxThree {
		border-top: 1px solid #909090;;
	}

	#Free-5X-Search .form-control {
		margin-bottom: 5px;
	}

	#Free-5X-Search ::-webkit-input-placeholder { /* WebKit browsers */
	  color: #5d5d5d;
	}
	#Free-5X-Search ::-webkit-select-placeholder { /* WebKit browsers */
	  color: #5d5d5d;
	}
	#Free-5X-Search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	  color: #5d5d5d;
	}
	#Free-5X-Search ::-moz-placeholder { /* Mozilla Firefox 19+ */
	  color: #5d5d5d;
	}
	#Free-5X-Search :-ms-input-placeholder { /* Internet Explorer 10+ */
	  color: #5d5d5d;
	}
	#Free-5X-Search :-ms-select-placeholder { /* Internet Explorer 10+ */
	  color: #5d5d5d;
	}

	#whats-new a.title {
		font-size: 14px;
	}

	#reports-pedigrees #banner-column #order-status {
		margin-bottom: 10px;
	}

	#footerLinks a.noBorderLg {
		border-right: 1px solid #333;
	}

	#footerLinks a.noBorderSm {
		border-right: 0px;
	}
	/*
	#Free-Auction-Search input.variable-width {
		width: 70%;
	}

	#Free-Auction-Search button  {
		width: 100%;
	}
	*/

	#pedigree-binder .binder-horse-name {
		margin-top: 5px;
		width: 150px;
	}




}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

	.navbar-nav {
		float: left;
		margin: 0px;
		margin-top: 0px;
	}

	.navbar-nav>li>a {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
		margin-left: -30px;
	}

	.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
		margin-right: -30px;
	}

	.modal-dialog {
		margin: 100px auto;
	}


}

/* Small devices (tablets, vertical) */
@media (max-width: 990px) {

	#topBrand  {
		height: 70px;
	}

	.topLogo {
		margin-top: 20px;
	}

	.topBanner {
		margin-top: 5px;
	}

	.menuSub, .menuSocial {
		margin-top: 11px;
	}

	.topBanner, .banner {
		/* turns into a responsive graphic */
		display: block;
		max-width: 100%;
		height: auto;
	}

	.topFB, .topTW {
		/* turns into a responsive graphic */
		display: block;
		max-width: 100%;
		height: 20px;
	}

	.menuSocial ul li {
		margin: 0px 0px 6px 15px;;
	}

	.menuSub ul li {
		font-size: 11px;
		margin: 0px 0px 2px 0px;
	}

	.navbar-default .navbar-nav>li>a {
		font-size: 12px;
	}

	.nav>li>a {
		padding: 10px 8px;
	}

	.nav>li:last-child>a {
		padding-right: 14px;
	}

	.page-header {
		margin: 0px 0 10px;
	}

	.page-header h1 {
		font-size: 1.5em;
	}

	.page-header .welcome-user {
		font-size: 1em;
	}

	.boxOne, .boxThree {
		font-size: 13px;
	}

	.homeLogin {
		margin-bottom: 0px;
		margin-top: 10px;
	}

	.home5X {
		margin-top: 10px;
		min-height: 100px;
	}

	.servicesTabs .tab-content a {
		font-size: 12px;
		margin-bottom: 5px;
	}

	#favorites ul li {
		font-size: 12px;
	}

	#favorites div.num {
		min-width: 50px;
		padding-left: 15px;
	}
/*
	#favorites a.name {
		display:block;
		width: 150px;
		margin-left: 0px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;

	}
*/

	.order-header .product-name {
		font-size: 1em;
	}

	.modal-body {
		font-size: 12px;
	}

	.boxOne .topLinks>li>a {
		padding: 0px 15px;
		font-size: 13px;
	}

	.portfolioTabs table td.tabletTruncate div {
		width: 115px;
	}

	a.print-friendly, a.download-pdf, a.add-portfolio {
		display: inline;
		padding-left: 0px;
		background-image: none;
	}


	#reports-tab-content a.name {
		display: block;
		width: 500px;
	}

	.x-scroll-full {
		width: 100%;
	}

	.padBanner {
		margin-bottom: 0px;
		text-align: center;
	}

	#reports-pedigrees .padBanner {
		margin-bottom: 10px;
	}

	#homepage-banners .padBanner {
		margin-bottom: 10px;	}

	#order-status {
		height: 250px;
	}

	#order-status .scrollBox {
		height: 170px;
	}

	#order-status-copy #order-status {
		height: 230px;
	}

	#order-status-copy #order-status .scrollBox {
		height: 155px;
	}

	.nav-tabs>li>a {
		font-size: 12px;
	}

	table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	  border: 0px;
	  padding: 0px;
	  padding-top: 2px;
	  padding-bottom: 2px;
	}

	table.tablesorter thead tr .header {
	  background-image: none;
	  padding-right: 0px;
	}

	table.tablesorter th, table.tablesorter td  {
		font-size: 12px;
	}


	#message-grid table td.tabletTruncate div {
		width: 400px;
	}


	.pedigree2X {
		font-size: 12px;
	}


	.pedigree2X .col0-pedigree div {
		line-height: 15px;
		margin-left: 10px;
	}


	.pedigree2X .col1-pedigree div div {
		margin-left: 5px;
	}

	.pedigree2X .col2-pedigree div {
		height: 35px;
		/* line-height: 12px;	*/
	}

	.pedigree2X .col2-pedigree div div {
		margin-top: 7px;
		margin-left: 5px;
	}

	#pedigree-binder table td.binder a {
	  display: block;
	  background-image: url('../images/icon_binder.png');
	  background-repeat: no-repeat;
	  padding: 8px 0px 0px 48px;
	  max-width: 250px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}

	#pedigree-binder table td {
	  padding: 8px 14px 4px 10px;
	  font-size: 14px;
	}


	#pedigree-binder .binder-buttons2 {
		text-align: center;
		border-top: 0px;
		border-left: 4px solid #fff;
		border-right: 4px solid #fff;
	}

	#pedigree-binder .bookOut {
	  padding: 3px;
	  padding-bottom: 7px;
	  border: 0px;
	  background-color: #e3e3e3;
	  border-width: 3px;
	  border-color: #ffffff;
	  border-style: solid;
	  border-radius: 10px;
	  border-bottom-width: 13px
	}
	.navbar-logout {
    position: relative;
    float: right;
    padding: 6px 6px;
    margin-top: 12px;
    margin-right: 8px;
    margin-bottom: 8px;
    background-color: #33639e;
    background-image: linear-gradient(#4674ac,#1e518f);
    border: 1px solid #16457e;
    border-radius: 4px;
    color: #fff;
	}


	#Entries-Results table {
		font-size: 10px;
	}


	.home5X .input-group-sm, .home5X .input-group-sm input {
		width: 100%;
	}

	.home5X .input-group-sm {
		margin-top: 5px;
	}

	.home5X .home-5x-search {
		margin: 5px 0px;
	}


	#homepage .home5X {
		height: 190px;
	}

	#homepage .home5X .input-group-sm {
		margin-top: 10px;
	}

	#homepage .home5X .home-5x-search {
		margin: 10px 0px;
	}

	#homepage .home5X .subHead {
	    font-size: 13px !important;
	    margin-top: 10px;
	}

	#homepage .home5X .sponsor {
	    font-size: 14px;
	    margin-top: 5px;
	}

	.portfolioTabs table td,
	.portfolioTabs table th,
	table.table-spaced td,
	table.table-spaced th {
		line-height: 15px;
		height: 50px;
	}

}


/* Smaller devices (small tablets, large phones) */

@media (max-width: 767px) {
	.navbar-nav .open .dropdown-menu ul {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.navbar-default .navbar-collapse {
		background-color: #ffffff;
		background-image: none;

	}

	.navbar-default .navbar-nav>li>a {
		font-size: 16px;
		color: #656565;
		font-weight: bold;
		padding-left: 20px;
		padding-right: 10px;
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.navbar-default .navbar-nav>li {
		border-bottom: 1px solid #c4c4c4;
	}

	.navbar-default .navbar-nav>li:last-child {
		border-bottom: 0px;
	}

	.navbar-nav>li {
		border-left: 0px;
		border-right: 0px;
	}

	.navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 5px 15px 5px 20px;
	}

	.navbar-default .navbar-nav>li>a:hover,
	.navbar-default .navbar-nav>li>a:focus {
		color: #6b6b6b;
		background-color: #e9e9e9 !important;
/*		background-image:
			linear-gradient(
			#dbdcdc,
			#fafcff
		);	*/
		background-image: none;
	}

 	.navbar-default .navbar-nav>li>a.dropdown-toggle,
	.navbar-default .navbar-nav>li>a.dropdown-toggle:hover {
		background-image: url(../images/navArrow_down.png);
		background-repeat: no-repeat;
		background-position: right;
	}

	.navbar-default .navbar-nav>li>a.dropdown-toggle:focus {
		background-image: url(../images/navArrow_up.png);
		background-repeat: no-repeat;
		background-position: right;
	}

	#PortfolioMenu, #FreeServicesMenu, #PedBinderMenu, #FTMenu {
		background-color: #f7f7f7;
		width: auto;
	}

	#ReportsMenu {
		background-image: none;
		background-color: #f7f7f7;
		width: auto;
	}

	#quick-order {
		height: auto;
		margin-bottom: 10px;
	}

	#quick-order .divider {
		padding: 5px;
	}

	#quick-order #by-horse {
		margin-bottom: 5px;
	}

	#quick-order a.small {
		margin-top: 5px;
	}

	.portfolioTabs table td, #message-grid table td {
		border-bottom: 8px solid #fff;
	}

	.portfolioTabs table td.tabletTruncate div {
		width: 250px;
	}

	.portfolioTabs table td,
	.portfolioTabs table th,
	#message-grid table td,
	table.table-spaced th,
	table.table-spaced td {
		font-size: 13px;
		line-height: 15px;
		height: 60px;
	}

	.nav-tabs>li>a {
		font-size: 12px;
	}

	.nav>li>a {
		padding: 8px 6px;
	}

	.nav>li:last-child>a {
		padding-right: 6px;
	}

	.mobile-buttons .btn, .mobile-buttons .btnLarge {
		/* padding: 12px 12px; */
		width: 100%;
	}

	.portSpecialOne, .portSpecialTwo {
		font-size: 14px;
		line-height: 17px;
	}

	.portSpecialTitle {
		font-size: 14px;
	}

	.portSpecialB {
		font-size: 14px;
	}

	#reports-tab-content a.name {
		display: block;
		width: 300px;
	}

	.width-xsmall, .width-small, .width-medium, .width-large,
	.shout-xsmall, .shout-small, .shout-medium, .shout-large {
		width: 100%;
	}

	.pedigree5X {
		line-height: 12px;
	}

	ul.top-steps {
		width: 300px;
		height: 45px;
	}

	ul.top-steps li {
		min-width: 70px;
		height: 40px;
		font-size: 12px;
		padding-left: 5px;

	}

	ul.top-steps li:first-child {
		min-width: 90px;
	}

	ul.top-steps li:last-child {
		min-width: 60px;
	}

	ul.top-steps li div.step-title {
		margin-top: 1px;
	}

	.registrationTabs .panel-title .options-red {
		display: none;
	}

	.registrationTabs .panel-title .options-red-mobile {
		display: block;
		margin-left: 26px;
		margin-top: 5px;
	}

/*
	.x-scroll-full {
		width: 510px;
	}
*/
	.topLogo {
		margin-top: 5px;
	}

	.homeRow {
		margin-bottom: 0px;
	}

	.padBanner {
		margin-bottom: 10px;
	}

	#cart-content  table td {
		border-bottom: 0px;
	}

	#cart-content  table td hr, #horse-details  table td hr {
		margin-top: 2px;
		margin-bottom: 2px;
		border: 0;
		border-top: 1px solid #b1b1b1;
	}

	#cart-content  table td hr.red-hr, #horse-details  table td hr.red-hr {
		border-top: 1px solid #952a1a
	}
/*
	#QuickReportDropDown option {
		width: 290px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
*/

	table.table-touch td, table.table-touch th {
		line-height: 15px;
		padding-left: 4px;
		padding-right: 4px;
	}

	#message-center table.table-touch a.btn-eqlRed {
		margin-right: 0px;
	}

	#message-center table.table-touch a.btn {
		width: 100%;
		margin-bottom: 5px;
		margin-top: 5px;
	}


	table.tablesorter tbody td {
	  padding: 0px;
	}

	#message-grid table td.tabletTruncate div {
		width: 65px;
	}

	#pedigree-binder table td.binder a {
	  display: block;
	  background-image: url('../images/icon_binder.png');
	  background-repeat: no-repeat;
	  padding: 8px 0px 0px 48px;
	  max-width: 225px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}

	#pedigree-binder table td.binder-buttons {
	  width: 170px;
	  text-align: center;
	}


	#pedigree-binder-header2 {
		height: 102px;
	}

	#pedigree-binder .binder-name-type {
		background-color: #fff;
		background-image: url('../images/bg_horseName2.jpg');
		background-repeat: repeat-x;
		background-position: bottom;
	}


	#pedigree-binder .binder-horse-product div>div {
		min-height: 0px;
	}

	#pedigree-binder .binder-buttons2 {
		text-align: center;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
	}


	#pedigree-binder table.horse-product td.binder-prod-name,
	#pedigree-binder table.binder-header th.binder-prod-name {
		width: 100%;
	}

	#pedigree-binder table.horse-product td {
		padding: 4px 5px 4px 5px;
		font-size: 14px;
		background-color: #f1f1f1;
		border-right: 0px;
	}

	#pedigree-binder .grey-bg-1 {
		background-color: #f1f1f1;
	}

	.binder-prod-name .product-name {
		font-weight: normal;
		line-height: 16px;
	}


	#pedigree-binder table.horse-product {
		border-top: 0px;
	}


	#pedigree-binder .bookGrey > ul > li {
	  display: block;
	  vertical-align: top;
	  margin: auto;
	  margin-left: auto;
	  margin-right: auto;
	  float: none;
	  vertical-align: middle;
	  width: 190px;
	}


	#pedigree-binder .bookOut {
	  padding: 5px;
	  padding-bottom: 9px;
	  border: 0px;
	  background-color: #e3e3e3;
	  border-width: 7px;
	  border-color: #ffffff;
	  border-style: solid;
	  border-radius: 10px;
	  border-bottom-width: 7px
	}



	#table-mobile-collapse table, #table-mobile-collapse thead, #table-mobile-collapse tbody,
	#table-mobile-collapse th, #table-mobile-collapse td, #table-mobile-collapse tr {
	  display: block;
	}

	#table-mobile-collapse td {
	  border: none;
	  border-bottom: 1px solid #eee;
	  position: relative;
	  padding-left: 50%;
	  white-space: normal;
	  text-align: left;
	}

	#table-mobile-collapse td:before {
	  position: absolute;
	  top: 6px;
	  left: 6px;
	  width: 45%;
	  padding-right: 10px;
	  white-space: nowrap;
	  text-align: left;
	  font-weight: bold;
	}

	#table-mobile-collapse td:before {
	  content: attr(data-title);
	}

	#table-mobile-collapse thead tr {
	  position: absolute;
	  top: -9999px;
	  left: -9999px;
	}

	#table-mobile-collapse tr {
	  border: 1px solid #ccc;
	}

	#table-mobile-collapse>table {
		font-size: 14px;
	}

	#Entries-Results table {
		font-size: 13px;
	}

	table.msg-grid input[type="button"] {
	  padding: 6px 6px 6px;
	}


}




@media (max-width: 480px) {
	#topBar  {
		font-size: .7em;
	}

	#topBrand  {
		height: 60px;
	}

	.page-header h1 {
		font-size: 1.25em;
	}

	.page-header .welcome-user {
		font-weight: normal;
	}

	.boxOne {
	  padding: 5px;
	}


	.order-header .product-name {
		font-size: .9em;
	}

	#reports-tab-content a.name {
		display: block;
		width: 130px;
	}

	.pedigree5X  {
		font-size: 10px;
	}

	.pedigree5X .col5-pedigree div div {
		font-size: 9px;
		margin-left: 0px;
	}

	.pedigree5X .col4-pedigree div div {
	 	margin-top: 0px;
	 	margin-left: 0px;
	}

	.pedigree5X .col3-pedigree div div {
	 	margin-top: 20px;
	 	margin-left: 2px;
	}

	.registrationTabs .panel-title {
		font-size: 13px;
	}

	.servicesTabs #available-services a {
		font-size: 13px;
	}

	.message-views {
		display: block;
		float: none;
		padding-top: 5px;
	}

	#message-grid table th {
	  font-size: 11px;
	}

	.pedigree2X {
		font-size: 11px;
	}

	.pedigree2X .col0-pedigree div {
		line-height: 15px;
		margin-left: 5px;
		margin-top: 10px;
	}


	.pedigree2X .col1-pedigree div div {
		margin-left: 2px;
	}

	.pedigree2X .col2-pedigree div {
		height: 35px;
		line-height: 12px;
	}

	.pedigree2X .col2-pedigree div div {
		margin-top: 4px;
		margin-left: 2px;
	}


	#pedigree-binder table td.binder a {
	  display: block;
	  background-image: none;
	  padding: 0px 0px 0px 0px;
	  max-width: 100px;
	  max-height: 80px;
	  white-space: normal;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}

	#pedigree-binder table td {
	  padding: 4px 4px 4px 4px;
	  font-size: 14px;
	}

	.x-scroll-full {
		width: 100%;
	}

	.tabs5X .nav>li {
		width: 50%;
	}

	#Entries-Results table {
		font-size: 13px;
	}


	.btn-sm, .btn-group-sm>.btn {
	    padding: 5px 2px;
	}


	table.condition-book-results {
		width: 290px;
	}



}


/******************** iPhone 6+ widths  *********************/


@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (device-aspect-ratio: 16/9) and (orientation : landscape)  {

	.color-test-box {
		width: 100px;
		height: 100px;
		padding: 10px;
		background-color: red;
	}

	.x-scroll-full {
		width: 695px;
	}
}

@media (max-device-width : 667px) and (orientation : landscape) {

	.color-test-box {
		width: 100px;
		height: 100px;
		padding: 10px;
		background-color: red;
	}

	.x-scroll-full {
		width: 695px;
	}
}


@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (device-aspect-ratio: 9/16) and (orientation : portrait) {

	.color-test-box {
		width: 100px;
		height: 100px;
		padding: 10px;
		background-color: green;
	}

	.x-scroll-full {
		width: 380px;
	}
}




/***************** iPhone 5 width  ******************/


@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (device-aspect-ratio: 71/40) and (orientation : landscape) {

	.color-test-box {
		width: 100px;
		height: 100px;
		padding: 10px;
		background-color: blue;
	}

	.x-scroll-full {
		width: 525px;
	}
}

@media (max-device-width : 568px) and (orientation : landscape) {

	.color-test-box {
		width: 100px;
		height: 100px;
		padding: 10px;
		background-color: blue;
	}

	.x-scroll-full {
		width: 525px;
	}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (device-aspect-ratio: 40/71) and (orientation : portrait) {

	.color-test-box {
		width: 100px;
		height: 100px;
		padding: 10px;
		background-color: yellow;
	}

	.x-scroll-full {
		width: 280px;
	}


	.pedigree5X .col5-pedigree div div, .pedigree5X .col4-pedigree div div {
		font-size: 8px;
		margin-left: 0px;
	}


}







/******************** iPhone 6 widths  ***********************/


@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (device-aspect-ratio: 667/375) and (orientation : landscape)  {

	.color-test-box {
		width: 100px;
		height: 100px;
		padding: 10px;
		background-color: purple;
	}

	.x-scroll-full {
		width: 620px;
	}
}

@media (device-aspect-ratio: 667/375) and (max-device-width : 667px) and (orientation : landscape) {

	.color-test-box {
		width: 100px;
		height: 100px;
		padding: 10px;
		background-color: purple;
	}

	.x-scroll-full {
		width: 620px;
	}
}


@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (device-aspect-ratio: 375/667) and (orientation : portrait) {

	.color-test-box {
		width: 100px;
		height: 100px;
		padding: 10px;
		background-color: orange;
	}

	.x-scroll-full {
		width: 335px;
	}
}






/*****************  IE 8 ONLY + RESPONSIVE *****************/


@media \0screen {
    .navbar-default .navbar-nav>li>a {
		font-size: 13px;
    }

	.navbar-nav>li {
	  border-left: 2px solid #75a2d7;
	  border-right: 0px;
	}
}

@media \0screen (min-width: 992px) {
	/*
    .navbar-default .navbar-nav>li>a {
    	color: red;
    }
    */
	.nav>li>a {
		padding: 10px 20px;
	}
}

@media \0screen (min-width: 1200px) {

	.nav>li>a {
		padding: 10px 25px;
	}
}

@media \0screen (max-width: 990px) {

	.nav>li>a {
		padding: 10px 22px;
	}
}




/*********************  PRINT STYLES *****************/

@media print {

	#topBar, .navBar, .topLinks, .page-header,
	.btn, .btnMedium, #bottom-dropdowns, a img, #footerLinks,
	#portfolio-horse-search-box, #premium-edited-options,
	.hidden-print, .nav-tabs,
	table#read-message-nav, #message-grid, #RMB, .pdf-print-no-copyright #footerCopyright {
		display:none!important;
	}

	a.print-friendly {
		color: transparent!important;
	}

	.boxOne, .portfolioTabs, .tab-content {
		border: 0;
	  	width: 100%;
	  	margin: 0;
	  	padding: 0;
	}

	.portfolioTabs .tab-content {
	    padding: 0;
	    border: 0;
	}

	body, article  {
	  	width: 100%;
	  	margin: 0;
	  	padding: 0;
	}

	body {
	  	margin: 10px;
	  	margin-bottom: 20px;
	  	margin-left: 0px;
	}

	a[href*="dotVideoChart"] {
		display:none!important;
	}

	a[href]:after {
	    content: none;
	}


	#Entries-Results table {
		font-size: 10px;
	}

	.portfolioTabs table td,
	.portfolioTabs table th,
	table.table-spaced td,
	table.table-spaced th {
		font-size: 11px;
		line-height: 12px;
		height: 20px;
	}

	.portfolioTabs table,
	#message-grid table,
	table.table-spaced {
		width: 100%;
		border-spacing: 0px;
		border-collapse: none;
		margin: 5px 0px;
	}

	.portfolioTabs table td.tabletTruncate div {
	    width: 300px;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}

	.x-scroll-full {
		width: 100%;
		overflow-x: visible;
		overflow-y: visible;
		border: 0px;

	}


	/** expand modals when printing  **/

	.modal {
		background-color: #ffffff!important;
		display: block;
	}

	.modal-dialog {
		margin: 0px!important;
		width: 100%!important;
	}

	.modal-content {
		background-color: #ffffff!important;
    	width: 100%!important;
		margin: 0px!important;
	    border: 0px;
	    border-radius: 0px;
	    -webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
	    box-shadow: 0 0 0 rgba(0,0,0,0);
	}

	.modal-header .close {
		display:none!important;
	}


	.modal #horse-select .scrollBox {
	    height: auto;
	    overflow-y: auto;
	}

	.modal-footer {
		display:none!important;
	}

	.width-large {
		width: 90%;
	}


	/** END expand modals when printing  **/

	/***  custom fix for Bootstrap bug which displays mobile view when printing  ***/

	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	    float: left;
	  }
	  .col-sm-12 {
	    width: 100%;
	  }
	  .col-sm-11 {
	    width: 91.66666667%;
	  }
	  .col-sm-10 {
	    width: 83.33333333%;
	  }
	  .col-sm-9 {
	    width: 75%;
	  }
	  .col-sm-8 {
	    width: 66.66666667%;
	  }
	  .col-sm-7 {
	    width: 58.33333333%;
	  }
	  .col-sm-6 {
	    width: 50%;
	  }
	  .col-sm-5 {
	    width: 41.66666667%;
	  }
	  .col-sm-4 {
	    width: 33.33333333%;
	  }
	  .col-sm-3 {
	    width: 25%;
	  }
	  .col-sm-2 {
	    width: 16.66666667%;
	  }
	  .col-sm-1 {
	    width: 8.33333333%;
	  }
	  .col-sm-pull-12 {
	    right: 100%;
	  }
	  .col-sm-pull-11 {
	    right: 91.66666667%;
	  }
	  .col-sm-pull-10 {
	    right: 83.33333333%;
	  }
	  .col-sm-pull-9 {
	    right: 75%;
	  }
	  .col-sm-pull-8 {
	    right: 66.66666667%;
	  }
	  .col-sm-pull-7 {
	    right: 58.33333333%;
	  }
	  .col-sm-pull-6 {
	    right: 50%;
	  }
	  .col-sm-pull-5 {
	    right: 41.66666667%;
	  }
	  .col-sm-pull-4 {
	    right: 33.33333333%;
	  }
	  .col-sm-pull-3 {
	    right: 25%;
	  }
	  .col-sm-pull-2 {
	    right: 16.66666667%;
	  }
	  .col-sm-pull-1 {
	    right: 8.33333333%;
	  }
	  .col-sm-pull-0 {
	    right: auto;
	  }
	  .col-sm-push-12 {
	    left: 100%;
	  }
	  .col-sm-push-11 {
	    left: 91.66666667%;
	  }
	  .col-sm-push-10 {
	    left: 83.33333333%;
	  }
	  .col-sm-push-9 {
	    left: 75%;
	  }
	  .col-sm-push-8 {
	    left: 66.66666667%;
	  }
	  .col-sm-push-7 {
	    left: 58.33333333%;
	  }
	  .col-sm-push-6 {
	    left: 50%;
	  }
	  .col-sm-push-5 {
	    left: 41.66666667%;
	  }
	  .col-sm-push-4 {
	    left: 33.33333333%;
	  }
	  .col-sm-push-3 {
	    left: 25%;
	  }
	  .col-sm-push-2 {
	    left: 16.66666667%;
	  }
	  .col-sm-push-1 {
	    left: 8.33333333%;
	  }
	  .col-sm-push-0 {
	    left: auto;
	  }
	  .col-sm-offset-12 {
	    margin-left: 100%;
	  }
	  .col-sm-offset-11 {
	    margin-left: 91.66666667%;
	  }
	  .col-sm-offset-10 {
	    margin-left: 83.33333333%;
	  }
	  .col-sm-offset-9 {
	    margin-left: 75%;
	  }
	  .col-sm-offset-8 {
	    margin-left: 66.66666667%;
	  }
	  .col-sm-offset-7 {
	    margin-left: 58.33333333%;
	  }
	  .col-sm-offset-6 {
	    margin-left: 50%;
	  }
	  .col-sm-offset-5 {
	    margin-left: 41.66666667%;
	  }
	  .col-sm-offset-4 {
	    margin-left: 33.33333333%;
	  }
	  .col-sm-offset-3 {
	    margin-left: 25%;
	  }
	  .col-sm-offset-2 {
	    margin-left: 16.66666667%;
	  }
	  .col-sm-offset-1 {
	    margin-left: 8.33333333%;
	  }
	  .col-sm-offset-0 {
	    margin-left: 0%;
	  }
	  .visible-xs {
	    display: none !important;
	  }
	  .hidden-xs {
	    display: block !important;
	  }
	  table.hidden-xs {
	    display: table;
	  }
	  tr.hidden-xs {
	    display: table-row !important;
	  }
	  th.hidden-xs,
	  td.hidden-xs {
	    display: table-cell !important;
	  }
	  .hidden-xs.hidden-print {
	    display: none !important;
	  }
	  .hidden-sm {
	    display: none !important;
	  }
	  .visible-sm {
	    display: block !important;
	  }
	  table.visible-sm {
	    display: table;
	  }
	  tr.visible-sm {
	    display: table-row !important;
	  }
	  th.visible-sm,
	  td.visible-sm {
	    display: table-cell !important;
	  }




		#table-mobile-collapse table {
		  display: table;
		}


		#table-mobile-collapse thead {
		  display: table-header-group;
		}


		#table-mobile-collapse tbody {
		  display: table-row-group
		}


		#table-mobile-collapse th {
		  display: table-cell;
		}

		#table-mobile-collapse td {
		  display: table-cell;
		}


		#table-mobile-collapse tr {
		  display: table-row;
		}

		#table-mobile-collapse td {
		  border: none;
		  border-bottom: 0px;
		  position: relative;
		  padding-left: 0;
		  white-space: normal;
		  text-align: center;
		}

		#table-mobile-collapse thead tr {
		  position: relative;
		}

		#table-mobile-collapse td:before {
		  display: none;
		  content: initial;
		}




	  /***  END custom fix  ***/




}

/****************  Some Random Styles *****************/

<<<<<<< .mine

.pedigree5xtable tr td{
	border-left:1px solid #909090;
}
.pedigree5xtable .x2possion span:last-child{
	border-bottom:1px solid #909090;
}

.portfolio-category-type {
	background: white !important;
	text-decoration: underline;
	font-weight: bold;
}

.bg-none{
	background-color: #ffffff !important;
}







=======
.clickBoxOrdered {
	display: block;
	background-color: #979797;
	width: 30px;
	height:26px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 5px;
	margin-right: 5px;
	float: left;
	font-size: 12px;
	line-height: 14px;
}

.clickOrdered {
	float: left;
}

.spacedOptions input {
	margin-right: 5px;
}

.pull-right.withMarginLeft {
	margin-left: 10px;
}


.stepBox {
	display: block;
	background-color: #477ec0;
	border: 1px solid #26527E;
	width: 26px;
	height:26px;
	line-height:26px;
	color: white;
	text-align: center;
	margin-right: 2px;
}

.stepBox.current {
	display: block;
	background-color: #1d508e;
	width: 26px;
	height:26px;
	line-height:26px;
	color: #FFFFFF;
	text-align: center;
	margin-right: 2px;
}

.stepBoxG3 {
	display: block;
	background-color: #FFFFFF;
	border: 0px;
	width: 40px;
	height:26px;
	line-height:26px;
	color: #1d508e;
	text-align: center;
	margin-right: 2px;
}

.stepBoxTwo {
	display: block;
	background-color: #FFFFFF;/*
	border: 1px solid #26527E;*/
	width: 50px;
	height:26px;
	line-height:26px;
	color: #26527E;
	text-align: center;
	margin-right: 2px;
}>>>>>>> .r368
/* pedigree binder style start */
#searchpanel fieldset {
    border: 1px solid #D4D4D4;
    border-radius: 2px;
    box-shadow: 0 0 3px #D4D4D4;
    height: 60px;
}
/* pedigree binder style end */


@page
{
    /* size: auto;    auto is the initial value */
    size: 8.5in 10.75in;

    /* this affects the margin in the printer settings */
    /* margin: 25mm 25mm 25mm 25mm; */
    margin: 1cm 1cm 1cm 1cm;
	}
	/* Braintree Hosted Fields styling classes*/

	.braintree-hosted-fields {
		border: 1px solid #A9A9A9;
		height: 26px;
		background: white;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		color: #444;
		-webkit-transition: border-color 160ms;
		transition: border-color 160ms;
		padding-left: 5px;
	}

	.braintree-hosted-fields-focused {
		/*border: 1px solid #0275d8;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);*/
		border-color: #66afe9;
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	}

	.braintree-hosted-fields-focused.focused-invalid {
		border: 1px solid tomato;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(100, 100, 0, .6);
	}

	.commerce-helper-text {
		color: #a94442;
		font-weight: bold;
	}

	#commerce-new-card-image.visa,
	#commerce-existing-card-image.visa {
		background-position: 0 -398px;
	}

	#commerce-new-card-image.master-card,
	#commerce-existing-card-image.master-card {
		background-position: 0 -281px;
	}

	#commerce-new-card-image.american-express,
	#commerce-existing-card-image.american-express {
		background-position: 0 -370px;
	}

	#commerce-new-card-image.discover,
	#commerce-existing-card-image.discover {
		background-position: 0 -169px;
	}

	#commerce-new-card-image,
	#commerce-existing-card-image {
		position: absolute;
		top: .25em;
		right: 1em;
		width: 44px;
		height: 28px;
		background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/346994/card_sprite.png);
		background-size: 86px 458px;
		border-radius: 4px;
		background-position: -100px 0;
		background-repeat: no-repeat;
		margin-bottom: 1em;
	}

	.commerce-form .form-group {
		margin-bottom: 5px;
	}

	.commerce-form .form-group label {
		font-weight: normal;
	}

	#new-payment-submit,
	#edit-payment-submit,
	#payment-add-new {
		display: inline-block;
	}
	/* Absolute Center Spinner */

	.loading {
		position: fixed;
		z-index: 999;
		height: 2em;
		width: 2em;
		overflow: show;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
	/* Transparent Overlay */

	.loading:before {
		content: '';
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.3);
	}
	/* :not(:required) hides these rules from IE9 and below */

	.loading:not(:required) {
		/* hide "loading..." text */
		font: 0/0 a;
		color: transparent;
		text-shadow: none;
		background-color: transparent;
		border: 0;
	}

	.loading:not(:required):after {
		content: '';
		display: block;
		font-size: 10px;
		width: 1em;
		height: 1em;
		margin-top: -0.5em;
		-webkit-animation: spinner 1500ms infinite linear;
		-moz-animation: spinner 1500ms infinite linear;
		-ms-animation: spinner 1500ms infinite linear;
		-o-animation: spinner 1500ms infinite linear;
		animation: spinner 1500ms infinite linear;
		border-radius: 0.5em;
		-webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
		box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
	}
	/* Animation */

	@-webkit-keyframes spinner {
		0% {
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(360deg);
			-moz-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}

	@-moz-keyframes spinner {
		0% {
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(360deg);
			-moz-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}

	@-o-keyframes spinner {
		0% {
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(360deg);
			-moz-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}

	@keyframes spinner {
		0% {
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(360deg);
			-moz-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}

	label.inline-label {
		display: inline-block;
		padding: 10px;
	}

	label.inline-label input {
		margin-right: 5px;
		vertical-align: top;
	}

	.hiddenInput {
		display: none;
	}

	#commerce-new-helper-text,
	#commerce-update-helper-text {
		color: #a94442;
		margin-bottom: 20px;
		font-weight: bold;
		text-align: center;
	}

.selected-horse-table {
	width: 100%;
    border-spacing: 2px;
    border-collapse: separate;
}

.selected-horse-table td {
	padding: 2px;
}

.selected-horse-name {
	font-weight: bold;
}

.email-table {
	width: 100%;
	border-spacing: 2px;
	border-collapse: separate;
}

.email-table td {
    padding: 2px;
}

.email-radio-container{
	display: inline-block;
}

.text-left{
	text-align: left;
}

h4.modal-title {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px;
}

#deleteModalTitle{
	word-wrap: break-word;
}

#truenicksContent {
	 margin-top: 0;
	 display: flex;
	 align-items: center;
 }

#truenicksContentSm {
	margin-top: 0;
	display: flex;
	align-items: center;
}

.truenicksLink {
	margin-top: 0!important;
}

.loadingTN {
	position: relative;
	height: 30px;
}

.tnSpinner,.tnSpinner div{
	 margin-top: 0!important;
 }

.truenicksRating {
	font-weight: bold;
	font-size: 30px;
}

.truenicksSubtitle {
	font-size: 7px;
	line-height: 7px;
}

.truenicksHypoText {
	margin-bottom: 0 !important;
}

.truenicksCheckBox {
	height: 12px;
	width: 12px;
	margin: 0!important;
}

.truenicksLabel {
	margin-bottom: 0;
	font-weight: 400;
}

.family-update-modal-title {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #acacac;
	font-weight: bold;
	color: #89201b;
	font-size: 16px;
}

.family-update-modal-table-container {
	padding-left: 35px;
	padding-right: 35px;
	padding-bottom: 35px;
}

.family-update-modal-header {
	border-bottom: 0;
}

.family-update-list-item-title {
	margin: 0 0 5px;
	color: #1d508e;
}

/*SM and larger style for the toast, XS has to be different for this component*/
@media (min-width: 768px) {

	#family-update-toast {
		width: 420px;
		position: fixed;
		bottom: 0;
		left: 0;
		top:initial;
		height: 310px;
		margin: 0 0 5% 0;
	}

	.modal-dialog-left {
		width: 420px;
		position: fixed;
		bottom: 0;
		left: 0;
		margin: 0 0 5% 0;
	}

	.modal.fade .modal-dialog-left {
		-webkit-transition: -webkit-transform .3s ease-out;
		-o-transition: -o-transform .3s ease-out;
		transition: transform .3s ease-out;
		-webkit-transform: translate3d(-25%, 0, 0)!important;
		-o-transform: translate3d(-25%, 0, 0)!important;
		transform: translate3d(-25%, 0, 0)!important;
	}

	.modal.in .modal-dialog-left {
		-webkit-transform: translate3d(0, 0, 0)!important;
		-o-transform: translate3d(0, 0, 0)!important;
		transform: translate3d(0, 0, 0)!important;
	}
}

/*XS Only Style for Family update toast*/
@media (max-width: 767px) {

	.family-update-toast-table {
		padding: 0;
	}

	#family-update-toast {
		position: fixed;
		bottom: 0;
		left: 0;
		top:initial;
		height: 310px;
		width: 100%;
		margin: 0;
	}

	.modal-dialog-left {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		margin: 0;
	}

	.modal.fade .modal-dialog-left {
		-webkit-transition: -webkit-transform .3s ease-out;
		-o-transition: -o-transform .3s ease-out;
		transition: transform .3s ease-out;
		-webkit-transform: translate3d(0, 25%, 0);
		-o-transform: translate3d(0, 25%, 0);
		transform: translate3d(0, 25%, 0);
	}

	.modal.in .modal-dialog-left {
		-webkit-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.family-update-table-cell{
	padding-top: 2px;
	padding-bottom: 2px;
}

#family-update-toast-table-container {
	max-height: 150px;
    overflow: hidden;
}

#family-update-toast-table-outer {
    margin:0;
    padding:0;
    overflow:hidden;
}

#family-update-toast-table-inner {
    margin:0;
    padding:0;
    position:relative;
    top:0;
}

.close-text{
	font-size: 14px;
}

.family-update-see-all {
	padding-top: 10px;
	font-weight: bold;
}

#portfolio-update-all-pedigrees-container{
	max-height: 50vh;
	overflow-y: scroll;
}

.portfolio-update-all-pedigree-table{
	padding-left: 35px;
	padding-right: 35px;
}

.portfolio-update-all-pedigree-title {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #acacac;
	font-weight: bold;
	color: #89201b;
	font-size: 16px;
}

.portfolio-update-all-pedigrees-button {
    margin-bottom: 5px;
}

.m-l1 {
	margin-left: 1rem;
}