html { height: 100% !important; }
body { overflow: auto !important; height: 100% !important; padding-right: 0 !important; }

i.fa:not(.fa-spin) { -webkit-animation: show 1s 1 !important; }

@-webkit-keyframes show {
	0% { -ms-opacity: 0 !important; opacity: 0 !important; }
	100% { -ms-opacity: 1 !important; opacity: 1 !important; }
}

.black-button {
    background-color:#000000;
    color:#FFFFFF;
    cursor:pointer;
    font-family: Oswald;
    font-size:1.2em;
    padding: 10px 0px 10px 0px;
    text-align:center;
    float:left;
	font-weight: normal;
}
	.black-button:hover, .black-button:visited, .black-button:link { color: #FFFFFF; font-weight: normal !important; text-decoration: none; }

.black-button-margin {
    margin: 0px 15px 15px 0px;
}

.simulcast-button-container {
    margin-right:auto;
    margin-left:auto;
    width:525px;
}

.button-container-text {
    width:525px;
    padding:5px 20px 15px 20px;
    font-family: Oswald;
    font-size:1.4em;
    color:#000000;
    text-align:center;
    margin-right:auto;
    margin-left:auto;
}

.valueguide-container {
    width: 485px;
    margin-right:auto;
    margin-left:auto;
    position:relative;
}

.value_guide_image {
    cursor:pointer;
}

.valueguide-container iframe, .value_guide_image {
    position:absolute;
    top:40px;
    left:19px;
    width:441px;
    height:282px;
}

.simulcast-container {
    width:960px;
    margin-right:auto;
    margin-left:auto;
}

.consignment-container {
    margin-right:auto;
    margin-left:auto;
    width:335px;
}

.consignment-container div {
    float:left;
}

.middle-foot-container {
    margin:auto;
    /*
    width:950px;
    */
}

.middle-foot-container .footer-item-margin {
    margin-right:20px;
}

.footer-section-npa {
    width: 320px;
}

@media (max-width: 990px) {
    .middle-foot-container {
        width:850px;
    }

    .middle-foot-container .footer-item-margin {
        margin-right:60px;
    }
}

@media (max-width: 800px) {
    .middle-foot-container {
        width:550px;
    }
}

@media (max-width: 600px) {
  .simulcast-button-container {
    width:270px;
  }

  .button-container-text {
      width:460px;
  }

  .valueguide-container {
    width: 400px;
  }

  .valueguide-container iframe, .value_guide_image {
    position:absolute;
    top:33px;
    left:15px;
    width:365px;
    height:233px;
  }
}

@media (max-width: 500px) {
   .middle-foot-container {
        width:350px;
    }

  .button-container-text {
      width:370px;
  }

  .valueguide-container {
    width: 350px;
  }

  .valueguide-container iframe, .value_guide_image {
    position:absolute;
    top:28px;
    left:13px;
    width:319px;
    height:205px;
  }
}

@media (max-width: 400px) {
  .button-container-text {
      width:270px;
  }

  .valueguide-container {
    width: 300px;
  }

  .valueguide-container iframe, .value_guide_image  {
    position:absolute;
    top:24px;
    left:11px;
    width:274px;
    height:175px;
  }

  .consignment-container {
    width:160px;
  }

  .consignment-container div {
    float:none;
    margin: 0px 0px 15px 0px;
  }
}

@media (max-width: 330px) {
  .footer-section-npa {
    width: 250px;
  }
}

@media (max-width: 300px) {
  .simulcast-button-container {
    width:120px;
  }

  .valueguide-container {
    width: 250px;
  }

  .valueguide-container iframe, .value_guide_image {
    position:absolute;
    top:20px;
    left:9px;
    width:229px;
    height:147px;
  }
}

.simulcast_button-width {
    width: 120px;
}

.valueguide_button-width {
    margin-top:10px;
    margin-right:auto;
    margin-left:auto;
    width:160px;
    /*float:none;*/
}

.simulcast-bg {
    background:url(/images/full/bg_simulcast.png) repeat-x;
    background-position:bottom;
    background-size:100% 75%;
}

.lbl-register-width {
    width: 110px;
}

/* New Simulcast Preview CSS */
.simulcast-grid-headers {
    padding: 4px 0px 4px 0px;
    background-color: #444444;
}

.simulcast-grid-header {
    float:left;
    color:#FFFFFF;
    font-weight:600;
    text-align:center;
    padding: 6px 0px 6px 0px;
}

.simulcastPreviewContainer {
    background-color: #DDDDDD;
    font-family: Oswald;
    font-size:1.5em;
}

.simulcastPreviewDetailContainer {
    margin-bottom:30px;
}

.simulcastPreviewDetailLeftContainer {
    text-align:left;
    width: 29%;
    float:left;
}

.simulcastPreviewDetailRightContainer {
    text-align:left;
    width: 71%;
    float:left;
}

.simulcastPreviewDetailItemLeftContainer {
    text-align: left;
    width: 50.7%;
    float: left;
    background-color: #AAAAAA;
}

.simulcastPreviewDetailItemMiddleContainer {
    text-align:left;
    width: 14%;
    float:left;
}

.simulcastPreviewDetailItemMiddleContainer a {
    display:block;
    line-height: 35px;
}

.simulcastPreviewDetailItemRightContainer {
    text-align:left;
    width: 19.4%;
    float:left;
    background-color: #AAAAAA;
}

.simulcastPreviewDetailItemRightContainer2 {
    text-align: left;
    width: 15.9%;
    float: left;
    background-color: #AAAAAA;
}

.simulcastPreviewLeftInner {
    padding:20px;
}

.simulcastPreviewDetailsPadding {
    padding: 0px 15px 0px 15px;
}

.simulcastPreviewDetailsItem {
    line-height:57px;
    border-bottom:1px solid #FFFFFF;
    color:#333333;
    font-family: Oswald;
    text-align:center;
    font-size:1.2em;
}

.simulcastAuctionTitle {
    margin:0px !important;
    color:#333333 !important;
}

.simulcastAuctionTitleLite {
    color:#333333 !important;
    font-family: Oswald;
}

.border-right-white {
    border-right: 1px solid #FFFFFF;
}

.gray-spacer {
    border-top:1px solid #AAAAAA;
    margin:15px 0px 15px 0px;
    font-size:.1em;
    height: 1px;
}

.lane-item {
    cursor:pointer;
    text-decoration:underline;
}

.lane-item-i {
    color: #a62b2b;
    margin-right:10px;
}

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

.margin-top-small {
    margin-top:5px;
}

.no-border-bottom {
    border-bottom:none !important;
}

.previewAllUnitsContainer {
    padding:20px;
    background-color:#a62b2b;
    color:#FFFFFF;
    /*font-family:'Arial Narrow', Arial, sans-serif;*/
    font-weight:900;
    font-size:18px;
    cursor:pointer;
}

.previewAllUnitsContainer i {
    margin-right:10px;
}

.preview-detail-hover:hover {
    background-color: #CCCCCC;
}

.preview-detail-hover {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
/*****************************/

.simulcast-preview-link img {
    margin: 2px 0px 2px 0px;
    width: 32px;
    height: 32px;
}

.simulcast-preview-link div {
    line-height: 20px;
    font-size: 12px;
    font-weight: 200;
}

/* Main Menu CSS */
.login-register-text {
    font-size:1.2em;
    color: #444;
}

.navbar {
    position: static;
}

.menu-center {
    width: 950px;
    margin-left:auto;
    margin-right:auto;
}

.main-menu-container {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    z-index:50000;
}

.mainmenu-container-topborder {
    background-color: #a62b2b;
    width: 100%;
    height:10px;
    font-size:.1em;
}

.main-meun-buy-image {
    width: 285px;
}

.main-meun-buy-image img {
    max-width: 265px;
}

.mainmenu-container-header {
    width: 100%;
    background-color: #555;
    height: 45px;
}

.mainmenu-header-item-container {
    padding-left: 20px;
}

.mainmenu-header-item-container div {
    font-size:1.8em;
    font-family: Oswald;
    color:#FFFFFF;
    line-height:45px;
}

.mainmenu-container-body {
    background-color: #EEEEEE;
    width: 100%;
    padding: 15px 0px 15px 0px;
}

.mainmenu-body-item {
    padding: 0px 20px 0px 20px;
}

.mainmenu-body-item-fixed, .mainmenu-body-item-login {
	height: 250px;
}

.mainmenu-body-item hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 2px solid #999999;
    margin: 1.5em 0 1.5em 0;
    padding: 0;
}

.mainmenu-body-item h2 {
    font-family:'Arial Narrow' !important;
    font-weight:900;
    font-size:1.9em;
    margin-bottom:10px;
}

.mainmenu-body-borderright {
    border-right: 2px solid #999999;
}

.mainmenu-hover {
    background-color: #a62b2b !important;
}

.mainmenu-link-item {
    margin-bottom:8px;
}

.mainmenu-link-item:hover {
    cursor:pointer;
    text-decoration:underline !important;
}

.menu-name:hover {
    cursor:pointer;
    text-decoration:underline !important;
}

.mainmenu-link-item i {
    color: #a62b2b;
    font-size: 1.4em;
    width:20px;
	font-weight: normal;
}

.mainmenu-link-item span, .mainmenu-link-item a { color: #444; font-size: 1.3em; font-family: Oswald, sans-serif; font-weight: normal; }

.menu-login-button {
    margin-top:8px;
    width: 80px;
    padding:5px 0px 5px 0px !important;
}

.menu-login-button:hover {
    background-color:#cc3637;
}

.menu-login-error {
    color: #a62b2b;
    font-size: 1em;
    font-family:Oswald, sans-serif;
    margin-top:5px;
}

.login-item-margin {
    margin-bottom:5px;
}

.login-label-margintop {
    font-family:Oswald,sans-serif;
    margin-top: 4px;
    font-size: 1.2em;
    width: 65px;
}

.login-module-spacer {
    height: 5px;
}

.login-module-label {
    color: #444;
    font-family: Oswald;
    font-size: 1.7em;
    margin-bottom: 8px;
}

.login-module-inputs {
    width: 175px;
    border-radius: 3px;
    border: 1px solid #999999;
    font-family:Oswald, sans-serif;
    font-size: 1.2em;
    padding: 3px;
}

.login-module-error-border {
    border-color: red;
}

.login-module-error {
    color:red;
    float:right;
}
/*****************/

/**** Got Questions CSS **********/
.got-questions-label {
    font-family:'Arial Narrow';
    font-weight:800;
    font-size:1.3em;
    margin: 10px 0px 5px 0px;
}

.got-question-errors {
    color: red;
    margin-top:5px;
    font-family:'Arial Narrow';
    font-size:1.2em;
}

.got-question-errors a {
    color: red;
    margin-top:5px;
    font-family:'Arial Narrow';
    font-size:1em;
}

.got-question-success {
    color: green;
    margin-top:5px;
    font-family:'Arial Narrow';
    font-size:1.2em;
}

.select-got-questions, .input-got-questions{
    font-family: 'Arial Narrow';
    font-size: 1.2em;
    padding: 3px 0px 3px 1px;
}

.got-questions-copy-me {
    font-family: 'Arial Narrow' !important;
    font-size: 1.1em !important;
}
/*********************************/
.funkyradio-npa label { background-color: #fff; font-size: 11px; }

.funkyradio div { clear: both; overflow: hidden; }

.funkyradio label { width: 100%; border-radius: 3px; border: 1px solid #D1D3D4; font-weight: normal; }

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
    /* display: none; */
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}
.funkyradio input[type="radio"]:focus,
.funkyradio input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 1px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
    .funkyradio input[type="radio"]:empty ~ label, .funkyradio input[type="checkbox"]:empty ~ label { position: relative; line-height: 2.5em; text-indent: 3.25em; /*margin-top: 2em;*/ cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;margin-right: 10px; }

		.funkyradio input[type="radio"]:empty ~ label::before,
		.funkyradio input[type="checkbox"]:empty ~ label::before { position: absolute; display: block; top: 0; bottom: 0; left: 0; content: ''; width: 2.5em; background: #D1D3D4; border-radius: 3px 0 0 3px; }

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label { color: #888; }

    .funkyradio input[type="radio"]:hover:not(:checked) ~ label::before,
    .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label::before { content: '\2714'; text-indent: .9em; /*color: #C2C2C2;*/ color: #000000; }

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label { color: #777; }

	.funkyradio input[type="radio"]:checked ~ label::before,
	.funkyradio input[type="checkbox"]:checked ~ label::before { content: '\2714'; text-indent: .9em; color: #333; background-color: #ccc; }

.funkyradio input[type="radio"]:focus ~ label::before,
.funkyradio input[type="checkbox"]:focus ~ label::before { box-shadow: 0 0 0 3px #999; }
.funkyradio-npa input[type="radio"]:checked ~ label::before,
.funkyradio-npa input[type="checkbox"]:checked ~ label::before { color: #fff; background-color: #a62b2b; }

.funkyradio-default input[type="radio"]:checked ~ label::before,
.funkyradio-default input[type="checkbox"]:checked ~ label::before { color: #333; background-color: #ccc; }

.funkyradio-primary input[type="radio"]:checked ~ label::before,
.funkyradio-primary input[type="checkbox"]:checked ~ label::before { color: #fff; background-color: #337ab7; }

.funkyradio-success input[type="radio"]:checked ~ label::before,
.funkyradio-success input[type="checkbox"]:checked ~ label::before { color: #fff; background-color: #5cb85c; }

.funkyradio-danger input[type="radio"]:checked ~ label::before,
.funkyradio-danger input[type="checkbox"]:checked ~ label::before { color: #fff; background-color: #d9534f; }

.funkyradio-warning input[type="radio"]:checked ~ label::before,
.funkyradio-warning input[type="checkbox"]:checked ~ label::before { color: #fff; background-color: #f0ad4e; }

.funkyradio-info input[type="radio"]:checked ~ label::before,
.funkyradio-info input[type="checkbox"]:checked ~ label::before { color: #fff; background-color: #5bc0de; }

.container-main-content, a, td, th { font-family: Arial, Helvetica, sans-serif; }
.container-page-header { position: relative;margin-bottom: 15px; }
.container-filter-section { background-color: #eee;padding: 15px 10px; }

.filter-date-range .fa-calendar { font-size: 20px !important; }
.filter-date-range input[type=text] { -ms-border-top-right-radius: 3px !important; border-top-right-radius: 3px !important; -ms-border-bottom-right-radius: 3px !important; border-bottom-right-radius: 3px !important; }
.filter-date-range .icon-addon { position: relative; color: #555; }
.filter-date-range .icon-addon:after,
.filter-date-range .icon-addon:before { display: table; content: " "; }
.filter-date-range .icon-addon:after { clear: both; }
.filter-date-range .icon-addon .fa { position: absolute; z-index: 2; right: 10px; font-size: 14px; width: 20px; margin-left: -2.5px; text-align: center; padding: 4px 0; top: 1px; }
.filter-date-range .icon-addon .form-control { padding-left: 30px; float: left; font-weight: normal; }
.filter-date-range .icon-addon .form-control:focus + .fa,
.filter-date-range .icon-addon:hover .fa { color: #a62b2b; }
.filter-date-range div.icon-addon input { width: 100px !important;padding: 6px !important;}

.container-main-content .row { margin-left: 0 !important;margin-right: 0 !important;}
.block-ui-overlay { background-color: #000 !important;}

.npa-btn, .npa-btn-green, .npa-btn-gray, .npa-btn-yellow { color: #fff !important; padding: 5px 13px !important; font-weight: 600 !important; border-radius: 3px !important; text-transform: uppercase !important; cursor: pointer !important; }
.npa-btn { background-color: #a62b2b !important; border: 1px solid #a62b2b !important; }
.npa-btn:hover { background-color: #cc3637 !important;}
.npa-btn[disabled] { background-color: #ee9090 !important; color: #fff !important; border: 1px solid #ee9090 !important; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; -ms-opacity: .65; opacity: .65; }
    .npa-btn:focus, .npa-btn:active { outline: 1px solid blue; }

.npa-btn-yellow { background-color: #f7ecb5 !important; border: 1px solid #f7ecb5 !important; color: black !important; }
    .npa-btn-yellow:hover { background-color: #fcf8e3 !important; border: 1px solid #fcf8e3 !important; }

.npa-btn-green { background-color: #38b652 !important; border: 1px solid #38b652 !important; }
    .npa-btn-green:hover { background-color: #5eb25e !important;border: 1px solid #5eb25e !important;}
    .npa-btn-green:active, .npa-btn-green:focus { outline: none !important; }
.npa-btn-green[disabled] {
	background-color: #75b783 !important;
	border: 1px solid #75b783 !important;
	color: #fff !important;
	cursor: not-allowed !important;
}

.npa-btn-gray { background-color: #e3e3e3 !important; border: 1px solid #e3e3e3 !important; color: #000000 !important; }
    .npa-btn-gray:hover { background-color: #e3e3e3 !important; border: 1px solid #e3e3e3 !important; }
    .npa-btn-gray[disabled] { background-color: #e3e3e3 !important; border: 1px solid #e3e3e3 !important; color: #000 !important; cursor: not-allowed; }
    .npa-btn-gray:active, .npa-btn-gray:focus { outline: none !important; }

    a.npa-btn { padding: 7px 13px !important; }
a.npa-btn:hover { text-decoration: none;}

.vcenter { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.colorGreen {color: #00bf00; }
.colorYellow {color: #efa300;}
.colorBlack {color: #000;}
.colorRed { color: #ee0000;}
.colorNPA { color: #a62b2b;}

.clipped { overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.ellipsis { white-space: nowrap; overflow: hidden; }
	.ellipsis.multiline { white-space: normal; }

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover { background-color: #d26060 !important; border-color: #a62b2b !important; color: #fff !important; }

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { background-color: #a62b2b !important; border-color: #a62b2b !important; }

.container-modal .modal-content { -ms-border-radius: 0 !important; border-radius: 0 !important; }
.container-modal .modal-open { overflow: auto !important; }
.container-modal .modal-header { display: block !important;border-bottom: none !important;padding: 10px !important;background-color: #444 !important;color: #fff !important;}
.container-modal .modal-body { padding: 10px !important;}
.container-modal .modal-footer { display: block !important;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #fff;
}

.ladda-button {
    font-size: 12px;
    font-weight: 600;
    border-radius: 3px;
    text-transform: uppercase;
    outline-color: transparent;
    cursor: pointer;
}

.lineHeight20px { line-height: 20px; }

.datepicker table tr td.active.active {
	color: #fff;
}

.social li a { padding-top: 0 !important; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #mainMenu .navbar-nav > li > i { font-size: 1.7em; padding: 5px; }
    #mainMenu ul > li > a { font-size: 1.35em; padding: 5px; }
}