/* Rotary Auction Stylesheet
 * (c) 2013-2020 Ikoro Digital Inc
 */

:root {
    /* Rotary Leadership Colours */
    --royal: #00246c;
    --sky: #01b4e7;
    --azure: #005daa;
    --gold: #febd11;

    /* Rotary Secondary Colours */
    --cranberry: #d90b5c;
    --turquoise: #009999;
    --violet: #872175;
    --orange: #ff7600;

    /* Rotary Pastels */
    --slate: #687d90;
    --mist: #9ea6b4;
    --powder: #c9dee9;

    /* Rotary Neutrals */
    --silver: #e7e7e8;

    /* Transparents */
    --cranberry-5pct: #d90b5c0c;
    --turquoise-5pct: #0099990c;
    --cranberry-10pct: #d90b5c19;
    --turquoise-10pct: #00999919;
}

/* Rotary Leadership Colours */
.royal     { color:#00246c; }
.sky       { color:#01b4e7; }
.azure     { color:#005daa; }
.gold      { color:#febd11; }

/* Rotary Secondary Colours */
.cranberry { color:#d91b5c; }
.turquoise { color:#009999; }
.violet    { color:#872175; }
.orange    { color:#ff7600; }

/* Rotary Pastels */
.slate     { color:#687d90; }
.mist      { color:#9ea6b4; }
.powder    { color:#c9dee9; }

/* Rotary Neutrals */
.silver    { color:#e7e7e8; }

.bg-sky   { background-color:#01b4e7; }
.bg-royal { background-color:#00246c; }
.bg-azure { background-color:#005daa; }
.bg-slate { background-color:#687d90; }

/* COMMON LAYOUT */
body {
    margin-bottom: 8em;
}

body.limited #ra-content {
    max-width:910px;
}

body.unlimited #ra-content {
    max-width:auto;
}

body.tight #ra-content {
    padding:0;
}

body.shrink {
    font-size:72%;
    padding:0;
}

body.auction-admin {
    padding-bottom: 5rem;
}

table {
    border-spacing:0;
}

.shrink #ra-content {
    margin-bottom:0;
}

.center,
.ctr {
    text-align:center !important;
}

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

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

.float-left {
    float:left;
}

.float-right {
    float:right;
}

.bottom {
    vertical-align:bottom;
}

.bottomright {
    position:fixed;
    bottom:0;
    right:0;
}

.pad {
    padding:40px 0 40px 0;
}

.pad-y {
    padding-top:40px;
    padding-bottom:40px;
}

.pad-x {
    padding-left:20px;
    padding-right:20px;
}

.pad-r {
    padding-right:1em;
}

.box {
    border: 1px solid var(--turquoise);
    border-radius: 0.3em;
    padding: 0.3em 0.5em;
    background-color: var(--turquoise-5pct);
}

/* FONT AWESOME */
.fa-v0 {
    vertical-align:0 !important;
}

/* COMMON TYPOGRAPHY */
body {
    font-size:12pt;
    font-family: 'Open Sans Condensed', sans-serif;
    color:#404040;
    background-color:#f0f0f0;
}

.pt {
    font-family:pt-sans, sans-serif;
    font-weight:500;
}

body.pdf {
    background-color:#fff;
}

h1, h2, h3 { color:#00246c; }

h1.title {
    font-size:24pt;
}

h2 {
    text-transform:uppercase;
}

h3 {
    margin-top:12pt;
}

.black,
.black h1,
.black h2,
.black h3,
.black h4,
.black h5,
.black h6,
.black p,
.black li,
.black td
{
    color:#000;
}

.white,
.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white h6,
.white p,
.white li,
.white td
{
    color:#fff;
}

a { text-decoration:none; }

a:link      { color:#07b; }
a:visited   { color:#07b; }
a:active    { color:#e26; }
a:hover     { color:#e26; }

.onwhite {
    background-color:#fff;
}

.debug {
    font-size:0.8em;
    color:#888;
    border-top:1px solid #ccc;
    padding:10px;
}

/* Translucent backgrounds
 * (Backgrounds with alpha channels)
 *
 * background: rgb(...)  Fallback for browsers that don't support RGBa
 * background: rgba(...) CSS 3
 * filter:               For IE 5.5 - 7
 * -ms-filter:           For IE 8
 *
 * IE arguments are in the form 0xaarrggbb
 */
.bga-black-60 {
    background: rgb(0, 0, 0) transparent;
    background: rgba(0, 0, 0, 0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.bga-white-40 {
    background: rgb(255, 255, 255) transparent;
    background: rgba(255, 255, 255, 0.4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff, endColorstr=#66ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff, endColorstr=#66ffffff)";
}

.goldtop {
    border-top:4px solid #fcbc31;
}

.reversebubble {
    color:#fff;
    background-color:#000;
    border-radius:2px;
    padding:0 8px 0 8px;
    margin:5px;
}

.upper {
    text-transform:uppercase;
}

ul {
    list-style-type:none;
}

.spacey {
    margin: 1em 1em;
}

.spacey li {
    margin-bottom:1em;
}

p {
    margin-bottom:1em;
}

p.book {
    font-weight: 700;
}

p.column {
    max-width: 500px;
    margin: auto;
}

.tight {
    margin-bottom:0;
}

.inline {
    display:inline-block;
}

.pdf h1 {
    font-size:24pt;
    margin-top:30px;
}

h1.pagebreak {
    page-break-after:always;
}

.pdf p {
    font-size:14pt;
    font-weight:700;
}

.bold,
.strong {
    font-weight:700;
}

.heavy {
    font-size:14pt;
    font-weight:700;
}

.info {
    font-size:12pt;
}

.smaller {
    font-size:70%;
}

.larger {
    font-size:130%;
}

.overlength {
    color:#aa4444;
}

/* MESSAGES */
.messages li {
    padding: 4pt;
    border: 1px solid #ddd;
}

.messages .success {
    background-color: #cfc;
    font-weight: 700;
    font-size: 12pt;
}

/* ACCOUNTS */

#signup,
#login {
    max-width: 28em;
}

#signup label,
#login label {
    font-weight: 700;
}

#signup ul {
    margin-bottom: 10px;
}

#signup .errorlist,
#login .errorlist {
    margin: 0.5em auto;
}

#signup ul.errorlist li {
    list-style-type: none;
}

#signup ul li {
    list-style-type: disc;
    margin-left: 1em;
}

#login .ra-profileform {
    margin: 0.5em auto;
}

#signup .ra-profileform ul {
    margin-bottom: 20px;
}

#login .helptext {
    font-size: 10pt;
    display: inline-block;
}

/* PROFILE */
.ra-profile {
    max-width: 48em;
    margin: auto;
}

table.profile {
    margin: 0 auto;
}

.ra-profileform label {
    width: 6em;
    margin-right: 4pt;
}

.ra-profileform .error,
.ra-profileform label.error {
    color:#cc0000;
    font-weight:700;
}

.ra-profileform label.error {
    width:auto;
    margin-left:10px;
}

#login table,
#login td {
    border-bottom: none;
}

.ra-profileform p {
    margin-bottom:0.2em;
}

.ra-profileform .helptext {
    display:block;
    margin-bottom:20px;
}

.ra-profile h2 {
    margin-top: 1em;
    border-bottom: 1px solid #ccc;
}

/* HEADER */
.ra-branding-private {
    background-color:#fff;
    padding:10px;
    min-height:45px;
}

#branding {
    float:none;
    background-color#fff;
}

#header a:link      { color:#07b; }
#header a:visited   { color:#07b; }
#header a:active    { color:#e26; }
#header a:hover     { color:#e26; }

.ra-nav-private ul {
    padding:0;
    margin:0;
    z-index:1000;
}

.ra-nav-private li {
    padding:0;
    line-height:normal;
}

.ra-nav-userlinks {
    float: right;
}

/* SEARCHBAR */
#searchbar {
    position: relative;
    z-index: 1;
}

#searchbar input[type=text] {
    width: 475px;
}

#searchbar .ac-results {
    background-color: #fff;
    padding: 10px 20px;
    z-index: 10;
    width: 450px;
    position: absolute;
}

#searchbar .result-wrapper {
    border-bottom: 1px dotted #ddd;
    font-weight: 700;
}

#searchbar .donor,
#searchbar .event {
    font-weight: 400;
}

#searchbar .value {
    margin-right: 0;
}

/* FORMS */
select {
    border: 1px solid #ccc;
    padding: 0.5em;
    font-size: 10pt;
    line-height: 1.2em;
    width: 48%;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
    -webkit-appearance: none;
    -webkit-box-shadow: 1px 1px 1px #fff;
    -webkit-border-radius: 0.5em;
    color:#58585a;
}

input, textarea {
    border: 1px solid #ccc;
    padding: 0.5em;
    font-size: 10pt;
    /* line-height: 1.2em; */
    background: #fff;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); */
    -webkit-appearance: none;
    -webkit-box-shadow: 1px 1px 1px #fff;
    /* -webkit-border-radius: 0.5em; */
    border-radius: 3px;
    color:#444;
}

a.button,
input.input-tel,
input.input-bid,
input.input-notes {
    display:inline-block;
}

input.input-bid {
    /* display:block; */
    width:130px;
    font-size: 20pt;
    font-weight: 700;
}

input.input-tel {
    width:130px;
}

input.input-notes {
    width:130px;
}

input.numeric {
    text-align:right;
}

input[type=radio] {
   -webkit-appearance: radio;
}

input[type=checkbox] {
   -webkit-appearance: checkbox;
}

input[type=checkbox]:checked {
    background-color:#aaffaa;
}

.button,
.ra-button {
    position: relative;
    display: inline-block;
    padding: 7px 15px;
    font-size: 10pt;
    font-weight: 700;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,0.9);
    white-space: nowrap;
    background-color: #eaeaea;
    background-image: -moz-linear-gradient(#fafafa, #eaeaea);
    background-image: -webkit-linear-gradient(#fafafa, #eaeaea);
    background-image: linear-gradient(#fafafa, #eaeaea);
    background-repeat: repeat-x;
    border-radius: 3px;
    border: 1px solid #ddd;
    border-bottom-color: #c5c5c5;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    vertical-align: middle;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
}

.button.bid-online {
    width: 5em;
    border: 3px solid #febd11;
}

.ra-submit {
}

.ra-cancel {
}

label {
    display:inline-block;
}

.errorlist {
    max-width: 48em;
    margin: 1em auto
    padding:5px;
    font-weight:700;
    background-color:#fcc;
    color:#444;
}

/* HEADER */
#ra-header {
    background-color:#00246c;
    padding:10px 10px 0 10px;
}

.ra-logo,
.ra-title {
    display:inline-block;
}

.ra-logo {
    height: 100px;
}

#ra-userlinks {
    float: right;
    color: white;
    margin-right: 5pt;
}

#ra-userlinks li {
    display: inline-block;
    font-size: 12pt;
    font-weight: 700;
    margin: 0 5pt;
    text-align:right;
}

#ra-userlinks a {
    color: white;
}

#ra-userlinks li.bord {
    border: 1px solid #fff6;
    padding: 0 0.3em 0.1em 0.3em !important;
    border-radius: 6px;
    padding: 0.1em;
    background-color: #fff2;
}

