body {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    background:url('/webImage.do?action=displayBackground') repeat-x 0 0 fixed #6f6e6e;
    background-position: center;
    margin:0;
    font-size:62.5%;
}

#outerwrap { 
    width:1010px; 
    margin:20px auto;
    border-color: lightgray;
    border-width: 3px;
    border-style: solid;
}

#innerwrap {
    width:960px;
    padding:21px 25px;
    background: white;
}

input, textarea {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    background-color: #EEEEEE;
    font-size: 11px;
    color: #000000;
    border: 1px solid #999999;
    border-color: #CCC;
    vertical-align: inherit;
    line-height: 15px;
}

INPUT.vendorCode {
    background-color: #ffffcc;
}

INPUT.dynamicallyGenerated {
    background-color:rgba(169,208,249,0.50);
}

input.center {
    margin-left: auto; 
    margin-right: auto; 
    display: block;
}

SELECT {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    background-color: #EEEEEE;
    font-size: 11px;
    color: #000000;
    border: 1px solid #999999;
    border-color: #CCC;
    z-index: -1;
    line-height: 20px;
}

.submit {
    position:relative;
    display:inline-block;
    width:12em;
    padding:0.25em 0.5em 0.3em 0.5em;
    text-align:center;
    cursor:pointer;
    border:2px solid #999;
    background-color:#666;
    background-color:rgba(128,128,128,0.75);
    margin-bottom: 3px;
    margin-right: 10px;
    -moz-border-radius:16px;
    -webkit-border-radius:16px;
    -opera-border-radius:16px;
    -khtml-border-radius:16px;
    border-radius:8px;
    font-size:1em;
    color:#fff;
    font-weight:bold;
    text-shadow:1px 1px 3px rgba(0,0,0,0.5);
    background-image:-webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(64,64,64,0.75)), to(rgba(192,192,192,0.9)));
    background-image:-moz-linear-gradient(top,bottom,from(rgba(64,64,64,0.75)), to(rgba(192,192,192,0.9)));
    -khtml-box-shadow:rgba(192,192,192,0.75) 0px 4px 8px;
    -moz-box-shadow:rgba(192,192,192,0.75) 0px 4px 8px;
    box-shadow:rgba(192,192,192,0.75) 0px 4px 8px; 
}


.submit:hover {
    background-color:rgba( 200,200,200,0.75);
    background-image:-webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(64,64,64,0.75)), to(rgba(192,192,192,0.9)));
    background-image:-moz-linear-gradient(top,bottom,from(rgba(64,64,64,0.75)), to(rgba(192,192,192,0.9)));
    -khtml-box-shadow:rgba(192,192,192,0.75) 0px 4px 8px;
    -moz-box-shadow:rgba(192,192,192,0.75) 0px 4px 8px;
    box-shadow:rgba(192,192,192,0.75) 0px 4px 8px;
}

.submitGreyed {
    color: lightgray;
    text-shadow:1px 1px 3px black;
}

.bold {
    font-weight: bold;
}

img.submitIcon {
    position: absolute;
    display: block;
    z-index: 1;
    margin-left:-15px;
    margin-top: -4px;
}

.submitSmall {
    width:10em;
    padding:0.15em 0.25em 0.25em 0.25em;
    font-size:0.85em;
    font-weight: normal;
}

img.submitIconSmall {
    height:20px;
}

.basicSubmit {
    padding:0.15em 0.2em 0.2em 0.2em;
    text-align:center;
    cursor:pointer;
}

