﻿/* HTML tag modifications */
body { font-family: Tahoma,Arial, MS Sans Serif; background-color: #464646; }
form { padding: 0px; margin: 0px; }
a:link, a:visited, a:active { color: #003366; }
a:hover { text-decoration: none; color: #990000; }

/* Page Banner */
#CompanyBanner { background-color: #F4F5F9; display: block; clear: both; width: 100%; background-image: url(      'Images/background_Banner.jpg' ); background-repeat: repeat-x; height: 100px; }
#CompanyBanner .CompanyLogo { text-decoration: none; float: left; padding: 10px; border: none; }
#CompanyBanner .CompanyName { padding-top: 20px; font-size: 150%; color: #e8e8e8; display: block; text-decoration: none; font-weight: bold; }
#CompanyBanner .CompanySlogan { font-size: 80%; color: #e8e8e8; display: block; text-decoration: none; }

#NavMenu { display: block; float: none; background-image: url(      'Images/background_NavBar.jpg' ); background-color: #F8F8FA; background-repeat: repeat-x; width: 100%; z-index: 1001; font-family: Tahoma, Arial; height: 30px; }
#NavMenu a { display: block; font-weight:bold; width: 125px; float: left; font-size: 75%; color: #E8E8E8; text-align: center; text-decoration: none; height: 18px; border-right: 1px solid #ccc; padding: 10px; padding-top: 6px; padding-bottom: 6px; }
#NavMenu a:hover { background: #AFB2C6 url(      'Images/background_NavButtons.jpg' ) repeat-x; color: #E8E8E8; background-image: url(      'Images/background_NavButtons.jpg' ); background-repeat: repeat-x; }
#NavMenu .DropDown { background-color: #fff; background-image: url(      'Images/background_Box.jpg' ); background-repeat: repeat-x; border: 1px solid #dfdfdf; padding: 10px; z-index: 5000; }

/* Hover Menus */
.DropDown { background-color: #F0EFF5; background-image: url(   'Images/background_Box.jpg' ); background-repeat: repeat-x; border: 1px solid #dfdfdf; padding: 10px; z-index: 5000; }
.DropDown a.LinkButton { border-left: 1px solid #C0C0C0; border-right: 1px solid black; border-top: 1px solid #C0C0C0; border-bottom: 1px solid black; display: block; margin: 2px; font-size: 80%; background-color: dimgray; color: White; background-image: url(   'Images/icon_3x3Bullet.gif' ); background-repeat: no-repeat; background-position: 7px 8px; text-decoration: none; padding-left: 30px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; }
.DropDown .Featured { font-weight: bold; display: block; margin-top: 5px; margin-left: 10px; font-size: 80%; color: Red; }
.DropDown a:hover.LinkButton { background-color: #333333; text-decoration: underline; }

/* Page Body */
#myPage { border: 1px solid #666666; background-color: #FFFFFF; display: block; margin-top:10px; margin-right: auto; margin-left: auto; width: 90%; }
#PageBody { position: relative; }
#PageBody .Title { font-size: 130%; color: #333333; font-weight: bold; margin-right: 20px; margin-left: 20px; display: block; margin-top: 20px; clear: left; }
#PageBody .Date { margin-right: 20px; margin-left: 20px; margin-top: 10px; color: #9b9b9b; font-size: 80%; display: block; }
#PageBody .Excerpt { font-size: 100%; color: #333333; margin-right: 20px; margin-left: 20px; margin-top: 5px; display: block; line-height: 1.5em; }
#PageBody .Expired { display: block; font-size: 80%; color: #0000cc; padding-right: 5px; margin-top: 5px; padding-left: 5px; margin-bottom: 10px; padding-bottom: 5px; margin-left: 10%; padding-top: 5px; border: #3300cc 1px solid; width: 80%; background-color: #eeeeff; }
#PageBody .SubHeader { font-size: 110%; font-weight: bold; color: #333333; margin-top: 10px; display: block; margin-bottom: 0px; padding-bottom: 0px; display: block; margin-right: 20px; margin-left: 25px; }
#PageBody .Notes { margin: 20px; margin-top: 20px; display: block; font-size: 90%; line-height: 1.5em; color: #666666; }
#PageBody .Terms { color: #666666; font-size: 70%; margin: 20px; padding: 10px; display: block; }
#PageBody .ListHeader { color: #e8e8e8; background-color: #333333; font-size: 80%; font-weight: bold; text-transform: uppercase; letter-spacing: .1em; padding-top: 4px; padding-left: 5px; display: block; height: 21px; margin-top: 20px; margin-bottom: 2px; border: 1px solid #000000; margin-left: 5px; margin-right: 5px; padding-bottom: 4px; }
#PageBody .ListItem { font-size: 75%; color: #333; background-color: #e8e8e8; padding: 5px; margin: 5px; margin-top: 2px; margin-bottom: 2px; border: 1px solid #CCCCCC; display: block; }
#PageBody ul { margin: 0px; padding: 0px; }
#PageBody li { margin-left: 40px; margin-top: 5px; }
#PageBody fieldset { border: none; }

/* Page Footer */
#PageFooter { font-size: 70%; display: block; padding: 2px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; text-align: center; color: #E8E8E8; }
#PageFooter a { color: #E8E8E8; }

/* Auction Location Box */
.Location { display: block; float: right; width: 25%; margin: 20px; padding: 10px; background-color: #F0EFF5; background-image: url(      'Images/background_Box.jpg' ); background-repeat: repeat-x; border: 1px solid #dfdfdf; }
.Location .Header { font-weight: bold; font-size: 80%; border-bottom-color: #999999; border-bottom-style: solid; border-bottom-width: 1px; margin-bottom: 5px; padding-bottom: 5px; display: block; }
.Location .Footer { font-size: 70%; }
.Location a { color: #003366; text-decoration: none; }
.Location .Address { display: block; font-size: 75%; }
.Location .Directions { display: block; font-size: 75%; margin-top: 5px; padding-top: 5px; }

/* Auction Gallery */
.Gallery { }
.Gallery a { color: white; text-decoration: none; }
.Gallery a:hover { color: Red; }
.Gallery .Message { font-size: 70%; color: white; font-style: italic; display: block; text-align: center; margin-top: 5px; }
.Gallery .ImageList { width: 235px; margin: auto; }
.Gallery a { display: block; float: left; }
.Gallery .Image { background-position: right bottom; margin: 10px 5px 0px 5px; padding: 0px 10px 10px 0px; background-image: url(images/background_Thumbnails.png); background-repeat: no-repeat; }
.Gallery .Caption { text-align: center; font-size: 70%; }
.Gallery img { border: 1px solid black; }

/* Auction List */
#AuctionList { margin: 20px;  clear: both; }
#AuctionList .alHeader { color:#e8e8e8; border-left: 1px solid #D5D5E1; border-right: 1px solid #D5D5E1; background-image: url(        'Images/background_NavBar.jpg' ); background-color: #F8F8FA; background-repeat: repeat-x; font-size: 90%; width: 100%; font-weight: bold; clear: both; text-align: left; height: 26px; padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 0px; background-position-y: 50%; }
#AuctionList .alHeader a { color:#e8e8e8;}
#AuctionList .NoResults { font-size: 70%; font-style: italic; display: block; margin-top: 10px; margin-bottom: 10px; }
#AuctionList .alTitle a { font-size: 120%; text-decoration: underline; font-weight: bold; display: block; }
#AuctionList img { border: 1px solid black; }
#AuctionList .alIcon { text-align: center; vertical-align: top; padding: 10px; padding-bottom: 40px; font-size: 80%; border-bottom-width: 1px; border-left-width: 0px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #000; border-left-color: #666666; border-top: darkgray 1px solid; }
#AuctionList .alDate { border-bottom: 1px #666666 solid; vertical-align: top; padding: 5px; font-size: 80%; }
#AuctionList .alNotes { border-right: 0px #666666 solid; vertical-align: top; padding: 10px; font-size: 80%; border-bottom: 1px #000 solid; border-top: darkgray 1px solid; width: 100%; }
#AuctionList .NoResults { font-size: 70%; font-style: italic; display: block; margin-top: 10px; margin-bottom: 10px; }

/* Contact Form */
#ContactForm { margin: 20px; padding: 20px; }
#ContactForm .Fields { font-size: 80%; display: block; padding: 10px; }
#ContactForm .Boxes { border: #0066cc 1px solid; width: 90%; }

/* Misc */
.ProgressBox { font-size: 80%; background-color: #FFFFFF; text-align: center; width: 33%; top: 33%; left: 33%; position: absolute; z-index: 100; font-weight: bold; display: block; padding: 25px; border: #000000 2px solid; }
.PopUp { border: #ffff00 2px solid; padding: 10px; background-color: #ffffee; }
.NoLink { text-decoration: none; cursor: hand; }
.Watermark { color: #a9a9a9; }

/* Modal Popup */
.modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; position: absolute; top: 0px; left: 0px; }
.modalPopup { background-color: #F0EFF5; background-image: url(      'Images/background_Box.jpg' ); background-repeat: repeat-x; border: 1px solid #dfdfdf; padding: 10px; z-index: 1000; }
.modalBody { padding: 10px; font-size: 80%; }
.modalBanner { display: block; width: 100%; height: 23px; padding: 5px; padding-right: 0px; font-size: 80%; font-weight: bold; color: #ffffff; background-color: #000; }

/* Edit Regions */
.EditableRegion a:link, .EditableRegion a:visited { border: none; background-color: Transparent; text-decoration: none; display: block; z-index: 1000; color: #464646; }
.EditableRegion a:hover { display: block; background-color: #f5f5f5; color: #0000cc; }

/* Search Form */
.SearchBox .Input { font-size: 80%; font-family: Arial; border: 1px solid #ccc; padding: 2px; }
.SearchBox { padding: 3px; float: right; display: block; text-align: right; margin-right: 10px; margin-top: 10px; color: #000; font-size: 70%; }
.SearchBox img { border: 0px; }
.SearchBox a { color: #e8e8e8; text-decoration: none; }
.SearchBox .Input { font-size: 80%; font-family: Arial; border: 1px solid #ccc; padding: 2px; }

/* Search Results */
#SearchResults { margin: 20px; }
#SearchResults a { text-decoration: none; }
#SearchResults .ResultTitle { font-size: 90%; font-weight: bold; display: block; }
#SearchResults .ResultSummary { font-size: 80%; display: block; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #cccccc; }
#SearchResults .NoResults { font-size: 80%; display: block; }

/* Message Boxes */
.Message_Green, .Message_Red, .Message_Orange { display: block; background-color: White; padding: 20px; border: 2px solid; font-size: 90%; width: 300px; margin-left: 25%; top: 25%; position: absolute; z-index: 6000; }
.Message_Green { background-color: #f0ffeb; border: medium none #006600; color: #006600; background-image: url(      'Images/icon_GreenCheckmark.gif' ); background-repeat: no-repeat; }
.Message_Red { background-color: #fff2f4; border: medium none #cc0000; color: #cc0000; background-image: url(      'Images/icon_RedCheckmark.gif' ); background-repeat: no-repeat; }
.Message_Orange { background-color: #fffaed; border: medium none #ff6600; color: #ff6600; background-image: url(      'Images/icon_OrangeCheckmark.gif' ); background-repeat: no-repeat; }
.MessageTitle { padding-left: 40px; font-weight: bold; font-size: 100%; display: block; padding-bottom: 10px; padding-top: 10px; }
.MessageDetails { padding-left: 40px; font-weight: bold; font-size: 80%; display: block; padding-bottom: 10px; }
.MessageInstructions { font-size: 70%; color: Black; font-weight: bold; font-style: italic; text-align: center; display: block; }

/* Admin Popup Menu */
.AdminPanel { font-size: 85%; width: 125px; background: #FFFFCC; }
.AdminPanelTitle a { background-color: #cccccc; width: 113px; color: #e8e8e8; font-weight: bold; padding: 5px; display: block; text-decoration: none; text-align: center; background-image: url(      'Images/background_NavBar.jpg' ); background-repeat: repeat-x; border: 1px solid #ccc; }
.AdminPanel a:hover { background-color: #FFFF00; }
.AccordianContent a { display: block; padding: 5px; width: 135px; border-bottom: 1px solid white; border-top: 1px solid #ccc; text-decoration: none; }

/* Sidebar */
.rSidebar { width: 245px; margin-right: 0px; padding-left: 15px; border-left: 1px dotted #ccc; }
.rSidebar a { color: #003366; text-decoration: underline; }
.rSidebar .LinkButton a { color:#e8e8e8; background-position: bottom; border: 1px solid #CCCCCC; margin: 0px 10px 0px 5px; padding: 5px 10px 5px 30px; background-image: url(    'Images/background_NavBar.jpg' ); background-color: #F8F8FA; background-repeat: repeat-x; display: block; font-size: 80%; text-decoration: none; }
.rSidebar .LinkButton a:hover { background-image: url('Images/background_NavButtons.jpg'); background-position:bottom; background-repeat:repeat-x; text-decoration: underline; }
.rSidebar img { border: 1px solid black; }
.rSidebar .Header { font-weight: bold; font-size: 100%; border-bottom-color: #ccc; border-bottom-style: solid; border-bottom-width: 1px; margin: 5px; padding: 5px; clear: both; padding-left: 0px; display: block; }
.rSidebar .Footer { font-size: 70%; }
.rSidebar .Address { display: block; font-size: 75%; margin: 5px; }
.rSidebar .Directions { display: block; font-size: 75%; margin: 5px; }

/* Video Player */
.VideoPlayer { display: block; margin: 10px; width: 100%; border: 1px solid #000; background-color: #fff; text-align: center; position: relative; z-index: 0; }
.VideoTitle { font-size: 90%; font-weight: bold; padding: 5px; margin: 5px; display: block; background-color: black; color: #fff; }
.VideoSummary { padding: 5px; margin: 5px; font-size: 70%; display: block; background-color: black; color: #fff; }
.VideoPlayer a { color: #fff; }