#ra-infoheader {
    text-align:right;
}

.ra-title,
.ra-dates,
.ra-phonenumber
{
    font-weight:700;
}

.ra-title {
    font-size:36pt;
    color:#ffffff;
    position:relative;
    margin-left:10px;
    font-variant: small-caps;
    float:right;
    top: 16px;
}

.ra-dates {
    font-size:18pt;
    color:#ffffff;
    display:inline-block;
}

.ra-phonenumber {
    display:inline-block;
    font-size:24pt;
    color:#01b4e7;
    margin-left:10px;
}

.ra-twenty-eighth {
   display:inline-block;
   width:90px;
   height:90px;
   margin-right:10px;
   z-index:1;
}

.ra-thirtieth {
   display:inline-block;
   width:125px;
   height:90px;
   margin-right:10px;
   z-index:1;
}

/* NAVIGATION */
#ra-nav {
    border-top:1px solid #687d90;
    /*padding:10px;*/
    background-color:#005daa;
}

#ra-info-pastevent {
    border-top:1px solid var(--cranberry);
    border-bottom:1px solid var(--cranberry);
    background-color: var(--cranberry-10pct);
}

#ra-nav li,
#ra-nav-message li
{
    display:inline-block;
}

#ra-nav li a,
#ra-info-pastevent li,
#ra-info-pastevent li a
{
    text-decoration:none;
    display:inline-block;
    text-align:center;
    padding:8px;
    font-weight:bold;
}