h1, h2, h3, h4, h5, h6, ul, ol, li, form, input, p, blockquote { padding:0; margin:0; list-style:none; outline:none; padding-left: 2px;}
h1, h2, h3, h4, h5 { letter-spacing:-1px; }
h1 { font-size:2.6em; padding: 7px; background:#274c73; border-top:1px solid #476788; color:#fff;}
h2 { font-size:1.8em; padding: 5px; background:#274c73; border-top:1px solid #476788; color:#fff;}
h3 { font-size:1.4em; padding: 3px; background:#274c73; border-top:1px solid #476788; color:#fff;}
h4 { font-size:1.4em; }
h5 { font-size:1.8em; margin-top:10px; font-weight:  lighter; }
h6 { font-size:1.5em; margin-top:5px; margin-bottom: 0px; font-weight:bold; color:#666; }

H3.clickable {
    background-color: #ff9900;
    border-top:1px solid  #476788;
    border-top:  #ff9933;
}

p {
    color: #333333;
    font-size: 11px;
    padding: 6px 0;
    line-height:16px;
}

p.error {
    color: white;
}

p.success {
    color: white;
}

p.tight {
    padding: 4px 0;
    line-height:13px;
}

p.grey {
    color: gray;
    font-size: 9px;
    vertical-align: middle;
}

p.center {
    text-align: center !important;
}

p.right {
    text-align: right;
}

html { height:101%; }

img { border:none; }

.imgfloatright { float:right; padding:0 0 10px 20px; }

.imgfloatleft { float:left; padding:0 20px 10px 0; }

img.logoThumbnail {
    max-height: 70px;
    max-width: 115px;
}

img.logoThumbnailIE {
    width: 115px;
}

/* 
   Class used for displaying preliminary photos on public auction pages
*/
img.preliminary-photo-thumbnail {
    max-height: 90px;
}

img.thumbnail {
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

img.mediumPhoto {
    max-height: 300px;
    max-width: 400px;
}

img.mediumPhotoIE {
    height: 300px;
}

img.logo {
    margin: 10px;
}

img.publishedNews {
    max-height: 600px; 
    max-width: 600px;
    width: auto;
}

/* 
    'Start Bidding Now' button on public auction pages
*/
img.start-bidding-now {
    height: 35px;

}

a.start-bidding-now-subtext {
    font-size: 7pt;
    color: black;
    /* apply spacing between links */
    margin-left: 5px;
    margin-right: 45px;
}

/* 
    'Start Bidding' button on public auction pages
*/
img.start-bidding {
    width: 130px;
}

/* 
   'Bid Now' button on public auction pages
*/
img.bid-now {
    height: 35px;
}

/* 
   'Online Only' image on public auction pages
*/
img.online-only {
    height: 100px;
}

/* 
   'Auction Cancelled' image on public auction pages
*/
img.auction-cancelled {
    height: 100px;
}

/* 
   'Auction Postponed' image on public auction pages
*/
img.auction-postponed {
    height: 100px;
}

/* 
   'Sold' image on public auction pages
*/
img.sold {
    height: 100px;
}

/* 
   Produces a smaller sized logo on the front page used by the auctioninclude
*/
img.small-thumbnail {
    height: 60px;
}

a { color:#476788; text-decoration:none; outline:none; }

a:hover { text-decoration:underline; }

#header {
    background:url(/images/layout/header.png) 0 0 repeat-x #424242;
    height:100px;
    position:relative;
    z-index: 3;
}

#headerlinks { float:right; padding:13px 16px 0 0; font-weight:bold; }

#headerlinks a { color:#fff; }

#headerlinks li { float:left; padding-left:15px; }

#forgotpasswordlink { float:right; padding:1px 5px 0 0; }

#forgotpasswordlink a { color:#fff; }

#forgotpasswordlink li { float:left; padding-left:20px; }

#header .frmsearch {
    clear: both;
    float: right;
    padding:0;
    width: 211px;
    height:23px;
    background:url(/images/buttons/search.png) 0 0 no-repeat;
    margin:30px 13px 0 0;
}

.searchinput {
    background:none;
    border:none;
    float: left;
    font-size: 1.3em;
    padding: 2px 0 0 25px;
    width: 171px;
}

.searchsubmit {
    float:left;
    width:30px;
    border:none;
    text-indent:-9999px;
    background:none;
}

#logo {
    background:url(/images/logos/mgs-small-trans.gif) 0 0 no-repeat;
    position:absolute;
    top:35px;
    left:21px;
    color: white;
}

#logo a {
    display:block;
    text-indent:-9999px;
    margin-right:250px;
    width:230px;
    height:50px;
}

#slogan {
    background:url(/images/logos/slogan.gif) 0 0 no-repeat;
    position:absolute;
    top:70px;
    left:170px;
    color: white;
    width:327px;
    height:20px;
    text-indent:-9999px;
}

#nav { 
    border-top:1px solid #353535; 
    position:relative; 
    z-index:2; 
    font-weight: bold;
}

#nav ul {
    background:url(/images/menu/nav-bg.png) 0 0 repeat-x;
    height:34px;
    position:relative;
}

