/* CSS Document */
input[type=text].tinyTextbox { width: 30px; }
input[type=text].shortTextbox { width: 90px; }
input[type=text].mediumTextbox { width: 150px; }
input[type=text].longTextbox { width: 250px; }
input[type=text].veryLongTextbox { width: 400px; }

.mb05 { margin-bottom: 5px  !important; }
.mb10 { margin-bottom: 10px !important; }
.mt05 { margin-top:    5px  !important; }
.mt10 { margin-top:    10px !important; }

.btn { padding: 5px 10px; background-color: #9ABB52; color: #FFFFFF; border-radius: 3px; border: none; }

.leftText { text-align: left !important; }
.centerText { text-align: center !important; }
.rightText { text-align: right !important; }
.vTop { vertical-align: top !important; }
.vCenter { vertical-align: middle !important; }
.vBottom { vertical-align: bottom !important; }
.redText { color: #CC0000 !important; }
.blueText { color: #0033FF !important; }
.blackText { color: #000000 !important; }
.darkGreyText { color: #333333 !important; }
.pearlText { color: #F1F1F1 !important; }
.whiteText { color: #FFFFFF !important; }
.xLargeText { font-size: 16px !important;}
.largeText { font-size: 14px !important; }
.normalText { font-size: 12px !important; }
.smallText { font-size: 10px !important; }
.tinyText { font-size: 8px !important; }
.mt10 { margin-top: 10px !important; }

.greyBorder { border: 1px solid #E6E6E6; padding: 10px; }
.currentStatus { font-size: 18px; font-weight: bold; }
.autocomplete { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete { padding: 2px 5px; white-space: nowrap; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete strong { font-weight: normal; color: #3399FF; }

#postcodeAnywhereResults { position: relative; }
#postcodeAnywhereResults #postcodeAnywhereInner { position: absolute; top: 0px; left: 0px; background-color: #FFFFFF; border: 1px solid #999999; cursor: default; overflow-x: hidden; overflow-y: scroll; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); padding: 2px 5px; white-space: nowrap; z-index: 10; }
#postcodeAnywhereResults #postcodeAnywhereInner .addressLine { cursor: pointer; }
.greyBorder { border: 1px solid #E6E6E6; padding: 10px; margin-top: 10px !important; }
.hidden { display: none; }
.twoThirdsColumn { display: inline-block; * display: inline; * zoom: 1; width: 64%; vertical-align: top; }
.thirdColumn { display: inline-block; * display: inline; * zoom: 1; width: 31%; vertical-align: top; }
.left { margin-right: 2%; margin-left: 0; }
.right { margin-right: 0; margin-left: 2%; }

.halfColumn .boardTypes { padding: 2px 0; }
.top25 { margin-top:25px }
.inline-block { display: inline-block !important; * display: inline !important; * zoom: 1 !important; }
.loginPanel { border-radius: 3px 3px 3px 3px; font-size: 17px; padding: 15px 30px 16px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; display: inline-block; outline: medium none; position: relative; text-decoration: none; width: auto; background-color: #F2BF40; background-image: url(../../images/overlay10.png); font-weight:bold; text-align:center; }
/* div.boardTypes.By_Auction { display: none; } */
.boardNameInstructions { font-weight: 700; }
.icon { height: 32px; width: 32px; }
.smallIcon { height: 16px; width: 16px; margin: 0 6px 0 0; }
.smallText, .smallText td { font-size: 11px !important; }
.loggedInAs { height: 20px; font-size: 11px; }
.fauxLink { cursor: pointer; }

#printable { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 10px; line-height: 11px; }
#printable .halfPage { height: 389px; overflow: hidden; }
.barcode { font-family: "Free 3 of 9"; font-size: 95px; text-align: center; height: 90px; line-height: 95px;}
.halfColumn { display: inline-block; * display: inline; * zoom: 1; width: 47%; vertical-align: top; }
.address { font-size: 14px; line-height: 14px; margin:  0 0 5px 0; font-weight: bold; }
.address, .direction, .items, .publicNotes, .privateNotes, .fixingNotes { display: inline-block; * display: inline; * zoom: 1; width: 98.5%; position: relative; background-color: #FFFFFF; }
.direction, .items, .publicNotes, .privateNotes, .fixingNotes { margin: 12px 0 0 0; padding: 0; border: 1px solid #666666; * height: 40px; min-height: 40px; }
.address .inner, .direction .inner, .items .inner, .publicNotes .inner, .privateNotes .inner, .fixingNotes .inner { padding: 5px; font-size: 13px; line-height: 1.2; }
.address span, .direction span, .items span, .publicNotes span, .privateNotes span, .fixingNotes span { font-style: italic; font-weight: bold; background-color: #FFFFFF; padding: 0 10px 0 0 ; }
.items span { display: block; }
.pageBreak { page-break-after: always; }
#problemOptions { display: none; margin: 0 0 0 15px; }
.clearBoth { clear: both; }
.orderDetails { margin: 0 0 10px 0; }
.orderDetails .addressID, .orderDetails .orderID, .orderDetails .agentName, .completedBy, .completedDate { font-size: 10px; background: #E1E1E1; width: 90px; padding: 5px 2px; }
.orderDetails .addressID span, .orderDetails .orderID span, .orderDetails .agentName span { font-size: 14px; font-weight: lighter; }
.completedBy, .completedDate { font-size: 10px; width: 200px; padding: 20px 5px; margin: 0 5px 0 0; }
#googleMap { text-align: center; }
#googleMap form { margin: 10px 0; }
#googleMap input[type=text] { width: 140px; }
#googleMap input#address { width: 280px; }
#googleMap #map label { width: auto; display:inline; }
#googleMap #map img { max-width: none; }

#filtersFrm input[type=text],
#filtersFrm select { width: 90%; }
.marginBottomPrint { margin-bottom: 5px; }

.error-box a { color: #191919; }
.error-box { background-color: #FAEBE6; background-image: url("../main_images/error-16.png"); border-color: #f5d0c4; }

.notification-box { background-position: 10px center; background-repeat: no-repeat; border: 1px solid; margin-bottom: 20px; padding: 10px 24px 10px 40px; position: relative; }

.footer { background-color: #9ABB52; background-image: none; color: #FFFFFF; border-bottom: 2px solid #696868; box-shadow: none; }
.footer p, .footer li, .footer h4, .footer a, .footer a:link, .footer a:visited, .footer a:active { color: #FFFFFF; }
.footer a:hover { color: #E1E1E1; }
.footer p.darkText, .footer p.darkText a, .footer p.darkText a:link, .footer p.darkText a:visited, .footer p.darkText a:active { color: #494848; }
.footer p.darkText a:hover { color: #696868; }

.footer h4 { margin: 0; padding: 0 0 8px; }
.footer h4.largeText { font-size: 32px !important; }
.footer h4.lightText { font-weight: 400; margin: 0; padding: 0 0 4px; }
.footer .chromeIcon { float: right; margin: 0 5px 0 15px; }

.whiteBox { background-color: #FFFFFF; color: #696868; padding: 8px 4px; width: 100%; max-width: 350px; border-radius: 7px; }
.whiteBox p  { color: #696868; }
.whiteBox h4 { color: #1C3563; }
.whiteBox a { display: block; width: 200px; vertical-align: top; padding-bottom: 5px; }
.whiteBox a, .whiteBox a:link, .whiteBox a:visited, .whiteBox a:active { color: #494848; }
.whiteBox a:hover { color: #696868; }

.contactContainer { width: 100%; max-width: 220px; float: right; }
#contactFooter li { margin: 0; padding: 1px 0; line-height: 1.1; font-size: 90%; }
#contactFooter li.contactSpacer { padding-bottom: 8px; }

nav ul.toplevel li a { background-color: #1C3563; color: #FFFFFF; border-radius: 3px; }
nav ul.toplevel li:hover::after { border-color: transparent transparent #C20639 transparent !important; }


.loginArea { float: right; width: 444px; }
#loginFrm { background-color: #9ABB52; background-image: none; margin: 0; padding: 0; border-radius: 3px; }
#loginFrm label { display: inline-block; *display: inline; *zoom: 1; width: 76px; margin: 0; padding: 8px 5px; background-color: #696868; color: #FFFFFF; text-align: center; border-radius: 3px; border-radius: 3px; }
/* #loginFrm label:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } */
#loginFrm input[type="text"], #loginFrm input[type="password"] { width: 100px; margin: 2px 10px 2px 0; border: 1px solid #696868; box-shadow: none; }
#loginFrm input[type="submit"]{ margin: 0 0 0 10px; margin: 0; border: none; float: right; padding: 9px 10px; background-color: #696868; color: #FFFFFF; text-align: center; font-size: 12px; font-weight: bold; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.yellowknife-carousel-wrapper { padding-top: 0; }

.flexslider { border: none !important; padding: 0 !important; margin: 0 !important; }
.flexslider .flex-control-nav { display: none; }
.custom-navigation { text-align: right; }
.custom-navigation a, .custom-navigation a:link, .custom-navigation a:active, .custom-navigation a:visited { color: #C40C41; }
.custom-navigation a i { font-size: 14px; }
.customText.section1 { margin-top: 13px; }
.homepageImage { border-radius: 7px; }
.loginElement { display: inline; }
.customText { padding: 0; }
a.contactButton { padding: 2px 5px; margin-top: -2px; background-color: #C40C41; color: #FFFFFF !important; text-transform: uppercase; border-radius: 5px; margin: 0 0 0 8px; }


@media only screen and (max-width: 767px) {
  .loginArea { width: 100%; padding: 5px; }
  .loginElement { display: block; margin: 0; padding: 5px; }
  .loginElement:last-child { text-align: right; }
  #loginFrm { padding: 5px 0; }
  #loginFrm input[type="text"], #loginFrm input[type="password"] { height: 33px; line-height: 33px; width: 70%; width: calc(100% - 86px); }
  #loginFrm input[type="submit"] { float: none; }
  .homepageImage { width: 100%; }
  .contactContainer { float: none; margin-top: 20px; }

}

.alert { padding: 8px 35px 8px 14px; margin-bottom: 18px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #c09853; }
.alert-heading { color: inherit; }
.alert .close { position: relative; top: -2px; right: -21px; line-height: 18px; }
.alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; }
.alert-danger, .alert-error { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; }
.alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; }
.alert-block { padding-top: 14px; padding-bottom: 14px; }
.alert-block > p, .alert-block > ul { margin-bottom: 0; }
.alert-block p + p { margin-top: 5px; }

.header { border-top: 5px solid #C40C41; }
.btn { background-color: #1C3563 !important; color: #FFFFFF !important; }
.btn:hover { opacity: 0.9; }
.btn.btn-small { padding: 2px 5px; }
h3.homepage-title { margin-top: 0; }
p.small-margin { margin-bottom: 7px !important; }
.footer { background-color: #1C3563; }
.footer p.darkText, .footer p.darkText a, .footer p.darkText a:link, .footer p.darkText a:visited, .footer p.darkText a:active { color: #CCCCCC; }

#homepage-login,
#homepage-contact { color: #FFFFFF; border: none; padding: 3px 15px; text-transform: uppercase; }
#homepage-login   { border-radius: 20px; font-size: 18px; background-color: #1C3563; margin-top: 40px; }
#homepage-contact { border-radius: 14px;  font-size: 12px; background-color: #C20639; margin-top: 10px; }