#ra-nav li a
{
    width:80px;
    color:#fff;
}

#ra-info-pastevent li a
{
    width: 100%;
    color: var(--cranberry);
}

#ra-nav li a:hover,
#ra-nav li a:active {
    background-color:#ffffff;
    color:#00246c;
}

.ra-button {
    background: #fafafa; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #fafafa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #fafafa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #fafafa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #fafafa 100%); /* Opera11.10+ */
    /* background: -ms-linear-gradient(top, #ffffff 0%,#fafafa 100%); IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #ffffff 0%, #fafafa 100%); /* W3C */
    background-image: linear-gradient(#ffffff, #fafafa);

    text-shadow: 0 1px 0 rgba(255,255,255,0.9);
    border-radius: 3px;
    border: 1px solid #ddd;
    border-bottom-color: #c5c5c5;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.ra-nav li {

}

.ra-button-xp {
    border-radius: 3px;
}

.ra-button-xp {
    background: rgb(255, 255, 255) transparent;
    background: rgba(255, 255, 255, 0.9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff, endColorstr=#e5ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff, endColorstr=#e5ffffff)";
}

.ra-button-xp:hover,
.ra-button-xp:active {
    cursor:pointer;
    background: rgb(255, 255, 255) transparent;
    background: rgba(255, 255, 255, 1.0);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";
}

.ra-button-xp > i.fa {
    /* Prevent FA icon from inheriting link color */
    color:#404040;
}

.ra-button-xp-inv {
    border-radius: 3px;
    border: 2px solid #eee;
    color:#fff;
}

.ra-button-xp-inv a         { color:#fff; }
.ra-button-xp-inv a:link    { color:#fff; }
.ra-button-xp-inv a:visited { color:#fff; }
.ra-button-xp-inv a:hover   { color:#fff; }
.ra-button-xp-inv a:active  { color:#fff; }

.ra-button-xp-inv {
    background: rgb(255, 255, 255) transparent;
    background: rgba(255, 255, 255, 0.3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cffffff, endColorstr=#4cffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cffffff, endColorstr=#4cffffff)";
}

.ra-button-xp-inv:hover,
.ra-button-xp-inv:active {
    cursor:pointer;
    background: rgb(255, 255, 255) transparent;
    background: rgba(255, 255, 255, 0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";
}

.ra-actionbutton {
    height:1.5em;
    width:21em;
    margin:0.6em auto;
    padding:0.5em 1em;
    text-align:center;
}

.ra-actionbutton i {
    margin:0 10px 0 0;
}

.ra-actionbutton,
.ra-actionbutton a
{
    text-decoration:none;
    font-size:14pt;
    text-align:center;
    font-weight:bold;
}

/* PRIVATE NAVIGATION */
nav {
    background:#fff;
    width:100%;
    height:50px;
    border-bottom:1px solid #ddd;
    font-weight:700;
}

nav ul {
    text-align:left;
}

nav ul li {
    font-size:16px;
    float:left;
    display:inline;
}

nav ul li:hover {
    background:#e6e6e6;
}

nav ul li a {
    display:block;
    padding: 0.85em 2em;
    color:#444;
}

nav ul li ul {
    position:absolute;
    width:240px;
    background:#fff;
    border:1px solid #ddd;
}

nav ul li ul li {
    width:240px;
}

nav ul li ul li a {
    display:block;
    padding:15px 10px;
    color:#444;
}

nav ul li ul li:hover a {
    background:#f7f7f7;
}

nav ul li ul.fallback {
    display:none;
}

nav ul li:hover ul.fallback {
    display:block;
}

/* CONTENT */
#ra-content {
    padding:20px;
    margin-bottom:80px;
}

#ra-sponsors .ra-sponsor {
    display:inline-block;
    background-color:#fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.33);
    border-radius: 2px;
    margin:7px 3px 3px 0;
    padding:8px;
    width:250px;
    height:180px;
    vertical-align:top;
}

#ra-sponsors .ra-sponsor img {
    max-width:250px;
    max-height:150px;
}

.ra-sponsor-img {
    height: 150px;
}

#ra-blockgrid {
}

#ra-blockgrid .ra-item .image img {
    float:left;
    margin:20px;
    border:6px solid white;
    display:block;
    max-width:100px;
    max-height:100px;
}

.ra-item-details .value {
    float:right;
    font-size:14pt;
    font-weight:700;
    color:#919295;
}

.value {
    float:right;
    font-size:12pt;
    font-weight:700;
    color:#919295;
    margin-right:10px;
}

.ra-singleitem {
    display: grid;
    grid-template-columns: 1fr 18em;
    grid-column-gap: 1em;
    grid-template-areas: "info bidbox";
}

.ra-singleitem-info {
    grid-area: info;
}

.ra-singleitem-right {
    grid-area: bidbox;
}

.ra-singleitem-bidding .minimumbid,
.ra-item-bidding .minimumbid {
    font-size:12pt;
    font-weight:700;
    color:#919295;
}

.ra-singleitem-bidding .minimumbid .amount,
.ra-item-bidding .minimumbid .amount {
    font-size:18pt;
    font-weight:700;
    color:#919295;
}

.ra-item-bidding .value {
    float:none;
    margin-right:0;
    margin-bottom:0.3em;
}

.ra-singleitem-bidding .value {
    float:right;
    margin-right:0;
}

.ra-operator-help {
    display: inline-block;
}

p.help-accepted,
p.help-rejected {
    font-size:12pt;
    border-radius:5px;
    width:190px;
    margin:1px;
    padding:4px 10px;
}

p.help-operator{
    font-size:12pt;
    font-weight:700;
    margin:1px;
    padding:4px 10px;
}

p.help-accepted {
    background-color:#aaffaa;
}

p.help-rejected {
    background-color:#ffaaaa;
}

.name {
    color:#00246c;
}

.value .amount {
    font-size:14pt;
}

.bid {
    font-size:12pt;
    font-weight:700;
    color:#919295;
    margin-bottom:0.5em;
}

.amount {
    color:#009999;
    font-weight:700;
}

.bid .amount {
    font-size:18pt;
}

.ra-item,
#ra-blockgrid .ra-item {
    padding:10px 10px 10px 10px;
    /*
    border-top:2px solid #ddd;
    */
    display:block;
}

.odd {
    background-color:#e4e4e4;
}

.even {
    background-color:#eaeaea;
}

.catnum {
    font-weight:700;
    color:#009999;
    color:#005daa;
}

/* TIMERS */
.timerblock,
.timerblock-bidding,
.timerblock-items {
    font-size:14pt;
    font-weight:700;
    text-align:right;
}

.timerblock-bidding .hasCountdown {
    font-size:14pt;
}

.timerblock-items-wrapper {
    text-align:right;

}

.timerblock-items {
    text-align:right;
    position:relative;
    right:10px;
    top:0;
}

.timerblock-items .hasCountdown {
    width:100%;
    display:inline;
}

.timerblock-items p {
    margin-bottom:0;
    display:inline-block;
}

.timerblock-items .timer {
    font-size:18pt;
}

#timerstart { color:red; }
#timerend { color:green; }

.is-countdown {
    /* override .js */
    border:0 !important;
    background:none !important;
}

/* HOME */

.home-feature,
.home-thankyou {
    max-width:780px;
}

.home-feature h1,
.home-thankyou h1 {
    font-size:30pt;
    letter-spacing:-0.02em;
}

.home-feature p,
.home-thankyou p {
    margin:10px auto 10px auto;
    font-weight:700;
    font-size:16pt;
    letter-spacing:-0.02em;
}

.home-feature p {
    text-transform:uppercase;
}

.home-feature,
.home-thankyou {
    display:inline-block;
    vertical-align:middle;
    margin:10px;
}

.home-thankyou {
    max-width:400px;
}

.ra-tagline {
    font-size:28pt;
    font-weight:700;
    text-transform:uppercase;
    color:#ff3434;
    letter-spacing:-0.02em;
}

/* MAP */
.gmap {
    position:relative;
    width:100%;
    height:600px;
}

/* ITEM LIST */
.itemlist {
    display: grid;
    grid-row-gap: 0.5rem;
}

.ra-itemlistfilter {
    display: grid;
    grid-template-columns: 1fr 20em;
    border-bottom: 1px solid #ccc;
    padding-bottom: 1em;
    grid-column-gap: 0.5em;
}

.ra-itemlistfilter .ra-block-picker {
    width: 100%;
    display: block;
}

.ra-itemlistfilter .ra-block-picker a {
    margin: .1em 0.05em;
}

.ra-category-picker select {
    width: 100%;
}

.itemlist .ra-item {
    display: grid;
    grid-template-columns: 14rem 1fr 10rem;
    grid-column-gap: 0.5rem;
}

.tiled {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.33);
    border-radius: 2px;
    margin: 4px 0 0 0;
}

.ra-item {
    min-height:180px;
}

.ra-item-details h3 {
    margin-top:0;
}

.ra-item-buttons {
    display:inline-block;
    vertical-align:top;
    text-align:right;
    position:absolute;
    right:200px;
}

.ra-item .ra-item-values {
    display: flex;
    flex-flow: column;
    text-align:right;
}

.ra-item .ra-item-values .value {
    font-size:14pt;
    margin-right:0;
    margin-bottom:10px;
}

.ra-item-values .bid {
    font-size:14pt;
}

.ra-item .ra-item-values .amount {
    font-size:32pt;
}

.ra-item-thumb {
    display:inline-block;
    width:220px;
}
.ra-item-thumb img {
    border:5px solid white;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.33);
    border-radius: 2px;
}

.ra-item .col-one,
.ra-item .col-two,
.ra-item .row-two,
.ra-item .row-three
{
    display:inline-block;
}

/* SINGLE ITEM PAGE */
.ra-singleitem-left {
    display: inline-block;
}

.ra-singleitem-right {
    margin: auto;
}

.ra-singleitem-details {
    display: inline-block;
    max-width: 750px;
    margin: auto;
}

.ra-singleitem-bidding label {
    font-weight: 700;
}

.ui-dialog {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    border: 5px solid #febd11;
    font-size: 14pt;
    font-weight: 700;
}

.ui-dialog button {
    position: relative;
    display: inline-block;
    margin: 15px 4px 0 4px;
    padding: 7px 15px;
    font-size: 10pt;
    font-weight: 700;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,0.9);
    white-space: nowrap;
    background-color: #eaeaea;
    background-image: -moz-linear-gradient(#fafafa, #eaeaea);
    background-image: -webkit-linear-gradient(#fafafa, #eaeaea);
    background-image: linear-gradient(#fafafa, #eaeaea);
    background-repeat: repeat-x;
    border-radius: 3px;
    border: 1px solid #ddd;
    border-bottom-color: #c5c5c5;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    vertical-align: middle;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
}

.no-title .ui-dialog-titlebar {
    display: none;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.ui-dialog-buttonset {
    text-align: right;
}

#dialog-success,
#dialog-failure,
#dialog-confirm {
    display: none;
}

.ui-dialog.success {
    border: 5px solid #66ff66;
}

.ui-dialog.failure {
    border: 5px solid #ff6666;
}

/* ITEM BIDDING */
.tiled {
    padding: 0.5rem;
}

.ra-block-header {
    border-bottom:8px solid #ddd;
}

.ra-block-details p {
    font-weight:700;
}

.ra-block-header #timers {
    float:right;
}

#timers {
    float:right;
}

.ra-block-details {
    display:inline-block;
    width:290px;
}

.ra-item-bidding,
.ra-singleitem-bidding {
    display:inline-block;
    min-height:250px;
    width:260px;
    height:320px;
    margin:4px;
    padding:10px;
    vertical-align:top;
}

.ra-singleitem-bidding {
    height:420px;
}

.ra-singleitem-bidding .catnum,
.ra-item-bidding .catnum {
    font-size:24pt;
    margin-top:0;
}

.ra-item-bidding.mode-s {
    background-color:#effaef;
}

.ra-item-bidding .col-one,
.ra-item-bidding .col-two
{
    display:inline-block;
}

.ra-singleitem-bidding .row-two,
.ra-item-bidding .row-two {

    width: 100%;
    display: block;
    text-align: right;
    /* float: right; */
    min-height: 80px;
    height: 20;
}

.ra-singleitem-bidding .row-three,
.ra-item-bidding .row-three {
    display:block;
    text-align:right;
}

.ra-singleitem-bidding .row-three form,
.ra-item-bidding .row-three form {
    bottom:15px;
    right:15px;
}

.ra-singleitem-bidding .col-one,
.ra-item-bidding .col-one {
    /* border-right:5px solid #ccc; */
    width:100%;
    width:50px;
}

.ra-singleitem-bidding .col-two,
.ra-item-bidding .col-two {
    padding:10px;
    width:auto;
}

.ra-item-bidding .row-two,
.ra-item-bidding .row-three {
}

.ra-singleitem-bidding form input,
.ra-item-bidding form input {
    margin:2px 0 2px 0;
}

.ra-singlebidding-item-info,
.ra-bidding-item-info {
    font-weight:700;
    width:30em;
    color:#58585a;
}

.ra-singlebidding-item-info img,
.ra-bidding-item-info img {
    border:2px solid #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.33);
    border-radius: 1px;
    display:inline-block;
    margin:0 0.5em 0 0;
    float:left;
}

.ra-block-picker {
    display:inline-block;
    width:560px;
    padding-right:20px;
}

.ra-block-picker select {
    width: auto;
}

.ra-block-picker a {
    width: 25px;
    height: 25px;
    display: inline-block;
    border: 1px solid #aaa;
    margin: 1px;
    text-align: center;
    background-color: #c0c0c0;
}

.ra-block-picker a.open {
    background-color: #f0f0f0;
}

.ra-block-picker a.selected {
    border: 1px solid #d91b5c;
    color: #d91b5c;
    background-color: #fff;
}

.ra-block-picker a.current {
    border: 1px solid #afa;
}

.tiled-small {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.33);
    border-radius: 2px;
    margin: 4px 0 0 0;
}