#nav li {
    float:left;
    border-top:1px solid #717171;
    width:134px;
    background:url(/images/menu/nav-divider.png) 0 0 no-repeat;
}

#nav li:first-child { background:none; }

#nav li a {
    display:block;
    color:#fff;
    text-align:center;
    font-size:1.3em;
    height:24px;
    padding:9px 0 0 0;
    letter-spacing:-.5px;
}

#nav li a:hover { 
    background:url(/images/menu/nav-bg.png) 0 -33px repeat-x;
    text-decoration: none;
}

#nav li a span {
    display:inline-block;
    background:url(/images/menu/sub-nav.png) 0 5px no-repeat;
    padding:0 12px;

}

#nav li.onstate { background:url(/images/menu/nav-bg.png) 0 bottom repeat-x; border-color:#f1f5a2; }
#nav li.onstate a { color:#333; text-shadow:0 1px 0 #fff; }
#nav li.onstate a:hover { background:none; }


#nav li ul {
    position:absolute;
    width:200px;
    background:#252525;
    height:auto;
    border:none;
    display:none;
}
#nav ul li:hover ul { display:block; }

#nav li ul li {
    float:none;
    width:auto;
    height:auto;
    border:none;
    border-bottom:1px solid #333;
    background:none;
}

#nav li ul li a, #nav li.onstate ul li a {
    text-align:left;
    font-size:1.2em;
    padding:7px 0 7px 15px;
    height:auto;
    color:#fff;
    background:url(/images/menu/sub-nav-arrow.png) 6px center no-repeat;
}
#nav li ul li a:hover, #nav li.onstate ul li a:hover { background:url(/images/menu/sub-nav-arrow-on.png) 6px center no-repeat; }

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

#footer {
    color: #666;
    font-size: 1.1em;
    padding-top: 3px;
    text-align: right;
    width: 100%;
}

#footer a { color:#666; }

img.socialMediaLogoColour {
    height: 25px; 
    padding-left: 3px; 
    display: inline;
}

img.socialMediaLogoColourLarge {
    height: 50px; 
    padding-left: 6px; 
}

.loginBackground {
    position:relative;
    height: 200px;
    width: 100%;
}

#loginPanel {
    width:250px;
    float: right;
    margin-top: 30px;
    margin-right: -110px;
}

.loginField {
    font-size: 10px;
    padding: 3px;
    margin-right: 2px;
    margin-bottom: 2px;
}

div.center {
    margin-left: auto; 
    margin-right: auto; 
    display: block;
    text-align: center;
}

/* Response Messages */

div.response
{
    text-align: left; 
    border:1px solid;
    color: #666666;
    padding:5px;
    display: block;
    overflow: visible;
    margin: 0 auto; 
    width:  auto;
}

div.error, tr.error
{
    background:url(/images/messages/error-background.gif) 0 0 repeat-x orangered;
    background-color: #990000;
    border-color:  #660000;
}

div.message, tr.message
{
    background:url(/images/messages/message-background.gif) 0 0 repeat-x #CDB410 !important;
    background-color: #CDB410;
    border-color:  #ffcc33;	
    color: black;
}

div.success, tr.success
{
    background:url(/images/messages/success-background.gif) 0 0 repeat-x green;
    background-color: green;
    border-color: #006600;
    color: white;
}

div.banner {
    background-color: #666666;
    color: white;
    text-align: center;
    width: 100%;
    height: 20px;
    vertical-align: middle;
}

/* Table Styles */

table {
    width: 100%;
    border-spacing: 0px 2px;
}

th,td {
    font-size: 11px;
    padding: 2px 0px;
}

th  {
    color: #000;
    font-weight: normal;
    background-color: #DDD;
    border-bottom: 3px solid #6D7F90;
    padding: 3px 0px;
    text-align: center;
}

tr.results:hover {
    background-color: #d9d9d9;
}

tr.odd {
    background-color: #E8E8E8;
}

tr.even {
    background-color: #E0E0E0;
}

tr.banner td {
    background-color: #666666;
    color: white;
    text-align: center;
}

TD.columnHeading {
    padding: 4px;
    font-size: 11px;
    font-weight:  bold;
    color: #666666;
    border-bottom: 1px solid #999999;
    border-color: #CCC;
    background-color: #d9d9d9;
    vertical-align: top;
}

