/*
  -------------------------------------------------
  URI:http://www.isylan.com/

  -------------------------------------------------
  CONTENTS
  1. SITE MASTER SETUP 
  2. TYPOGRAPHY / DESIGN 
  3. LAYOUT 
  3.1 main form 
  3.2 container 
  3.3 header 
  3.4 content 
  3.4.1 form panels (register/login/etc.) 
  3.5.1 static containers 
  3.5.2 panels 
  3.5.3 breadcrumbs 
  3.5.4 steps 
  3.5 primary content 
  3.6 secondary content 
  3.6.1 side panels 
  3.7 tertiary content 
  3.8 footer 
  4. GLOBAL ELEMENTS / CONTROLS 
  4.1 accessibility 
  4.2 buttons 
  4.2.1 form buttons 
  4.2.2 button lists 
  4.2.3 link buttons 
  4.3 notifications 
  4.4 pagination 
  5. TEMPLATE/PAGE SPECIFIC 
  5.1 titles 
  5.2 auction table 
  5.3 edit your auction 
  5.4 buyer 
  5.5 auction house 
  5.6 nice forms 
  5.7 category display 
  5.8 create auction 
  5.9 manage auction 
  5.10 auction dashboard 
  5.11 bidding 
  5.12 auction view 
  5.13 auctioneer home page 
  6. USEFUL CLASSES 
  */

/* 1. SITE MASTER SETUP */

/* imported mostly from tripoli reset.css - http://www.monc.se/tripoli/css/reset.css */