.ra-item-bidding input.error {
    color:#ee0000;
    font-weight:700;
}

.ra-item-bidding label.error {
    color:#ee0000;
    margin-left:3px;
    font-weight:700;
    position:absolute;
    font-size:18pt;
    display:inline-block !important;
}

.ra-bids-popup {
    font-weight:400;
}

.ra-bids-popup table {
    border-collapse: collapse;
    empty-cells: show;
}

.ra-bids-popup tr {
    border-bottom:1px solid #aaa;
}

.ra-bids-popup td {
    padding:1px 4px;
}

.ra-bids-popup .amount {
    color:#07b;
}

.ra-bids-popup .bid-status-V,
.ra-bids-popup .bid-status-D {
    text-decoration:line-through;
}

.ra-bids-popup .bid-status-V {
    color: #a0a0a0;
    background-color: #e0e0e0;
    font-weight: 400;
}

.ra-bids-popup .bid-status-R {
    color: #a0a0a0;
    background-color: #f6f6f6;
}

.ra-bids-popup .bid-status-R .amount {
    color: #a0a0a0;
    font-weight: 400;
}

.ra-bids-popup .bid-status-P,
.ra-bids-popup .bid-status-C {
    font-weight:700;
}

/* AUTOCOMPLETES */
.autocomplete-light-widget .remove {
    font-size:18pt;
}