TD.columnContent {
    padding: 4px;
    font-size: 11px;
    color: #666666;
    border-bottom: 1px solid #999999;
    border-color: #CCC;
    vertical-align: middle;
    padding-right: 8px;
}

TD.noLineSpacer {
    border-bottom: 0px;
}

TD.titleDivider {
    height: 3px;
    padding: 0px;
    background-color: #476788;
}

TD.right {
    text-align: right;
}

TD.center {
    text-align: center;
}

TD.top {
    vertical-align: top;
}

TD.bottom {
    vertical-align: bottom;
}

td.thumbnail {
    height: 70px;
}

TR.didNotSell {
    background-color: #ffcc99;
}

TR.withdrawn {
    background-color: #ffffcc;
}

TR.referSheets {
    background-color: #99ccff ;
}

TR.reportHighlight {
    background-color: #abc9c4;
}

TR.reportHighlight2 {
    background-color: #cdece8;
}

.expand {
    width: 100%;
}

.nowrap {
    white-space: nowrap;
}

.preserveLineBreaks {
    white-space: pre-line;
}

img {
    vertical-align: bottom;
    border: 0;
}

/* Override for Datatables tfoot */
table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 8px 10px !important; 
}

/*--jQuery Style--*/  


label.error { float: none; color: red; padding-left: .5em; vertical-align: middle; }

div.border { border:1px solid #999; margin-top: 10px;}

div.titleDivider {
    width: 100%;
    height: 3px;
    padding: 0px;
    margin-top: 2px;
    background-color: #476788;
}


/* contact us styling */
img.contactUsPhone {
    float: left;
    height: 15px;
    padding-right: 10px;
    margin-top: -1px;
}

/* help styling */
.help { 
    overflow: hidden;

    /* styling */
    background-color:white;
    height: 1000px;
    width:530px;
    border:1px solid #666;

    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;

}

.leftPanel
{
    width:150px;
    vertical-align: top;
}

.rightPanel
{
    vertical-align: top;
}

p.breadcrumbs {
    padding: 3px;
    background:url(/images/messages/breadcrumb-background.gif) 0 0 repeat-x lightgray;
}


/* Page Numbers */
.pages {
    font: 83%/1.4 arial, helvetica, sans-serif;
    margin: 1em 0;
    clear: left;
    font-size: 85%;
    margin: 1px;
}

.pages a, .pages span {
    color:#003366;
    display: block;
    float: left;
    padding: 2px 3px 2px 2px;
    margin-right: 1px;
    margin-bottom: 1px;
    border: 1px solid #fff;
    background: #fff;
}

.pages span.current {
    border: 1px solid #2E6AB1;
    font-weight: bold;
    background: #2E6AB1;
    color: #fff;
}

.pages a {
    border: 1px solid #9AAFE5;
    text-decoration: none;
}

.pages a:hover {
    border-color: #2E6AB1;
}

.pages a.nextprev {
    font-weight: bold;
    text-align: center;
    width:50px;
}

.pages span.nextprev {
    color: #666;
    text-align: center;
    width:50px;
}

.pages span.nextprev {
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    width:50px;
}

.pages .nextprev-next {
    float: right;
    text-align: center;
    width:50px;
}

.pages a.nextprevlink {
    font-weight: bold;
    text-align: center;
    width: 108px;
}

.uploadifive-clone {
    position: relative; 
    left:150px; 
    top: 24px; 
    padding: 8px;
    cursor:  default;
}

#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
#sortable li span { position: absolute; margin-left: -1.3em; }

.slideshow {
    z-index: 1;
    height: 200px;
}

.slideshownav {
    float: left;
    display: block;
    position: relative;
    top: 155px;
    left: 5px;
    width: 20px;
    margin: 0 2px; 
    padding: 3px 5px;  
    z-index: 2;
    cursor:  pointer;
}

/* Password Strength Indicator */
#passwordStrength.short{
    font-weight:bold;
    color:#FF0000;
}
#passwordStrength.weak{
    font-weight:bold;
    color:orange;
}
#passwordStrength.good{
    font-weight:bold;
    color:#2D98F3;
}
span#passwordStrength.strong{
    font-weight:bold;
    color: limegreen;
}