/* CSS Document */
html			{margin:0px; padding:0px; height:100%}
body			{margin:0px; padding:0px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:10px; z-index:10; height:100%; background-image:url(../images/main-back.gif); background-repeat:repeat-y; background-position:1px; background-color:#FFFFFF;}
h2				{font-size:12px; margin:4px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
h3				{font-size:12px; margin:4px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
h4				{font-size:10px; margin:4px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
h5				{font-size:10px; margin:4px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
p				{margin:4px;}
input			{font-size:10px;}
a, a:visited	{color:#647382;}
hr				{color:#FFFFFF; border:4px solid #FFFFFF; margin:0px; height:4px;}
table			{border-collapse:collapse; width:100%}
td				{padding:2px;text-align:left}
img				{border:0px; margin:0px}
th				{vertical-align:top;}
th a, th a:visited	{color:#FFFFFF; }
form			{margin:0px;}
ul				{margin:0px; padding:0px;}

input.custom_align {width:30px; position:relative; top:-4px;}
/* global elements */
#page-frame						{width:940px; margin:0px; position:relative; z-index:20;}
#results-display 				{width:940px; margin:0px; position:relative; z-index:20; background-image:url(../images/main-back2.gif); background-repeat:repeat-y; background-position:1px;}
#results-display #page-frame	{background-image:none;}

#header				{width:940px; height:100px; background-image:url(../images/header-back.jpg); z-index:30; overflow:hidden;}
#logo				{float:left; position:absolute; top:0px; left:0px;}
#pos-statement		{float:left; position:relative; left:130px; top:0px;}

#sidebar				{width:164px; background-color:#7DA0B9; position:relative; left:1px; top:-13px; text-align:center; float:right;}
//#sidebar #advert-shadow	{position:absolute; top:-47px; left:0px; background-image:url(../cms/images/advert-shadow.gif); background-repeat:no-repeat; background-position:top; width:164px; height:21px;}
#footer					{clear:both; position:relative; margin:20px; text-align:center;}
#footer-catalog			{clear:both; position:relative; margin:20px; text-align:center;}
#global-nav				{width:810px; position:relative; top:0px; left:130px; position:relative; z-index:100;}

/* BEGIN GLOBAL NAVIGATION CODE */
/* Dropdown Menu System css rules */

#nav, #nav ul {margin:0px; padding:0px; list-style:none; position:relative; height:35px; left:4px;}

#nav a, #nav li a {display: block; width:111px; background-image:url(../images/global-nav-drop-back.gif); background-repeat:repeat; background-position:bottom; padding:2px 2px 2px 10px; font-size:10px; line-height:14px; text-decoration:none;}
#nav a:hover 	{color: #000000; text-decoration:none; background-image:url(../images/global-nav-drop-back-hover.gif);}

#nav a.last, #nav li a.last {background-image:url(../images/global-nav-drop-bottom.gif); padding-bottom:5px;}
#nav a.last:hover, #nav li a.last:hover {background-image:url(../images/global-nav-drop-bottom-hover.gif); padding-bottom:5px;}
#nav a.global-button, #nav li a.global-button	{width:107px; text-decoration:none; line-height:24px; padding:0px 2px 0px 18px; background-image:url(../images/global-nav-buttons.gif); background-repeat:repeat; background-position:top; color:#556473; font-weight:bold;}	
#nav a.first, #nav li a.first {background-image:url(../images/global-nav-drop-back.gif); background-position:bottom; padding-top:14px;}
#nav a.first:hover, #nav li a.first:hover {background-image:url(../images/global-nav-drop-back-hover.gif); background-position:bottom;}
#nav a.pop, #nav li a.pop {background-image:url(../images/global-nav-drop-back2.gif); background-position:bottom;}
#nav a.last-pop, #nav li a.last-pop {background-image:url(../images/global-nav-drop-bottom2.gif); padding-bottom:5px;}

#nav li {list-style:none; float:left; width:123px; margin-right:2px;}
#nav li ul {position: absolute; left: -999em; width:123px;}
#nav li:hover ul {left: auto;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin-top:-7px; margin-left:2px;}

/* hide ALL submenus from view when not hovered */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}

/* Level 2 and 3 menu rules */
#nav li ul ul li a , #nav li ul ul li a.first	{background-color:#9FB7C9; border-top:1px solid #FFFFFF; background-image:none; color:#647382; padding-top:1px;}
#nav li ul ul li a.last	{background-image:url(../images/global-nav-drop-bottom-sub.gif); background-color:transparent; padding-bottom:5px; color:#647382;}
#nav li ul ul li a.pop	{background-image:url(../images/global-nav-drop-back2-sub.gif); background-color:transparent; color:#647382;}
#nav li ul ul li a.last-pop	{background-image:url(../images/global-nav-drop-bottom2-sub.gif); background-color:transparent; padding-bottom:5px; color:#647382;}
#nav li ul ul li a:hover	{color: #000000; text-decoration:none;}
#nav li ul ul {margin: -1em 0 0 10em;}
#nav li li:hover ul, #nav li li.sfhover ul {left: auto; margin:-19px 0px 0px 123px;}

/* level 3 menus */
#nav li li li:hover ul, #nav li li li.sfhover ul {left: auto; margin:-18px 0px 0px 123px;}

/* END GLOBAL NAVIGATION CODE */

/* main areas */
#utility-area							{height:25px; text-align:right; width:635px; position:relative; z-index:1;}
#utility-area .button			{margin-right:2px;}
#utility-area th p		{color:#00539B; font-size:11px;}
#utility-area table		{margin-right:10px; width:630px;}
#utility-area td 		{text-align:right; padding:0px;}
#utility-area p			{font-size:11px; font-weight:bold;}

/* side navigation */
#side-nav				{width:130px; float:left; position:relative; background-color:#BECDDC; color:#556473; margin-right:5px; top:10px; left:0px; font-size:11px;}
#side-nav a, #side-nav a:visited	{text-decoration:none;}
#side-nav .header-home	{color:#FFFFFF; background-image:url(../images/side-nav-top-header-light-blue.gif); background-repeat:no-repeat; position:absolute; left:0px; top:-4px; display:block; width:123px; height:16px; padding:3px 3px 3px 8px; font-size:12px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
#side-nav .header-home a	{color:#FFFFFF;}
#side-nav .header		{color:#FFFFFF; background-image:url(../images/sbhead-r.gif); background-repeat:no-repeat; position:relative; display:block; width:115px; height:16px; padding:3px 3px 3px 8px; font-size:12px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
#side-nav .header a		{color:#FFFFFF}
#side-nav .spacer		{height:20px;}
#side-nav .check		{width:15px; clear:both;}
#side-nav h3			{color:#FFFFFF;}
#side-nav h4			{margin:6px;}
#side-nav #speed-search {position:relative; border-bottom:1px solid #FFFFFF; margin:18px 0px 5px 2px;}

#side-nav ul.side-menu { list-style:none; margin:0px; padding:0px; position:relative;}
#side-nav ul.side-menu li {font-family:Trebuchet MS, Arial, Helvetica, sans-serif; margin:2px 2px 2px 6px; clear:both; padding-top:3px; padding-bottom:3px; border-bottom:1px solid #FFFFFF; height:17px; position:relative;}
#side-nav li.after-header {margin-top:23px !important;}

#side-nav #speed-search #powersearch	{padding:4px 0px 0px 4px; margin:0px 0px 6px 0px; border-top:1px solid #FFFFFF}
#side-nav #side-nav-sub {position:relative; left:0px; top:0px;}
#side-nav #side-nav-sub ul	{list-style:none; margin:0px; padding:0px; position:relative;}
#side-nav #side-nav-sub ul.single-space li {margin:2px 2px 2px 6px; clear:both; border-bottom:1px solid #FFFFFF; height:15px; position:relative;}
#side-nav #side-nav-sub ul li	{margin:2px 2px 2px 6px; clear:both; position:relative;}
#side-nav #side-nav-sub span.item	{width:100px; float:left;}
#side-nav #side-nav-sub span.arrow	{float:right;}
/* #side-nav input	{width:73px;} */
#side-nav .button	{/*width:auto; */float:right; height:20px;}
#side-nav .button-go	{/*width:auto;*/ float:right; height:20px; position:relative; top:-2px; left:-4px;}

/* multiple content layouts */
#content-area			{width:635px; float:left; position:relative; z-index:10; clear:none;}
#content-area #full-col	{width:690px; float:left; z-index:10;}
//#content-area #full-col	{width:690px; float:left; margin:0px 3px; position:relative; z-index:10;}
#content-area #normal-col	{width:625px; float:left; margin:0px 3px; position:relative; z-index:10; overflow:hidden;}
#content-area #wide-col	{width:370px; float:left; margin:0px 3px; position:relative; z-index:10;}
#content-area #col-1	{width:205px; float:left; margin:0px 3px; position:relative; z-index:10;}
#members #content-area #col-1	{width:245px; float:left; margin:0px 3px; position:relative; z-index:10;}
#content-area #col-2	{width:205px; float:left; margin:0px 3px; position:relative; z-index:10;}
#content-area #col-3	{width:200px; float:left; margin:0px 3px; position:relative; z-index:10;}
#content-area #image-col	{width:198px; height:198px; float:right; margin:0px 3px; position:relative; z-index:10;}

/* specific content styles */
#content-area hr	{color:#FFFFFF; height:4px; margin:0px;}
#content-area h2	{color:#FFFFFF;}
#content-area h3	{font-size:11px; color:#556473; text-align:left;}
#content-area h3, #content-area h3 a	{color:#556473; text-align:left;}
#content-area h4	{font-size:14px; font-weight:bold; color:#0050A5; text-align:left;}
#content-area h4, #content-area h4 a	{color:#0050A5; text-align:left;}
#content-area ul, #content-area ol	{margin:2px 0px 2px 10px; list-style-type:disc; list-style-position:inside; padding:0px;}
#content-area #results ul {list-style-type:none; margin:0px; list-style-position:outside;}
#content-area p	{color: #000000; font-family:Trebuchet MS, Roman, sans-serif; margin:4px;}
#content-area dd	{font-size:11px; color:#556473; font-family:Trebuchet MS, Roman, sans-serif;}

/* rounded corners for pictures in static html page */
#content-area .picture-module   {background-color:#D2D7DC; float:right; width: 220px; height:220px; position:relative; margin:0px; text-align:center; z-index:10;}
.picture-rounded-head 	{margin:0px 0px 0px 0px; padding:0px 0px 0px 8px; background: url(../images/sb_picture_head-l.gif) no-repeat 0px -1px; display:block; position:relative; z-index:10;}
.picture-rounded-head span	{margin: 0; padding: 6px 8px 4px 0px; background: url(../images/sb_picture_head-r.gif) no-repeat top right; display:block; background-color:#065091; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; position:relative;}
.picture-rounded-footer 	{margin:0px 0px 4px -2px; padding:0px 0px 0px 10px; background: url(../images/sbbody-l.gif) no-repeat bottom left; display:block; position:relative;}
.picture-rounded-footer span	{color:#556473; margin: 0px -2px; padding: 0px 0px 6px 0px; background: url(../images/sbbody-r.gif) no-repeat bottom right; display:block; position:relative;}

#content-area .home-module					{background-color:#D2D7DC; position:relative; margin:0px; text-align:center; z-index:10;}
#content-area .home-module ul				{margin:0px 0px 0px 7px; text-align:left;}
#content-area .home-module ul li			{list-style:none; display:inline; margin:1px;}
#content-area .home-module span.veh-count	{font-size:10px; color:#FFFFFF; font-weight:normal; float:right; margin-right:6px; position:relative; top:-18px; z-index:10}

#content-area .button2		{position:relative; top:-2px; right:0px;}
#content-area .button-enter		{position:relative; top:0px; left:-3px;}
#content-area .list	p		{clear:both; border-bottom:1px solid #FFFFFF; padding-bottom:5px;}
#content-area .list	p.last	{clear:both; border-bottom:0px; padding-bottom:5px;}
#content-area .list span 	{float:right;}

/* rounded corners for content area */
.rounded-head 	{margin:0px 0px 0px 0px; padding:0px 0px 0px 8px; background: url(../images/sbhead-l.gif) no-repeat 0px -1px; display:block; position:relative; z-index:10;}
.rounded-head span	{margin: 0; padding: 6px 8px 4px 0px; background: url(../images/sbhead-r.gif) no-repeat top right; display:block; background-color:#065091; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; position:relative;}
.rounded-head span	{color:#FFFFFF; font-size:12px; font-weight:bold; text-align:left; position:relative;}
.rounded-head span.throbber-text {position:relative; left:20px; background:none; margin:0px; padding:0px;}
.rounded-head span img	{position:absolute; top:6px; left:-2px; margin:0px 2px;}
.rounded-head-contents a, .rounded-head-contents a:visited	{color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none;}
.rounded-footer 	{margin:0px 0px 4px -2px; padding:0px 0px 0px 10px; background: url(../images/sbbody-l.gif) no-repeat bottom left; display:block; position:relative;}
.rounded-footer span	{margin: 0px -2px; padding: 0px 8px 0px 4px; background: url(../images/sbbody-r.gif) no-repeat bottom right; display:block; position:relative;}
#col-1 .wrap {background-color:#D2D7DC;}

#content-area #results td,
#content-area #results th { border-width: 1px; border-bottom: 1px solid white; border-top: 1px solid white; }

#content-area #results th { color:white; text-align:left; background-color:#065091; border-right: 1px solid white; padding-left:2px; }

/* rounded table corners */
#content-area #results th.corner		{padding:0px; width:6px; }
#content-area #results th.bcorner		{padding:0px; width:6px; vertical-align: bottom; }
#content-area #results th.corner img	{vertical-align:top;}
#content-area #results th.bcorner img	{margin-top:2px;}
#content-area #results tr         td	{background-color:#D2D7DC;}
#content-area #results tr.alt-row td	{background-color:#E6EBF0;}

#content-area #results td               {border-right: 1px solid #A9B8C3;}

#content-area #results tr         td.noborder       { border-right: 1px solid #D2D7DC; }
#content-area #results tr.alt-row td.noborder       { border-right: 1px solid #E6EBF0; }
#content-area #results tr         td.noborder-printable       { border-right: 1px solid #D2D7DC; }
#content-area #results tr.alt-row td.noborder-printable       { border-right: 1px solid #E6EBF0; }
#content-area #results tr         td.noborder-left  { border-left:  1px solid white; border-right: 1px solid #D2D7DC;  }
#content-area #results tr.alt-row td.noborder-left  { border-left:  1px solid white; border-right: 1px solid #E6EBF0;  }
#content-area #results            td.noborder-right { border-right: 1px solid white;   }

#content-area #results th.noborder { border-right: 1px solid #065091; }
#content-area #results th.noborder-printable { border-right: 1px solid #065091; }

#content-area #results td .details td {vertical-align: top; text-align: left; border: none !important;    /* prevent blue border on inner table */}
#content-area #results .details	p							{width:550px; float:left;}
#content-area #results .details	.options ul					{display:block;}
#content-area #results .details	.options ul li				{display:block;} 
#content-area #results .details img							{padding:2px;}
.details .on												{display:block;}
.details .off												{display:none;}

#content-area #powersearch					{background-color:#BECDDC; height:20px; padding:4px 0px; border-bottom:2px solid #FFFFFF; border-top:2px solid #FFFFFF; margin:0px;}
#content-area #powersearch .number			{padding:0px 0px 0px 4px;}
#content-area .pagination					{width:790px; position:relative; margin:4px 0px; text-align:right;}
#content-area .pagination ul				{list-style:none; margin:0px; padding:0px;}
#content-area .pagination ul li 			{display:inline; margin-right:4px;}
#content-area .pagination ul li span a 			{background:url(../images/button-med-blu.gif) no-repeat 0px 0px; display:block; width:130px; height:13px; padding:3px 0px 3px 6px; color:#FFFFFF; text-decoration:none; font-size:9px; float:left;}
#content-area .pagination ul li span a:hover		{background:url(../images/button-med-blu.gif) no-repeat 0px -17px;}

#content-area .browse-auctions-heading	    {background-color:#BECDDC; margin:0; padding: 4px; border-top:3px solid #fff; }
#content-area .browse-auctions-subheading	{margin:0; padding: 4px; border-top:2px solid #fff; }

.advert	{width:auto; text-align:center;}
/* Position:relative was getting in the way of opacity on divs in IE - BSB */
/* .advert	{width:auto; text-align:center; position:relative;} */
.advert-top	{background:url(../images/left-rounded-top.gif) no-repeat center; margin:0px; height:12px;}
.advert-mid	{background:url(../images/left-rounded-back.gif) repeat-y center; margin:0px;}
.advert-btm	{background:url(../images/left-rounded-btm.gif) no-repeat center; margin:0px; height:12px; position:relative; top:-1px;}

.advert-mid ul	{list-style:none; margin:0px; padding:0px; text-align:left; margin-left:14px;}
/* Changed below to get rid of height limitation on Managed Links on home page - BSB */
.advert-mid ul li {margin:0px; padding:0px; border:0px; width:100px; display: block; }
/* .advert-mid ul li {margin:0px; padding:0px; border:0px; height:15px; width:100px;} */

#login						{float:left; position:relative; left:220px; color:#FFFFFF;}
#login a, #login a:visited	{color:#FFFFFF;}
#login span					{float:left; position:relative; top:-12px; margin-left:4px;}
#login input				{float:left;}
#login input.button			{position:relative; top:-14px; margin-left:4px; float:left;}
#login img.button			{position:relative; top:-8px; margin-left:0px; float:left;}
#login p					{clear:both; margin:0px;}
#login .check				{float:left; margin:0px; position:relative; top:-14px;}

#login.logged-in			{float:left; position:relative; left:220px; top:55px;}
#login.logged-in p			{float:left; width:150px; clear:none;}
#login.logged-in p.button	{float:left; width:200px; clear:none; position:relative;}
#login.logged-in h4 		{width:150px;color:#BECDDC; margin:0px;}

.bid-buy-group {margin-left:10px;}

/* any area styles */
.float-left			{float:left; position:relative;}
.float-right		{float:right; position:relative;}
.clear				{clear:both;}
.circle				{position:relative; top:4px;}
.number				{position:relative; top:4px; margin-right:2px;}
.progress			{position:relative; top:8px;}
.green				{color:#00A776;}
.noborder			{border:0px !important;}
.noborder td		{border:0px !important;}

/* styles added by dev */
.style1 {font-size: 10px; color: #FF0000; font-weight: bold;}
.style2 {font-size: 9px; color: #003399; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;}
.style4 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 10px;}
.style8 {color: #000000}
.style9 {color: #000000; font-size: 10px; }
.style10 {font-size: 10px}

/* specific area styles */
.searchlist			{background-color:#E6EBF0; height:25px;}
.searchlist .corner	{background-color:transparent; width:5px; padding:0px;}
.checklist			{text-align:left; position:relative;}
.checklist input	{width:12px;}
/*
.checklist .button	{width:auto;}
.checklist .button-enter	{width:auto;}
*/
.checklist td		{border-bottom:1px solid #FFFFFF; text-align:left; vertical-align:top;}
.checklist .button2	{margin-top:2px;}
.checklist tr.last td	{border:0px;}
.checklist .col1	{width:65px;}
.checklist .col2	{width:30px;}
.checklist .col3	{width:130px;}
.checklist .col4	{width:65px;}
.checklist .col5	{width:65px;}

.throbber-box       {background-image:url(../images/throbber-container.gif); background-repeat:no-repeat; float:left; margin:0px 6px; height:22px;}
.throbber-box img   {position:relative; top:3px; left:3px;}
.throbber-box .throbber-text    {margin-left:8px; color:#000; font-size: 110%; }

/* These are styles internal to app development that the design team
 * does not need to maintain.
 */

/*
 * GENERAL STYLES
 */

    /* generic div wrapper for rounded boxes */
    .rounded {
        background-color: #D2D7DC;
    }
    
    .rounded-contents {
    /*    padding: 3px 6px 6px 6px; */
    }
    
    /* fix section breaks for firefox */
    hr {
        border: 2px solid #FFFFFF;
    }
    
    /* less space after a HR for section headings */
    hr + h3 {
        margin-top: 2px;
    }

    #content-area,
    #content-area td,
    #content-area th {
        font-size: 11px;
    }

/*
 * SITE WRAPPER
 */

    /* move the "logged in" status area up some */
    #login.logged-in { top: 45px !important; }
    #login.logged-in p.button img.button { margin-top: 6px; }
    #login.logged-in p.button { top: -16px; }

    /* this looks better to me, maybe suggest later.
     * #login.logged-in { font-family: "Trebuchet MS", sans-serif; font-weight: bold; font-size: 10px; line-height: 1.2em; } 
     */

    /* fix input style that's clobbering the buttons */
    #side-nav input.qs {
        width: 73px;
    }

/*
 * MEMBERS PAGE
 */

    /* align the "ALL" option to the top in the quicksearch section */
    #members td.qs_all {
        vertical-align: top;
    }
    
    /* make the text box fill the space, and connect it visually with
     * the button to search */
    #members input.qs { width: 180px; margin-top: -2px; }
    
    /*
     * Make checkbox labels not wrap underneath the checkbox (for
     * reasonably sized labels)
     */
    #browse-auctions-form #ba-str-all { width: 13%; }
    #browse-auctions-form #ba-str-cc  { width: 25% }
    #browse-auctions-form #ba-str-rec { width: 22% }
    #browse-auctions-form #ba-str-tam { width: 22% }
    #browse-auctions-form #ba-str-sal { width: 18% }
    #browse-auctions-form table.checklist   { width: 98%; margin: auto; }
    #browse-auctions-form .checklist td     { vertical-align: top }
    #browse-auctions-form .checklist input  { float: left; margin-right: 2px; }
    #browse-auctions-form .checklist .label { display:block; padding-top: 2px; }

    #browse-auctions-content table.checklist { width: 98%; margin: auto; }

    .checklist .col1    {width:19%;}
    .checklist .col2    {width:11%;}
    .checklist .col3    {width:29%;}
    .checklist .col4    {width:19%;}
    .checklist .col5    {width:22%;}

    /* override default 2px padding for advert 3x3 rounded box */
    .advert .featured    { width: 152px; margin: 0 auto; }
    .advert .featured td { padding: 0   }
    #sidebar br { line-height: 0.5em }

/*
 * RESULTS PAGE
 */

    .pagination p   { color: rgb(6,80,145); font-size: 110%; }
    .pagination p a { color: rgb(6,80,145); font-weight: bold; }

    .pagination ul  { margin-top: 5px !important; }

    table.searchlist { margin-bottom: 5px; }

    #results .details img.button { padding: 0 !important; }

    /* override 130px width, due to "REMOVE FROM WATCH LIST" being wide */
    #content-area #results .details .options { float: right; }
    #content-area #results .details p { width: 500px !important; }

    #content-area #results tr.expanded_main td { border-top: 1px solid rgb(35,158,210) ; }
    #content-area #results tr.expanded_sub  td { border-bottom: 1px solid rgb(35,158,210) ; }
    #content-area #results tr.expanded_main td.left { border-left: 1px solid rgb(35,158,210) ; }
    #content-area #results tr.expanded_main td.right { border-right: 1px solid rgb(35,158,210) ; }
    #content-area #results tr.expanded_sub  td.left { border-left: 1px solid rgb(35,158,210) ; }
    #content-area #results tr.expanded_sub  td.right { border-right: 1px solid rgb(35,158,210) ; }

    #results-display #utility-area { width: 924px }

    #banner-area { margin-left: 137px; width: 624px; }
    #results-display #banner-area { width: 786px; }

    #new-utility-area { margin-left: 137px; height: 25px; width: 624px; font-weight: bold; font-size: 11px; }
    #results-display #new-utility-area { width: 786px; }
    #results-display #new-utility-area .search-description { padding-left: 5px; color: rgb(6,80,145); }

/*
 * DETAIL PAGE
 */
    #detail .pagination        { width: 630px; position:relative; z-index:10; }
    #detail .detail-pagination { width: 295px; text-align: left; position:relative; z-index:10; }
    #detail .detail-links      { width: 335px; text-align: right; position:relative; z-index:10; }
    #detail .detail-password   { width: 120px; vertical-align: bottom; text-align: center; position:relative; z-index:10; }
    #detail .detail-links ul   { list-style: none; display: block;  }
    #detail .detail-links li   { list-style: none; display: inline;  }

    #detail table.detail                   { width:100%; margin: 0; padding: 0; position:relative; z-index:10; }
    #detail table.detail td.photos         { width:295px; vertical-align: top; padding: 0; margin: 0 }
    #detail table.detail td.vehicle-detail { vertical-align: top; padding: 0; margin: 0; border-left: 1px solid white; border-bottom: 1px solid white; }
    #detail table.detail td.vehicle-detail td { padding: 0; border: 0; margin: 0 }

    #detail table.photos             { width: 295px; }
    #detail table.photos .mainphoto  { width: 295px;}
    #detail table.photos .mainphotonoborder  { width: 295px; border-bottom: 0;}
    #detail table.photos .otherphoto { width: 147px; }
    #detail table.photos td          { margin: 0; padding: 0; border: 0; border-bottom: 1px solid white; text-align: center; }
    #detail table.photos td span     { padding: 3px; } /* caption */
    #detail table.photos td.left     { border-right: 1px solid white; }
    #detail table.photos td.right    { text-align: right; }

    .detail-title { font-family: "Trebuchet MS",sans-serif; background-color: #BECDDC; color: #065091; font-size: 14px; font-weight: bold; text-align: center; }
    .detail-title span { padding: 4px; display: block; }

    .detail-heading { font-family: "Trebuchet MS", sans-serif; text-align: center !important; padding: 4px !important; font-size: 11px; font-weight: bold; border-top: 1px solid white !important; border-bottom: 1px solid white !important; }
    .detail-label { padding: 4px !important; color: #065091; border-right: 1px solid white !important; border-bottom: 1px solid white !important; }
    .detail-value { padding: 4px !important; background-color: #E6EBF0; border-bottom: 1px solid white !important; border-right: 1px solid white !important; }

    .buy-now-price,
    .buy-now-price input { font-size: 1.2em; font-weight: bold; color: #065091; }

    .remarks       { background-color: #e6ebf0; padding: 4px !important; }

    table.layout { margin: 0; border-collapse: collapse; border-spacing: 0; position:relative; z-index:10;  }
    table.layout td { margin: 0; padding: 0 }

    #detail td.error { background-color: #ffbcc6; text-align: center; padding: 4px !important; font-size: 1.2em; }


/*
 * POWER SEARCH
 */

#advsearch_accord_summary_row { background-color: #D2D7DC; }
#content-area .home-module ul li            {list-style:square outside;}

/* ###################### Additional single page styles ########################### */

/* accordian Styles */
.accord_container {}
.accord_tab_container {}
.accord_tab_header {vertical-align: middle;}
.accord_tab_body_row td {border-bottom: 1px solid #fff;}
.accord_tab_chosen {text-align: left;}
.accord_active {background-color: #becddc !important;}
.accord_inactive {background-color: #D2D7DC;}
.accord_tab_body {overflow:auto; background-color: white;}
.accord_tab_select_area {}
.accord_select_area tr {vertical-align: top;}
.accord_select_area td {}

/* Site Map Styles */
#site-map ul {padding-left: 20px !important;}

/* log in form styles */
#login-container-form            { margin: 0 4px; }
#login-container-login           { width: 160px }
#login-container-password        { width: 120px }
#login-container-forgot-password { margin-left: 5px; }
#login-container-failure         { margin-top: 10px; color: #f00; font-size: 1.1em }

/* calendar grid styles */
.calendar {width: 100%;}
.calendar th {background-color: #e6ebf0;}
.calendar th, .calendar td {width: 14%; border-right: 1px solid white; border-top:   1px solid white; vertical-align: top; padding: 0;}
.calendar td {height: 50px;}
.calendar div {padding: 2px;}
.calendar .calendar-day-head {font-weight: bold; text-align: center; background-color: #becddc;}

/* main calendar styles */
#calendar_instructions {width: 600px; width: 655px; margin-bottom: 10px; margin-left: 8px;}
#calendar_instructions p.maintext {margin-top: 5px;}
#sales_cal_crit {width: 600px;}
.tableheader a, .tableheader a:visited, .tableheader a:hover { color: #fff; }
/* mo == Mouse Over */
.mo_fg {background-color: #fff;}
.mo_container {border: 1px solid black; background-color: #fff; width: 200px;}
.mo_auction {font-size: 13px; font-weight: bold;}
.mo_salename {font-size: 11px; font-weight: bold; margin-top: 8px;}
.mo_saledate {font-size: 9px; font-weight: bold; margin-top: 4px; /* padding: 0 5px 0 5px; */}
.mo_entries { font-size: 9px; font-weight: bold; /* padding: 0 5px 0 5px; */}
.mo_blurb {}
.mo_vendors {font-size: 9px; font-weight: normal; /* padding: 0 5px 0 5px; */ margin-bottom: 4px;}
.calendardetail p { margin-top: 0; margin-bottom: 4px;/* margin-left: 4px; */}
.dateHeader2 {font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #003399; background-color: #CFD7EF; border-bottom:1px solid #ffffff; height: 14px; text-align: center; font-weight: bold;}
.calendardetail2 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #003399; padding-left: 5px; padding-top: 2px; padding-bottom: 2px;}
.calendardetail2 a {color: #003399;}
.calendardetail2 a:hover {color: #003399; text-decoration: underline;}
.calendardetail2 p {margin-top: 0;margin-bottom: 4px; /* margin-left: 4px; */}
.cal_event_list { display:none;}

/* results styles */
td.remarks ul { list-style-type: disc;}
td.remarks li { margin-left: 15px;}
td.remarks p  { margin-top: 30px;}

/* advanced search */
#power_search_content { padding-left: 10px; }
#power_search_content p { margin-top:8px; margin-bottom:0px; }
.power_search_summary_0 { margin-top: 5px; padding-left: 0px; text-indent: -5px; }
.power_search_summary_1 { text-indent: -5px; padding-left: 10px; }
.power_search_summary_2 { text-indent: -5px; padding-left: 20px; }
.power_search_summary_3 { text-indent: -5px; padding-left: 30px; }
.power_search_summary_4 { text-indent: -5px; padding-left: 40px; }
.power_search_summary_5 { text-indent: -5px; padding-left: 50px; }
.power_search_summary_6 { text-indent: -5px; padding-left: 60px; }

/* advanced search results */
#contentdiv {padding-left: 12px;}
.results_row {}
.results_summary_row {}
.results_detail_row {}
.results_detail_vendor {margin-top: 6px;}
.table_RESULTSDETAIL td {padding-top: 3px; padding-bottom: 3px;}

/* printable results */
.cat_det_row td {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; text-align: center;}

/* watchlist main */
#results th { border-top: 0 !important;}

.watch-table-heading { font-weight: bold; padding-left: 8px; padding-top: 4px; padding-bottom: 4px; margin: 0; }
.watches { background-color: #3399cc !important; color: #222 !important; /* less harsh than black against the blue */ }
.bought  { background-color: #ccd3e5 !important; }
.top     { background-color: #dff2d1 !important; }
.outbid  { background-color: #ffbcc6 !important; }
.no-watches { font-weight: bold; padding-top: 20px; padding-bottom: 20px; text-align: center; border-bottom: 0 !important; }

/* user rep */
.user-rep-table td { vertical-align: top; }
.user-rep-radio { width: 20px; }

/* quick search */
#quicksearch_results_content {margin-left: 8px; margin-top: 8px;}

/* simulcast terms */
table#lytTERMSTABLE { margin-left: 50px; width: 500px; border: 0px; }

/* main members page */
/* members home page item */
.mhp_item {position: relative; /* need to position things relative to this */}
.members_link_to_watchlist,
.members_link_to_cyberlots {position: absolute; left: 213px; top: 0;}
.members_link_to_simbid {position: absolute; left: 125px; top: 0;}
.members_link_to_simcat {position: absolute; left: 180px; top: 0;}
.members_link_to_ps {position: absolute; left: 225px; top: 4px;}
.rounded_box_subheading {position: relative;}
.members_link_to_edit_ss {position: absolute; left: 174px; top: 0;}
.members_link_to_ss {position: absolute; left: 216px; top: 0;}
.ss_item {margin-top: 10px;}
.members_qs_textbox {width: 185px;}
.members_qs_button {position: absolute; left: 195px; top: 0;}
.members_power_search_heading {background-color: #e2eefc; margin: -4px -9px -4px -8px; padding: 4px 9px 4px 8px; position: relative; left: 0; top: -2px; position: relative; padding-left: 20px; padding-right: 6px;}
.members_ba_count {position: absolute; left: 70px;}
.members_ba_date {position: absolute; left: 110px;}
.members_ba_simul {position: absolute; left: 240px;}
.members_ba_cat_link {position: absolute; display: block; top: 0; left: 300px;}
table.checklist tr td { padding-left: 1px; padding-right: 1px; }

/* saved searches */
.accord_tab_body {background: white none no-repeat scroll top left !important;}

/* membership form */
.maintextBOLD {font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #003399; text-decoration: none; font-weight: bold;}
.maintext {font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #003399; text-decoration: none;}
.errortextBOLD {font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #993300; text-decoration: none; font-weight: bold;}
.error {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 9px; color: #FF0000;}

.accord_container {
}

.accord_tab_container {
}

.accord_tab_header {
    vertical-align: middle;
}

.accord_tab_body_row td {
    border-bottom: 1px solid #fff;
}

.accord_tab_chosen {
    text-align: left;
}

.accord_active {
    background-color: #becddc !important;
}

.accord_inactive {
    background-color: #D2D7DC;
}

.accord_tab_body {
    overflow:auto;
    background-color: white;
}

.accord_tab_select_area {
}

.accord_select_area tr {
    vertical-align: top;
}

.accord_select_area td {
}

/*
.accord_select_area .accord_cb {
    width: 5%;
}

.accord_select_area .accord_val {
    width: 27%;
}
*/