input#id_person-autocomplete {
    width:250px;
}

/* ITEM REGISTRATION */

.ra-reg-donor-subform,
.ra-reg-itemform p {
    margin: 0.1rem 0;
}

.ra-reg-itemform {
    width:33rem;
}

.ra-reg-itemform label {
    width:5rem;
    text-align: right;
}

.ra-reg-itemform label.inline {
    width: auto;
}

.ra-reg-itemform .error {
}

.ra-reg-donor-subform label.error,
.ra-reg-itemform label.error {
    color:#cc0000;
    font-weight:700;
    margin-left: 0.4rem;
    width: auto;
    font-size: 1rem;
}

.ra-reg-itemform label[for=id_imf-long_description] {
    position: relative;
    top: -5rem;
}

.ra-reg-itemform label[for=id_imf-notes] {
    position: relative;
    top: -0.5rem;
}

/* Select2 code replaces the existing element with its own,
but the jquery validation error still appears after the original select.
So we have to relocate it. */
.ra-reg-itemform #id_imf-donor-error {
    float:right;
    margin-right: 0.5rem;
}

.ra-reg-itemform #donor_info_correct-error {
    float: right;
    margin-right: 2rem;
}

.ra-reg-itemform .helptext {
    display:block;
    margin-bottom:20px;
}

