/* ------------------------------------------------------------------------ */
/* AUTOSHRINE NETWORK */
/* (C) 2018 Corvus Digital Corp. All Rights Reserved. */
/* ------------------------------------------------------------------------ */
/* Global stylesheet for all AutoShrine Network sites */
/* Based on http://matthewjamestaylor.com/blog/ultimate-2-column-left-menu-pixels.htm */
/* General styles */
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%; /* 1.0em = 10px trick */
background: #fff;
color: #000;
margin: 0;
padding: 0;
/* This removes the border around the viewport in old versions of IE */
border: 0;
width: 100%;
min-width: 768px;
}
/* Link styles */
.leftmenu a {
color: #0f3262;
text-decoration: none;
}
.leftmenu a:hover {
color: #ee0000 !important;
text-decoration: none;
}
a.anchor {
display: block;
position: relative;
top: -30px;
visibility: hidden;
}
/* Misc styles */
img { border: 0; }
img.walkthrough {
border: 1px solid #000;
margin-left: 60px;
}
p,li,dt,dd,td,th,blockquote,div.p { font-size: 1.4em; }
div.p { margin: 1.12em 0; }
.float-left { float: left; }
.float-right { float: right; }
.clear-both { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-none { clear: none; }
.clearfix:before,.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { /* *zoom: 1; */ } /* For IE 6/7 only */
.margin-auto { margin: auto !important; }
.indent { margin-left: 60px; margin-right: 60px; }
.pindent { margin-left: 6%; margin-right: 6%; }
.half-indent { margin-left: 30px !important; margin-right: 30px !important; }
.half-indent-left { margin-left: 30px !important; }
.half-indent-right { margin-right: 30px !important; }
.hidden { display: none !important; } /* should be visibility: hidden */
.display-none,.no-display { display: none !important; }
.unindent { margin-left: -60px !important; }
.indent-left { margin-left: 60px !important; }
.indent-right { margin-right: 60px !important; }
.button-vspace { margin-top: 4em; margin-bottom: 4em; }
button.layout { border: none; background: inherit; padding: 0; margin: 0; }
.text-center,.center,.tc { text-align: center !important; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }
.no-wrap,.nowrap { white-space: nowrap !important; }
.wrap { white-space: normal !important; }
.no-border { border: 0 !important; }
.leftmenu .col1 .no-border { border: 0; }
.bold-links a,.boldlinks a { font-weight: bold; }
.spacer2 { margin-left: 2px; margin-right: 2px; }
.spacer3 { margin-left: 3px; margin-right: 3px; }
.spacer5 { margin-left: 5px; margin-right: 5px; }
.spacer8 { margin-left: 8px; margin-right: 8px; }
.spacer10 { margin-left: 10px; margin-right: 10px; }
.spacer15 { margin-left: 15px; margin-right: 15px; }
.spacer20 { margin-left: 20px; margin-right: 20px; }
.spacer25 { margin-left: 25px; margin-right: 25px; }
/* Colors */
.red { color: #f00 !important; }
.red2 { color: #c00 !important; }
.bold-red { font-weight: bold; color: #f00; }
.dark-red,.maroon { color: #800 !important; }
.blue { color: #00f; }
.dark-blue { color: #008; }
.bold-blue { font-weight: bold; color: #00f; }
.green { color: #0f0; }
.dark-green { color: #060; }
.bold-green { font-weight: bold; color: #0f0; }
.pink { color: #FF1493; }
.orange { color: #FFA500; }
.dark-orange { color: #FF8C00; }
.grey25 { color: #444444; }
.grey33 { color: #555555; }
.grey50 { color: #888888; }
.grey66 { color: #AAAAAA; }
.grey75 { color: #CCCCCC; }
/* font sizes - this needs to be refactored into relative (-er) & not relative (eg: p vs div) */
.font-size-base { font-size: 10px !important;} /* fixed */
.font-size-reset { font-size: 14px !important;} /* fixed */
.font-equal,.font-inherit,.font-base { font-size: 1em !important; }
.font-normal { font-size: 1.4em !important; }
.font-large { font-size: 1.5em !important; }
.font-larger { font-size: 115% !important; } /* relative */
.font-big { font-size: 1.8em !important; }
.font-bigger { font-size: 140% !important; } /* relative */
.font-huge { font-size: 2.2em !important; }
.font-huger { font-size: 170% !important; } /* relative */
.font-small { font-size: 1.2em !important; }
.font-small2 { font-size: 1.3em !important; }
.font-smaller { font-size: 90% !important; } /* relative */
.font-smaller2 { font-size: 95% !important; } /* relative */
.font-tiny { font-size: 0.9em !important; }
.font-tinier { font-size: 85% !important; } /* relative */
.font-tinier2 { font-size: 80% !important; } /* relative */
/* font styling */
.font-bold,.bold,.b { font-weight: bold !important; }
.font-serif { font-family: "Georgia", serif; }
.font-nobold,.nobold,.no-bold { font-weight: normal !important; }
.font-monospace,.monospace,.mono { font-family: "Lucida Console", Terminal, monospace; }
.font-italic,.italic,.i { font-style: italic; }
.font-small-caps, .small-caps { font-variant: small-caps; }
.font-family-normal { font-family: Arial, Helvetica, sans-serif !important; }
.underline,.u { text-decoration: underline !important; }
/* Misc */
hr.shorty { width: 50%; margin-left: 0; }
.border-red { border: 1px solid #f00; }
.border-green { border: 1px solid #0f0; }
.border-blue { border: 1px solid #00f; }
.list-spaced>li, ol.spaced>li, ul.space>li { margin-bottom: 1em; }
ol.checklist, ul.checklist { list-style-image: url('/images/icon/square_13.png'); }
.frame, .frame-images img { padding: 5px; border: 1px solid #aaa; /* box-shadow: 2px 2px 5px #bbb; */ }
/* Fix cascading styles */
ol>li li { font-size: 1em; }
ul>li li { font-size: 1em; }
tbody ol li { font-size: 1em; }
tbody ul li { font-size: 1em; }
textarea { font: inherit; }
/* New ASN6 control styles */
.menu-yellow { color: #ffa !important; } /* was #ffa */
.menu-fade { color: #c0c0c0 !important; }
#asn6-toptoc {
display: block;
position: absolute;
z-index: 49;
opacity: 1;
top: 96px;
/* temp for #top-notice */
top: 116px;
left: 0px;
height: 25px;
width: 100%;
border-top: 1px solid #444;
background-color: #111;
}
#asn6-toptoc .siteid {
float: right;
display: none;
font-size: 16px; /* fixed */
padding: 3px 20px 3px 5px;
}
#asn6-toptoc .siteid a {
color: #ffa;
font-weight: bold;
}
#asn6-toptoc .siteid a:hover {
color: #fff !important;
}
#asn6-toptoc .pure-menu-list {
margin-left: 6px;
}
#asn6-toptoc .pure-menu-link,
#asn6-toptoc .pure-menu-header {
font-size: 14px; /* fixed */
color: #f8f8f8;
background-color: #111;
height: 18px;
padding: 3px 8px;
/* border-right: 1px solid #555; */
font-weight: normal;
cursor: pointer;
}
#asn6-toptoc .pure-menu-header {
color: #c0c0c0;
cursor: default;
}
#asn6-toptoc .pure-menu-link .fa { padding-right: 0.5em; }
#asn6-toptoc .pure-menu-link:hover,
#asn6-toptoc a:hover {
color: #ffa !important;
}
/*
#asn6-toptoc .pure-menu-horizontal .pure-menu-has-children > .pure-menu-link::after {
content: "";
}
*/
#asn6-toptoc .pure-menu-children {
z-index: 51; /* this doesn't work because the parent bar is below header-image */
min-width: 220px;
border-top: 1px solid #111;
border-bottom: 3px solid #111;
border-left: 4px solid #555;
margin: -2px 0 0 -3px;
}
#asn6-toptoc .pure-menu-children.first {
margin-left: 0;
}
#asn6-toptoc .pure-menu-children .pure-menu-link,
#asn6-toptoc .pure-menu-children .pure-menu-header {
padding: 3px 15px 0px 15px;
}
#asn6-toptoc .pure-menu-children .pure-menu-link:first-child {
padding-top: 4px;
}
#asn6-toptoc .pure-menu-children .pure-menu-link:hover {
background-color: #404040;
}
#asn6-toptoc .pure-menu-children .pure-menu-link .fa {
float: right;
padding: 0;
}
#asn6-toptoc .pure-menu-children .pure-menu-hr {
background-color: #111;
padding: 1px 12px;
}
#asn6-toptoc .pure-menu-children .pure-menu-hr hr {
border: 0;
height: 1px;
background-image: linear-gradient(to right, #111, #ccc, #111);
}
#asn6-toptoc .pure-menu-children .pure-menu-item.event .date {
display: inline-block;
width: 3.5em;
color: #c0c0c0;
}
#asn6-toptoc .pure-menu-children .pure-menu-item.event .region2 {
display: inline-block;
width: 1.9em;
color: #c0c0c0;
}
#asn6-toptoc .pure-menu-children .pure-menu-item.user-image {
height: 100px;
width: 100%;
}
#asn6-toptoc .myaccount > a .fa-home { display: none; }
/* difference between row and list?? */
.asn6-button-row {
display: block;
clear: both;
text-align: center;
margin: 3em auto;
}
.asn6-button-row .title {
}
.asn6-button-row .text {
vertical-align: middle;
font-size: 1.4em;
}
.asn6-button-row .asn6-button,
.asn6-button-row .text { margin-left: 1em; }
.asn6-button-row .asn6-button:first-child,
.asn6-button-row .text:first-child { margin-left: 0; }
.asn6-button-row .textlink { font-size: 1.3em; margin-left: 1em; }
.asn6-button-row .textlink:first-child { margin-left: 0; }
.asn6-button-list .asn6-button,
.asn6-button-list .text { margin-left: 1em; }
.asn6-button-list .asn6-button:first-child,
.asn6-button-list .text:first-child { margin-left: 0; }
.quickform .group .asn6-button { margin: 1em 0.8em 1em 0; }
.asn6-button.eq-width { width: 220px; }
.asn6-button.no-margin { margin: 0 !important; }
.asn6-button-right {
float: right;
text-align: right;
margin: 2px 0 20px 20px;
clear: right;
}
.asn6-button-right button { margin-bottom: 5px; }
.asn6-button-col .asn6-button { display: block; margin: 1em 0; }
.pure-button.asn6-button {
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
text-decoration: none;
font-size: 1.4em;
font-weight: normal;
letter-spacing: 0.4px;
cursor: pointer;
padding: 0.3em 0.9em;
background-color: #f5f5f5;
*background-color: #e6e6e6;
background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(top, #ffffff, #e6e6e6);
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border: 1px solid #cccccc;
*border: 0;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
/* *zoom: 1; */
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pure-button.asn6-button:hover {
text-decoration: none;
}
.pure-button.asn6-button .fa { padding: 0 0 0 0.6em; }
.pure-button.asn6-button .fa.left { padding: 0 0.6em 0 0; }
.pure-button.asn6-button .fa.nopad { padding: 0; }
/* Form buttons */
.quickform .pure-button.asn6-button {
font-size: inherit;
}
/* Button types, styles, colours, gradients */
.pure-button.asn6-button.blue,
.pure-button.asn6-button.checkout,
.pure-button.asn6-button.facebook,
.pure-button.asn6-button.yellow,
.pure-button.asn6-button.orange,
.pure-button.asn6-button.goto,
.pure-button.asn6-button.edit,
.pure-button.asn6-button.create {
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pure-button.asn6-button.blue,
.pure-button.asn6-button.checkout {
background-color: #0074cc;
*background-color: #0055cc;
background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
background-image: -o-linear-gradient(top, #0088cc, #0055cc);
background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
background-image: linear-gradient(top, #0088cc, #0055cc);
background-repeat: repeat-x;
border-color: #0055cc #0055cc #003580 #0055cc;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.pure-button.asn6-button.facebook {
background-color: #3b5998;
*background-color: #3b5998;
background-image: -ms-linear-gradient(top, #8b9dc3, #3b5998);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8b9dc3), to(#3b5998));
background-image: -webkit-linear-gradient(top, #8b9dc3, #3b5998);
background-image: -o-linear-gradient(top, #8b9dc3, #3b5998);
background-image: -moz-linear-gradient(top, #8b9dc3, #3b5998);
background-image: linear-gradient(top, #8b9dc3, #3b5998);
background-repeat: repeat-x;
border-color: #3b5998 #3b5998 #1b2978 #3b5998;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8b9dc3', endColorstr='#3b5998', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.pure-button.asn6-button.goto,
.pure-button.asn6-button.yellow {
/* yellow - override */
/* light blue */
background-color: #399fbd;
*background-color: #1f86a4;
background-image: -ms-linear-gradient(top, #4bb0ce, #1f86a4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4bb0ce), to(#1f86a4));
background-image: -webkit-linear-gradient(top, #4bb0ce, #1f86a4);
background-image: -o-linear-gradient(top, #4bb0ce, #1f86a4);
background-image: -moz-linear-gradient(top, #4bb0ce, #1f86a4);
background-image: linear-gradient(top, #4bb0ce, #1f86a4);
background-repeat: repeat-x;
border-color: #1f86a4 #1f86a4 #0f5367 #1f86a4;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#4bb0ce', endColorstr='#1f86a4', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.pure-button.asn6-button.orange,
.pure-button.asn6-button.edit,
.pure-button.asn6-button.create {
background-color: #ea9722;
*background-color: #e88400;
background-image: -ms-linear-gradient(top, #eba440, #e88400);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eba440), to(#e88400));
background-image: -webkit-linear-gradient(top, #eba440, #e88400);
background-image: -o-linear-gradient(top, #eba440, #e88400);
background-image: -moz-linear-gradient(top, #eba440, #e88400);
background-image: linear-gradient(top, #db9430, #d87400);
border-color: #e88400 #e88400 #9d5700 #e88400;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#eba440', endColorstr='#e88400', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.asn6-action-menu {
display: inline-block;
width: auto;
font-size: 1.5em;
letter-spacing: 0.4px;
font-weight: normal;
text-align: left;
/* doesn't scale properly in dropdown text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); */
/* green */
background-color: #4ba74b;
*background-color: #419341;
background-image: -ms-linear-gradient(top, #52b452, #419341);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52b452), to(#419341));
background-image: -webkit-linear-gradient(top, #52b452, #419341);
background-image: -o-linear-gradient(top, #52b452, #419341);
background-image: -moz-linear-gradient(top, #52b452, #419341);
background-image: linear-gradient(top, #52b452, #419341);
background-repeat: repeat-x;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#52b452', endColorstr='#419341', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
border-radius: 4px;
}
.asn6-action-menu li {
font-size: inherit !important;
}
.asn6-action-menu .pure-menu-link > .title {
display: inline-block;
padding-left: 0.3em;
}
.asn6-action-menu .pure-menu-link {
padding: 0.5em 0.9em;
font-size: 105%;
}
.asn6-action-menu .pure-menu-has-children > .pure-menu-link {
border-radius: 4px;
color: #ffffff !important;
}
.asn6-action-menu .pure-menu-has-children > .pure-menu-link:after { content: "" !important; }
.asn6-action-menu .pure-menu-has-children > .pure-menu-link:hover,
.asn6-action-menu .pure-menu-has-children > .pure-menu-link:focus {
border-radius: 4px;
color: #222 !important;
}
.asn6-action-menu .pure-menu-has-children a { text-decoration: none !important; }
.asn6-action-menu .pure-menu-has-children a .fa { padding-right: 0.5em; }
.asn6-action-menu .pure-menu-children {
font-size: 88%;
background: #e0e0e0;
border: 1px solid #d0d0d0;
min-width: 250px;
left: auto !important;
right: -1px;
}
.asn6-action-menu .pure-menu-children a { font-weight: normal; }
.asn6-action-menu .pure-menu-children a .fa { float: right; }
.asn6-tabs-menu {
clear: both;
width: 95%;
border-bottom: 1px solid #aaa;
text-align: center;
}
.asn6-tabs-menu .pure-menu-item {
background-color: #f0f0f0;
border: 1px solid #aaa;
margin-left: 10px;
margin-bottom: -1px;
vertical-align: bottom !important;
}
.asn6-tabs-menu .pure-menu-link {
padding: 0.3em 1.1em;
font-size: 1.6em;
font-weight: normal;
text-decoration: none !important;
}
.asn6-tabs-menu .pure-menu-selected { border-bottom: 1px solid #fff; background-color: inherit; }
.asn6-tabs-menu .pure-menu-selected .pure-menu-link { color: #c00; }
/* Button styles */
/*
input[type=button],
input[type=submit],
input[type=reset] {
font-weight: bold;
color: #000;
background: #ffe;
border: 1px outset #7c667f;
}
*/
.btn_orange {
vertical-align: middle;
border: solid 1px #c56611;
padding: 2px 8px !important;
color: #fff !important;
text-shadow: #000 0px 0px 1px;
margin: 2px 1px !important;
background: #df9c27 url(https://www.asnstatic.com/images/tile/button_bg_orange.gif) left top repeat-x;
white-space: nowrap;
cursor: pointer;
-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;
font-size: 13px; /* fixed */
}
.btn_orange:hover {
text-decoration: none !important;
background: #c56511;
/* background: #c56511 url(https://www.asnstatic.com/images/tile/button_bg_orange_hover.gif) left top repeat-x; */
}
input.btn_orange {
padding: 3px 8px !important
}
.btn_yellow {
vertical-align: middle;
border: solid 1px #c56611;
padding: 2px 8px !important;
color: #222 !important;
margin: 2px 1px !important;
background: #fdf19e url(https://www.asnstatic.com/images/tile/button_bg_yellow.png) left top repeat-x;
white-space: nowrap;
cursor: pointer;
-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;
font-size: 13px; /* fixed */
}
.btn_yellow:hover {
text-decoration: none !important;
background: #fdf19e;
/* background: #c56511 url(https://www.asnstatic.com/images/tile/button_bg_yellow_hover.gif) left top repeat-x; */
}
input.btn_yellow {
padding: 3px 8px !important
}
.btn_red {
vertical-align: middle;
border: solid 1px #c56611;
padding: 2px 8px !important;
color: #fff !important;
margin: 2px 1px !important;
background: #80170a url(https://www.asnstatic.com/images/tile/button_bg_red.png) left top repeat-x;
white-space: nowrap;
cursor: pointer;
-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;
font-size: 13px; /* fixed */
}
.btn_red:hover {
text-decoration: none !important;
background: #80170a;
/* background: #c56511 url(https://www.asnstatic.com/images/tile/button_bg_red_hover.gif) left top repeat-x; */
}
input.btn_red {
padding: 3px 8px !important
}
.btn_small {
font-size: 11px; /* fixed */
}
/* Big attention-getting buttons */
div.big_fake_button {
text-align: center;
width: 175px;
}
div.big_fake_button a {
background: inherit;
font-family: Verdana, sans;
font-weight: bold;
text-decoration: none;
font-size: 1.2em;
color: #fff;
display: block;
padding: 0.3em 0;
}
div.big_fake_button a:hover {
color: #fff;
background: inherit;
}
div.big_fake_button a:visited {
color: #fff;
background: inherit;
}
div.big_fake_button .red {
background: #c00;
border-top: 3px solid #e00;
border-left: 3px solid #e00;
border-bottom: 3px solid #900;
border-right: 3px solid #900;
}
div.big_fake_button .green {
background: #4a713a;
border-top: 3px solid #7c9b6f;
border-left: 3px solid #7c9b6f;
border-bottom: 3px solid #040;
border-right: 3px solid #040;
}
div.big_fake_button .blue {
background: #13406d;
border-top: 3px solid #5380ad;
border-left: 3px solid #5380ad;
border-bottom: 3px solid #007;
border-right: 3px solid #007;
}
/* Stripped down table for simple layout */
table.layout {
border: 0;
border-collapse: collapse;
empty-cells: hide;
margin: 0;
padding: 0;
}
table.layout>tbody>tr,
table.layout>tbody>tr>th,
table.layout>tbody>tr>td {
border: 0;
margin: 0;
padding: 0;
font-size: 1.0em;
}
table.layout.itemized tr { border-bottom: 1px dotted #888; }
table.layout.itemized td { padding-right: 60px; }
table.layout.itemized td:last-child { padding-right: 0; }
/* Tiny pins */
.pin-left-small {
margin-left: -17px;
padding-left: 17px;
background-image: url(https://www.asnstatic.com/images/icon/pin_14_orange_l.gif);
background-repeat: no-repeat;
}
.leftmenu .col1 .pin-left-big {
border: 1px outset #aaa;
margin: 10px 50px 20px 0;
padding: 0 40px 10px 70px;
background: #fcfcfc url(https://www.asnstatic.com/images/icon/pin_48_red_l.png) no-repeat 0 5px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
.leftmenu .col1 .pin-left-big-noborder {
margin: 10px 50px 20px 0;
padding: 0 40px 10px 70px;
background: url(https://www.asnstatic.com/images/icon/pin_48_red_l.png) no-repeat;
}
.bg-grey-stripe {
/* XXX should be alpha png */
background: #fff;
background-image: url(https://www.asnstatic.com/images/tile/thick-stripe-grey-trans.png);
background-repeat: repeat-x;
}
.bg-yellow-grad {
/* XXX should be alpha png */
background: #fff;
background-image: url(https://www.asnstatic.com/images/comment-grad-yellow.png);
background-repeat: no-repeat;
}
.alpha60 {
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(0, 0, 0);
/* RGBa with 0.6 opacity */
background: rgba(0, 0, 0, 0.6);
}
.grad-white {
background-image: url(https://www.asnstatic.com/images/grad_white.png);
}
.grad-black {
background-image: url(https://www.asnstatic.com/images/grad_black.png);
}
.cribbon-tl-blue {
background-image: url(https://www.asnstatic.com/images/cribbon_tl_blue_250.png);
background-repeat: no-repeat;
background-position: left top;
}
/* https://stackoverflow.com/questions/2812770/add-centered-text-to-the-middle-of-a-hr-like-line */
.hr-text {
display: block;
text-align: center;
overflow: hidden;
white-space: nowrap;
}
.hr-text > span {
position: relative;
display: inline-block;
}
.hr-text > span:before,
.hr-text > span:after {
content: "";
position: absolute;
top: 50%;
width: 9999px;
height: 1px;
background: black;
}
.hr-text > span:before {
right: 100%;
margin-right: 15px;
}
.hr-text > span:after {
left: 100%;
margin-left: 15px;
}
/* Alert Balloons */
.counter-flag {
font-weight: normal;
font-size: 11px;
color: white;
background-color: #e03030;
padding: 0 2px;
-webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;
position: absolute;
right: 3px;
top: -12px;
line-height: 18px;
min-width: 12px;
_width: 12px;
text-align: center;
text-shadow: none;
white-space: nowrap;
word-wrap: normal;
-webkit-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); -moz-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); -khtml-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); box-shadow: 2px 2px 5px rgba(0,0,0, 0.25);
height: 16px;
}
.counter-flag .arrow {
border: 3px solid transparent;
border-top-color: #e03030;
border-bottom: 1px none black;
position: absolute;
bottom: -3px;
right: 4px;
line-height: 0px;
text-shadow: none;
_display: none;
/* Hide from IE6 */
width: 0px;
height: 0px;
}
.counter-flag.zero { display: none; }
.counter-flag.ResponsiveOnly { display: none !important; }
/* Header styles: Override in site.css */
#header {
clear: both;
float: left;
width: 100%;
height: 120px;
border: 0;
margin-top: 20px; /* temp for #top-notice */
}
#header .title {
color: #fff;
font-family: "Georgia", serif;
font-size: 48px; /* fixed */
padding: 0;
border: 0;
margin: 15px 0 0 10px;
overflow: hidden;
}
#header a {
color: inherit;
background: transparent;
}
#header .print {
display: none;
}
#header #header-image {
position: absolute;
top: 0;
right: 0;
z-index: 50;
border: 0;
overflow: hidden;
}
/* Main, top, horizontal mini navigation - simple CSS */
#toptoc {
display: block;
position: absolute;
top: 100px;
left: 0px;
height: 20px;
width: 100%;
background-color: #101010;
}
#toptoc .link {
color: #f8f8f8;
float: left;
height: 18px;
margin-top: 1px;
padding: 0 12px;
border-right: 1px solid #505050;
}
#toptoc .link.first {
margin-left: 10px;
}
#toptoc .link.last {
border-right: 0;
margin-right: 1px;
}
#toptoc .link a {
font-size: 14px; /* fixed */
font-weight: normal;
color: #f8f8f8;
}
#toptoc .link a:hover,
#toptoc .link a:active {
/* color: #fdfd00; */
/* color: #df9c27; */
/* color: #FFD700; */
color: #FFD700 !important;
}
/* Top of page banners */
#top-notice {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 3;
width: 100%;
color: #fff;
background-color: #111;
text-align: left;
font-size: 1.4em;
font-weight: normal;
padding: 3px 0 3px 0;
border-bottom: 1px solid #444;
}
#top-notice > span {
display: inline-block;
margin-left: 15px;
}
#top-notice > i.fa {
margin: 0 8px 0 15px;
}
#top-notice a {
/* color: #d00; */
color: #7faeed;
padding: 0 3px;
}
#top-notice a:hover {
/* color: #f00; */
text-decoration: underline;
}
#partner-banner {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 3;
width: 100%;
padding: 0;
color: #fff;
text-align: center;
font-size: 1.2em;
font-weight: normal;
text-shadow: #000 1px 1px 0px;
}
#partner-banner a {
color: #f00;
padding: 0 2px;
}
#partner-banner a:hover {
color: #FFD700;
}
#downtimer-banner {
display: block;
position: absolute;
top: 1px;
left: 0;
z-index: 3;
width: 100%;
padding: 0;
color: #fff;
text-align: center;
font-size: 12px; /* fixed */
letter-spacing: 1px;
font-weight: normal;
text-shadow: #000 1px 1px 0px;
}
#downtimer-banner a {
color: #f00;
padding: 0 2px;
}
#downtimer-banner a:hover {
color: #FFD700;
}
/* Column container */
.colmask {
/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
position: relative;
clear: both;
float: left;
/* width of whole page */
width: 100%;
/* This chops off any overhanging divs */
overflow: hidden;
}
/* 2 column left menu settings */
.leftmenu {
/* Background for nav column here. Override in site.css */
}
.leftmenu .colright {
float: left;
width: 200%;
position: relative;
left: 185px;
background: #fff;
/* background: #fff url(https://www.asnstatic.com/images/tile/thick-stripe-grey.gif) repeat-x 0 0; */
border-left: 1px solid #ddd;
}
.leftmenu .col1wrap {
float: right;
width: 50%;
position: relative;
right: 200px;
padding-bottom: 1em;
}
/* Content column - liquid */
.leftmenu .col1 {
margin: 0 0 0 215px; /* default 0 15px 0 215px */
position: relative;
right: 100%;
overflow: hidden;
}
.leftmenu .col1 h1,h2,h3 { color: #000; }
/* Copy Firefox default header margins to fix yet another IE7 bug (ignored top margin) */
.leftmenu .col1 h1 {
font-size: 2.3em;
color: #000;
background: #E8E6E7;
margin: 15px 0 0.67em 0;
padding: 8px 0 8px 20px;
text-shadow: #fff 1px 1px 0px;
border-bottom: 1px solid #ccc;
background: #E2E0E1 url(https://www.asnstatic.com/images/tile/diag2-white-50pc.png) repeat;
}
.leftmenu .col1 h2 { font-size: 2.0em; margin: 0.83em 0; }
.leftmenu .col1 h3 { font-size: 1.6em; margin: 1em 0; }
.leftmenu .col1 h4 { font-size: 1.5em; margin: 1em 0; }
.leftmenu .col1 h2,
.leftmenu .col1 h3 {
/* Disable - causes float problems on 1024x768
width: 75%;
white-space: nowrap;
*/
padding-bottom: 0.2em;
margin: 1.1em 0;
border-bottom: 1px solid #ccc;
}
.leftmenu .col1 h2 {
width: 90%;
white-space: nowrap;
}
.leftmenu .col1 h3 {
width: 65%;
white-space: nowrap;
}
#content { }
#content input[disabled] {
color: #555;
background-color: #e0e0e0;
}
#content a {
font-weight: normal;
text-decoration: underline;
}
#content .text-size a { margin: 0 6px; }
#content .text-size a:last-child{ margin-right: 0; }
#content .facebook-like {
clear: left;
margin: 3em auto 1em auto;
width: 550px;
}
.facebook-blue-dark { color: #0e1f56; }
#content .facebook-like .fa-facebook-square {
color: #0e1f56; /* dark */
font-size: 23px;
float: left;
margin: -2px 15px 0 0;
}
#content .facebook-like iframe { float: left; }
.leftmenu .col1 dt { font-style: italic; }
#content a.bigger {
background: #fafafa;
border: 1px outset #888;
font-size: 130%;
padding: 2px 10px;
text-decoration: none;
}
#content .formnotes { max-width: 900px; margin: 3em auto; text-align: center; }
/* LEFT column - fixed */
.leftmenu .col2 {
float: left;
width: 150px; /* default; 170px */
position: relative;
right: 165px; /* default: 185px */
}
.leftmenu .col2 .pin-left-small {
background-position: 0px 1px;
}
.leftmenu .col2 .t1 {
font-size: 130%;
font-weight: bold;
border: 0;
margin: 0;
padding: 0 0 10px 0;
text-shadow: #fff 1px 1px 0px;
}
.leftmenu .col2 .t2 { font-size: 1.25em; font-weight: bold; border: 0; margin: 0; padding: 0; }
.leftmenu .col2 .t3 { font-size: 1.1em; font-weight: bold; border: 0; margin: 0; padding: 0; }
/* Footer styles */
#footer {
clear: both;
float: left;
width: 100%;
border-top: 1px solid #101010;
background: #252525;
color: #e0e0e0;
padding: 2em 0 2em 0;
z-index: 2;
text-align: center;
font-size: 1.3em;
}
#footer a {
font-weight: normal;
text-decoration: underline;
color: #e0e0e0;
}
#footer a:hover { color: #d92a2a; }
#footer .col {
display: inline-block;
width: 200px;
text-align: left;
vertical-align: top;
padding-left: 60px;
}
#footer .col:first-child { padding-left: 0; }
#footer .col .title {
font-weight: bold;
margin-bottom: 1.0em;
font-size: 110%;
}
#footer .col .title a { text-decoration: none; font-weight: inherit; }
#footer hr { width: 90%; height: 1px; border: 0; background: #3f3f3f; margin: 2.0em auto; }
#footer .text-size a { margin: 0 14px; }
#footer .text-size a:last-child{ margin-right: 0; }
#footer .text-size { margin-bottom: 1em; }
#footer #waldo-close-button a { font-size: 14px !important; }
#footer .switch-view {
display: block;
font-size: 110%;
width: 300px;
text-align: center;
padding: 2em 0 2em 30px;
}
/* Left Sidebar box styles */
.leftmenu .col2 #floating-menu {
width: 150px; /* same as .leftmenu .col2 */
}
.leftmenu .col2 .box {
border-bottom: 1px solid #999;
padding: 15px 0;
font-size: 1.3em;
}
.leftmenu .col2 .box p {
font-size: 1em;
}
.leftmenu .col2 .box.social-links {
margin-left: -9px;
padding: 20px 0;
}
.leftmenu .col2 .box.social-links .link img {
display: block;
padding-bottom: 3px;
}
.leftmenu .col2 .box.social-links div {
margin-bottom: 5px;
text-align: center;
}
.leftmenu .col2 .box.social-links .fb-like>span,
.leftmenu .col2 .box.social-links .fb-like>span>iframe {
width: 160px !important;
overflow: hidden;
}
.box.registry-random .photo img {
margin-left: -8px;
border: 1px solid #666;
}
.box.registry-random .text {
margin-top: 0.8em;
text-align: center;
font-size: 95%;
}
.box.forum-list {
margin-right: -10px;
}
.box.forum-list .forums a {
display: block;
font-weight: bold;
padding-left: 2px;
font-size: 110%;
}
.box.asn-links .site {
font-weight: bold;
font-size: 110%;
}
#floating-content.fixed {
width: 150px; /* same as .leftmenu .col2 */
position: fixed;
top: 20px;
left: 22px;
}
/* Navigation Sidebar */
#asntoc {
}
#asntoc h2 {
margin-left: 0;
text-shadow: #fff -1px 1px 0px;
}
#asntoc h3 {
padding: 0;
margin: 0 0 1px 15px;
text-shadow: #fff -1px 1px 0px;
}
#asntoc .selected a {
color: #c00;
}
#asntoc .selected img {
margin-left: 3px;
vertical-align: text-bottom;
}
#asntoc .promote {
font-size: 90%;
}
#asntoc .navspace {
height: 0.5em;
}
#asntoc .asn-ad iframe {
margin-left: -5px;
}
#asntoc.fixed {
width: 150px; /* same as .leftmenu .col2 */
position: fixed;
top: 5px;
left: 22px;
}
/* Login Sidebar */
#asnauth form label {
clear: both;
float: left;
padding-top: 2px;
}
#asnauth form input[type="text"],
#asnauth form input[type="checkbox"],
#asnauth form input[type="password"] {
float: right;
width: 80px;
margin-bottom: 1px;
border: 1px inset #aaa;
}
#asnauth form input[type="submit"] {
clear: both;
float: right;
}
#asnauth .member-greeting {
}
#asnauth .member-thanks {
/* font-style: italic; */
font-weight: bold;
color: #000;
text-shadow: #FFD700 0px 0px 2px;
margin: 8px 0 0 0;
}
#asnauth .member-nag {
background: #FFF8C2;
border: 1px solid #aaaaaa;
padding: 6px 7px;
margin: 8px -6px 0 -12px;
/* text-align: justify; */
font-size: 0.95em;
/* https://www.cssmatic.com/box-shadow */
-webkit-box-shadow: 0px 0px 2px 0px #888888;
-moz-box-shadow: 0px 0px 2px 0px #888888;
box-shadow: 0px 0px 2px 0px #888888;
}
#asnauth .member-nag a {
color: #060;
font-weight: bold;
}
#asnauth .member-nag a:hover {
color: #c00;
font-weight: bold;
}
#asnauth h3.pm-notify a {
color: #c00;
}
/* Other Sidebar Controls */
.box.js-text-size a {
font-size: 118%;
font-weight: bold;
}
.box.js-text-size a.larger { text-transform: uppercase; }
.box.js-text-size a.smaller { font-variant: small-caps; }
.box.marque-logo {
width: 150px;
height: 150px;
margin: 0;
padding: 15px 0;
}
.leftmenu .col2 .asn-links {
}
.twitter-blue-dark { color: #0084b4; }
.leftmenu .col2 .twitter-widget {
padding: 20px 0;
}
.leftmenu .col2 .vertical-ad {
padding: 20px 2px;
}
.leftmenu .col2 .vertical-ad .ebay {
padding: 2px 0 4px 5px;
background: #fff;
margin-bottom: 5px;
}
.leftmenu .col2 .vertical-ad .ebay h1 {
font-size: 13px; /* fixed */
background: #336699;
color: #fff;
font-weight: normal;
padding: 0 1px;
margin: -2px 0 0 -5px;
text-decoration: none;
}
.leftmenu .col2 .vertical-ad .ebay a {
font-size: 11px;
color: #00f;
text-decoration: underline;
}
.leftmenu .col2 .twitter-widget p {
font-size: 1em;
}
.leftmenu .col2 .facebook-widget {
padding: 20px 0 20px 16px;
}
/* DIE IE6 DIE DIE DIE */
.leftmenu .col2 .ie6-notice {
color: #fff;
background: #000;
border: 1px solid #f00;
padding: 5px;
z-index: 99;
}
.leftmenu .col2 .ie6-notice h1,
.leftmenu .col2 .ie6-notice b {
color: #f00;
}
.leftmenu .col2 .ie6-notice a {
color: #0f0;
font-weight: bold;
}
.leftmenu .col2 .ie6-notice a:hover {
color: #000;
background: #0f0;
}
/* Content styles - GENERAL */
.leftmenu .col1 dt {
font-style: normal;
font-weight: bold;
margin-top: 0.5em;
}
.leftmenu .col1 .header-image-box {
/* Adjust size to prevent text slipping under car wheels... */
float: right;
clear: left;
height: 0;
width: 0;
border: 1px solid green; /* override reminder */
}
.leftmenu .col1 .block-container {
width: 264px; /* IE7: width + margin */
float: right;
clear: right;
margin-bottom: 20px;
}
.leftmenu .col1 .block {
width: 234px;
float: right;
clear: right;
margin: 0 1px 20px 0;
}
.leftmenu .col1 .block table.simple { width: 100%; }
.leftmenu .col1 .block table.simple>tbody>tr>th { font-size: 1.3em; /* letter-spacing: 1px; */ }
.leftmenu .col1 .block-banner-ads-all p {
text-align: center;
margin: 0;
padding: 2px 0 3px 0;
font-size: 1.1em;
}
.leftmenu .col1 .block-banner-ads-all p.title {
background: #f0f0f0;
font-size: 1.2em;
font-weight: bold;
margin-bottom: 6px;
}
.leftmenu .col1 ul.checkmark {
list-style-image: url('/images/icon/icon_check_13.png');
margin: 1em 0;
padding-left: 23px;
}
.leftmenu .col1 ul.checkmark li {
margin: 0;
padding: 0 0 1px 10px;
}
.leftmenu .col1 ul.checkmark li b {
font-size: 90%;
}
.leftmenu .col1 ul.pin {
list-style-image: url(https://www.asnstatic.com/images/icon/pin_14_orange_l.gif);
}
.leftmenu .col1 ul.pin li {
margin-left: 40px;
}
.leftmenu .col1 ul.pin li.nopin {
margin-left: 40px;
list-style-image: none;
}
.leftmenu .col1 .nicebox-red,
.leftmenu .col1 .nicebox-green,
.leftmenu .col1 .nicebox-blue {
clear: both;
margin-top: 2em;
margin-bottom: 2em;
padding: 1px 0 1px 50px; /* 1px padding to uncollapse margin with above */
}
.leftmenu .col1 .nicebox-red .last,
.leftmenu .col1 .nicebox-green .last,
.leftmenu .col1 .nicebox-blue .last {
margin-bottom: 0;
}
.leftmenu .col1 .nicebox-green {
border-left: 8px solid #080;
}
.leftmenu .col1 .nicebox-red {
border-left: 8px solid #f00;
}
.leftmenu .col1 .nicebox-blue {
border-left: 8px solid #008;
}
.leftmenu .col1 .nicebox-blue-thin {
margin: 2em 0 3px 0;
padding-left: 15px;
border-left: 4px solid #008;
}
.leftmenu .col1 .nicebox-blue-thin b {
font-size: 105%;
}
.leftmenu .col1 .nicebox-dark {
background: #f8f8f8;
}
#fp-welcome { line-height: 1.4; }
#fp-welcome a { }
#fp-welcome a:hover { }
.leftmenu .col1 .fp-features-overview li {
margin-bottom: 1px;
margin-left: 30px;
}
.leftmenu .col1 .fp-features-overview a {
font-weight: bold;
}
.leftmenu .col1 .webring, /* DISABLE god webring sucks SO HARD */
.leftmenu .col1 .webring input,
.leftmenu .col1 .webring img,
.leftmenu .col1 .webring form {
display: none;
}
.leftmenu .col1 .webring td {
padding: 0 10px;
font-size: 12px;
}
.leftmenu .col1 h2.sticky {
font-size: 1.6em;
font-family: Georgia,serif;
padding: 9px 0;
margin: 18px auto;
width: 670px;
background: #FFF8C2;
border: 1px solid #d8d8d8;
text-align: center;
text-shadow: #f9f9dc 1px 1px 0px;
position: relative;
}
.leftmenu .col1 h2.sticky .curl-shadow {
width: 670px;
height: 15px;
position: absolute;
left: 0;
bottom: -15px; /* image height */
}
.leftmenu .col1 .backtotop {
font-size: 1.2em;
font-weight: bold;
text-align: center;
margin: 3em 0 5em 0;
}
/* Advertising */
.leftmenu .col1 .asn-ad {
/* Just a wrapper for hiding in print.css */
}
.leftmenu .col1 .asn-ad .premium-highlight {
padding-bottom: 10px;
border-bottom: 1px solid #026797;
margin-bottom: 7px;
}
.leftmenu .col1 .house-ad-3x {
width: 747px;
margin: 5px auto 15px auto;
}
.asn-ad.premium-block {
width: 777px;
padding: 0;
margin: 5px auto 15px auto;
clear: left;
border: 0;
}
.asn-ad.premium-block .premium {
float: left;
margin-right: 15px;
}
.asn-ad.premium-block .house-ad-4x {
float: left;
width: 498px;
padding-top: 0;
}
.leftmenu .col1 .asn-ad-234-60 {
float: left;
margin: 0 13px 10px 0;
}
.leftmenu .col1 .links .banner {
float: right;
margin: 0 10px 0 20px;
}
.leftmenu .col1 .asn-ad.leaderboard {
/* NEWOR dynamic ad size */
/* width: 728px; */
/* iframe ads get bumped down when height is defined. I don't know why. */
/* height: 90px; */
}
.asn-ad.fpldr {
width: 728px;
margin: 3em auto;
clear: both;
}
.leftmenu .col1 .asn-ad.vertbanner.right {
float: right;
margin: 40px 0 20px 20px;
}
.leftmenu .col1 .asn-ad.banner {
width: 468px;
height: 60px;
}
.leftmenu .col1 .asn-ad.medrect {
width: 300px;
height: 250px;
}
.leftmenu .col1 .asn-ad.largerect {
width: 336px;
height: 280px;
}
.leftmenu .col1 .asn-ad.medrect.right,
.leftmenu .col1 .asn-ad.largerect.right {
margin: 0 0 10px 20px;
float: right;
}
.leftmenu .col1 .asn-ad.medrect.left,
.leftmenu .col1 .asn-ad.largerect.left {
margin: 0 20px 10px 0;
float: left;
}
.leftmenu .col1 .asn-ad.fpmedrect {
width: 300px;
height: 250px;
margin: 0 0 20px 20px;
}
.leftmenu .col1 .asn-ad.skywide {
width: 160px;
height: 600px;
}
.leftmenu .col1 .asn-ad.skywide.right {
margin: 10px 0 20px 30px;
float: right;
}
.leftmenu .col1 .asn-ad.smallsquare {
width: 200px;
height: 200px;
margin-bottom: 1em;
float: right;
}
.bannerad-link-units {
width: 160px;
height: 90px;
}
.leftmenu .col1 .asn-ad .adcaption {
display: block;
clear: both;
text-align: center;
font-size: 12px; /* fixed */
margin: 0.5em 0 0 0;
padding: 0;
}
.leftmenu .col1 .asn-ad .adcaption .sponsored {
font-weight: bold;
color: #060;
}
/* VigLink, Skimwords */
a.vglnk,a.skimwords-link {
display: inline-block;
font-weight: normal;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dotted;
}
#phorum .message-body .text a.vglnk:hover {
font-weight: normal;
}
/* Search styles - new GSS */
#search div.gsc-search-container { margin: 3em auto; width: 66%; min-width: 600px; }
#search div.gsc-results-container { margin: 3em auto; width: 66%; min-width: 600px; }
#search .gsib_b { padding-top: 4px; }
#search .gsc-search-box td { font-size: inherit; }
#search .gsc-table-result td { font-size: inherit; }
.gsc-completion-container td { font-size: inherit; } /* outside #search */
#search .gsc-table-result,
#search .gsc-thumbnail-inside,
#search .gsc-url-top { padding: 0; }
#search .gs-result .gs-title,
#search .gs-result .gs-title * {
/* anchor style */
}
#search .gsc-results .gs-per-result-labels { text-align: right; }
#search .gsc-results .gs-per-result-labels,
#search .gs-webResult div.gs-per-result-labels a.gs-label { color: #606060; }
#search .gsc-results .gsc-cursor-box { text-align: center; font-size: 105%; }
#search .gsc-results .gsc-cursor:before { content: "Page: "; }
#search .gsc-results .gsc-cursor-box .gsc-cursor-page { margin-left: 12px; margin-right: 12px; }
#search .gsc-results .gsc-cursor-box .gsc-cursor-current-page { border-bottom: 1px solid; }
#search .gsc-tabHeader.gsc-tabhInactive,
#search .gsc-refinementHeader.gsc-refinementhInactive { color: inherit; font-size: 15px; }
#search .gsc-tabHeader.gsc-tabhActive,
#search .gsc-refinementHeader.gsc-refinementhActive { color: inherit; font-size: 15px; }
/* Google styles - old CSE */
#google-search-results {
clear: both;
margin: 5px auto;
width: 800px;
}
.google-search {
width: 500px;
margin: 0 auto;
padding: 4em 0;
}
.google-search #cse-search-box input[type="text"] {
width: 380px;
font-size: 1.8em;
padding: 3px 5px;
border: 1px #ccc inset;
/* background: #FFF8C2; */
}
.google-search #cse-search-box input[type="submit"] {
width: 90px;
font-size: 1.8em;
margin-left: 10px;
}
.cse-popular-searches {
width: 500px;
height: 80px;
margin: 4em auto;
padding-left: 30px;
text-indent: -30px;
font-size: 1.3em;
}
.cse-popular-searches a {
text-decoration: underline;
margin-right: 0.4em;
}
/* Result Page Blocks */
.asn-errblock {
text-align: left;
width: 600px;
margin-top: 3em;
margin-left: auto;
margin-right: auto;
}
.asn-errblock a {
text-decoration: underline;
}
.asn-errblock .title {
font-family: "Lucida Console", Terminal, monospace;
font-weight: bold;
font-size: 2.5em;
background: #FBB;
color: #000;
padding: 10px 0 10px 30px;
margin: -1px -50px 20px -50px;
}
.asn-errblock .message {
font-size: 1.6em;
font-weight: bold;
margin-left: -20px;
}
.asn-errblock .message a {
margin: 0 0.5em;
}
.asn-errblock .desc {
font-size: 1.4em;
margin: 1.5em 0 0 -20px;
}
.asn-errblock .instructions {
background-image: url(https://www.asnstatic.com/images/3dh_question.jpg);
background-repeat: no-repeat;
margin: 2em 0 0 -20px;
padding-left: 120px;
}
.leftmenu .col1 .success-block {
text-align: left;
width: 600px;
margin-top: 3em;
margin-left: auto;
margin-right: auto;
}
.leftmenu .col1 .success-block .title {
background: #CFC;
color: #000;
font-weight: bold;
font-size: 2.5em;
padding: 10px 0 10px 30px;
margin: -1px -50px 20px -50px;
}
.leftmenu .col1 .success-block .message {
font-size: 1.6em;
font-weight: bold;
margin-left: -20px;
}
.success-block .instructions {
margin-top: 2em;
min-height: 130px;
background-image: url(https://www.asnstatic.com/images/thumbs-up.jpg);
background-repeat: no-repeat;
padding-left: 120px;
font-size: 110%;
}
/* Photo manager */
#photomgr h2 { border: 0; padding: 0; margin: 0; }
#photomgr .membership {
text-align: center;
}
#photomgr .no-photos { display: block; text-align: center; margin: 1.5em auto; }
#photomgr .no-photos .b { display: inline-block; font-weight: bold; color: #c00; margin-right: 2em; }
#photomgr #images-list {
padding: 0;
margin: 30px auto;
list-style-type: none;
}
#photomgr #images-list li {
display: inline-block;
padding: 0;
margin: 0 10px 10px 0;
}
#photomgr #images-list.sortable li {
cursor: move;
}
#photomgr #images-list li img { border: 2px solid #e0e0e0; border-radius: 5px; }
#photomgr #images-list li img.selected { border: 2px solid #c00 !important; opacity: 0.6; }
#photomgr #images-list li:first-child img { border: 2px solid #ffa; }
#photomgr #images-list li .control {
display: none;
position: absolute;
cursor: pointer;
top: 2px; left: 2px;
background: #fff;
opacity: 0.6;
font-size: 18px;
text-align: center;
padding-top: 3px;
width: 24px;
height: 24px;
}
#photomgr #images-list li .control.bottom-left { top: auto; bottom: 2px; }
#photomgr #images-list li .control.bottom-right { top: auto; bottom: 2px; left: auto; right: 2px; }
#photomgr #images-list li:hover .control { display: block; }
#photomgr #images-list li .control:hover { color: #e00; }
#photomgr #errormsg {
display: none;
color: #c00;
font-size: 1.5em;
font-weight: bold;
text-align: center;
}
#photomgr .dropzone,
#photomgr .dropzone * { box-sizing: border-box; }
#photomgr .dropzone {
min-height: 60px;
margin: 0 60px;
border: 2px dashed #0087F7;
border-radius: 5px;
background: #f0f0f0;
font-size: 1.5em;
color: #545C6F;
text-align: center;
}
#photomgr .dropzone .dz-message {
margin: 1.2em 0;
font-size: 130%;
}
#photomgr .dropzone .dz-message .note {
display: block;
font-weight: 200;
margin-top: 14px;
font-size: 77%;
}
#photomgr .dropzone .dz-fallback > p { font-size: 1em; margin-top: 0;}
#photomgr .dropzone .dz-success-mark > svg > g > path { fill: #080; opacity: 1; }
#photomgr .dropzone .dz-error-mark > svg > g > g { fill: #c00; }
#photomgr form.caption {
display: none;
font-size: 1.4em;
text-align: center;
}
#photomgr form.caption input {
width: 400px;
margin-right: 20px;
}
/* Member Pages */
#signin-redirect {
color: #800;
width: 450px;
text-align: center;
}
#member-profile {
padding: 5px 0;
}
#member-profile h2 {
text-align: center;
width: 80%;
margin: 1.75em auto;
}
#member-profile .mainimage {
vertical-align: top;
}
#member-profile h4.fullname {
font-size: 2.2em;
color: #333;
margin: 6px 0 0 0;
padding: 0;
border: 0;
}
#member-profile .details {
vertical-align: top;
text-align: right;
padding-left: 20px;
}
#member-profile .prev-vehicle-title {
display: inline-block;
width: 200px;
text-align: right;
}
#member-profile .prev-vehicle {
display: inline-block;
font-size: 85%;
font-weight: normal;
width: 200px;
text-align: right;
}
#member-profile table.articles {
width: 90%;
margin: 0 auto;
}
#member-profile table.articles td {
font-size: 1.3em;
}
#member-profile #photo-change a {
position: absolute;
top: 10px;
right: 12px;
padding: 2px 6px;
font-size: 1.3em;
background-color: #333;
border-radius: 3px;
opacity: 0.7;
display: none;
text-decoration: none;
}
#member-profile #photo-change:hover a {
display: block;
}
#member-profile #photo-change a,
#member-profile #photo-change a:hover {
font-weight: normal;
color: #fff !important;
}
.leftmenu .col1 .profile-registry {
float: left;
width: 180px;
height: 17em;
text-align: center;
margin: 20px 15px 0 0;
}
.leftmenu .col1 .payment-address {
width: 300px;
margin: 1.5em auto;
font-size: 1.4em;
line-height: 1.3;
border: 1px solid #333;
border-radius: 10px;
padding: 10px 20px;
background: #e8e8e8;
}
table.membership-status { margin-left: 60px; }
table.membership-status td { font-size: 1.4em !important; }
table.membership-status td.left { text-align: right; padding-right: 15px; }
table.membership-status td.right { font-weight: bold; }
.member-benefits { width: 700px; margin: 1.5em auto; }
.member-benefits table { width: 100%; }
.member-benefits table tr.selected td { background: #d1e3ff !important; }
.member-benefits .footnote { font-size: 1.1em; margin: 2px 0 0 0; text-align: right; }
#member-subscribe {
width: 810px;
margin: auto;
text-align: center;
margin: 1.5em auto;
}
#member-subscribe .items { margin: 1.5em 0 3em 0; }
#member-subscribe .item {
position: relative;
float: left;
width: 250px;
height: 178px;
margin: 0 20px 0 0;
padding-top: 72px;
text-align: center;
text-shadow: #fdeccd 1px 1px 1px;
}
#member-subscribe .item.level-1 {
background: #fff url(/images/seal-silver.jpg) left top no-repeat;
}
#member-subscribe .item.level-2 {
background: #fff url(/images/seal-gold.jpg) left top no-repeat;
}
#member-subscribe .item.level-3 {
background: #fff url(/images/seal-platinum.jpg) left top no-repeat;
}
#member-subscribe .item .title { font-size: 2.4em; font-weight: bold; }
#member-subscribe .item .price,
#member-subscribe .item .currency { display: inline-block; }
#member-subscribe .item .currency { font-size: 1.2em; }
#member-subscribe .item .period,
#member-subscribe .item .per-month { font-size: 1.4em; }
#member-subscribe .item .description { font-size: 1.4em; }
#member-subscribe .item button:hover { margin: 1px 0 0 1px; }
#member-subscribe .sub-period,
#member-subscribe .notes { font-size: 1.4em; text-align: center; }
/* old */
.leftmenu .col1 .member-subscribe {
width: 810px;
margin: auto;
text-align: center;
margin-bottom: 3em;
}
.leftmenu .col1 .member-subscribe h4 {
color: #014627;
margin-bottom: 2em;
}
.leftmenu .col1 .member-subscribe .badges {
overflow: hidden;
}
.leftmenu .col1 .member-subscribe .member-subscribe-badge {
position: relative;
float: left;
width: 250px;
height: 250px;
margin: 0 20px 0 0;
}
.leftmenu .col1 .member-subscribe form.silver {
background: #fff url(https://www.asnstatic.com/images/seal-silver.jpg) left top no-repeat;
}
.leftmenu .col1 .member-subscribe form.gold {
background: #fff url(https://www.asnstatic.com/images/seal-gold.jpg) left top no-repeat;
}
.leftmenu .col1 .member-subscribe form.platinum {
background: #fff url(https://www.asnstatic.com/images/seal-platinum.jpg) left top no-repeat;
}
.leftmenu .col1 .member-subscribe form .contents {
padding-top: 60px;
font-size: 12px; /* fixed */
text-align: center;
text-shadow: #fdeccd 1px 1px 1px;
}
.leftmenu .col1 .member-subscribe form .per-month {
font-size: 26px;
font-weight: bold;
}
.leftmenu .col1 .member-subscribe form .buttons {
width: 122px;
margin: 10px auto;
text-align: center;
border: 0;
}
.leftmenu .col1 .member-subscribe form .buttons:hover {
}
.member-donate {
display: block;
background: #efefff;
border: 1px outset #ccc;
width: 380px;
padding: 8px 0;
margin: 16px auto;
font-weight: bold;
text-align: center;
font-size: 1.4em;
border-radius: 7px;
text-decoration: none !important;
}
.member-donate:hover {
background: #eee;
border-width: 2px;
margin: 12px auto;
}
.leftmenu .col1 .code-block {
margin-top: 2em;
font-family: "Courier New",monospace;
font-size: 1.3em;
background: #eee;
border: 2px solid #555;
padding: 10px 20px;
}
.leftmenu .col1 a.extlink {
padding-right: 17px;
background-image: url(https://www.asnstatic.com/images/icon/extlink.png);
background-repeat: no-repeat;
background-position: right center;
}
.leftmenu .col1 .member-services {
margin-top: 15px;
float: left;
}
.leftmenu .col1 .member-services .service {
float: left;
margin-right: 15px;
font-size: 1.1em;
text-align: center;
}
/* Link Directory */
#links a.section {
margin: 1em 0;
}
/* Library */
#library-index .section { margin: 4em 0; }
#library-index .section h2 img { width: 32px; height: 32px; vertical-align: middle; margin-right: 28px; }
#library-index .subsection { margin-left: 60px; }
#library-index dl.articles { margin-left: 60px; }
#library-index dl.articles dt { font-size: 1.4em; font-style: normal; }
#library-index dl.articles dt a { font-weight: normal; font-size: 105%; }
#library-index dl.articles .posted { font-style: italic; }
#library-index dl.articles dd { font-size: 1.3em; margin-top: 0.3em; margin-bottom: 1.2em; }
#motorsport img { max-width: 100%; height: auto; }
/* Store - Shop */
.leftmenu .col1 .shop .product {
margin: 2em 20px;
}
.leftmenu .col1 .shop .product > div {
}
.leftmenu .col1 .shop .product .offset {
margin-right: 60px;
text-align: right;
}
.leftmenu .col1 .shop .product .image {
float: left;
margin-right: 20px;
}
.leftmenu .col1 .shop .product .name {
font-weight: bold;
margin-bottom: 1em;
}
.leftmenu .col1 .shop .product .description {
margin-bottom: 1.5em;
}
.leftmenu .col1 .shop .product .sku {
}
.leftmenu .col1 .shop .product .inventory {
}
.leftmenu .col1 .shop .product .price {
margin-top: 0.5em;
font-size: 115%;
font-weight: bold;
}
.leftmenu .col1 .shop .product .price.discount .fullprice { text-decoration: line-through; }
.leftmenu .col1 .shop .product .price.discount .newprice { color: red; }
.leftmenu .col1 .shop .product .login {
margin-top: 1em;
}
.leftmenu .col1 .shop .product .cart-add {
margin-top: 1em;
}
.leftmenu .col1 .shop .product .cart-add img {
margin-right: -15px;
}
.leftmenu .col1 .shop .checkout {
text-align: center;
margin: 2em 0;
}
.leftmenu .col1 .shop .order {
border: 1px solid #ccc;
padding-bottom: 15px;
margin: 3em 60px;
}
.leftmenu .col1 .shop .order > div {
padding-left: 15px;
padding-right: 15px;
clear: left;
}
.leftmenu .col1 .shop .order .id {
font-weight: bold;
background: #ccc;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
width: 300px;
padding-top: 4px;
padding-bottom: 4px;
margin-bottom: 15px;
}
.leftmenu .col1 .shop .order .label {
float: left;
margin-left: 0;
width: 14em;
}
.leftmenu .col1 .shop .order .status {
font-size: 120%;
font-weight: bold;
float: right;
text-align: right;
margin-right: 15px;
}
.leftmenu .col1 .shop .order .ship_date {
margin-bottom: 1em;
}
.leftmenu .col1 .shop .order .ship_method {
}
.leftmenu .col1 .shop .order .address {
margin-top: 1em;
}
.leftmenu .col1 .shop .order .memo {
margin-left: 14em;
margin-top: 1em;
}
.leftmenu .col1 .shop .order .memo .label {
margin-left: -14em;
}
.leftmenu .col1 .shop .order .items {
margin-top: 1em;
}
.leftmenu .col1 .shop .order .items > .label {
font-size: 115%;
font-weight: bold;
border-bottom: 1px dotted #ccc;
float: none;
width: auto;
margin-bottom: 1em;
}
.leftmenu .col1 .shop .order .items .item {
clear: left;
padding-left: 60px;
}
.leftmenu .col1 .shop .fulfillment {
float: right;
clear: right;
text-align: right;
margin: 20px 15px 0 0;
}
.leftmenu .col1 .shop-ebay {
width: 750px;
margin: auto;
}
.leftmenu .col1 .shop-ebay td {
font-size: inherit;
}
.leftmenu .col1 .shop-ebay td input[type="text"] {
width: 350px;
}
table.shop-books td {
padding: 15px 30px;
border-bottom: 1px solid #ddd;
vertical-align: top;
}
table.shop-books td img { border: 0; }
table.shop-books td a.title { font-size: 140%; display: block; }
/* Registry For Sale */
#registry-view h2 {
padding-top: 15px;
width: auto;
}
#registry-view .h2-buttons {
float: right;
margin-top: 35px;
/* margin-right: 10%; */
}
#registry-view .simple.fuellog td {
font-size: 1.3em;
white-space: nowrap;
}
#fuellog-container {
height: auto;
overflow: auto;
margin: 0 auto;
}
#fuellog-container table {
width: 100%;
}
#registry-view .forsale-container {
margin: 1.5em 0;
}
#registry-view .forsale-big {
font-family: "Georgia",serif;
font-weight: bold;
text-shadow: #853888 1px 2px 2px;
font-size: 9em;
color: #f42b13;
padding: 0;
margin: -15px 50px 0 0;
}
#registry-view .forsale-price-punchlabel {
font-size: 1.5em;
font-weight: bold;
font-family: "Courier","Courier New",monospace;
color: #fff;
background: #000;
border: 1px dashed #ccc;
padding: 4px 22px;
margin: 3px 0 8px 0;
}
#registry-view .photos .flexslider-container {
margin: 0 0 1em 0;
}
.forsale-red { color: #f42b13; }
.forsale-small {
font-family: "Georgia",serif;
font-weight: bold;
font-size: 1.1em;
color: #f42b13;
}
.leftmenu .col1 ul.website-list {
list-style-type: circle;
}
.leftmenu .col1 .website-list>li {
margin-bottom: 0.4em;
margin-left: 20px;
padding-left: 12px;
}
.leftmenu .col1 .website-list a {
font-weight: bold;
}
.leftmenu .col1 .website-list .new {
padding-left: 1em;
color: red;
font-weight: bold;
}
.leftmenu .col1 dl.news dd {
margin-bottom: 0.5em;
}
.leftmenu .col1 .youtube-embed {
width: 500px;
height: 405px;
padding: 40px 80px;
background: #000;
margin: auto;
}
.leftmenu .col1 .section-nav-buttons {
text-align: right;
float: right;
margin: 2px 0 20px 20px;
clear: right;
}
#registry-search .block .registry-search {
width: 280px;
}
/* Article style */
#content .asn-read-spaced {
line-height: 1.3;
}
#article {
}
#article .section-nav-buttons {
margin: 5px 30px 0 15px;
}
#article #body {
clear: both;
margin: 3em 0.5%;
line-height: 1.3;
}
#article hr {
border: 1px solid #ccc;
height: 2px;
width: 75%;
margin: 2.5em auto;
}
#article .license {
color: #666;
clear: left;
}
#article #storelink {
clear: both;
font-weight: bold;
text-align: center;
margin: 2em;
}
#article #byline {
background: url(https://www.asnstatic.com/images/article-flourish.png) no-repeat top;
margin: 1em 0 3em 0;
padding-top: 55px;
text-align: center;
}
#article .pictures {
margin: 3em 0;
text-align: center;
vertical-align: top;
}
#article .pictures img {
vertical-align: top;
}
#article .caption {
clear: left;
font-style: italic;
margin: 4px 0 2em 0;
}
#article pre {
font-size: 14px; /* fixed */
}
.leftmenu .col1 ul.modelinfo li {
font-size: 1.8em;
font-weight: normal;
margin: 0 0 0.4em 4em;
list-style-type: circle;
}
#article img.center {
margin: 1.5em auto;
}
#article img.left {
float: left;
margin: 0 15px 10px 0;
}
#article img.right {
float: right;
margin: 0 0 10px 15px;
}
#article .next-part {
clear: both;
padding: 30px 0;
text-align: center;
}
#article .next-part .continue {
font-size: 1.4em;
margin-bottom: 0.7em;
}
#article .next-part a.bigger {
font-size: 1.6em;
font-weight: normal;
}
#article #similar-block {
width: 728px;
margin: 2em auto 1em auto;
}
#article #similar-block .ad {
/* largerect */
float: left;
width: 336px;
height: 280px;
}
#article #similar-block .similar-list {
float: left;
margin-left: 20px;
width: 372px;
}
#article #similar-block .similar-list h4 {
font-style: italic;
font-weight: normal;
font-size: 1.8em;
margin: 0.3em 0 1.0em 25px;
}
#article #similar-block .similar-list ul {
list-style-type: circle;
padding-left: 15px;
}
#article #similar-block .similar-list li {
font-weight: bold;
font-size: 1.5em;
margin-bottom: 0.3em;
padding-left: 10px;
}
.leftmenu .col1 .checklist {
margin: 1.5em 0 1.5em 30px;
}
.leftmenu .col1 .checklist .item {
padding-left: 40px;
text-indent: -40px;
/*
background-image: url(https://www.asnstatic.com/images/icon/checklist-line.png);
background-repeat: no-repeat;
background-position: 0px 3px;
*/
margin-bottom: 3px;
}
.leftmenu .col1 .checklist .item img.line {
width: 30px;
height: 10px;
margin-top: 1px;
margin-right: 10px;
}
/* Calendar Events page */
.asn-event h2 {
width: 95%;
margin-top: 12px;
font-size: 2.3em;
}
.asn-event a.event-name {
font-weight: bold;
text-decoration: none !important;
}
.asn-event .ih {
text-align: left;
display: inline-block;
width: 70px;
margin-right: 10px;
font-weight: bold;
}
.asn-event .description {
font-size: 1.4em;
line-height: 1.3;
border-top: 1px dotted #999;
border-bottom: 1px dotted #999;
margin: 1.5em 0;
padding: 1.5em 0;
}
.asn-event .description a {
font-weight: normal;
text-decoration: underline;
}
.asn-event .event-flyer {
width: 100%;
text-align: center;
margin: 0 auto 2.0em auto;
}
.asn-event .event-flyer img {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.deskcal-date {
width: 55px;
border: 1px solid #bbb;
/*
-moz-box-shadow: 0px 0px 2px #888;
-webkit-box-shadow: 0px 0px 2px #888;
box-shadow: 0px 0px 2px #888;
*/
}
.deskcal-date .month {
background-color: #480e09;
color: #fff;
width: 55px;
display: block;
text-align: center;
font-size: 1.4em;
font-weight: normal;
padding: 2px 0;
}
.deskcal-date .day {
font-weight: bold;
font-style: normal;
text-align: center;
display: block;
font-weight: bold;
font-size: 3em;
background-color: #fff;
color: #333;
}
/* Campaign Landing Page */
.leftmenu .col1 #landing-welcome {
clear: both;
text-align: center;
font-size: 135%;
width: 680px;
margin: auto;
padding: 1px 0;
overflow: hidden;
}
.leftmenu .col1 #landing-welcome h4 {
font-size: 1.4em;
padding: 0;
margin: 0 0 18px 0;
border: 0;
font-style: italic;
width: auto;
color: #666;
}
.leftmenu .col1 #landing-welcome p {
font-size: 110%;
margin: 0 0 15px 0;
}
.leftmenu .col1 #landing-welcome #landing-register-button {
position: relative;
left: 500px;
}
.leftmenu .col1 #landing-welcome .feature {
border: 1px solid #bbd;
border-radius: 10px;
margin-bottom: 1em;
}
.leftmenu .col1 #landing-welcome .feature .title {
font-weight: bold;
font-size: 110%;
float: left;
margin: 5px 0 10px 20px;
}
.leftmenu .col1 #landing-welcome .feature .item {
font-size: 105%;
clear: both;
}
.leftmenu .col1 #landing-welcome .continue {
font-size: 110%;
margin-top: 1.5em;
}
/* Auth Required */
.leftmenu .col1 #require-auth {
font-size: 120%;
clear: both;
margin: 20px auto;
width: 680px;
}
.leftmenu .col1 #require-auth .sticky {
padding: 15px 0;
}
.leftmenu .col1 #require-auth .message {
font-weight: bold;
font-size: 1.7em;
margin: 0;
}
.leftmenu .col1 #require-auth .sticky,
.leftmenu .col1 #require-auth .landing-register-button {
}
#require-auth .buttons {
margin: 3em auto;
}
#require-auth .button-spacer {
padding: 0 15px;
}
#require-auth .easy {
font-weight: normal;
padding-top: 10px;
}
#require-auth .already {
width: 600px;
}
/* Google Maps */
#gmap-container { width: 90%; min-width: 600px; margin: 0 auto; }
#gmap {
margin: 10px auto;
width: 100%;
height: 440px;
border: 3px ridge #ccc;
}
#gmap-canvas {
width: 100%;
height: 440px;
}
/* override infowindow style */
#gmap-canvas .gmap-info-balloon {
font-size: 12px; /* fixed */
}
#gmap-canvas .gmap-info-balloon .photo {
float: left;
margin: 3px 8px 5px 0;
}
#gmap-canvas .gmap-info-balloon .title {
margin-bottom: 2px;
font-weight: bold;
}
#gmap-canvas .gmap-info-balloon .synopsis {
margin: 1em 0;
font-style: italic;
}
#gmap-canvas .gmap-info-balloon .break {
clear: left;
padding-top: 0.3em;
}
#gmap-over { width: 100%; margin: 20px auto 5px auto; }
#gmap-over form {
text-align: center;
margin: 0;
padding: 0;
}
#gmap-over label { margin-right: 20px; }
#gmap-under { width: 100%; margin: 5px auto; }
#gmap-under #left { float: left; }
#gmap-under #right { float: right; }
/* Registry pages */
.leftmenu .col1 .reg-index-vehicle {
display: inline-block;
width: 180px;
height: 200px;
vertical-align: top;
text-align: center;
font-size: 1.1em;
padding: 0px;
margin-bottom: 10px;
border: 0;
}
.leftmenu .col1 .reg-index-comments {
width: 420px;
background: #fff url(https://www.asnstatic.com/images/comment-grad-yellow.png) no-repeat left top;
/* border-bottom: 1px solid #888; */
text-align: left;
margin: 0 10px 10px 0;
font-size: 1em;
}
.leftmenu .col1 .reg-index-comments p {
font-size: 1em;
}
.leftmenu .col1 .vin-decoder {
width: 220px;
margin: 4px 0 0 30px;
}
.leftmenu .col1 .vin-decoder td {
font-size: 1.2em;
}
#registry-view .photos {
width: 720px;
margin: 2em auto;
text-align: center;
border: 0;
}
.reg-view-info-left {
float: left;
white-space: nowrap;
margin: 0 30px;
/* width: 495px; */
}
.leftmenu .col1 .reg-view-nickname {
font-style: italic;
font-size: 1.8em;
text-align: center;
margin: 1em 0;
}
.leftmenu .col1 .reg-view-description {
/* from pin-left-small */
margin-left: -17px;
padding-left: 17px;
background-image: url(https://www.asnstatic.com/images/icon/pin_14_orange_l.gif);
background-repeat: no-repeat;
line-height: 1.3;
/* override */
text-align: left;
margin: 0 10px 3em 20px;
padding-left: 40px;
}
.leftmenu .col1 .reg-history dt {
margin-top: 1em;
font-weight: normal;
}
.leftmenu .col1 .reg-history .key {
display: inline-block;
font-weight: normal;
width: 130px;
text-align: left;
padding-left: 20px;
}
.leftmenu .col1 #reg-view-rate {
width: 420px;
font-size: 1.4em;
height: 21px;
vertical-align: top;
margin: 3px auto 0 auto;
}
.leftmenu .col1 #reg-view-rate #raty {
display: inline-block;
margin-left: 10px;
}
.leftmenu .col1 #reg-view-rate .raty-text {
display: inline-block;
text-align: left;
vertical-align: top;
margin-left: 10px;
color: #888;
}
/* Journal pages */
#journal-view .pager {
font-size: 1.8em;
text-align: center;
margin: 2em auto;
}
#journal-view .pager a { font-weight: normal; text-decoration: none; }
.journal-view-header {
clear: both;
width: 700px;
margin: 0 auto;
}
.journal-view-header .member-photo {
float: left;
margin-right: 16px;
}
.journal-view-header .text { padding-top: 4px; }
.journal-view-header .text .title {
font-weight: normal;
font-size: 140%;
}
#content .journal-view-header .title a { font-weight: normal; text-decoration: none; }
.journal-summary {
margin: 4em 0;
}
.journal-summary h2.top {
margin-bottom: 0.3em;
}
.journal-summary h2.bottom {
border: 0;
margin-top: 0;
font-size: inherit;
font-weight: normal;
}
#content .journal-summary h2.top a { font-weight: bold; text-decoration: none; }
.journal-summary h2 img {
vertical-align: middle;
margin-bottom: 1px;
}
.journal-entry {
margin: 2em 0;
}
.journal-entry .edit-button {
float: right;
margin: 0 0 20px 0;
font-size: 90%;
}
.journal-entry .jheader {
}
.journal-entry .jheader .posted-on {
float: left;
font-size: 1.4em;
margin-bottom: 2em;
}
.journal-entry .jheader .post-info {
float: right;
text-align: right;
margin-right: 1em;
font-size: 1.4em;
margin-bottom: 2em;
}
.journal-entry .jheader h2 {
width: 100%;
padding-top: 5px;
padding-bottom: 8px;
margin-bottom: 0.5em;
font-size: 2.1em;
}
#content .jheader h2 a { font-weight: normal; text-decoration: none; }
.journal-entry .jimage {
float: left;
width: 180px;
height: 210px;
}
.journal-entry .jimage .jcaption {
font-style: italic;
font-size: 1em;
}
/* Journal hacks for BBCode markup html */
.journal-entry .jbody {
clear: both;
width: 100%;
margin: 3em 0 2em 0;
font-size: 1.4em;
line-height: 1.3;
}
.journal-entry .jbody * {
font-size: 1em;
}
.journal-entry .journal-entry-nav {
clear: both;
margin: 3em auto 0 auto;
width: 100%;
border-top: 1px solid #ccc;
font-size: 1em;
}
.journal-entry .journal-entry-nav a {
font-size: 1.1em;
}
/* Styling for quickerubb BBCode markup */
.qubb-smiley {
margin: 0 4px;
}
.journal-entry .video {
display: block;
width: 560px;
height: 420px;
margin: 1em auto;
}
/* Help pages */
#help-topic a { font-weight: bold; }
#help-topic h2 { border: 0; }
#help-topic .icon-menu { margin-left: 60px; }
#help-topic .icon-menu .item { clear: both; margin-top: 30px; }
#help-topic .icon-menu .item > img { float: left; margin-right: 2em; }
#help-topic .icon-menu .item > div { float: left; width: 500px; }
#help-topic .icon-menu .item > div h2 { margin: 5px 0; }
#help-topic ol.help > li,
#help-topic ul.help > li { margin: 12px 40px; }
#help-topic ol.help > li img.screen,
#help-topic ul.help > li img.screen { display: block; margin: 10px 30px; }
#help-topic div.related { margin-left: 60px; }
#help-topic div.related a { font-size: 110%; }
#help-topic table.note { margin: 1em 0; }
#help-topic table.note td { vertical-align: middle; }
#help-topic table.note td.icon {
width: 55px; height: 40px; /* 15px right pad */
background-image: url("/images/help/note_icon.png");
background-position: left center;
background-repeat: no-repeat;
}
#help-topic .forum-topic-icons { margin: 1em 0 1em 60px; }
#help-topic .forum-topic-icons td { padding: 2px 10px; }
#forum-faq a { font-weight: bold; }
#forum-faq h2 { border: 0; }
/* Very basic table style */
table.simple {
border-collapse: collapse;
padding: 1px; /* invisible border bug */
}
table.simple>tbody>tr>td,
table.simple>tbody>tr>th {
border: 1px solid #ddd;
background: #fff;
padding: 3px 4px;
text-align: center;
}
table.simple>tbody>tr>th {
border: 1px solid #888;
color: #000;
font-weight: bold;
white-space: nowrap;
}
table.simple>tbody>tr>td {
background: #fdfdfd;
border-color: #d0d0d0;
}
table.simple .blank {
background: inherit !important;
border: 0 !important;
}
table.simple td.highlight {
background-color: #333;
color: #fff;
}
table.simple tr.color-alt,
table.simple tr.color-alt td,
table.simple td.color-alt { background-color: #e0f4f4; }
/* Front page - Top Content */
.leftmenu .col1 .fp-top-content {
margin: 1em 0;
}
.leftmenu .col1 .tc-left {
clear: left;
font-size: 1em;
margin-bottom: 4px;
padding-left: 15px;
border-left: 4px solid #008;
color: #000;
background: #f8f8f8;
}
.leftmenu .col1 .tc-middle {
text-align: center;
white-space: normal;
margin: 0;
}
.leftmenu .col1 .tc-middle span {
font-variant: small-caps;
margin: 0 25px 3px 0;
}
.leftmenu .col1 .tc-right {
float: right;
font-size: 1em;
margin-top: 4px;
/* padding-right: 15px;
border-right: 4px solid #008; */
}
/* Front page - recent threads table */
/* NEW */
#asn-newsfeed {
display: block;
}
#asn-newsfeed a:visited { color: #3f6292; }
#asn-newsfeed .news-item {
clear: left;
font-size: 1.3em;
padding: 0.7em 5px;
border-bottom: 1px dashed #ccc;
/* hover off */
background: inherit;
transition: background 0.5s;
-webkit-transition: background 0.5s;
}
#asn-newsfeed .news-item:hover {
background: #fafad2;
transition: background 0.5s;
-webkit-transition: background 0.5s;
}
#asn-newsfeed .news-item a {
font-weight: bold;
text-decoration: none;
}
#asn-newsfeed .news-item .ni-title {
display: block;
font-size: 115%; /* 15px */
}
#asn-newsfeed .news-item .ni-subtitle {
font-size: 87%; /* 13px */
color: #666;
}
#asn-newsfeed .news-item .ni-subtitle a {
color: #666;
}
#asn-newsfeed .news-item .ni-subtitle a:hover {
color: #e00;
}
#asn-newsfeed .news-item .ni-info {
display: block;
float: right;
text-align: right;
color: #666;
margin-left: 10px;
}
#asn-newsfeed .news-item .highlight {
color: #800;
font-weight: normal;
}
#asn-newsfeed .news-item .ni-title .forsale {
font-weight: bold;
color: #f42b13;
padding-left: 10px;
font-size: 90%;
}
#asn-newsfeed .news-item .ni-title .nickname {
padding-left: 10px;
font-size: 90%;
}
#asn-newsfeed .news-item .ni-info .registry-container {
display: block;
height: 30px;
box-shadow: 1px 1px 3px #333;
background-color: #ccc;
}
#asn-newsfeed .news-item .ni-info img.registry {
width: 40px;
height: 30px;
border: 0;
}
#asn-newsfeed .news-item .ni-sep {
/* not used */
display: block;
clear: left;
margin-bottom: 1.0em;
}
#asn-newsfeed:after {
/* EasyClearing http://www.positioniseverything.net/easyclearing.html */
content: ".";
display: block;
height: 0;
visibility: hidden;
clear: left;
}
/* Tiny font table */
.leftmenu .col1 table.tiny {
border-collapse: collapse;
border: 0;
}
.leftmenu .col1 table.tiny td,
.leftmenu .col1 table.tiny th {
font-size: 0.8em;
}
/* Specifications (data) table style */
.leftmenu .col1 table.specs {
border-collapse: collapse;
margin-left: 1px; /* Firefox bug */
border: 1px solid #000;
}
.leftmenu .col1 table.specs th {
border: 1px solid #000;
color: #000;
background: #ffface;
font-weight: bold;
text-align: center;
padding: 2px 10px;
vertical-align: top;
}
.leftmenu .col1 table.specs td {
background: #fff;
text-align: left;
padding: 2px 10px;
border: 1px solid #aaa;
vertical-align: top;
}
/* Mini calendar */
.leftmenu .col1 table.calendar-mini>tbody>tr>td {
padding: 3px 6px 3px 4px;
text-align: center;
vertical-align: top;
font-size: 1.2em;
}
.leftmenu .col1 table.calendar-mini .subtitle {
font-style: italic;
}
.leftmenu .col1 table.calendar-mini .day {
padding: 2px 1px 2px 4px;
font-weight: bold;
text-align: center;
white-space: nowrap;
border: 0;
}
.leftmenu .col1 table.calendar-mini .event {
text-align: left;
border: 0;
}
.block .calendar-mini .add {
padding: 0.6em 0 0.5em 0 !important;
text-align: center;
}
/* Mini Registry Slideshow */
.leftmenu .col1 table.regss-mini td { font-size: 1.1em; }
.leftmenu .col1 table.regss-mini .wrapper {
width: 160px;
height: 162px;
margin-left: 20px;
padding: 0;
}
.leftmenu .col1 table.regss-mini ul {
display: block;
position: relative;
padding: 0;
margin: 0;
}
.leftmenu .col1 table.regss-mini ul li {
display: block;
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
list-style: none;
font-size: 13px; /* fixed */
}
.leftmenu .col1 table.regss-mini ul li a {
background: #fff;
}
.leftmenu .col1 .regss-mini .caption {
font-size: 0.95em;
}
/* New jquery/cycle slideshow */
#reg-slideshow {
width: 182px;
height: 142px;
padding: 0;
/* block width: 224px; */
margin-top: 10px;
margin-left: 21px;
overflow: hidden;
}
#reg-slideshow img {
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
background-color: #eee;
width: 160px;
height: 120px;
top: 0;
left: 0;
}
#reg-ss-caption {
clear: both;
text-align: center;
font-size: 11px; /* fixed */
margin-top: 4px;
margin-bottom: 10px;
}
/* Full size version */
#reg-slideshow-big {
padding: 0;
overflow: hidden;
}
#reg-slideshow-big img {
background-color: #222;
padding: 10px;
border: 1px solid #aaa;
border-radius: 5px;
}
#reg-slideshow-big-wrap {
background: #000;
border-radius: 10px;
text-align: center;
padding: 30px;
}
#reg-slideshow-big-caption {
color: #eee;
font-family: "Georgia", serif;
font-size: 1.8em;
text-align: center;
padding: 0;
margin-bottom: 20px;
}
/* Other content blocks */
.block .registry-search form {
padding: 10px 20px;
font-size: 0.9em;
}
.block .registry-search form .label {
float: left;
clear: both;
white-space: nowrap;
}
.block .registry-search form input[type="text"] {
margin-bottom: 2px;
}
.block.registry-by-country .countries a { text-decoration: none !important; }
/* Debugger */
#asn-debug {
clear: both;
margin-top: 50px;
width: 100%;
background: #000;
color: #fff;
padding: 0;
border-top: 20px dotted #333;
border-bottom: 20px dotted #333;
padding-bottom: 20px;
text-align: left;
}
#asn-debug a {
color: #0f0;
font-weight: normal;
text-decoration: none;
}
#asn-debug a:hover {
color: #0a0;
font-weight: normal;
text-decoration: underline;
}
#asn-debug dl {
padding: 10px 20px;
}
#asn-debug dd,
#asn-debug dt,
#asn-debug h1 {
font-family: "Monaco","Courier";
font-size: 12px;
}
#asn-debug dl dd pre {
padding: 0;
margin: 0 0 5px 0;
}
#asn-debug h1 {
font-size: 22px;
font-weight: bold;
color: #0f0;
background: #500;
padding: 6px 20px;
margin: 0;
border: 0;
}
#asn-debug .nolook {
font-family: sans-serif;
float: right;
margin-right: 5px;
font-size: 11px;
font-weight: bold;
}
#asn-debug pre {
font-size: 12px;
white-space: pre-wrap;
}
/* Quickform forms */
table.quickform {
clear: both;
margin: 3em auto 2em auto;
border-collapse: collapse;
border: 1px solid #999;
min-width: 450px;
max-width: 600px;
}
table.quickform tbody {
}
table.quickform td {
background-color: #fffbef; /* most/all sites were #fcfee6, too yellow on iPad */
padding: 4px 5px;
text-align: center;
}
table.quickform input,
table.quickform textarea {
font-size: 95%;
margin: 0;
padding: 1px;
}
table.quickform textarea { width: 100%; }
table.quickform td.header {
font-size: 1.7em;
font-weight: normal;
/* letter-spacing: 1px; */
color: #000;
background-color: #ffef8e;
text-align: center;
padding: 5px 0;
}
table.quickform td.subheader {
font-size: 1.6em;
/* letter-spacing: 1px; */
font-weight: normal;
color: #fff;
background-color: #555;
text-align: center;
padding: 4px 0;
}
table.quickform .header-vpad {
height: 6px;
}
table.quickform .header_error {
font-size: 1.4em;
color: #fff;
background-color: #222;
text-align: center;
padding: 1em 1em;
border-bottom: 2px solid #d00;
}
table.quickform td.label {
text-align: right;
vertical-align: top;
padding-left: 5px;
width: 150px;
}
table.quickform td.elem {
text-align: left;
vertical-align: bottom;
padding-right: 10px;
}
table.quickform td.checkbox {
text-align: left;
padding-right: 20px;
}
table.quickform td.checkbox .spacer {
text-align: right;
display: inline-block;
padding-right: 15px;
width: 145px;
}
table.quickform .required {
font-weight: bold;
color: #d00;
/* font-variant: small-caps; */
margin-right: 0.2em;
}
table.quickform .requirednote {
padding: 0.6em 0;
}
.required .fa-asterisk {
color: #d00;
vertical-align: middle;
font-size: 70%;
display: inline-block;
padding-bottom: 2px;
}
table.quickform .group {
border-collapse: collapse;
border: 0;
margin: 0;
padding: 0;
}
table.quickform .group td {
font-size: 1em;
margin: 0;
padding: 0;
text-align: left;
}
table.quickform .group label {
margin-left: 0.8em;
}
table.quickform div.label2 {
padding-top: 2px;
font-style: italic;
font-size: 90%;
}
table.quickform .error { color: #d00; }
table.quickform td.label .error { font-weight: bold; }
table.quickform td.elem .error { font-style: italic; }
.quickform .elem .toggle_pw_visibility {
display: inline-block;
padding: 0 2px;
color: inherit;
text-decoration: none !important;
}
/* Drop Shadows http://www.alistapart.com/articles/cssdropshadows/ */
.img-shadow {
float: left;
background: url(https://www.asnstatic.com/images/shadowAlpha.png) no-repeat bottom right !important;
background: url(https://www.asnstatic.com/images/shadow.gif) no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}
.img-shadow img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 2px;
}
.img-caption {
color: #000;
background: #fcfcfc;
border: 1px solid #a9a9a9;
text-align: center;
padding: 5px;
}
.img-shadow-nofloat img {
border: 1px solid #a9a9a9;
padding: 2px;
margin: 10px 0 0 10px;
}
/* Calendar page */
.desk-calendar {
width: 800px;
}
.desk-calendar td a {
text-decoration: none !important;
}
.desk-calendar tr {
vertical-align: top;
color: #000;
font-size: 12px; /* fixed */
}
.desk-calendar th,
.desk-calendar td {
font-size: 12px; /* fixed */
text-align: center;
border: 0;
padding: 2px 3px;
}
.desk-calendar caption.year {
font-weight: bold;
}
.desk-calendar caption.month {
font-size: 14px; /* fixed */
}
.desk-calendar table.month {
border: 1px solid #340b11;
border-collapse: collapse;
margin-right: 10px;
}
.desk-calendar table.month td {
background: #eee;
color: #000;
}
.desk-calendar table.month td.today {
background: #ffff7f;
color: #000;
border: 1px solid #aaa;
padding: 1px;
}
.desk-calendar table.month td.event {
background: #667;
color: #fff;
}
.desk-calendar table.month td.event a {
color: #fff;
text-decoration: none;
}
/* Fancy blockquote. Usage:
...
Optional: ... in there
*/
.leftmenu .col1 .classyquote {
padding: 1px 5px 5px 5px;
background-color: #FFFBD4;
border-top: 1px dashed #e1cc89;
border-bottom: 1px dashed #e1cc89;
margin: 1em 20px;
background-image: url(https://www.asnstatic.com/images/icon/openquote1.gif);
background-position: top left;
background-repeat: no-repeat;
text-indent: 23px;
}
.leftmenu .col1 .classyquote .inner {
display: block;
padding: 5px;
background-image: url(https://www.asnstatic.com/images/icon/closequote1.gif);
background-repeat: no-repeat;
background-position: bottom right;
font-size: 95%;
}
.leftmenu .col1 .classyquote .inner .title {
display: block;
color: #303030;
margin-bottom: 0.7em;
font-style: italic;
}
.leftmenu .col1 .classyquote.lighter {
background-color: #FFFDEF;
}
/* Comments block */
.comment-block .comment {
/* overrride classquote */
text-indent: 0;
padding: 5px 30px;
margin: 1.0em 60px;
border: 0;
}
.comment-block .comment a {
font-weight: bold;
padding: 0 3px;
}
.comment-block .comment .created {
float: right;
color: #666;
}
.comment-block .comment .by {
}
.comment-block .rating-current {
color: #666;
margin: 1em 0;
}
.comment-block .rating {
clear: both;
color: #666;
}
.comment-block .comment .contents {
clear: both;
margin-top: 1.0em;
font-style: italic;
}
.comment-block .comment .contents blockquote {
font-size: 1em;
}
.comment-block form textarea {
width: 60%;
height: 90px;
font-size: 1em;
}
/* Phorum member services signature */
.leftmenu .col1 .asn-member-services-header {
clear: both;
margin: 20px 30px 0 30px;
}
.leftmenu .col1 .asn-member-services-header .header {
font-variant: small-caps;
float: left;
}
.leftmenu .col1 .asn-member-services-header .moreinfo {
float: right;
font-size: 0.85em;
}
.leftmenu .col1 .asn-member-services {
clear: both;
margin: 0 30px;
border: 2px dotted #ccc;
padding: 10px 20px;
background-color: #fff;
}
.leftmenu .col1 .asn-member-services .banner {
float: right;
margin-left: 30px;
}
.leftmenu .col1 .asn-member-services .link {
display: block;
font-weight: bold;
margin-bottom: 0.5em;
}
.leftmenu .col1 .asn-member-services .link a.url {
font-size: 85%;
color: #333;
margin-left: 20px;
}
.leftmenu .col1 .asn-member-services .description {
display: block;
margin-left: 30px;
font-size: 90%;
font-style: normal;
color: #101010;
}
.leftmenu .col1 .current-listing {
clear: both;
border: 1px solid #ccc;
padding: 0 30px;
margin: 2em 60px;
background-color: #f8f8f8;
}
.leftmenu .col1 .current-listing .asn-member-services {
margin: 0;
}
/* Chat */
#livechat li {
font-size: 100%;
}
#livechat .messages-group {
border-bottom: 1px dotted #43444c;
}
#livechat .messages-group.from-system-message .message {
font-style: normal;
font-size: 90%;
color: #4d894d;
}
#livechat .messages-group .name {
margin-bottom: 5px;
}
#livechat .pfc-users .role-title {
border-bottom: none;
}
/* New Rickshaw graphs */
.asn-graph {
white-space: nowrap;
}
.asn-graph > .container {
position: relative;
}
.asn-graph > .bottom {
clear: both;
}
/* Graph specific config */
.asn-graph.clicks {
margin: 0 auto 15px auto;
padding: 0 20px 0 10px;
border: 1px solid #bbb;
}
.asn-graph.clicks > .title {
font-size: 1.4em;
text-align: center;
color: #444;
padding: 7px 0;
border-bottom: 1px solid #bbb;
margin-bottom: 10px;
margin-right: -10px;
}
.asn-graph.clicks .y_axis {
float: left;
width: 40px;
padding: 0 0 5px 0;
}
.asn-graph.clicks .chart {
float: left;
}
.asn-graph.clicks .x_label {
display: none;
}
.asn-graph.clicks .legend {
position: absolute;
top: 0px;
left: 50px;
background-color: #000;
opacity: 0.8;
font-size: 0.9em;
}
.asn-graph.clicks .rickshaw_legend {
padding: 3px 0 0 0;
}
.asn-graph.clicks .rickshaw_legend .line .swatch {
width: 8px;
height: 8px;
margin-right: 6px;
}
/* Media Queries - LAST */
/* iPad: 768 x 1024 */
/* iPhone to 4S: 320 x 480 */
@media only screen and (max-width: 1010px) {
/* iPad landscape */
#reg-index-block-container {
display: none;
content: none; /* need this for td */
width: 0;
}
#asn-newsfeed {
margin-right: 15px;
}
/* Hide forum columns for skinny windows */
#phorum .list.announcements .lastpost,
#phorum .list.forum-index .lastpost {
display: none;
content: none;
width: 0;
}
}
@media only screen and (max-width: 930px) {
#header-image {
width: 135px !important;
margin-right: 0 !important;
}
#footer .col.autoshrine { display: none; }
}
@media only screen and (max-width: 850px) {
/* iPad portrait */
#asn6-toptoc .pure-menu-link,
#asn6-toptoc .pure-menu-header {
padding: 3px 5px;
}
/*
#asn6-toptoc .myaccount > a .fa-home { display: inline; }
#asn6-toptoc .myaccount .item-text { display: none; }
*/
.leftmenu .col2 {
display: none;
}
.leftmenu .colright {
left: 0;
width: 100%;
}
.leftmenu .col1wrap {
width: 100%;
right: 0;
}
.leftmenu .col1 {
margin: 0 20px;
right: 0;
}
.success-block .instructions,
.asn-errblock .instructions {
background-image: none;
padding-left: 0;
}
.comment-block form textarea { width: 100%; }
.header-image-box {
display: none;
}
/* .reg-browse .photo a img { width: 80px; height: auto; } */
.reg-index-vehicle {
margin-right: 20px;
}
#registry-view .photos {
width: 550px;
margin: 0 auto;
}
#registry-view .photos .flexslider li img.photo {
width: 500px;
height: auto;
}
#registry-view .forsale-container {
padding: 0 40px;
}
#registry-view .forsale-big {
font-size: 6.5em !important;
margin: 0 !important;
}
#journal-view .journal-entry .jbody { }
#journal-view .journal-entry .asn-ad.leaderboard {
margin-left: -65px;
}
#member-profile .mainimage img {
max-width: 350px !important;
height: auto;
}
#phorum #user-info .icon-user-comment {
display: none;
}
/* Hide forum columns for skinny windows */
#phorum .list.forum-index .posts,
/* #phorum .list.forum-topics .lastpost, */
#phorum .list.forum-topics .views {
display: none;
content: none;
width: 0;
}
#phorum #header-search-form input[type="text"] {
width: 100px;
}
#phorum .message .asn-user-avatar img {
max-width: 120px !important;
height: auto;
}
#phorum .message-body .attachments img,
#phorum .message-body img.bbcode {
max-width: 460px !important;
height: auto;
}
#phorum .message-body .asn-ad.leaderboard { margin-left: -16px; }
#phorum .asn-ad.premium-block .house-ad-4x .ad3,
#phorum .asn-ad.premium-block .house-ad-4x .ad4 { display: none; }
#phorum .asn-ad.premium-block { width: 513px; }
#phorum .asn-ad.premium-block .house-ad-4x { width: 234px; }
}
@media only screen and (max-width: 740px) {
#header-image, .header-image-box {
display: none;
}
}
/*!
Pure v0.6.2
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/*!
normalize.css v^3.0 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */.pure-button:focus,a:active,a:hover{outline:0}.pure-table,table{border-collapse:collapse;border-spacing:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}.pure-button,input{line-height:normal}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}.pure-button,.pure-form input:not([type]),.pure-menu{box-sizing:border-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend,td,th{padding:0}legend{border:0}.hidden,[hidden]{display:none!important}.pure-img{max-width:100%;height:auto;display:block}.pure-g{letter-spacing:-.31em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){table .pure-g{display:block}}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u,.pure-u-1,.pure-u-1-1,.pure-u-1-12,.pure-u-1-2,.pure-u-1-24,.pure-u-1-3,.pure-u-1-4,.pure-u-1-5,.pure-u-1-6,.pure-u-1-8,.pure-u-10-24,.pure-u-11-12,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-2-24,.pure-u-2-3,.pure-u-2-5,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24,.pure-u-3-24,.pure-u-3-4,.pure-u-3-5,.pure-u-3-8,.pure-u-4-24,.pure-u-4-5,.pure-u-5-12,.pure-u-5-24,.pure-u-5-5,.pure-u-5-6,.pure-u-5-8,.pure-u-6-24,.pure-u-7-12,.pure-u-7-24,.pure-u-7-8,.pure-u-8-24,.pure-u-9-24{letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto;display:inline-block;zoom:1}.pure-g [class*=pure-u]{font-family:sans-serif}.pure-u-1-24{width:4.1667%}.pure-u-1-12,.pure-u-2-24{width:8.3333%}.pure-u-1-8,.pure-u-3-24{width:12.5%}.pure-u-1-6,.pure-u-4-24{width:16.6667%}.pure-u-1-5{width:20%}.pure-u-5-24{width:20.8333%}.pure-u-1-4,.pure-u-6-24{width:25%}.pure-u-7-24{width:29.1667%}.pure-u-1-3,.pure-u-8-24{width:33.3333%}.pure-u-3-8,.pure-u-9-24{width:37.5%}.pure-u-2-5{width:40%}.pure-u-10-24,.pure-u-5-12{width:41.6667%}.pure-u-11-24{width:45.8333%}.pure-u-1-2,.pure-u-12-24{width:50%}.pure-u-13-24{width:54.1667%}.pure-u-14-24,.pure-u-7-12{width:58.3333%}.pure-u-3-5{width:60%}.pure-u-15-24,.pure-u-5-8{width:62.5%}.pure-u-16-24,.pure-u-2-3{width:66.6667%}.pure-u-17-24{width:70.8333%}.pure-u-18-24,.pure-u-3-4{width:75%}.pure-u-19-24{width:79.1667%}.pure-u-4-5{width:80%}.pure-u-20-24,.pure-u-5-6{width:83.3333%}.pure-u-21-24,.pure-u-7-8{width:87.5%}.pure-u-11-12,.pure-u-22-24{width:91.6667%}.pure-u-23-24{width:95.8333%}.pure-u-1,.pure-u-1-1,.pure-u-24-24,.pure-u-5-5{width:100%}.pure-button{display:inline-block;zoom:1;white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-group{letter-spacing:-.31em;text-rendering:optimizespeed}.opera-only :-o-prefocus,.pure-button-group{word-spacing:-.43em}.pure-button{font-family:inherit;font-size:100%;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);border:1px solid #999;border:transparent;background-color:#E6E6E6;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:focus,.pure-button:hover{filter:alpha(opacity=90);background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.pure-button-active,.pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;border-color:#000\9}.pure-button-disabled,.pure-button-disabled:active,.pure-button-disabled:focus,.pure-button-disabled:hover,.pure-button[disabled]{border:none;background-image:none;filter:alpha(opacity=40);opacity:.4;cursor:not-allowed;box-shadow:none;pointer-events:none}.pure-button-hidden{display:none}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff}.pure-button-group .pure-button{letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto;margin:0;border-radius:0;border-right:1px solid #111;border-right:1px solid rgba(0,0,0,.2)}.pure-button-group .pure-button:first-child{border-top-left-radius:2px;border-bottom-left-radius:2px}.pure-button-group .pure-button:last-child{border-top-right-radius:2px;border-bottom-right-radius:2px;border-right:none}.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=tel],.pure-form input[type=color],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=text],.pure-form select,.pure-form textarea{padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;vertical-align:middle;box-sizing:border-box}.pure-form input:not([type]){padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px}.pure-form input[type=color]{padding:.2em .5em}.pure-form input:not([type]):focus,.pure-form input[type=password]:focus,.pure-form input[type=email]:focus,.pure-form input[type=url]:focus,.pure-form input[type=date]:focus,.pure-form input[type=month]:focus,.pure-form input[type=time]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=week]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=color]:focus,.pure-form input[type=number]:focus,.pure-form input[type=search]:focus,.pure-form input[type=text]:focus,.pure-form select:focus,.pure-form textarea:focus{outline:0;border-color:#129FEA}.pure-form input[type=file]:focus,.pure-form input[type=checkbox]:focus,.pure-form input[type=radio]:focus{outline:#129FEA auto 1px}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input:not([type])[disabled],.pure-form input[type=password][disabled],.pure-form input[type=email][disabled],.pure-form input[type=url][disabled],.pure-form input[type=date][disabled],.pure-form input[type=month][disabled],.pure-form input[type=time][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=week][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=color][disabled],.pure-form input[type=number][disabled],.pure-form input[type=search][disabled],.pure-form input[type=text][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{background-color:#eee;color:#777;border-color:#ccc}.pure-form input:focus:invalid,.pure-form select:focus:invalid,.pure-form textarea:focus:invalid{color:#b94a48;border-color:#e9322d}.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=checkbox]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus{outline-color:#e9322d}.pure-form select{height:2.25em;border:1px solid #ccc;background-color:#fff}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}.pure-form-stacked input:not([type]),.pure-form-stacked input[type=password],.pure-form-stacked input[type=email],.pure-form-stacked input[type=url],.pure-form-stacked input[type=date],.pure-form-stacked input[type=month],.pure-form-stacked input[type=time],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=week],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=color],.pure-form-stacked input[type=file],.pure-form-stacked input[type=number],.pure-form-stacked input[type=search],.pure-form-stacked input[type=text],.pure-form-stacked label,.pure-form-stacked select,.pure-form-stacked textarea{display:block;margin:.25em 0}.pure-form-aligned .pure-help-inline,.pure-form-aligned input,.pure-form-aligned select,.pure-form-aligned textarea,.pure-form-message-inline{display:inline-block;vertical-align:middle}.pure-form-aligned textarea{vertical-align:top}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.pure-form-aligned .pure-controls{margin:1.5em 0 0 11em}.pure-form .pure-input-rounded,.pure-form input.pure-input-rounded{border-radius:2em;padding:.5em 1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input,.pure-form .pure-group textarea{display:block;padding:10px;margin:0 0 -1px;border-radius:0;position:relative;top:-1px}.pure-form .pure-group input:focus,.pure-form .pure-group textarea:focus{z-index:3}.pure-form .pure-group input:first-child,.pure-form .pure-group textarea:first-child{top:1px;border-radius:4px 4px 0 0;margin:0}.pure-form .pure-group input:first-child:last-child,.pure-form .pure-group textarea:first-child:last-child{top:1px;border-radius:4px;margin:0}.pure-form .pure-group input:last-child,.pure-form .pure-group textarea:last-child{top:-2px;border-radius:0 0 4px 4px;margin:0}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-3-4{width:75%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form .pure-help-inline,.pure-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}.pure-form-message{display:block;color:#666;font-size:.875em}@media only screen and (max-width :480px){.pure-form button[type=submit]{margin:.7em 0 0}.pure-form input:not([type]),.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=tel],.pure-form input[type=color],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=text],.pure-form label{margin-bottom:.3em;display:block}.pure-group input:not([type]),.pure-group input[type=password],.pure-group input[type=email],.pure-group input[type=url],.pure-group input[type=date],.pure-group input[type=month],.pure-group input[type=time],.pure-group input[type=datetime],.pure-group input[type=datetime-local],.pure-group input[type=week],.pure-group input[type=tel],.pure-group input[type=color],.pure-group input[type=number],.pure-group input[type=search],.pure-group input[type=text]{margin-bottom:0}.pure-form-aligned .pure-control-group label{margin-bottom:.3em;text-align:left;display:block;width:100%}.pure-form-aligned .pure-controls{margin:1.5em 0 0}.pure-form .pure-help-inline,.pure-form-message,.pure-form-message-inline{display:block;font-size:.75em;padding:.2em 0 .8em}}.pure-menu-fixed{position:fixed;left:0;top:0;z-index:3}.pure-menu-item,.pure-menu-list{position:relative}.pure-menu-list{list-style:none;margin:0;padding:0}.pure-menu-item{padding:0;margin:0;height:100%}.pure-menu-heading,.pure-menu-link{display:block;text-decoration:none;white-space:nowrap}.pure-menu-horizontal{width:100%;white-space:nowrap}.pure-menu-horizontal .pure-menu-list{display:inline-block}.pure-menu-horizontal .pure-menu-heading,.pure-menu-horizontal .pure-menu-item,.pure-menu-horizontal .pure-menu-separator{display:inline-block;zoom:1;vertical-align:middle}.pure-menu-item .pure-menu-item{display:block}.pure-menu-children{display:none;position:absolute;left:100%;top:0;margin:0;padding:0;z-index:3}.pure-menu-horizontal .pure-menu-children{left:0;top:auto;width:inherit}.pure-menu-active>.pure-menu-children,.pure-menu-allow-hover:hover>.pure-menu-children{display:block;position:absolute}.pure-menu-has-children>.pure-menu-link:after{padding-left:.5em;content:"\25B8";font-size:small}.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after{content:"\25BE"}.pure-menu-scrollable{overflow-y:scroll;overflow-x:hidden}.pure-menu-scrollable .pure-menu-list{display:block}.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list{display:inline-block}.pure-menu-horizontal.pure-menu-scrollable{white-space:nowrap;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:.5em 0}.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar{display:none}.pure-menu-horizontal .pure-menu-children .pure-menu-separator,.pure-menu-separator{background-color:#ccc;height:1px;margin:.3em 0}.pure-menu-horizontal .pure-menu-separator{width:1px;height:1.3em;margin:0 .3em}.pure-menu-horizontal .pure-menu-children .pure-menu-separator{display:block;width:auto}.pure-menu-heading{text-transform:uppercase;color:#565d64}.pure-menu-link{color:#777}.pure-menu-children{background-color:#fff}.pure-menu-disabled,.pure-menu-heading,.pure-menu-link{padding:.5em 1em}.pure-menu-disabled{opacity:.5}.pure-menu-disabled .pure-menu-link:hover{background-color:transparent}.pure-menu-active>.pure-menu-link,.pure-menu-link:focus,.pure-menu-link:hover{background-color:#eee}.pure-menu-selected .pure-menu-link,.pure-menu-selected .pure-menu-link:visited{color:#000}.pure-table{empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table td:first-child,.pure-table th:first-child{border-left-width:0}.pure-table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-odd td,.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child>td{border-bottom-width:0}/* ------------------------------------------------------------------------ */
/* AUTOSHRINE NETWORK */
/* (C) 2014 Corvus Digital Corp. All Rights Reserved. */
/* ------------------------------------------------------------------------ */
/* Site branding */
#header {
background: #391e0f url(https://www.asnstatic.com/theme/mgb/cherry-wood.png) repeat;
}
#header .title {
margin: 13px 0 0 19px;
}
#header #header-image {
background-image: url(https://www.asnstatic.com/theme/mgb/leemiller_1967_mgb.png);
background-position: 0 0;
background-repeat: no-repeat;
visibility: hidden; /* hidden if animation enabled */
width: 289px;
height: 175px;
/* Bump down to clear #header title for visitors with 1024x768 */
margin: 8px 0 0 0;
}
.leftmenu {
/* Background for nav column here */
/* baby blue #edfcff */
background: #e7ead2 url(https://www.asnstatic.com/images/tile/diag2-white-50pc.png) repeat;
}
.leftmenu .colright {
border-left: 1px solid #ddd;
}
/* Link styles */
a {
color: #0f3262;
text-decoration: none;
}
a:hover {
color: #e00;
text-decoration: none;
}
/* Box styles */
.leftmenu .col2 .marque-logo img {
margin-left: -4px;
}
/* Content styles */
.leftmenu .col1 .header-image-box {
/* Adjust size to prevent text slipping under car wheels... */
height: 65px;
width: 140px;
border: 0;
}
table.simple>tbody>tr>th {
background: #800 url(https://www.asnstatic.com/images/tile/button_bg_red.png) repeat-x left top;
border-color: #800;
color: #fff;
font-weight: normal;
text-shadow: #222 1px 1px 1px;
}
.leftmenu .col1 table.calendar-mini {
border: 1px solid #666;
}
.leftmenu .col1 div.event {
}
/* Motorsport */
.leftmenu .col1 table.motorsport-results {
border-collapse: collapse;
border: 1px solid #555;
}
.leftmenu .col1 table.motorsport-results td,
.leftmenu .col1 table.motorsport-results th {
padding: 0.3em 0.5em;
border: 1px solid #888;
}
.leftmenu .col1 table.motorsport-results th {
font-size: 1.4em;
background: #ffef8e url(https://www.asnstatic.com/images/tile/button_bg_yellow.png) left top repeat-x;
border-color: #888;
}
.leftmenu .col1 table.motorsport-results td {
font-size: 1.2em;
}
/* Form styles */
table.quickform td.header {
background: #0C0000 url(https://www.asnstatic.com/images/tile/button_bg_red.png) repeat-x left top;
color: #fff;
}
/* Style sheet css.tpl for Autoshrine Phorum Template */
/* Overall style */
#phorum {
/*
font-family: ;
font-size: 1.0em;
color: Black;
*/
}
/* HTML level styles */
img {
vertical-align: top;
border: none;
}
#phorum a {
font-weight: inherit;
text-decoration: none;
}
#phorum a:hover {
background: none;
background-color: transparent;
color: #ff0000;
}
#phorum h1 a {}
#phorum span.icon {
background-repeat: no-repeat;
background-position: 1px 2px;
padding: 4px 10px 2px 21px;
font-weight: normal;
white-space: nowrap;
text-align: left;
}
#phorum span.icon a:hover {
}
#phorum span.welcome {
margin-right: 20px;
}
#phorum div.generic table th {
text-align: left;
}
/* Phorum list style table */
#phorum table.list {
width: 100%;
margin-bottom: 4px;
border: 1px solid #4d894d;
border-bottom: 0;
}
#phorum table.list th {
font-weight: normal;
font-size: 1.4em;
letter-spacing: 1px;
border: 0;
background: #4d894d url("/phorum/templates/autoshrine/images/header_background.png") repeat-x;
color: white;
padding: 5px;
}
#phorum table.list th a {
color: white;
}
#phorum table.list td {
padding: 8px;
border-bottom: 1px solid #6da96d;
}
#phorum table.list .alt {
background-color: #e8ede8;
}
#phorum table.list td.current {
background-color: #f0f7f0;
}
#phorum table.list td p {
margin: 4px 8px 16px 4px;
}
#phorum .list h3 {
font-size: 145%;
border: 0;
margin: 0;
}
#phorum .list h4 {
font-size: 1em;
font-weight: normal;
margin: 0;
}
#phorum .list .subject .lastpost { display: inline-block; position: relative; margin-left: 1em; font-weight: normal; font-size: 85%; }
#phorum .list .subject .pages { display: inline-block; position: relative; margin-left: 1em; font-size: 85%; }
#phorum .list .subject .byline { display: inline-block; padding: 3px 0 0 20px; font-size: 95%; color: #808080; }
#phorum .list .subject .byline a { color: #606060; }
#phorum .list .subject .byline .started { margin-left: 1em; }
#phorum .list .subject .byline .asn-member-flag { opacity: 0.80; }
#phorum .list .threads,
#phorum .list .posts,
#phorum .list .views {
font-size: 1.3em;
}
#phorum .list .last-post {
white-space: nowrap;
font-size: 1.3em;
}
#phorum .list .last-post .date {
color: #808080;
}
/* Forum Index */
#phorum .list.forum-index th,
#phorum .list.forum-index td {
text-align: left;
}
#phorum .list.forum-index tr:hover {
background-color: #fafad2;
transition: background 0.5s;
-webkit-transition: background 0.5s;
}
#phorum .list.forum-index tr:hover .icon { }
#phorum .list.forum-index td { color: #222; }
#phorum .list.forum-index .name { padding-bottom: 12px; font-size: 1.3em; }
#phorum .list.forum-index .topic-byline { padding-bottom: 12px; } /* match */
#phorum .list.forum-index .icon { margin: 0 20px; }
#phorum .list.forum-index .icon-new-topic,
#phorum .list.forum-index .icon-new-topic a { font-weight: normal; }
#phorum .list.forum-index .recent-tags { padding: 0 0 0.8em 20px; }
#phorum .list.forum-index .threads,
#phorum .list.forum-index .posts,
#phorum .list.forum-index .lastpost { width: 1%; white-space: nowrap; }
#phorum .list.forum-index .threads,
#phorum .list.forum-index .posts { text-align: center; padding: 0 12px; }
/* Forum Topics */
#phorum .list.forum-topics .solved { color: #666; }
#phorum .list.forum-topics .solved h4 a { color: #666; /* text-decoration: line-through; */ }
#phorum .list.forum-topics .solved h4 .solved-flag { display: block; float: right; margin-left: 10px; color: Black; }
#phorum .list.forum-topics tr:hover {
background-color: #fafad2;
transition: background 0.5s;
-webkit-transition: background 0.5s;
}
#phorum .list.forum-topics .posts { white-space: nowrap; }
#phorum .list.forum-topics .lastpost { text-align: left; white-space: nowrap; }
#phorum .list.forum-topics .actions { width: 1%; text-align: right; white-space: nowrap; }
#phorum .list.forum-topics th.actions { text-align: center; }
/* Headers */
#phorum h1 { }
#phorum h1 a { color: inherit; }
#phorum h2 {
margin: 0;
border: 0;
font-weight: bold;
}
#phorum h3.heading {
white-space: normal;
}
#phorum h4 {
margin: 0 0 5px 0;
}
#phorum hr {
height: 1px;
border: 0;
border-top: 1px solid #4d894d;
}
#phorum table.announcements {
margin-bottom: 15px;
}
/* global styles */
#phorum div.generic table {
}
#phorum div.generic {
padding: 8px;
background-color: #e8ede8;
border: 1px solid #4d894d;
}
#phorum div.generic-lower {
padding: 8px;
margin-bottom: 8px;
}
#phorum div.paging {
float: right;
}
#phorum div.paging a {
font-weight: bold;
margin: 0 4px 0 4px;
padding: 0 0 1px 0;
}
#phorum div.paging strong.current-page {
padding-left: 5px;
padding-right: 5px;
color: #e00;
}
#phorum div.nav {
margin: 0 0 5px 0;
line-height: 20px;
font-size: 1.4em;
}
#phorum .nav .paging img {
vertical-align: top;
margin-top: 2px;
}
#phorum .nav .paging a {
padding-left: 1px;
padding-right: 1px;
}
#phorum .nav .paging a:hover {
background: #e0e0e0;
}
#phorum .nav .paging .pagexofy {
/*
font-style: italic;
font-size: 96%;
*/
margin-right: 10px;
}
#phorum div.nav-right {
float: right;
}
#phorum .information {
font-size: 1.4em;
padding: 1em 8px;
border: 1px solid #62a762;
background-color: #e6ffe6;
margin-bottom: 8px;
}
#phorum .information h4 { margin-bottom: 1em; }
#phorum .information li { font-size: 1em; }
#phorum .information .asn6-button { width: 220px; }
#phorum div.notice {
font-size: 1.4em;
padding: 8px;
background-color: #e8ede8;
border: 1px solid #4d894d;
margin-bottom: 8px;
}
#phorum div.warning {
font-size: 1.4em;
border: 1px solid #A76262;
background-color: #FFD1D1;
padding: 8px;
margin-bottom: 8px;
}
#phorum .confirmation-form {
text-align: center;
font-size: 1.4em;
}
#phorum .confirmation-form h4 {
font-size: 115%;
margin-bottom: 25px;
}
#phorum .confirmation-form .btn_orange {
width: 80px;
}
#phorum .confirmation-form .btn_yellow {
width: 80px;
}
#phorum .message-body .text {
line-height: 1.3;
}
#phorum .message-body .attachments {
background-color: White;
margin-top: 8px;
padding: 16px 0;
/* border: 1px solid #4d894d; */
}
#phorum .message-body .attachments .header {
font-size: 110%;
font-weight: bold;
margin-bottom: 1em;
color: #666;
}
#phorum .message-body .attachments .auth {
text-align: center;
font-weight: normal;
width: 610px;
margin: 0 auto;
padding: 1em 0;
}
#phorum .message-body .attachments .attachment {
text-align: center;
margin-bottom: 15px;
}
#phorum .message-body .attachments .attachment .desc {
margin-bottom: 4px;
}
#phorum .message-body .attachments .attachment .image {
}
#phorum .new-flag { color: #e00; }
#phorum .solved-flag { color: #070; }
#phorum a.message-new {
font-weight: bold;
}
#phorum table.menu td {
vertical-align: top;
}
#phorum table.menu td.menu {
padding: 0 8px 0 0;
}
#phorum table.menu td.menu ul {
list-style: none;
padding: 0;
margin: 4px 0 8px 8px;
}
#phorum table.menu td.menu ul li {
font-size: 1em;
margin: 0 0 4px 0;
}
#phorum table.menu td.menu ul li a {
text-decoration: none;
}
#phorum table.menu td.menu ul li a.current {
/* match .red2 from sidebar/forum-list.tpl */
color: #c00;
font-weight: bold;
}
#phorum table.menu td.menu span.new {
color: #e00;
}
#phorum table.menu td.content {
width: 100%;
padding: 0;
}
#phorum table.menu td.content h2 {
margin: 0 0 8px 0;
background-repeat: repeat-x;
background-image: url("/phorum/templates/autoshrine/images/header_background.png");
color: white;
background-color: #4d894d;
padding: 4px;
}
#phorum table.menu td.content .message-body {
font-size: inherit;
}
#phorum table.menu td.content div.generic {
margin: 0 0 8px 0;
}
#phorum table.menu td.content dl {
margin: 0;
padding: 0;
}
#phorum table.menu td.content dt {
font-weight: bold;
font-size: 1.1em;
}
#phorum table.menu td.content dd {
padding: 2px 0 1em 2em;
font-size: 1em;
}
#phorum table.menu td.content th,
#phorum table.menu td.content td {
font-size: 1em;
}
#phorum fieldset {
border: 0;
padding: 0;
margin: 0;
}
#phorum input {
font: inherit;
}
#phorum textarea {
font: inherit;
}
#phorum textarea.body {
font: inherit;
width: 100%;
border: 0;
}
#phorum table.form-table {
width: 100%;
}
/* header styles */
#phorum #logo {
height: 46px;
background-color: #78ad78;
vertical-align: bottom;
background-image: url("/phorum/templates/autoshrine/images/top_background.png");
}
#phorum #logo img {
margin: 16px 0 0px 16px;
}
#phorum #page-info {
padding: 0;
margin: 0;
}
#phorum #page-info .heading {
white-space: normal;
margin: 8px 0;
}
#phorum #page-info .description {
margin: 0 0 1.0em 0;
font-size: 1.4em;
}
#phorum #breadcrumb {
border: 0;
padding: 5px 0;
}
#phorum #user-info {
float: right;
clear: both;
margin: 5px 0 0 10px;
white-space: nowrap;
font-size: 1.4em;
}
#phorum #user-info img {
border-width : 0;
margin: 4px 3px 0 0;
}
#phorum #user-info small a{
margin: 0;
padding: 0;
display: inline;
}
#phorum div.attention {
/* does not use template values on purpose */
padding: 24px 8px 24px 64px;
border: 1px solid #A76262;
background-image: url("https://www.asnstatic.com/phorum/templates/autoshrine/images/dialog-warning.png");
background-color: #FFD1D1;
background-repeat: no-repeat;
background-position: 8px 8px;
color: Black;
margin: 8px 0 8px 0;
font-size: 1.4em;
font-weight: bold;
}
#phorum div.attention a {
/* does not use template values on purpose */
color: #68312C;
padding: 2px 2px 2px 21px;
display: block;
background-repeat: no-repeat;
background-position: 1px 2px;
}
#phorum #right-nav {
float: right;
}
#phorum #search-area {
float: right;
clear: right;
text-align: right;
padding: 8px 8px 8px 32px;
background-repeat: no-repeat;
background-position: 8px 12px;
margin-right: 0;
white-space: nowrap;
font-size: 1.4em;
}
#phorum #header-search-form {
display: inline;
}
#phorum #header-search-form a {
font-size: 85%;
}
/* Read styles */
#phorum div.message {
margin-bottom: 20px;
}
#phorum div.message div.generic {
border-bottom: 0;
}
#phorum td.message-user-info {
font-size: 1.2em;
color: #444444;
white-space: nowrap;
vertical-align: top;
text-align: right;
padding-right: 10px;
}
#phorum .message .message-user-info .op { color: #e00; }
#phorum div.message-author {
background-repeat: no-repeat;
background-position: 0px 2px;
padding: 0px 0 0px 21px;
/* font-size: 1.4em; */
font-weight: bold;
margin-bottom: 5px;
}
#phorum .read-message-elapsed {
text-align: center;
margin: 1.5em auto;
font-size: 1.4em;
color: #888;
}
#phorum div.message-subject {
font-weight: bold;
font-size: 85%;
}
#phorum div.message-subject-large {
/* font-weight: bold; */
font-size: 1.4em;
border-bottom: 1px dotted #4d894d;
padding-bottom: 5px;
margin-bottom: 5px;
}
#phorum div.message-subject-large .asn-pvreg-ref {
clear: left;
margin: 0;
padding: 0.3em 3em;
font-size: 70%;
font-weight: normal;
text-align: left;
}
#phorum div.message-subject-large .postnum,
#phorum div.message-subject-large .new-flag,
#phorum div.message-subject-large .solved-flag { float: right; margin-right: 10px; font-size: 90%; font-weight: inherit; }
#phorum div.message-subject-large .postnum { color: #444; font-weight: normal; }
#phorum div.message-body {
font-size: 1.4em;
padding: 1em 16px;
margin: 0;
border: 1px solid #4d894d;
border-top: 0;
background-image: url("/phorum/templates/autoshrine/images/message_background.png");
background-repeat: repeat-x;
background-color: White;
overflow: hidden; /* makes the div extend around floated elements */
}
#phorum div.message-body br {
clear: both;
}
#phorum div.message-body ol,
#phorum div.message-body center {
margin: 0;
}
#phorum div.message-body li {
font-size: 1em;
margin-bottom: 0.25em;
}
#phorum div.message-body .attachments a,
#phorum div.message-body .message-options a {
/* font-weight: bold; */
}
#phorum div.message-body .text a {
color: #0f3262;
font-weight: normal;
text-decoration: underline;
}
#phorum div.message-body .text a:hover {
/* inherit hover color from parent site */
/* color: #ee0000; */
}
#phorum div.message-body embed,
#phorum div.message-body .mod-bbcode-video {
display: block;
margin: 1.5em auto;
border: 1px solid #ccc;
max-width: 100%;
}
#phorum .message-body img.bbcode {
max-width: 100%;
margin: 20px auto;
}
#phorum div.message-body .asn-ad {
margin-top: 3em;
}
#phorum div.message-body a.vglnk,
#phorum div.message-body a.skimwords-link {
font-weight: normal;
}
#phorum .message-options {
margin-top: 3em;
text-align: right;
clear: both;
font-size: 95%;
}
#phorum .message-body .message-options a,
#phorum .message-body .message-moderation a {
font-weight: normal;
}
#phorum div.message-date {
}
#phorum div.message-moderation {
margin-top: 8px;
border-top: 0;
padding: 6px;
background-color: #e8ede8;
border: 1px solid #4d894d;
line-height: 20px;
}
#phorum #thread-options {
margin: 1.5em 0;
background-color: #e8ede8;
border: 1px solid #4d894d;
padding: 8px;
text-align: center;
}
#phorum #phorum_mod_post_preview_preview_div {
font-size: 12px; /* fixed */
}
#phorum .message .message-useful {
color: #444444;
margin: 5px;
text-align: right;
font-size: 95%;
}
#phorum .message .message-useful .desc { display: block; padding-bottom: 6px; }
#phorum .message .message-useful .score { display: inline-block; font-weight: bold; margin-right: 15px; font-size: 115%; }
#phorum .message .message-useful .button {
color: #505050;
background: #f0f0f0;
padding: 0 6px 0 6px;
border: 1px solid #aaaacc;
font-weight: normal;
letter-spacing: normal;
margin-left: 5px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#phorum .message .message-useful .response a { text-decoration: underline; }
#phorum .message .message-useful .button:hover {
color: #ff0000;
background: #e0e0e0;
}
#phorum .message-useful-thanks {
text-align: center;
margin: -10px 60px 30px 60px;
padding: 8px 12px;
font-size: 1.4em;
background: #FBF8D8;
border-radius: 10px;
}
#phorum .message-useful-thanks a {
font-weight: normal;
text-decoration: underline;
}
/* Poll mod */
#phorum #topic_poll_title {
font-size: 1.8em;
font-weight: bold;
}
#phorum #topic_poll_details {
margin: 1em 0;
font-style: italic;
}
#phorum #topic_poll_question {
font-weight: bold;
}
#phorum #topic_poll_answers {
margin-top: 1em;
margin-left: 4em;
}
#phorum #topic_poll_answers table tr td {
padding: 5px 10px 5px 0px;
font-size: 1em;
}
#phorum #topic_poll #topic_poll_answers .topic_poll_percentage_bar {
border: 1px solid black;
background-color: #c00;
}
/* Changes styles */
#phorum span.addition {
background-color: #CBFFCB;
color: #000000;
}
#phorum span.removal {
background-color: #FFCBCB;
color: #000000;
}
/* Posting styles */
#phorum #post {
font-size: 1.4em;
width: 100%;
clear: both;
}
#phorum #post h2 {
font-size: 1.8em;
color: #444444;
}
#phorum #post h4 {
font-size: 1em;
font-weight: bold;
}
#phorum #post ul {
margin: 2px;
}
#phorum #post ul li {
font-size: 85%;
}
#phorum #post-body {
border: 1px solid #4d894d;
background-color: White;
padding: 8px;
}
#phorum #post-moderation {
float: right;
clear: right;
border: 1px solid #4d894d;
background-color: #fffdf6;
padding: 8px;
}
#phorum #post-buttons {
text-align: center;
margin-top: 8px;
}
#phorum #post-buttons .asn6-button {
font-size: 1em;
}
#phorum #post-buttons .asn6-button .fa {
padding-left: 5px;
}
#phorum div.attach-link {
background-image: url("https://www.asnstatic.com/phorum/templates/autoshrine/images/attach.png");
background-repeat: no-repeat;
background-position: 0 5px;
padding: 4px 10px 2px 25px;
font-weight: normal;
}
#phorum #attachment-list {
padding: 1em 0;
}
#phorum #attachment-list td {
font-size: 0.9em;
padding: 1px 25px;
}
#phorum #attachment-list input {
}
#phorum #asn-attachment-caption {
font-size: 85%;
font-style: italic;
margin: 5px 25px;
}
#phorum #post .option-desc {
font-size: 85%;
font-style: italic;
margin: 0 0 1em 0.5em;
}
#phorum #attach-spinner {
display: inline-block;
visibility: hidden;
margin-left: 20px;
color: #060;
font-weight: bold;
font-size: 120%;
}
/* PM styles */
#phorum input.rcpt-delete-img {
vertical-align: bottom;
}
#phorum div.pm {
padding: 8px;
background-color: #e8ede8;
border: 1px solid #4d894d;
border-bottom: 0;
}
#phorum div.pm div.message-author {
}
#phorum .phorum-gaugetable {
margin-top: 10px;
border-collapse: collapse;
}
#phorum .phorum-gauge {
border: 1px solid #4d894d;
background-color: White;
}
#phorum .phorum-gaugeprefix {
border: none;
background-color: White;
padding-right: 10px;
}
/* Profile styles */
#phorum #profile div.icon-user {
background-repeat: no-repeat;
background-position: 0px 2px;
padding: 0px 0 0px 21px;
font-size: 1.4em;
font-weight: bold;
margin-bottom: 5px;
}
#phorum #profile div.icon-user small {
font-size: 1.1em;
font-weight: normal;
margin: 0 0 0 16px;
}
#phorum #profile dt {
font-weight: bold;
}
#phorum #profile dd {
padding: 4px;
margin: 0 0 8px 0;
}
/* Search Styles */
#phorum .generic.search {
background-color: White;
padding: 0;
}
#phorum #search-form {
margin-bottom: 35px;
font-size: 1.4em;
}
#phorum #search-form h4 {
font-size: 1em;
}
#phorum .search-result {
padding: 20px 25px;
}
#phorum .search-result.alt {
background-color: #e8ede8;
}
#phorum .search-result h4 {
margin-top: 0;
}
#phorum .search-result .author {
font-size: 1.3em;
}
#phorum .search-result .body {
font-size: 1.4em;
margin: 15px 30px 0 30px;
padding: 0;
}
#phorum .search-result .body a:hover {
color: Black !important;
}
/* Footer styles */
#phorum #footer-plug {
margin-top: 26px;
font-size: 1.1em;
text-align: center;
}
/* Icon Styles */
.icon1616 {
width: 16px;
height: 16px;
border: 0;
}
.icon .highlight { background-color: #fafad2; }
.icon-accept { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/accept.png'); }
.icon-accept-bw { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/accept_bw.png'); }
.icon-bell { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/bell.png'); }
.icon-bullet-black { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/bullet_black.png'); }
.icon-bullet-go { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/bullet_go.png'); }
.icon-cancel { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/cancel.png'); }
.icon-close { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/lock.png'); }
.icon-coins { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/coins.png'); }
.icon-comment { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/comment.png'); }
.icon-comment-add { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/comment_add.png'); }
.icon-comment-delete { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/comment_delete.png'); }
.icon-comment-edit { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/comment_edit.png'); }
.icon-delete { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/delete.png'); }
.icon-exclamation { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/exclamation.png'); }
.icon-feed { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/feed.png'); }
.icon-flag-blue { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/flag_blue.png'); }
.icon-flag-green { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/flag_green.png'); }
.icon-flag-orange { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/flag_orange.png'); }
.icon-flag-pink { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/flag_pink.png'); }
.icon-flag-purple { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/flag_purple.png'); }
.icon-flag-red { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/flag_red.png'); }
.icon-flag-yellow { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/flag_yellow.png'); }
.icon-folder { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/folder.png'); }
.icon-group-add { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/group_add.png'); }
.icon-information { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/information.png'); }
.icon-key-delete { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/key_delete.png'); }
.icon-key-go { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/key_go.png'); }
.icon-lightbulb { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/lightbulb_off.png'); }
.icon-lightbulb-off { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/lightbulb.png'); }
.icon-list { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/text_align_justify.png'); }
.icon-merge { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/arrow_join.png'); }
.icon-move { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/page_go.png'); }
.icon-new-topic a { font-weight: bold; }
.icon-new-topic {
font-weight: bold;
background-color: #fafad2;
border: 1px solid #9b9371;
border-radius: 5px;
}
.icon-next { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/control_next.png'); }
.icon-note-add { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/note_add.png'); }
.icon-open { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/lock_open.png'); }
.icon-page-go { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/page_go.png'); }
.icon-prev { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/control_prev.png'); }
.icon-printer { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/printer.png'); }
.icon-redo { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/arrow_redo.png'); }
.icon-split { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/arrow_divide.png'); }
.icon-star { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/star.png'); }
.icon-table-add { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/table_add.png'); }
.icon-tag-green { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/tag_green.png'); }
.icon-user { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/user.png'); }
.icon-user-add { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/user_add.png'); }
.icon-user-comment strong { color: #c00; }
.icon-user-comment { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/user_comment.png'); }
.icon-user-edit { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/user_edit.png'); }
.icon-zoom { background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/zoom.png'); }
/* Module list_bookmarks */
.list-bookmarks-icon { margin-left: 2px; }
/* Module mark_my_topics */
.icon-comments {
background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/comments.png');
}
.icon-comments-flag-reg {
background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/comments_flag_red.png');
}
.icon-comments-flag-reg2 {
background-image: url('https://www.asnstatic.com/phorum/templates/autoshrine/images/comments_flag_red2.png');
}
/* BBCode styles */
#phorum blockquote.bbcode {
font-size: 1em; /* was: font_small */
margin: 0 0 0 10px;
}
#phorum blockquote.bbcode>div {
margin: 0;
padding: 5px;
border: 1px solid #808080;
overflow: hidden;
}
#phorum blockquote.bbcode strong {
font-style: italic;
margin: 0 0 3px 0;
}
#phorum pre.bbcode {
border: 1px solid #C4C6A2;
background-color: #FEFFEC;
padding: 8px;
overflow: auto;
}
#phorum #editor-tools li {
font-size: 1em;
}
/* AutoShrine custom styles */
#phorum .list th .ann-hide {
float: right;
font-weight: normal;
margin: 2px 3px 0 0;
font-size: 1.1em;
}
#phorum div.avatar-user {
background-repeat: no-repeat;
background-position: 0px 0px;
padding: 0 0 0 143px;
height: 100px;
}
#phorum div.asn-user-float {
float: left;
margin-left: 10px;
}
#phorum .powered-by {
width: 100%;
text-align: right;
margin-top: 2em;
}
#phorum .asn-user-name {
display: inline-block;
margin-left: 20px;
font-weight: bold;
}
#phorum .asn-user-float .send-pm a { font-weight: bold; }
#phorum .asn-user-float .send-pm i { margin-right: 8px; }
#phorum .asn-user-vehicles { margin-top: 0.3em; }
#phorum .asn-user-vehicles .nickname { font-style: italic; }
#phorum .message .asn-pvreg-ref {
margin-top: 1.3em;
padding: 0;
font-style: italic;
text-align: center;
}
#phorum .message .asn-pvreg-ref a {
font-weight: bold;
}
#phorum #post .pvreg-select {
font-size: 95%;
}
#phorum .asn-quicklinks {
font-size: 1.4em;
text-align: center;
margin-top: 2em;
}
#phorum hr.signature {
width: 66%;
border: 0;
border-top: 1px solid #888;
height: 15px;
/*
width: 560px;
background-image: url(/images/hm_page_curl.png);
background-repeat: no-repeat;
background-position: center top;
*/
}
#phorum .feedmyinbox {
font-size: 1.4em;
margin: 2em auto;
padding: 1em 4em;
text-align: center;
border: 1px solid #4d894d;
background-color: White;
}
#phorum table.list td span.new-indicator {
color: #e00;
font-weight: normal;
}
/* mod_topic_tags */
/* TODO .topic-tags base classes to site style/common for newsfeed maybe? */
#phorum .topic-tags {
margin: 0 0 0 1em;
font-size: 1.2em;
}
#phorum .topic-tags .topic-tag {
display: inline-block;
padding: 0px 3px;
background: #b6ebf9;
color: #333;
margin: 0 1px 2px 2px;
border: 1px solid #d4d4d4;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#phorum .topic-tags .topic-tag:hover { border-color: #333; }
#phorum .topic-tags .topic-tag a:hover { color: inherit !important; }
#phorum .topic-tags .topic-tag.active { background: #b6ebf9; }
#phorum .topic-tags .topic-tag.inactive { background: #fffbc2; }
#phorum .topic-tags .topic-tag.clickme { cursor: pointer; }
/* END TODO common */
#phorum .message .message-subject-large .topic-tags {
float: right;
margin: 0 15px 0 0;
font-weight: normal;
font-size: 65%;
}
#phorum .list.forum-topics .topic-tags { display: block; float: right; font-size: 85%; }
#phorum .list.forum-index .topic-tags { font-size: 85%; }
#phorum .nav .topic-tags-select {
float: right;
margin-right: 1em;
}
#phorum .nav .topic-tags-select select {
margin-left: 5px;
}
#phorum #post .topic-tags {
font-size: 95%;
margin: 0 0 1em 0;
}
#phorum #post .topic-tags .tags-list {
margin: 4px 25px 0 25px;
}
#phorum #post .topic-tags .label {
display: inline-block;
width: 5em;
margin: 0;
}
#phorum #post .topic-tags .topic-tag {
font-size: 90%;
}
/* mod_buysell */
#phorum .list.forum-topics .price,
#phorum .list.forum-topics .location { text-align: left; }
#phorum .list.forum-topics td.price,
#phorum .list.forum-topics td.location { }
#phorum #post .buysell { margin-left: 25px; }
#phorum #post .buysell h4 { margin-left: -25px; }
#phorum .message .buysell > td {
width: 100%;
font-size: 1.4em;
}
#phorum .message .buysell.solved { color: #666 !important; }
#phorum .message .buysell .solved-flag { display: block; float: right; margin-left: 10px; color: #070; font-size: 115%; }
#phorum .message .buysell > td > div {
border-bottom: 1px dotted #4d894d;
padding: 0 10px 6px 10px;
margin-bottom: 5px;
text-align: left;
}
#phorum .message .buysell .fa { color: #450606; width: 16px; }
#phorum .message-solved { color: #070; font-size: 145%; font-weight: bold; margin-bottom: 1em; }
/* END TEMPLATE css.tpl */
/* Added by module "onlineusers", template "onlineusers::css" */
#phorum .mod_onlineusers {
margin-top: 3em;
margin-bottom: 3em;
}
#phorum .mod_onlineusers .t1 {
font-size: 1.8em;
padding: -10px;
margin: 0 0 1em 0;
border: 0;
}
#phorum .mod_onlineusers .onlineusers_users {
margin-left: 30px;
font-size: 1.2em;
}
#phorum .mod_onlineusers .onlineusers_users .spacer {
color: #888;
padding: 0 0.6em;
}
#phorum .mod_onlineusers .onlineusers_users .user {
width: 150px;
float: left;
text-align: left;
white-space: nowrap;
}
#phorum .mod_onlineusers .onlineusers_users .user .flag {
margin-left: 3px;
}
#phorum .mod_onlineusers .onlineusers_count {
float: left;
text-align: left;
font-size: 1.2em;
}
#phorum .mod_onlineusers .onlineusers_records {
float: right;
text-align: right;
font-size: 1.2em;
}
#phorum .onlineusers_readers {
margin-bottom: 1em;
margin-top: 1em;
display: block;
}
/* Added by module "smileys", file "mods/smileys/smileys.css" */
.mod_smileys_img {
vertical-align: middle;
margin: 0px 3px 0px 3px;
border: none;
}
/* Added by module "editor_tools", file "mods/editor_tools/editor_tools.css" */
#editor-tools {
padding: 3px;
margin-bottom: 3px;
border-bottom: 1px solid #ddd;
text-align: left;
}
/* padding is arranged in editor_tools.js, so do not define it here. */
#editor-tools .editor-tools-button {
margin-right: 2px;
margin-bottom: 2px;
background-color: #eee;
border: 1px solid #ddd;
vertical-align: bottom;
}
#editor-tools .editor-tools-button:hover {
border: 1px solid #777;
}
.editor-tools-popup {
text-align: left;
position:absolute;
padding: 5px 10px;
background-color:#eee;
border:1px solid #777;
font-family: arial, helvetica, sans-serif;
z-index: 1000;
}
.editor-tools-popup a,
.editor-tools-popup a:active,
.editor-tools-popup a:visited {
text-decoration: none;
color: black;
}
.editor-tools-popup a:hover {
text-decoration: underline;
}
#editor-tools-smiley-picker img,
#editor-tools-subjectsmiley-picker img {
border: none;
margin: 3px;
}
#editor-tools-a-help {
float: right;
}
/* Override fixes for color picker within XHTML transitional */
* html .colorPickerTab_inactive span,
* html .colorPickerTab_active span{
position:/**/relative;
}
* html .colorPickerTab_inactive img,
* html .colorPickerTab_active img{
position:relative;
left:-3px;
}
* html #dhtmlgoodies_colorPicker .colorPicker_topRow{
height:20px;
}
/* Added by module "announcements", template "announcements::css" */
#phorum table.announcements {
margin-bottom: 20px;
}
#phorum table.announcements .lastpost {
white-space: nowrap;
}
#phorum .list.announcements tr:hover {
background: #fafad2;
transition: background 0.5s;
-webkit-transition: background 0.5s;
}
/* Added by module "bbcode", file "mods/bbcode/colorpicker/js_color_picker_v2.css" */
#dhtmlgoodies_colorPicker{
position:absolute;
width:250px;
padding-bottom:1px;
background-color:#FFF;
border:1px solid #777;
width: 252px; /* IE 5.x */
width/* */:/**/250px; /* Other browsers */
width: /**/250px;
z-index: 1000;
}
#dhtmlgoodies_colorPicker .colorPicker_topRow{
padding-bottom:1px;
border-bottom:3px double #777;
background-color:#E2EBED;
padding-left:2px;
width: 250px; /* IE 5.x */
width/* */:/**/248px; /* Other browsers */
width: /**/248px;
height: 20px; /* IE 5.x */
height/* */:/**/16px; /* Other browsers */
height: /**/16px;
}
#dhtmlgoodies_colorPicker .colorPicker_statusBar{
height:13px;
padding-bottom:2px;
width:248px;
border-top:3px double #777;
background-color:#E2EBED;
padding-left:2px;
clear:both;
width: 250px; /* IE 5.x */
width/* */:/**/248px; /* Other browsers */
width: /**/248px;
height: 18px; /* IE 5.x */
height/* */:/**/13px; /* Other browsers */
height: /**/13px;
}
#dhtmlgoodies_colorPicker .colorSquare{
margin-left:1px;
margin-bottom:1px;
float:left;
border:1px solid #000;
cursor:pointer;
width: 12px; /* IE 5.x */
width/* */:/**/10px; /* Other browsers */
width: /**/10px;
height: 12px; /* IE 5.x */
height/* */:/**/10px; /* Other browsers */
height: /**/10px;
}
.colorPickerTab_inactive,.colorPickerTab_active{
height:17px;
padding-left:4px;
cursor:pointer;
}
/* path fixed for Phorum */
.colorPickerTab_inactive span{
background-image:url(mods/bbcode/colorpicker/images/tab_left_inactive.gif);
}
/* path fixed for Phorum */
.colorPickerTab_active span{
background-image:url(mods/bbcode/colorpicker/images/tab_left_active.gif);
}
.colorPickerTab_inactive span, .colorPickerTab_active span{
line-height:16px;
font-weight:bold;
font-family:arial;
font-size:11px;
padding-top:1px;
vertical-align:middle;
background-position:top left;
background-repeat: no-repeat;
float:left;
padding-left:6px;
-moz-user-select:none;
}
.colorPickerTab_inactive img,.colorPickerTab_active img{
float:left;
}
.colorPickerCloseButton{
width:11px;
height:11px;
text-align:center;
line-height:10px;
border:1px solid #777;
position:absolute;
right:1px;
font-size:12px;
font-weight:bold;
top:1px;
padding:1px;
cursor:pointer;
width: 15px; /* IE 5.x */
width/* */:/**/11px; /* Other browsers */
width: /**/11px;
height: 15px; /* IE 5.x */
height/* */:/**/11px; /* Other browsers */
height: /**/11px;
}
#colorPicker_statusBarTxt{
font-size:11px;
font-family:arial;
vertical-align:top;
line-height:13px;
}
/* disabled for Phorum
form{
padding-left:5px;
}
*/
.form_widget_amount_slider{
border-top:1px solid #9d9c99;
border-left:1px solid #9d9c99;
border-bottom:1px solid #eee;
border-right:1px solid #eee;
background-color:#f0ede0;
position:absolute;
bottom:0px;
width: 5px; /* IE 5.x */
width/* */:/**/3px; /* Other browsers */
width: /**/3px;
height: 5px; /* IE 5.x */
height/* */:/**/3px; /* Other browsers */
height: /**/3px;
}
.colorSliderLabel{
width:15px;
height:20px;
float:left;
font-size:11px;
font-weight:bold;
}
.colorSlider{
width:175px;
height:20px;
float:left;
}
.colorInput{
width:45px;
height:20px;
float:left;
}
.colorPreviewDiv{
width:186px;
margin-right:2px;
margin-top:1px;
border:1px solid #CCC;
height:20px;
float:left;
cursor:pointer;
width: 188px; /* IE 5.x */
width/* */:/**/186px; /* Other browsers */
width: /**/186px;
height: 22px; /* IE 5.x */
height/* */:/**/20px; /* Other browsers */
height: /**/20px;
}
.colorCodeDiv{
width:50px;
height:20px;
float:left;
}