* { margin:0; padding:0; text-decoration:none; outline:none } code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font:inherit } a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border:none } table { border-collapse:collapse; border-spacing:0 } caption, th, td, center { text-align:left; vertical-align:top } q { quotes:"" "" } font { color:inherit !important; font:inherit !important; color:inherit !important } marquee { overflow:inherit !important; -moz-binding:none } blink { text-decoration:none } nobr { white-space:normal }
/* end of import */
body { height:100%; text-align:center; min-width:980; background:#fff; }
ul { list-style:disc outside }
ol { list-style:decimal outside }

/* 2. TYPOGRAPHY / DESIGN */

html { font-size:62.5%; font-family:"arial", verdana, microsoft sans serif, helvetica, sans-serif; line-height:1.4em; color:#000 }
code, kbd, samp, pre, tt, var, input[type="text"], input[type="password"], textarea { font-size:1.1em; font-family:monaco, "Lucida Console", courier, mono-space }
h1 { font-size:1.6em; color:#000; margin:0 0 12px 0 }
h2 { font-size:1.5em; color:#000; margin:0 0 12px 0 }
h3 { font-size:1.4em; color:#000; margin:0 0 12px 0 }
h4 { font-size:1.3em; color:#000; margin:0 0 12px 0 }
h5 { font-size:1.2em; color:#000; margin:0 0 12px 0 }
h6 { font-size:1.1em; color:#000; margin:0 0 12px 0 }
p { font-size:1.1em; color:#000; margin:0 0 12px 0 }
ul { margin:0 0 12px 0; font-size:1.1em }
ol { margin:0 0 12px 0; font-size:1.1em }
dl { margin:0 0 12px 0; font-size:1.1em }
hr { display:block; background:#aaa; color:#aaa; width:100%; height:1px; border:none }
address { font-size:1.1em; color:#000 }
table { border-top:1px solid #ccc; border-left:1px solid #ccc }
th, td { border-bottom:1px solid #ddd; border-right:1px solid #ccc }
fieldset { border:0px solid #ccc }
legend { background:#fff }
label { font-size:1.1em }
p span.underline { text-decoration:underline }

/* 3. LAYOUT */

/* 3.1 main form */

form.main { width:100%; height:100% }
form p strong { line-height:2em; padding-right:2em; display:block; font-weight:bold }
form dt label span { color:red; font-weight:bold }
form p.required-fields-note strong { color:red }
form ul.note { margin-left:50px; color:#333 }

form div.errors { padding:1em }
form div.errors p { font-weight:bold; color:red }
form div.errors ul { margin-left:2em }
form div.errors li { color:red }

/* 3.2 container */

div#container { width:100%; margin:0 auto; position:relative; text-align:left }

/* 3.3 header */

div#header { }
div#top-navigations { background:#e9e8e8 url(../images/global/primary-navigation-bg.gif) repeat-x }
ul#primary-navigation { float:left; list-style:none; margin:0 }
ul#primary-navigation li { float:left; padding:9px 0; margin:0 }
ul#primary-navigation li a { font-size:1.0em; color:#6f6f6f; padding:0px 3px }
ul#primary-navigation li a:hover { font-size:1.0em; color:#007fff }
ul#primary-navigation li a.current { font-size:1.0em; color:#007fff }
ul#signing-in li a.account-name { color:#007fff }
ul#signing-in { float:right; padding:9px 0; margin:0; list-style:none }
ul#signing-in li { float:left; color:#aaaaaa }
ul#signing-in li a { font-size:1.0em; color:#6f6f6f; padding:0px 3px }
ul#signing-in li a:hover { font-size:1.0em; color:#007fff }

#isylan-logo { background:url(../images/global/isylan-logo.gif) no-repeat; width:261px; height:96px; text-indent:-3000em; display:block; float:left }
ul#secondary-navigation { float:left; list-style:none; margin:25px 0; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea }
ul#secondary-navigation li { float:left }
ul#secondary-navigation li a { background:url(../images/global/secondary-navigation-btn.gif) no-repeat; display:block; text-indent:-3000em; height:44px }
ul#secondary-navigation #categories-btn a { background-position:0 0; width:123px }
ul#secondary-navigation #categories-btn a:hover { background-position:0 100%; width:123px }
ul#secondary-navigation #auctions-btn a { background-position:-114px 0; width:123px }
ul#secondary-navigation #auctions-btn a:hover { background-position:-114px 100%; width:123px }
ul#secondary-navigation #tancs-btn a { background-position:-231px 0; width:75px }
ul#secondary-navigation #tancs-btn a:hover { background-position:-231px 100%; width:75px }
ul#secondary-navigation #contact-btn a { background-position:-306px 0; width:106px }
ul#secondary-navigation #contact-btn a:hover { background-position:-306px 100%; width:106px }
form#search-bar { float:right; margin:35px 0 }
form#search-bar fieldset { border:none }
form#search-bar ol { list-style:none }
form#search-bar ol li { float:left }
form#search-bar ol li #search-text { background:url(../images/global/search-bg.gif) no-repeat; border:none; padding:6px; color:#6f6f6f; font-family:"Arial", Helvetica, sans-serif; font-size:1.0em; width:180px }
form#searchbar { float:right; margin:35px 0 }
form#searchbar fieldset { border:none }
form#searchbar ol { list-style:none }
form#searchbar ol li { float:left }
form#searchbar ol li #searchtext { background:url(../images/global/search-bg.gif) no-repeat; border:none; padding:6px; color:#6f6f6f; font-family:"Arial", Helvetica, sans-serif; font-size:1.0em; width:180px }

#flash-content { float:left; width:960px }
#banner { background:#fff; padding:3px; background:url(../images/global/banner-bg.gif) no-repeat }
#banner img { float:left }
#banner h2 { float:left; background:url(../images/global/flash-temp-ttl.jpg) no-repeat; width:585px; height:70px; text-indent:-3000em; padding-bottom:10px }

.register-bidder{background:url(../images/cta/register-as-a-bidder.jpg) no-repeat; width:463px; height:206px; float:left; padding-right:20px}
.register-bidder h3{background:url(../images/cta/register-as-a-bidder-ttl.gif) bottom center no-repeat; width:212px; height:49px; text-indent:-3000em; display:block; padding:20px 20px 0px 20px; margin-bottom:0px}
.register-bidder p{color:#FFFFFF; padding:0 20px; width:250px}
.register-bidder a.register-btn{background:url(../images/cta/register-as-a-bidder-btn.gif) top left no-repeat; width:155px; height:35px; display:block; text-indent:-3000em; margin:0 0 0 20px}
.register-bidder a.register-btn:hover{background:url(../images/cta/register-as-a-bidder-btn.gif) bottom left no-repeat; }



/* Begin Comment: Added by CW */
.register-bidder-small{background:url(../images/cta/register-as-a-bidder-small.jpg) no-repeat; width:249px; height:206px; float:left; padding-right:20px}
.register-bidder-small h3{background:url(../images/cta/register-as-a-bidder-ttl.gif) bottom center no-repeat; width:212px; height:49px; text-indent:-3000em; display:block; padding:20px 20px 0px 20px; margin-bottom:0px}
.register-bidder-small p{color:#FFFFFF; padding:0 20px; width:210px}
.register-bidder-small a.register-btn{background:url(../images/cta/register-as-a-bidder-btn.gif) top left no-repeat; width:155px; height:35px; display:block; text-indent:-3000em; margin:0 0 0 20px}
.register-bidder-small a.register-btn:hover{background:url(../images/cta/register-as-a-bidder-btn.gif) bottom left no-repeat; }
.register-bidder-small .link{color:#FFFFFF; padding:10px 25px; float:left}
.register-bidder-small .link a{color:#FFFFFF; text-decoration:underline; }
.register-bidder-small .link a:hover{color:#000000; }
/* End Comment */


.register-bidder .link{color:#FFFFFF; padding:10px 25px; float:left}
.register-bidder .link a{color:#FFFFFF; text-decoration:underline; }
.register-bidder .link a:hover{color:#000000; }
.register-auctioneer{background:url(../images/cta/register-as-an-auctioneer.jpg) no-repeat; width:463px; height:210px; float:left}
.register-auctioneer h3{background:url(../images/cta/register-as-an-auctineer-ttl.gif) bottom center no-repeat; width:212px; height:49px; text-indent:-3000em; display:block; padding:20px 20px 0px 20px; margin-bottom:0px}
.register-auctioneer p{color:#FFFFFF; padding:0 20px; width:200px}
.register-auctioneer a.register-btn{background:url(../images/cta/register-as-an-auctioneer-btn.gif) top left no-repeat; width:155px; height:35px; display:block; text-indent:-3000em; margin:0 0 0 20px}
.register-auctioneer a.register-btn:hover{background:url(../images/cta/register-as-an-auctioneer-btn.gif) bottom left no-repeat; }
.register-auctioneer .link{color:#FFFFFF; padding:10px 25px; float:left}
.register-auctioneer .link a{color:#FFFFFF; text-decoration:underline; }
.register-auctioneer .link a:hover{color:#000000; }

.going-going-gone{background:url(../images/cta/top-border.gif) no-repeat top center; width:943px; float:left; margin-bottom:10px}
.end-border{background:url(../images/cta/end-border.gif) no-repeat bottom center; width:943px; float:left}
.middle-border{background:url(../images/cta/middle.gif) repeat-y 20% 0; width:943px; float:left; margin:10px 0}
.going-going-gone h4{background:url(../images/cta/going-going-gone-ttl.gif) center no-repeat; width:625px; height:38px; display:block; text-indent:-3000em; float:left; padding:10px 20px; margin-bottom:0px}
.going-going-gone h5{color:#333333; font-size:1.4em; width:625px; padding:0px 20px; }
.going-going-gone img {float:right; padding:0 20px 0 0; }
.going-going-gone p{ float:left; width:680px; padding:0 20px}
.going-going-gone a.read-about-us-btn{background:url(../images/cta/read-about-us-btn.gif) top left no-repeat; width:127px; height:29px; text-indent:-3000em; display:block; float:left; margin:0 25px} 
.going-going-gone a.read-about-us-btn:hover{background:url(../images/cta/read-about-us-btn.gif) bottom left no-repeat; }

/* 3.4 content */

/* 3.4.1 form panels (register/login/etc.) */

div#content { background:#fff }
form#login-panel { background:#007fff; width:310px; float:left; padding:10px; margin-right:13px; margin-bottom:20px }
form#login-panel fieldset { border:none }
form#login-panel #login-here-ttl { background:url(../images/global/login-to-your-account-ttl.gif) no-repeat; width:232px; height:27px; text-indent:-3000em; display:block }
form#login-panel ol { list-style:none }
form#login-panel ol .input-field { width:200px; float:left }
form#login-panel ol .submit-field { width:110px; float:left }
form#login-panel ol li .form-field { background:url(../images/global/login-to-your-account-input-bg.gif) no-repeat; border:none; padding:6px; color:#6f6f6f; font-family:"Arial", Helvetica, sans-serif; font-size:1.0em; width:185px; margin:2px 0; float:left } 
form#login-panel ol li input[type="image"] { margin:2px 0; float:left; width:110px }
form#login-panel ol li.need-help { clear:left; float:left; color:#FFFFFF }
form#login-panel ol li.need-help a { color:#FFFFFF }
form#login-panel ol li.need-help a:hover { color:#333333 }
form#register-panel { background:#ff5c00; width:310px; float:left; padding:10px }
form#register-panel fieldset { border:none }
form#register-panel #not-registered-ttl { background:url(../images/global/not-registered-ttl.gif) no-repeat; width:232px; height:27px; text-indent:-3000em; display:block }
form#register-panel ol { list-style:none }
form#register-panel ol .input-field { width:200px; float:left }
form#register-panel ol .submit-field { width:110px; float:left }
form#register-panel ol li .form-field { background:url(../images/global/register-your-account-input-bg.gif) no-repeat; border:none; padding:6px; color:#6f6f6f; font-family:"Arial", Helvetica, sans-serif; font-size:1.0em; width:185px; margin:2px 0; float:left } 
form#register-panel ol li input[type="image"] { margin:2px 0; float:left; width:110px }
form#register-panel ol li.need-help { clear:left; float:left; color:#FFFFFF }
form#register-panel ol li.need-help a { color:#FFFFFF }
form#register-panel ol li.need-help a:hover { color:#333333 }

/* 3.5.1 static containers */

.static-containers { padding:0 10px }
.static-containers h2 { color:#007FFF; font-family:Arial, Helvetica, sans-serif!important }
.static-containers h3 { color:#777777; font-size:1.3em; font-family:Arial, Helvetica, sans-serif!important }
.static-containers .section { padding-top:1em; padding-left:1em; padding-right:1em }
.static-containers a { color:#007FFF }
.static-containers p { color:#666666; font-family:Arial, Helvetica, sans-serif!important }
.static-containers strong { font-family:Arial, Helvetica, sans-serif!important }

.full-panels h4 { color:#666666; margin:0; padding:10px }

/* 3.5.2 panels */

.panel { background:url(../images/generic_styles/long-gradient-bottom.gif) no-repeat bottom; width:673px; padding:0px 0px 10px 0px; margin-bottom:10px; clear:left; float:left }
.panel .top { background:url(../images/generic_styles/long-gradient-top.gif) no-repeat; width:653px; padding:5px 10px }
.panel .middle { background:url(../images/generic_styles/long-gradient-middle.gif) repeat-y; width:673px; padding:0px 0px }
.panel .top .main-ttl { color:#6e6e6e; font-size:17px; font-weight:400; margin:5px 0 10px 0; font-family:Arial, "Helvetica", sans-serif; line-height:1.5em }
.panel .top .main-ttl-left { float:left }
.panel .top ul { float:right; list-style-type:none; padding-top:5px; margin:0 }
.side-panel .top ul { float:right; list-style-type:none; padding-top:5px }
.panel .top .sub-ttl { color:#666666; font-size:15px; font-weight:400; margin:0 0 10px 0; font-family:Arial, "Helvetica", sans-serif; clear:left; float:left; padding:0 }
.panel .middle .sub-ttl { color:#666666; font-size:15px; font-weight:400; margin:0 0 10px 10px; font-family:Arial, "Helvetica", sans-serif }
.panel .middle p { color:#666666; font-size:11px; padding:0 10px }
.panel .middle p a { color:#0099FF }
.panel .middle p a:hover { color:#ff5c00 }
.panel .middle ul.text-list li a { color:#0099FF }
.panel .middle ul.text-list li a:hover { color:#ff5c00 }
.panel .middle table { width:100%; border-left:1px #eeeeee solid; border-right:1px #eeeeee solid; border-top:0px; border-bottom:0px }
.panel .middle table thead tr th { background:#dbdbdb; color:#6e6e6e; padding:5px; text-transform:uppercase; font-size:12px; border:none }
.panel .middle table tbody { width:98% }
.panel .middle table tbody tr { background:url(../images/generic_styles/table-row.gif) repeat-x bottom }
.panel .middle table tbody tr th { border:none; padding:1% 2% }
/*.panel .middle table tbody tr td { border:none; padding:1% 2% }*/
.panel .middle table tbody tr td { border:none; padding:10px 2px }
.panel .middle table tbody tr td.description { padding-left: 3px; }
.panel .middle table tbody tr td.description p { padding:0px; line-height: 1.4em; }
.panel .middle table tbody tr td.description p strong { font-size:11px }
.panel .middle table tbody tr td.description p a { color:#0099FF }
.panel .middle table tbody tr td.description p a:hover { color:#ff5c00 }
.panel .middle table tbody tr td span strong { color:#999; font-weight:normal }
.panel .middle table tbody tr td.start-time { color:#ff5c00; font-size:16px; font-weight:bold; text-align:left; width:20% }
.panel .middle table tbody tr td.start-time span { color:#6e6e6e; font-size:12px; font-weight:bold; text-align:left; display:block; padding-top:5px }
.panel .middle table tbody tr td.start-time strong { display:block; padding-bottom:10px }
.panel .middle table tbody tr td.end-time { color:#6e6e6e; font-size:16px; font-weight:bold; text-align:left; width:140px }
.panel .middle table tbody tr td.end-time strong { display:block; padding-bottom:10px }
.panel .middle table tbody tr td.end-time strong.ending-soon { color:red; font-weight:bold }
.panel .middle table tbody tr td.end-time span { color:#6e6e6e; display:block; font-size:12px; font-weight:bold; text-align:left }
.panel #formHolder form fieldset legend { padding-left:10px; font-size:15px; color:#FF5C00; font-weight:normal }
.panel .middle ul.text-list { margin-left:50px }
.panel .middle ul.text-list li { list-style-type:none; line-height:2em }
.panel #formHolder legend { padding-bottom:10px }
.panel div.section { padding-left:10px }

strong.paddle { padding-left:30px; background:url(../images/icons/paddle.gif) no-repeat;
                padding-bottom:20px }
span.good { color: green }

div.notifications { background: }

/* 3.5.3 breadcrumbs */

#content dl.breadcrumb { clear:left; padding-bottom:1em; padding-top:0.5em }
#content dl.breadcrumb dt { padding-right:0.5em }
#content dl.breadcrumb dt,dl.breadcrumb dd { float:left }
#content dl.breadcrumb dd span.seperator { padding-right:0.3em }
#content dl.breadcrumb dd a { color:#FF5C00 }

/* 3.5.4 steps */

.steps { list-style:none; clear:both }
.steps li { display:inline-block; float:left; margin-right:10px }
.steps .step1 { background:url(../images/generic_styles/step1.gif) no-repeat top left; padding:8px 0 8px 30px }
.steps .step2 { background:url(../images/generic_styles/step2.gif) no-repeat top left; padding:8px 0 8px 30px }
.steps .step3 { background:url(../images/generic_styles/step3.gif) no-repeat top left; padding:8px 0 8px 30px }
.steps .step4 { background:url(../images/generic_styles/step4.gif) no-repeat top left; padding:8px 0 8px 30px }
.steps .step5 { background:url(../images/generic_styles/step5.gif) no-repeat top left; padding:8px 0 8px 30px }
.steps .current { background-position:bottom left; padding:8px 0 8px 30px }

/* 3.5 primary content */

div#primary-content { margin:0 0; float:left; width:682px }

/* 3.6 secondary content */

div#secondary-content { float:right; width:254px; margin:0px 0 0 0px }

/* 3.6.1 side panels */

.ccwrapper { float:left }
.rounded { background:#eeeeee; margin-bottom:20px; width:250px; padding:1px 1px 1px 1px; float:left }
.side-panel { width:254px; display:block; float:left; padding:0 0 10px 0 }
.side-panels-top { background:url(../images/global/top-gradient-panel.gif) no-repeat; width:254px; display:block; float:left }
.side-panels-top-wider { background:url(../images/global/top-gradient-panel-wider.gif) no-repeat; width:420px; display:block; float:left }
.side-panels-top-wide { background:url(../images/global/top-gradient-panel-wide.gif) no-repeat; width:480px; display:block; float:left }
.side-panels { background:url(../images/global/middle-gradient-panel.gif) repeat-y; width:254px; display:block; float:left }
.side-panels-wide { background:url(../images/global/middle-gradient-panel-wide.gif) repeat-y; width:480px; display:block; float:left }
.side-panels-wider { background:url(../images/global/middle-gradient-panel-wider.gif) repeat-y; width:420px; display:block }
.side-panels-bottom { background:url(../images/global/bottom-gradient-panel.gif) bottom no-repeat; width:254px; display:block; float:left; height:10px }
.side-panels-bottom-wider { background:url(../images/global/bottom-gradient-panel-wider.gif) bottom no-repeat; width:420px; display:block; float:left; height:10px }
.side-panels-bottom-wide { background:url(../images/global/bottom-gradient-panel-wide.gif) bottom no-repeat; width:480px; display:block; float:left; height:10px }
.side-panels p { width:160px; padding:20px 0 0 10px; color:#666666; float:left }
.side-panels a { color:#0099FF }
.side-panels .static-img { padding:20px 2px 20px 0; float:right }
.side-panels .items { float:left; padding:5px; width:240px }
.side-panels .items dt { float:left; width:65px; padding-left:7px; padding:15px 0 10px 7px; clear:both }
.side-panels .items dt img { float:left; width:65px; height:65px; border:1px #eeeeee solid; padding:0 }
.side-panels .items dd { float:right; width:160px; padding:15px 0 10px 7px }
.side-panels .items dd h6 { padding:0px 0 10px 0; margin:0; color:#333333; font-weight:bolder }
.side-panels .items dd p { padding:0px 0; margin:0; font-size:1.0em }
.side-panels .user-settings { width:230px; padding:8px 10px 0 15px }
.side-panels .niceform .user-settings dt { position:relative; left:0px; top:0; overflow:auto; height:auto; width:230px; color:#6e6e6e; font-size:1.0em; font-weight:bold; padding:1px 0 }
.side-panels .niceform .user-settings dd { width:230px }
.side-panels .niceform .user-settings #name { width:230px }
.side-panels .inline-link { float:left; padding:0px 0 0 10px }
.side-panel-form { float:right; width:100px; padding:8px 10px 0 0 }
.side-panel .side-panel-form dl { width:100px; float:right; margin:0px }
.side-panel .side-panel-form dl dd { padding:0; margin:0; width:100px }
.side-panel .side-panel-form dl dd #sold_items { width:100px; font-size:0.8em }
.side-panel .side-panel-form dl dd #items_won { width:100px; font-size:0.8em }
.side-panel div.help ol { padding-left:30px; font-size:10px; color:#666666 }
.side-panel .side-panel-form dl dd #payment_info { width:100px; font-size:0.8em }
.side-panel { background:url(../images/generic_styles/side-panel-bottom.gif) no-repeat bottom; width:252px; padding:0px 0px 10px 0px; margin-bottom:10px; float:left }
.side-panel .top { background:url(../images/generic_styles/side-panel-top.gif) no-repeat; width:232px; padding:5px 10px }
.side-panel .middle { background:url(../images/generic_styles/side-panel-middle.gif) repeat-y; width:252px; padding:0px 0px }
.side-panel .top .main-ttl { color:#6e6e6e; font-size:17px; font-weight:400; margin:5px 0 10px 0; font-family:Arial, "Helvetica", sans-serif }
.side-panel .top .sub-ttl { color:#666666; font-size:15px; font-weight:400; margin:0 0 0px 0; font-family:Arial, "Helvetica", sans-serif }
.side-panel .middle p { color:#666666; font-size:11px; padding:0 10px 0 15px }
.side-panel .middle p a { color:#0099FF }
.side-panel .middle p a:hover { color:#ff5c00 }
.side-panel .middle img { float:right; margin-right:2px }

/* 3.7 tertiary content */

div#tertiary-content { clear:both; width:940px }

/* 3.8 footer */

div#footer { }
div#footer span { float:left; color:#999999; font-size:1.0em }
div#footer span a { color:#999999; font-size:1.0em }
div#footer ul { float:right; list-style:none }
div#footer ul li { float:left; font-size:0.9em }
div#footer ul li a { color:#999999; padding:0 5px; font-size:0.9em }

.form-button { background:url(../images/global/isylan-btn.gif) top no-repeat; width:129px; height:14px; padding:5px; text-align:center; display:block; color:#FFFFFF; font-size:11px }
.form-button:hover { background:url(../images/global/isylan-btn.gif) bottom no-repeat; color:#000 }
.full-panels { background:#fff url(../images/global/full-panel-top.gif) top no-repeat; float:left; width:682px; padding:1px 1px 0px 1px }
.full-panels-tabbed { background:#fff url(../images/global/full-panel-tabbed-top.gif) top no-repeat; float:left; width:682px; padding:1px 1px 0px 1px }
.full-panels-middle { background:#fff url(../images/global/full-panel-middle.gif) repeat-y; width:682px; margin:0px 0; padding:0px 0px 1px 0px }
.full-panels-bottom { background:#fff url(../images/global/full-panel-bottom.gif) bottom no-repeat; width:682px; margin:0px 0; height:5px; padding:0px 0px 1px 0px; float:left; display:block }
.full-panels-wide { background:#fff url(../images/global/full-panel-top-wide.gif) top no-repeat; float:left; width:943px; padding:1px 1px 0px 1px }
.full-panels-middle-wide { background:#fff url(../images/global/full-panel-middle-wide.gif) repeat-y; width:943px; margin:0px 0; padding:0px 0px 1px 0px }
.full-panels-bottom-wide { background:#fff url(../images/global/full-panel-bottom-wide.gif) bottom no-repeat; width:943px; margin:0px 0; height:5px; padding:0px 0px 1px 0px; float:left; display:block }
.full-panels-tabbed h2 { float:left; padding:0; margin:0; font-weight:normal; height:51px }
.full-panels-tabbed h2 a { width:126px; height:40px; display:block; background:url("../images/global/tab.gif") no-repeat }
.full-panels-tabbed h2 a:active,.full-panels-tabbed h2 a.active { background:url("../images/global/tab-active.gif") no-repeat }
.full-panels-tabbed h2 a span { padding:15px; display:block; color:#666 }

/* 4. GLOBAL ELEMENTS / CONTROLS */

/* 4.1 accessibility */

ul#skiplinks { display:none }
ul#skiplinks a, ul#skiplinks a:hover, ul#skiplinks a:visited { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden } 
ul#skiplinks a:active, ul#skiplinks a:focus { position:static; width:auto; height:auto }
#formHolder select.small { width:6em }

/* 4.2 buttons */

/* 4.2.1 form buttons */

.green-input-btn { border:0pt none ; padding:0pt; background:transparent url(../images/generic_styles/green-btn.gif) repeat scroll 0% 0%; font-size:12px; width:83px; height:24px; color:white; font-weight:bold }
.blue-input-btn { border:0pt none ; padding:0pt; background:transparent url(../images/generic_styles/blue-btn.gif) repeat scroll 0% 0%; font-size:12px; width:83px; height:24px; color:white; font-weight:bold }
.orange-input-btn { border:0pt none ; padding:0pt; background:transparent url(../images/generic_styles/orange-btn.gif) repeat scroll 0% 0%; font-size:12px; width:83px; height:24px; color:white; font-weight:bold }
.register { background:url(../images/generic_styles/green-btn.gif) center left no-repeat; border:0px; width:84px; margin-top:2px; font-size:12px; font-weight:bold; padding:7px 0px; display:block; color:#FFFFFF; text-align:center; overflow:hidden }
input.blue { background:url(../images/generic_styles/blue-btn.gif) center left no-repeat; border:0px; width:84px; margin-top:2px; font-size:12px; font-weight:bold; padding:7px 0px; display:block; color:#FFFFFF; text-align:center; overflow:hidden }
.orange { background:url(../images/generic_styles/orange-btn.gif) center left no-repeat; border:0px; width:84px; margin-top:2px; font-size:12px; font-weight:bold; padding:7px 0px; display:block; color:#FFFFFF; text-align:center; overflow:hidden }

/* 4.2.2 button lists */

ul.buttons { clear:both }
ul.buttons li { float:left; list-style-type:none; padding-right:10px }
ul.buttons-padded { clear:both; padding-left:10px; padding-right:10px }
ul.buttons li.clear-button { clear:both; margin-top:10px }
ul.vertical-buttons li { margin-top:10px }
ul.right-buttons li { float:rightr }
div.middle p.page-action a { float:right }
div.middle ul.choice { padding-left:10px }

/* 4.2.3 link buttons */

a.button,div.button { float:left; color:white; font-weight:bold; height:24px; display:block; cursor:pointer; font-size:12px }
a.button span.slide,div.button span.slide { display:block; height:24px; padding-left:7px; padding-right:7px; line-height:24px; float:left; color:white }
a.navigate-btn { background:url(../images/buttons/navigate-go-left.gif) no-repeat }
a.navigate-btn span.slide { background:url(../images/buttons/navigate-go-right.gif) no-repeat right }
a.action-btn { background:url(../images/buttons/action-left.gif) no-repeat }
a.action-btn span.slide { background:url(../images/buttons/action-right.gif) no-repeat right }
a.badaction-btn { background:url(../images/buttons/badaction-left.gif) no-repeat }
a.badaction-btn span.slide { background:url(../images/buttons/badaction-right.gif) no-repeat right }
a.disabled-btn { cursor:default; background:url(../images/buttons/disabled-left.gif) no-repeat }
a.disabled-btn span.slide { background:url(../images/buttons/disabled-right.gif) no-repeat right; color:#ccc }

/* 4.3 notifications */

.green-notification { color:#2A6F22; background:#B9DFB5; font-size:1.2em; clear:both; padding:10px; margin:10px; border:1px solid #A0CF9B }
.orange-notification { color:white; background:#B9DFB5 font-size:1.2em }
.blue-notification { color:white; background:#007FFF; font-size:1.2em }
.red-notification { color:white; background:#ff0000; font-size:1.2em; padding:10px; }
#primary-content .red-notification { margin:10px; padding:10px; }
.notification { font-size:1.5em; margin-bottom:1em; padding:0.5em !important; display:block }
.notification a { color:white; font-weight:bold }

/* 4.4 pagination */

div.pagination-nav { clear:both; padding:10px; border-top:1px solid #ddd }
div.pagination-nav p.results-label { padding:0 }
div.pagination-nav a { color:#007FFF }
div.pagination-nav ul { float:left; margin-top:0; font-size:11px }
div.pagination-nav a.prev,div.pagination-nav a.next { display:block; float:left }
div.pagination-nav ul li { list-style-type:none; float:left; margin-right:0.5em }
div.pagination-nav ul li.current { font-weight:bold }
div.pagination-nav span.choices a.current { font-weight:bold;color:#888;cursor:default }
div.pagination-nav a.prev { padding-right:10px }
div.pagination-nav a.next { padding-left:10px }
div.pagination-nav span.choices { padding-left: 10px }
div.pagination-nav span.choices a { padding:0px 5px }

/* 5. TEMPLATE/PAGE SPECIFIC */

/* 5.1 titles */

#live-auctions-ttl { background:url(../images/global/live-auctions-ttl.gif) no-repeat; width:682px; height:37px; text-indent:-3000em; display:block; float:left; margin:15px 0 0 0 }
#auctions-ttl { background:url(../images/global/auctions-ttl.gif) no-repeat; width:682px; height:37px; text-indent:-3000em; display:block; float:left; margin:0px 0 0 0 }
#your-live-auctions-ttl { background:url(../images/global/your-live-auctions-ttl.gif) no-repeat; width:682px; height:37px; text-indent:-3000em; display:block; float:left; margin:0px 0 0 0 }
#all-watched-items-ttl { background:url(../images/global/all-watched-items-ttl.gif) no-repeat; width:682px; height:37px; text-indent:-3000em; display:block; float:left; margin:0px 0 0 0 }
#main-auction-house-ttl { background:url(../images/global/main-auction-houses-ttl.gif) no-repeat; width:254px; height:50px; text-indent:-3000em; display:block }
#everything-automated-ttl { background:url(../images/global/everything-automated-ttl.gif); height:27px; width:175px; text-indent:-3000em; display:block; margin:10px 0 0 10px }
#speedy-response-ttl { background:url(../images/global/speedy-response-ttl.gif); height:27px; width:205px; text-indent:-3000em; display:block; margin:10px 0 0 10px }
#user-settings-ttl { background:url(../images/global/user-settings-ttl.png) no-repeat; height:27px; width:102px; text-indent:-3000em; display:block; margin:10px 0 0 10px; float:left }
#house-settings-ttl { background:url(../images/global/house-settings-ttl.png) no-repeat; height:27px; width:150px; text-indent:-3000em; display:block; margin:10px 0 0 10px; float:left }
#actions-ttl { background:url(../images/global/actions-ttl.gif) no-repeat; height:27px; width:200px; text-indent:-3000em; display:block; margin:10px 0 0 10px; float:left }
#house-ttl { background:url(../images/global/house-ttl.gif) no-repeat; height:27px; width:200px; text-indent:-3000em; display:block; margin:10px 0 0 10px; float:left }
#account-ttl { background:url(../images/global/user-settings-ttl.gif) no-repeat; height:27px; width:102px; text-indent:-3000em; display:block; margin:10px 0 0 10px }
#bid-report-ttl { background:url(../images/global/bid-report-ttl.gif) no-repeat; height:27px; width:90px; text-indent:-3000em; display:block; margin:10px 0 0 10px; float:left }
#items-won-ttl { background:url(../images/global/items-won-ttl.gif) no-repeat; height:27px; width:90px; text-indent:-3000em; display:block; margin:10px 0 0 10px; float:left }
#terms-and-conditions-ttl { background:url(../images/global/terms-and-conditions-ttl.gif) left center no-repeat; width:177px; height:50px; text-indent:-3000em; display:inline-block; margin:0 0 0 10px }
#about-us-ttl { background:url(../images/global/about-us-ttl.gif) left center no-repeat; width:177px; height:50px; text-indent:-3000em; display:inline-block; margin:0 0 0 10px }
#contact-us-ttl { background:url(../images/global/contact-us-ttl.gif) left center no-repeat; width:177px; height:50px; text-indent:-3000em; display:inline-block; margin:0 0 0 10px }

div.panel div.middle h4, div.side-panel div.middle h4 { color:#007FFF; font-size:14px; padding-left:10px }

/* 5.2 auction table */

#auctions span.current-bid { font-size:1em; font-weight:bold; display:block; padding:0.2em }
#auctions { float:left; width:680px; border:none; margin-bottom:10px }
#auctions thead { width:680px; float:left }
#auctions thead tr td { border:none }
table.auctions { float:left; width:680px; border:none; margin-bottom:10px }
table.auctions thead { width:680px; float:left }
table.auctions thead tr td { border:none }
#logo-ttl { background:#dbdbdb url(../images/global/logo-ttl.gif) no-repeat; width:117px; height:25px; text-indent:-3000em; display:block; float:left }
#no-ttl { background:#dbdbdb url(../images/global/no-ttl.gif) no-repeat; width:117px; height:25px; text-indent:-3000em; display:block; float:left }
#auction-houses-none-ttl { background:#dbdbdb; width:328px; height:25px; text-indent:-3000em; display:block; float:left }
#auction-houses-ttl { background:#dbdbdb url(../images/global/auction-houses-ttl.gif) no-repeat; width:328px; height:25px; text-indent:-3000em; display:block; float:left }
#descriptions-ttl { background:#dbdbdb url(../images/global/descriptions-ttl.gif) no-repeat; width:328px; height:25px; text-indent:-3000em; display:block; float:left }
#start-date-ttl { background:#dbdbdb url(../images/global/start-date-ttl.gif) no-repeat; width:115px; height:25px; text-indent:-3000em; display:block; float:left }
#end-date-ttl { background:#dbdbdb url(../images/global/end-date-ttl.gif) no-repeat; width:119px; height:25px; text-indent:-3000em; display:block; float:left }
body.auction #auctions tbody tr .end-date { padding:26px 17px 0px 17px; text-align:center; width:85px; border-right:0px solid #eeeeee }
body.auction .register-btn { font-size:14px !important }
#auctions tbody { width:679px; float:left }
#auctions tbody tr { background:#f8f8f8 url(../images/global/auction-bg.gif) repeat-x }
#auctions tbody tr td { border:none; padding:26px 0 0 0 }
#auctions tbody tr .image { padding:26px 26px 0px 26px; width:65px; border-left:1px solid #eeeeee }
#auctions tbody tr .description { width:328px }
#auctions tbody tr .description .more-info { color:#007fff }
#auctions tbody tr .start-date { width:80px; text-align:center; padding:26px 17px 0px 17px }
#auctions tbody tr .start-date p { margin:0; color:#ff5c00; font-size:1.6em; font-weight:bold }
#auctions tbody tr .end-date { padding:26px 17px 0px 17px; text-align:center; width:85px; border-right:1px solid #eeeeee }
.auctions tbody { width:679px; float:left }
.auctions tbody tr { background:#f8f8f8 url(../images/global/auction-bg.gif) repeat-x }
.auctions tbody tr td { border:none; padding:26px 0 0 0 }
.auctions tbody tr .image { padding:26px 26px 0px 26px; width:65px; border-left:1px solid #eeeeee }
.auctions tbody tr .description { width:328px }
.auctions tbody tr .description .more-info { color:#007fff }
.auctions tbody tr .start-date { width:80px; text-align:center; padding:26px 17px 0px 17px }
.auctions tbody tr .start-date p { margin:0; color:#ff5c00; font-size:1.6em; font-weight:bold }
.auctions tbody tr .end-date { padding:26px 17px 0px 17px; text-align:center; width:85px; border-right:1px solid #eeeeee }
body.buyer #auctions tbody tr .end-date { padding:26px 17px 0px 17px; text-align:center; width:85px; border-right:0px solid #eeeeee }
body.buyer #auctions tbody { width:679px; float:left }
body.buyer #auctions tbody tr { background:#f8f8f8 url(../images/global/auction-bg.gif) repeat-x }
body.buyer #auctions tbody tr td { border:none; padding:26px 0 0 0 }
body.buyer #auctions tbody tr .image { padding:26px 26px 0px 26px; width:65px; border-left:1px solid #eeeeee }
body.buyer #auctions tbody tr .description { width:328px }
body.buyer #auctions tbody tr .description .more-info { color:#ff5c00 }
body.buyer #auctions tbody tr .start-date { width:80px; text-align:center; padding:26px 17px 0px 17px }
body.buyer #auctions tbody tr .start-date p { margin:0; color:#ff5c00; font-size:1.6em; font-weight:bold }
body.buyer #auctions tbody tr .end-date { padding:26px 17px 0px 17px; text-align:center; width:85px; border-right:0px solid #eeeeee }
#auctions tbody tr .end-date p { margin:0; color:#6e6e6e; font-size:1.6em; font-weight:bold }
#auctions tbody tr .end-date .register-btn { background:url(../images/global/green-btn.gif) no-repeat; display:block; width:75px; padding:5px; color:#FFFFFF; font-size:1.4em; font-weight:bold; text-align:center; margin-top:10px }
table.auctions tbody tr .end-date p { margin:0; color:#6e6e6e; font-size:1.6em; font-weight:bold }
table.auctions tbody tr .end-date .register-btn { background:url(../images/global/green-btn.gif) no-repeat; display:block; width:75px; padding:5px; color:#FFFFFF; font-size:14px; font-weight:bold; text-align:center; margin-top:10px }
body.auction .register-btn { background:url(../images/global/green-btn.gif) no-repeat; display:block; width:75px; padding:5px; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:center; margin-top:10px }
body.buyer tbody tr .end-date .register-btn { font-size:1.3em !important }
#primary-content .auction-houses dt { font-weight:bold; padding:0.5em }
.auction-houses { float:left; background:url(../images/global/main-auction-houses-middle.gif) repeat-y }
.auction-houses dd { float:left; padding:0 0 13px 13px }
.auction-houses dd a { border:1px solid #eeeeee; display:block }
.auction-houses dd { width:67px; height:67px }
.auction-houses dt#bottom { background:url(../images/global/main-auction-houses-bottom.gif) bottom no-repeat; height:38px; width:257px; float:left }
.auction-houses dt#bottom a { float:right; color:#999999; padding-right:25px }

/* 5.3 edit your auction */

body.auction div#primary-content { margin:15px 0; float:left; width:682px; background:#fff }
.edit-your-auction { background:url(../images/global/auction-bg-top.gif) no-repeat }
.auction-house { background:url(../images/global/blue-bar.gif) no-repeat; width:680px; float:left }
.auction-house h1 { padding:19px 10px; color:#FFFFFF; font-size:2.2em; font-weight:lighter; float:left; display:block; width:400px }
.auction-house fieldset { border:0 }
.auction-house-select { width:200px }
.options { width:193px }
#start-a-new-auction-ttl { background:url(../images/global/start-a-new-auction-ttl.gif) left center no-repeat; width:177px; height:50px; text-indent:-3000em; display:inline-block; margin:0 0 0 10px }
.back-to-home-link { color:#007fff; float:right; padding:12px }

/* 5.4 buyer */

.buyer-info { background:url(../images/global/orange-bar.gif) no-repeat; width:680px; float:left }
.buyer-info h1 { padding:19px 10px; color:#FFFFFF; font-size:2.2em; font-weight:lighter; float:left; display:block; width:400px }
.buyer-info fieldset { border:0 }
.buyer-info-select { width:200px }

/* 5.5 auction house */

body.house strong.member-of-house { color:green; font-style:italic }
body.house strong.applied-to-house { color:red; font-style:italic }

/* 5.6 nice forms */

.add-auction { float:right; padding:10px 8px }
#submit-your-details-btn { float:right; margin:25px 0 0 0; background:transparent url(../images/global/isylan-btn.gif) repeat scroll 0 0; border:0 none; color:#FFFFFF; height:24px; padding:4px; width:139px }
.disabledinput { color:#555; padding-left:0.3em; padding-bottom:1em }
.edit-disabled { color:#007FFF; margin-left:1em }

/* 5.7 category display */

/* 5.8 create auction */

form .date-validity { clear:both; color:white; display:block; float:left; font-weight:bold; margin-top:1em; padding:1em !important }
form .date-ok { background:green }
form .date-bad { background:red }

/* 5.9 manage auction */

body.manage-auction div.datepick { float:left }
body.manage-auction input.auction-period { display:none }
body.manage-auction ol.period-pick { display:none }
body.manage-auction div#formHolder div.input-error { clear:left }

/* 5.10 auction dashboard */

body.auction-dashboard div.dashboard-main-panel { padding:10px }
body.auction-dashboard div.dashboard-main-panel div.actions-panel { float:left; width:300px }
body.auction-dashboard div.dashboard-main-panel h2 { color:#007FFF; line-height:1.3em; font-size:15px }
body.auction-dashboard div.review-panel { float:right; width:250px; padding: 10px; }
body.auction-dashboard div.side-panel div.review-panel { float:none; width:auto }
body.auction-dashboard div.side-panel div.actions-panel { float:none; width:auto }
body.auction-dashboard div.review-panel small { font-weight:bold; color:#aaa; font-size:10px }
body.auction-dashboard div.review-panel small.timespan { padding-left:10px }
body.auction-view table small.timespan { color:#aaa; padding-left:10px; display:block }
body.auction-dashboard strong.message { color:green; font-size:12px; }
body.auction-dashboard strong.paddleerror { color:red; font-size:14px; }
body.auction-dashboard div.review-panel dd strong.good { color:green }
body.auction-dashboard div.review-panel dd strong.bad { color:red }
body.auction-dashboard div.review-panel dt { float:left; clear:left; width:70px }
body.auction-dashboard div.review-panel dt,body.auction-dashboard div.review-panel dd { line-height:2em }
body.auction-dashboard div.dashboard-main-panel h3 { color:#007FFF; margin-bottom:5px }
body.auction-dashboard div.dashboard-main-panel a.publish-btn { width:83px; height:24px; background:url(../images/buttons/publish.gif) no-repeat; display:block; float:left; margin-right:10px }
body.auction-dashboard div.dashboard-main-panel a.disable-btn { width:83px; height:24px; background:url(../images/buttons/disable-auction.gif) no-repeat; display:block; float:left; margin-right:10px }
body.auction-dashboard div.dashboard-main-panel a.edit-btn { width:83px; height:24px; background:url(../images/buttons/edit-auction-details.gif) no-repeat; display:block; float:left }
a.dashboard-btn { width:83px; height:24px; background:url(../images/buttons/dashboard.gif) no-repeat; display:block; float:right }
body.auction-dashboard div.dashboard-main-panel a.add-items-btn { width:83px; height:24px; background:url(../images/buttons/add-items.gif) no-repeat; display:block; float:right; margin-right:10px }
body.auction-dashboard div.dashboard-main-panel a.edit-items-btn { width:83px; height:24px; background:url(../images/buttons/edit-items.gif) no-repeat; display:block; float:right; margin-right:10px }
body.manage-auction a.dashboard-btn { margin-right:10px }
body.auctioneer-auctions h2.section { clear:both; padding:10px; color:#FF5C00; font-size:16px; margin-bottom:0; padding-bottom:10px }
body.auctioneer-auctions div.dashboard-main-panel { clear:both }
body.auctioneer-auctions div.section { padding-left:10px }
body.auction-dashboard div.dashboard-main-panel ul.buttons li.right-button { float:right; padding-right:0px }
body.auction-dashboard div.dashboard-main-panel dl.bid-summary dt { width:70px }
body.auction-dashboard div.side-panel div.dashboard-main-panel .timespan { display:block; margin-left:40px }
body.auction-dashboard div.recent-bids ul.items li { list-style-type:none; }
body.auction-dashboard div.recent-bids ul.items strong.item { display:block; color:#007FFF; font-size:14px }
body.auction-dashboard div.recent-bids ul.items li.item { padding-left:10px }
body.auction-dashboard div.recent-bids ul.items ul.bids { padding:10px 0 0 10px }
body.auction-dashboard div.recent-bids ul.items ul.bids li { line-height:1.5em }
body.auction-dashboard div.recent-bids ul.items ul strong { width:100px; display:block; float:left }
body.auction-dashboard div.recent-bids ul.items ul small.when { color:#007FFF }

/* 5.11 bidding */

#formHolder form.bid-form label { width:70px }
#formHolder form.bid-form input.required { width:4em }

body.auction-dashboard div.dashboard-main-panel div.bid-panel { float:right }
body.auction-dashboard div.dashboard-main-panel .gallery { float:left }

body.bid div.dashboard-main-panel .bid-panel h2 { margin:0 }
body.bid div.dashboard-main-panel .bid-panel #formHolder ol { margin:0 }
body.bid div.dashboard-main-panel .bid-panel #formHolder li { padding:0 }
body.bid div.dashboard-main-panel .other-actions { float:right; width:300px }

body.bid #tertiary-content div.lot-description { }
body.bid #primary-content .middle p.awaiting-approval { padding-left:10px; float:left }

/* 5.12 auction view */

table th.actions-col { width:60px }
table td.thumbnail { padding: 0; }
/*table td.thumbnail img { padding-right:10px }*/
table td small.timespan { width:100px }
/*table td.time-col { padding-left: 2px; }
table td.curr-bid-col { padding-left: 2px; }
table td.total-bids-col { padding-left: 2px; }*/

/* 5.13 auctioneer home page */

div.auctioneer-home div.logo { width:150px; float:right; text-align:right; margin-right:10px }
div.auctioneer-home div.logo p { clear:both; text-align:right; float:right; padding:0 }
div.auctioneer-home div.logo p a { clear:both; float:right }
div.auctioneer-home div.main-options { float:left; width:500px }

/* 5.14 auction dashboard */

body.auction-dashboard div.bidders-pending ul.bidders { list-style-type:none; padding-left:20px }
body.auction-dashboard div.bidders-pending ul.bidders li { clear:both }
body.auction-dashboard div.bidders-pending ul dl { float:left }
body.auction-dashboard div.bidders-pending ul dt { color:#007FFF; font-size:15px; padding-bottom:10px }
body.auction-dashboard div.bidders-pending ul dd { padding-left:10px; line-height:1.7em }
body.auction-dashboard div.bidders-pending ul.buttons,
body.auction-dashboard div.recent-bids ul.buttons { padding-left:10px; clear:left }

/* 5.15 auction bids */

body.auction-all-bids div.panel h2 { color:#007FFF; display:block; font-size:14px; padding-left:10px }
body.auction-all-bids tr.bids-row table { width:100%;border-top: 1px solid #eee;border-bottom: 1px solid #eee; }
body.auction-all-bids tr.bids-row td { padding:0  !important }
body.auction-all-bids tr.bids-row td table td { padding:1% 2% !important }
body.auction-all-bids tr.bids-row td table { border-right:0px solid white;border-bottom:0px solid white;border-left:0px solid white }
tr.bids-row table tr.alt {   }
tr.bids-row table tr.fake {  background: #eee; color:#777 }
body.auction-all-bids table strong.current-bid { background:#14D000; color:white;padding:0.3em;font-weight:bold; font-size:12px }
body.auction-all-bids table  td.description { padding-left:20px !important }
body.auction-all-bids table .bids-row td a.navigate-btn { margin-left:10px; margin-bottom:10px }

/* 5.16 auctioneer auction items */

body.auctioneer-auctions .panel .middle th.image { width:80px }
body.auction-items .middle ul.buttons { padding-left:10px }
body.auction-items .middle ul.buttons li.edit-item { clear:both; padding-top:10px }
body.auction-items .middle ul.buttons li.view-item { clear:both; padding-top:10px }
body.auction-items .image-preview { display:block; margin-left:150px }
body.auction-items .middle h2 { clear:both; font-size:15px; line-height:1.3em; color:#007FFF; padding-left:10px }
    
/* 5.17 categories page */

body.categories div.middle div.category { padding-left:10px; }
body.categories div.middle div.category div.description { }
body.categories div.middle div.category div.description img { float:right; padding:0px 10px; }
body.categories div.middle div.category h2 { clear:both; font-size:15px; line-height:1.3em; }
body.categories div.middle div.category h2 a { color:#007FFF; }
body.categories div.category-summary img { float:right; padding-right:10px }

/* 5.18 bidder home page */

body.bidder-home div.middle table p.msg { clear:left; padding:10px 0px }
body.bidder-home div.middle table p.msg .good { color:#448f0d }
body.bidder-home div.middle table p.msg .bad { color:#ff5c00 }
body.bidder-home div.middle table th.image { width:80px }
body.bidder-home div.middle table th.description { width:200px }
body.bidder-home div.middle ul.buttons { padding-left:10px }

/* 5.19 auction item images upload */

body.auction-image-upload div.middle h2 { clear:both; font-size:15px; line-height:1.3em; color:#007FFF; padding-left:10px }
body.auction-image-upload form.upload-form { padding-left:10px }
body.auction-image-upload div.progressContainer { padding:10px }

/* 5.20 terms and conditions */

body.terms table.terms-table td { padding:10px }
body.terms table.terms-table { width:auto; margin-bottom:15px; padding:20px }
body.terms div.middle div.terms * { font-family:serif; font-size:12px; color:black }

/* 5.21 bidder confirm bid */

body.place-bid ul.bid-total { width:20em; font-size:15px; margin-left:50px; line-height:2em }
body.place-bid form ol { list-style-type:none; padding-left:10px }
body.place-bid .item-image { padding:10px; display:block }
body.place-bid .cancel { float:right; padding-right:10px }
body.place-bid p strong { font-size:15px; color:black }
body.place-bid ul.bid-total li.total-bid span { color:red; font-weight:bold; }
body.place-bid ul.bid-total li.total-bid { border-top:2px solid #efefef; }
body.place-bid input.agree { float:left }

/* 5.22 auctioneer edit terms / notes */

fieldset ol.big label { width:70px !important }
ol.big textarea.big { width:555px !important; height:500px }
ol.big input.big { width:555px !important; height:500px }
.derp-preview { width:560px !important; height:400px;margin-left:80px;
                background:#eee; margin-top:10px; overflow:auto }
p.derp-preview-title { margin:10px 5px; padding:10px;
                       font-weight:bold; }
div.derp-preview-content { margin:0px 10px; padding:0 10px; line-height:1.5em }

/* 5.23 terms and conditions */
ol#terms { list-style:none; margin:0 20px }
ol#terms li ol { list-style:none }
ol#terms li ul { list-style:none }
ol#terms li  { font-family:Arial, Helvetica, sans-serif }
ol#terms p { font-family:Arial, Helvetica, sans-serif }
ol#terms h3 { font-family:Arial, Helvetica, sans-serif }

/* 6. USEFUL CLASSES */

.wrapper { width:943px; margin:0 auto; text-align:left }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clr { overflow:hidden; clear:both; height:1px; margin-top:-1px }
.clearprev { clear:both }
.la { text-align:left }
.ra { text-align:right }
.ca { text-align:center }
.fl { float:left }
.fr { float:right }
.vt { vertical-align:top }
.vm { vertical-align:middle }
.vb { vertical-align:bottom }
.nb { border:0 none }
.clearboth { clear:both }
label.clear { float:none !important; margin-bottom:20px }
span.underline { text-decoration:underline }
.margintop { margin-top:10px }
.bar-server-time {
    display:none;
}
span.timespan { color: red !important; font-weight:bold !important; }
input.bidbox { width:10em }

.paddle-list { margin-left:50px }

#popup { display:none; text-align:left }
.green-popup h2 { color: green }
.red-popup h2 { color: red }
#popup .closeme { color: #777; }
strong.ended { color:#777;font-weight:normal }
.panel .middle table tbody .registrant-alt,
.panel .middle table tbody .registrant-alt tr { background:#e9e9e9 }
.reveal { color:black; font-weight:bold }

ul.home-list { margin-left:45px; line-height:1.5em; }
div.note { background:#13BF00; }
div.note h3 { color: white !important; padding:10px 0 0 10px; margin:0;}
div.note ul li { clear:both; float:none; list-style-type:disc; color:white;
           margin-left:20px }
div.note ul { clear:both; float:none; background:#13BF00; margin:0 !important; padding:10px;
          color:white; width:630px }
form.stagger ol li span.note { margin-bottom:0 !important }
form.stagger ol li { padding-bottom:0 !important }
form.stagger ol { margin-top:0 !important }
form.stagger div.errors { margin-bottom: 20px }
form.stagger li { clear:both !important }

ul.generic-list { list-style:none; margin-top:-15px }
ul.generic-list li { color:#666; font-size:1.6em; margin:20px 0 }