.ra-reg-itemform select {
    width:10rem;
}

.ra-reg-itemform p.thumbnail {
    margin-top: 1rem;
    margin-left: 5rem;
}

.ra-reg-itemform #id_imf-donor {
    width: 26rem;
}
.ra-reg-itemform textarea,
.ra-reg-itemform input[type='text'],
.ra-reg-itemform input[type='file'],
.ra-reg-itemform input[type='email'],
.ra-reg-itemform input[type='url'] {
    width:25rem;
}

.ra-reg-itemform input[type='number'] {
    width: 9rem;
}

.ra-reg-itemform input[type='file'] {}

.ra-reg-donor-subform p {
    display: inline-block;
}

.ra-reg-donor-subform p.confirm {
    display: block;
    padding-left: 5rem;
}

.ra-reg-donor-subform #id_omf-city,
.ra-reg-donor-subform #id_omf-phone {
    width: 10rem;
}

.ra-reg-donor-subform #id_omf-province,
.ra-reg-donor-subform #id_omf-postal_code {
    width: 8rem;
}

.ra-reg-donor-subform #id_omf-country {
    width: 11rem;
}

.ra-reg-itemform #id_imf-long_description {
    height: 8rem;
}

.ra-reg-itemform #id_imf-notes {
    height: 2rem;
}

.ra-reg-itemform #quantity {
    width: 1.5rem;
}

.ra-reg-key {
    font-size: 24pt;
    font-weight: 700;
    color: #606060;
    margin: 20px 0;
    width: 200px;
}

/* DONORS PAGE */

table.donors {
    width: 100%;
}

table.donors .name,
table.donors .website {
    width: 25%;
}

table.donors .phone {
    width: 10%;
}

table.donors .address,
table.donors .city {
    width: 20%;
}


/* CALLBACKS */

#ra-cb-sec-upper-1 {
    float:left;
    min-width:360px;
}

#ra-cb-sec-upper-2 {
    float:left;
}

table.ra-cb {
    border-collapse:collapse;
}

.ra-cb-row td {
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:10px 0;
}

td.ra-cb-bidstatus {
    padding-left:40px;
}

.ra-cb-phone {
    font-size:2em;
    font-weight:700;
    color:#444;
    margin-bottom:0;
}

.ra-cb-person-ac {
    margin:10px 0;
}

.ra-cb-person-ac .deck {
    font-size:1.6em;
    font-weight:700;
    color:#444;
}

.ra-cb-item {
    font-size:1.2em;
    font-weight:700;
}

.ra-cb-person-modified {
    font-size:0.8em;
    font-style:italic;
}

.ra-cb-personform label {
    width:100px;
}

.ra-cb-personform .error,
.ra-cb-personform label.error {
    color:#cc0000;
    font-weight:700;
}

.ra-cb-personform label.error {
    width:auto;
    margin-left:10px;
}

.ra-cb-personform p {
    margin-bottom:0.1em;
}

.ra-cb-personform .helptext {
    display:block;
    margin-bottom:20px;
}

.ra-cb-personform select {
    width:160px;
}

.ra-cb .notelink {
    cursor:pointer;
    color:#07b;
}

.ra-cb .notelink:hover {
    color:#e26;
}

.ra-cb .note.{
}

.ra-cb .note input {
    width:98%;
}

.ra-notes-popup table {
    border-collapse: collapse;
    empty-cells: show;
}

.ra-notes-popup tr {
    border-bottom:1px solid #aaa;
}

.ra-notes-popup td {
    padding:1px 4px;
}

.ra-notes-popup .item-number {
    font-weight:700;
}

.ra-cb-buttons {
    margin:20px auto;
}

.linky {
    cursor: pointer;
}

#id_person-address_1 {
    margin-top:10px;
}

#callbacks .fa-comment {
    color:#07b;
}

/* BIDDING / CHECKOUT */
#bidding table,
#bidding-history table,
#checkout table {
    width: 100%;
}

#checkout form {
    margin: 1em 0;
}

/* STATS & REPORTS */
hr.fat {
    border-bottom:5px solid #aaa;
}

hr.thin {
    border-bottom:1px solid #aaa;
}

.overline-fat {
    border-top:5px solid #aaa;
}

.overline-thin {
    border-top:1px solid #aaa;
}

.pdf table {
    width:80%;
    height:95%;
}

.pdf h2 {
    margin-top:10px;
}

.lined td {
    border-bottom:1px solid #ccc;
    padding-right:20px;
}

.imagelist td {
    padding:2px;
}

.imagelist td img {
    border:4px solid #fff;
    margin:2px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.33);
}

.script-item {
    page-break-inside:avoid;
}
.script-gap {
    margin-bottom:10em;
}

.script-value {
    float:right;
}

@media print {
    /* Rely on printer margins */
    #ra-content {
        margin-bottom:0;
    }
}

.ra-report-links {
    text-align:right;
}


/* HELP */
.help code {
    font-size: 0.9em;
    white-space: pre;
}

.help ul,
.help ol {
    padding: 0.5em 1em;
}

.help ul li,
.help ol li {
    padding: 0 1em;
}

.help ul {
    list-style-type: circle;
}

.screenshot {
    width: 100%;
}

/* TOOLTIPS */
.popee {
    display: none;
    position: absolute;
    z-index: 99;
    background: #ffffec;
    border: 1px solid #bbb;
    margin: 10px;
    padding: 10px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.33);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.popee-legend {
    width: 400px;
}

.popee p {
    font-weight:700;
    font-weight:12pt;
}

dl.inline dd {
    display: inline;
}
dl.inline dd:after{
    display: block;
    content: '';
}

dl.inline dt{
    display: inline-block;
    min-width: 100px;
    font-weight:700;
}

/* TICKER */
#ra-ticker p {
    font-weight:700;
    font-size:14pt;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 5px 10px;
    background-color: white;
    padding:2px;
    color:#687d90;
}

#ra-ticker span {
    margin-left:10px;
}

#ra-ticker .amount { color:#009999; }
#ra-ticker .itemid { color:#005daa; }
#ra-ticker .amount { color:#009999; }
#ra-ticker .name { color:#00246c; font-weight:300;}
#ra-ticker .timestamp { float:right; }

/* FOOTER */
img.credits {
   margin:5px 10px 5px 20px;
}

#footer {
    width:100%;
    position:fixed;
    bottom:0px;
    left:0;
    background-color:#444;
    background-color:#fff;
    background-image:none;
    color:#888;
    border-top: 1px solid #ddd;
}

#footer p.copyright {
    font-size:9pt;
    position:absolute;
    text-align:right;
    bottom:10px;
    right:10px;
}

#footer-private {
    width:100%;
    position:fixed;
    bottom:0;
    left:0;
    background-color:#444;
    background-color:#fff;
    background-image:none;
    color:#888;
    border-top: 1px solid #ddd;
}

#footer-private .contents {
    padding:0 5px 0 5px;
}

#footer-private p {
    font-size:8pt;
}

/* COMMON BROADCAST SPECS */
.hd-full,
.hd-two-thirds,
.hd-lower-third
{
    width:1920px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.hd-full {
    height:1080px;
    overflow-y: hidden;
    overflow-x: hidden;
}

.hd-full .padded {
    padding: 100px 350px 100px 350px;
}

.hd-full .xpadded {
    padding-right:350px;
    padding-left:350px;
}

.hd-full .xsafe169 {
    padding-right:95px;
    padding-left:95px;
}

.hd-two-thirds {
    height:785px;
}

.hd-lower-third {
    position:absolute;
    height:360px;
    top:720px;
}

#hd-safe {
    z-index:100;
    display:none;
}

#hd-frame-full,
#hd-frame-safe-4x3,
#hd-frame-safe-20pct,
#hd-frame-safe-10pct {
    position:absolute;
    display:block;
    z-index:100;
}

#hd-frame-full {
    width:1918px;
    height:1078px;
    border:1px solid #ff0;
}

#hd-frame-safe-4x3 {
    width:1439px;
    height:1080px;
    left:240px;
    top:0px;
    border-left:1px solid #ff0;
    border-right:1px solid #ff0;
}

#hd-frame-safe-10pct {
    width:1727px;
    height:971px;
    left:95px;
    top:65px;
    border:1px solid #ff0;
}

#hd-frame-safe-20pct {
    width:1539px;
    height:819px;
    left:190px;
    top:130px;
    border:1px solid #ff0;
}

.chromakey {
    background-color:#0f0;
}

.blackbg {
    background-color:#000;
}

/* BROADCAST */
#broadcast {
    background-color:#919295;
    background-color:#33498b;
    background-color:#596775;
}

#broadcast #titlebar {
    background-color:#00246c;
    border-bottom:4px solid #01b4e7;
    position:absolute;
    display:block;
    width:1730px;
    z-index:31;
}

#broadcast #titlebar.titlebar-top {
    top:0;
    height:175px;
    line-height:175px;
    vertical-align:middle;
}

#broadcast #titlebar.titlebar-mid {
    top:785px;
    height:90px;
    padding-top:10px;
    border-top:1px solid #bcbdc0;
}

#broadcast #titlebar .title,
#broadcast #titlebar .callicon,
#broadcast #titlebar .phonenumber
{
    position:relative;
    bottom:30px;
    font-weight:700;
    bottom:10px;
}

#broadcast #titlebar .callicon {
    color:#01b4e7;
    font-size:38pt;
    margin-left:20px;
}

#broadcast #titlebar .phonenumber {
    font-size:48pt;
    margin-left:10px;
    color:#01b4e7;
}

#broadcast #titlebar .title {
    font-size:48pt;
    margin:20px;
    color:#fff;
}

#broadcast #timerend {
    color:#d91b5c;
}

#broadcast #titlebar .timerblock {
    display:inline-block;
    position:relative;
    bottom:10px;
    width:450px;
    text-align:right;
    font-size:36pt;
    font-weight:700;
    color:#d91b5c;
}

#broadcast #bids {
    z-index:30;
}

#broadcast #bids.bids-lower {
    position:absolute;
    top:890px;
    height:190px;
    overflow:hidden;
}

#broadcast #bids.bids-full {
    position:absolute;
    top:175px;
    height:905px;
}

#broadcast #bids table {
    width:1730px;
}

#broadcast #bids #scrollcontainer
{
    overflow:hidden;
    height:100%;
}

#broadcast #bids thead {
    display:none;
}

#broadcast .bcast-blockline {
    background-color:#d0d0d0;
    border-bottom:1px solid #01b4e7;
}

#broadcast th {
    padding-bottom:20px;
}

#broadcast td,
#broadcast th {
    font-size:32pt;
    margin:4px;
    font-weight:bold;
    text-align:left;
}

#broadcast .bids-full th,
#broadcast .bids-full td,
#broadcast .bids-full .amount {
    font-size:38pt;
}

#broadcast .bids-lower th,
#broadcast .bids-lower td,
#broadcast .bids-lower .amount {
    font-size:32pt;
}

#broadcast th.col_num,
#broadcast th.col_itm,
#broadcast th.col_dol,
#broadcast th.col_val,
#broadcast th.col_bid
{
    color:#fff;
}

#broadcast .col_num { width:4em; }
#broadcast .col_itm { width:auto; }
#broadcast .col_val { width:2em; }
#broadcast .col_spc { width:1em; }
#broadcast .col_bid { width:2em; }

#broadcast .col_dol {
    width:1em;
    text-align:right;
}

#broadcast .amount  {
    color:#fff;
}

#broadcast tbody {
    color:#fff;
}

.timer {
    font-size:20pt;
    font-weight:700;
}

/* BROADCAST SLIDES */
.hd-two-thirds .shade {
    position:absolute;
    width:1920px;
    height:130px;
    left:0;
    top:655px;
    background-color:rgba(0, 0, 0, 0.5);
    z-index:12;
}

#broadcast #chromakey {
    position:absolute;
    top:0;
    left:0;
    z-index:20;
    display:none;
}

#broadcast #slidecanvas {
    position:absolute;
    top:130px;
    left:95px;
    display:none;
}

#broadcast #slides {
    width:1730px;
}

#broadcast .slide {
    position:relative;
    width:1540px;
    height:820px;
}

#broadcast .slide .name,
#broadcast .slide .donor,
#broadcast .slide .catnum,
#broadcast .slide .amount,
#broadcast .slide .value {
    color:#fff;
    font-weight:700;
    z-index:13;
}

#broadcast .slide .image {
    position:absolute;
    left:0;
    top:0;
}

.hd-two-thirds .cogecologo,
.hd-two-thirds .yourtvlogo {
    position:absolute;
    top:65px;
    left:110px;
    z-index:15;
}

#block-sponsor {
    position:absolute;
    font-size:32pt;
    color:#fff;
    font-weight:700;
    right:0;
    top:52px;
    text-align:right;
    left:380px;
    width:1440px;
}

.hd-two-thirds .cogecologo img {
    height:40px;
    opacity:0.5;
}

.hd-two-thirds .yourtvlogo img {
    height:50px;
    opacity:0.5;
}

#broadcast .slide .donor {
    position:absolute;
    top:535px;
    width:1730px;
    text-align:right;
    font-size:59pt;
    text-shadow:0 0 8px black;
}

#broadcast .slide .catnum,
#broadcast .slide .name,
#broadcast .slide .amount,
#broadcast .slide .value {
    position:absolute;
    right:0;
    width:480px;
    text-align:right;
}

#broadcast .slide .name {
    top:90px;
    font-size:52pt;
    line-height:1.1em;
}

#broadcast .slide .catnum {
    top:-26px;
    font-size:58pt;
}

#broadcast .slide .value {
    top:435px;
    font-size:48pt;
}

#broadcast #help {
    position:absolute;
    top:1100px;
    left:0px;
    width:1920px;
    height:40px;
    color:#fff;
    font-size:18pt;
    font-weight:700;
    padding:0 20px 0 20px;
    text-align:center;
}

#broadcast #help dt,
#broadcast #help dd {
    display:inline-block;
}

#broadcast #help dt {
    margin-right:10px;
}

#broadcast #help dd {
    margin-right:30px;
}

#broadcast #help kbd {
    font-family: 'Open Sans Condensed', sans-serif;
    border-radius:3px;
    padding:0 4px;
    color:#444;
    background-color:#fff;
}

#broadcast #help a:link      { color:#fff; }
#broadcast #help a:visited   { color:#fff; }
#broadcast #help a:active    { color:#e26; cursor:pointer;}
#broadcast #help a:hover     { color:#e26; cursor:pointer;}

/* Media Queries */
@media all and (max-width: 42em) {
	.ra-singleitem {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		grid-template-areas:
		"info" "bidbox";
	}
    .ra-itemlistfilter {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-row-gap: 1em;
    }
}