/***** Main Template *****/
html {
min-width: 902px;
} /*IE7*/
body {
color: #393733;
margin: 0;
padding: 0 20px;
text-align: center;
background: #fff url(/img/page-back.gif) repeat-x;
}
body, td, th, textarea, input, select, h2, h3, h4, h5, h6 {
font: 83%/1.4 arial, helvetica, sans-serif;
}
input {
line-height: 1;
}
/***** Common Content Formatting *****/
a { color: #105CB6; outline: none; }
a:visited { color: #105CB6; }
a:hover, a:focus { color: #003; }
a:active { color: #000; }
.simple:link, .simple:visited {
text-decoration: none;
color: #666;
}
.new {
font-weight: bold;
color: #c00;
font-size: 11px;
text-decoration: none;
}
h3 a:visited {
color: #86b0e1;
}
.more:link, .more:visited {
color: #666;
}
.simple:hover, .simple:active, .more:hover {
color: #333;
}
.remove {
color: #999;
font-size: 85%;
}
.clear-search {
clear: both;
background: url(/img/clear-search.gif) no-repeat;
padding: 25px 4px 4px 60px;
color: #80A71F;
min-height: 50px;
} /*IE6*/
.clear-search a.clear-search-link {
padding: 5px 25px 5px 15px;
font-size: 65%;
color: #c00;
letter-spacing: 0em;
font-weight: bold;
background: url(/img/close.gif) 100% 50% no-repeat;
vertical-align: middle;
}
.highlight, .search-highlight {
background-color: #ff0;
color: #685D00;
}
hr {
height: 1px;
background: #ccc;
border: none;
}
.slide-hide {
display: none;
}
.slide-show {
display: block;
}
.tight {
white-space: nowrap;
}
.disabled {
color: #666;
}
.na, h2 span.deemphasize {
color: #999;
font-weight: normal;
}
img {
border: none;
}
p {
line-height: 1.4;
}
ul.compact {
margin: 0;
padding-left: 20px;
}
li {
margin-bottom: 0.3em;
}
form {
clear: left;
margin: 0;
}
option.child-level {
padding-left: 15px;
}
option.top-level {
font-weight: bold;
}
h2 {
margin: 0 0 0.2em 0;
font-size: 185%;
letter-spacing: -1px;
font-weight: normal;
clear: left;
color: #4E463F;
}
.user-photo, .user-image {
border: 1px solid #ccc;
vertical-align: middle;
}
h2 .user-photo {
float: left;
margin-right: 5px;
}
h2 span, h3 span {
color: #999;
white-space: nowrap;
}
h3 {
margin: 0 0 0.5em 0;
font: normal 135%/1 arial,sans-serif;
letter-spacing: -0.03em;
clear: left;
color: #4E463F;
}
h3 a {
text-decoration: none;
background: url(/img/link-line.gif) repeat-x 0 95%;
} /*IE6, IE7*/
h3 a.simple {
background-image: url(/img/tab-line.gif);
}
h4 {
clear: left;
font-size: 100%;
font-weight: bold;
margin-bottom: 0.2em;
color: #999;
}
.first {
margin-top: 0;
}
pre, code {
font-size: 100%;
color: #666;
margin: 0;
}
.error {
background: url(/img/msg-error.png) no-repeat;
padding: 8px 0 20px 50px;
color: #999;
clear: left;
}
.warning, .positive {
background: url(/img/warning.png) 0 100% no-repeat;
padding: 0 0 7px 0;
color: #999;
margin: 10px 0;
clear: left;
}
.warning div, .positive div {
background: url(/img/warning.png) 0 0 no-repeat;
padding: 8px 0 0 50px;
min-height: 35px;
} /*IE6*/
.warning p, .positive p {
margin-bottom: 0;
}
.error h3, .warning h3, .positive h3, .notice h3 {
font-size: 105%;
color: #900;
font-weight: bold;
margin-bottom: 2px;
}
.positive, .notice {
color: #448400;
background-image: url(/img/positive.png);
}
.positive h3, .notice h3 {
color: #448400;
margin-bottom: 0.2em;
}
.notice {
background: url(/img/notice.gif) 0 0 no-repeat;
padding: 8px 0 20px 46px;
clear: left;
}
.positive div {
background-image: url(/img/positive.png);
}
.confirm {
background: url(/img/confirm.png) no-repeat 0 50%;
padding-left: 15px;
color: #390;
}
.confirm:hover {
color: #030;
}
h2 .confirm {
font-size: 50%;
float: right;
}
.instruction {
background: #EAF2FA url(/img/feature-box.gif) 0 0 no-repeat;
margin-bottom: 1em;
color: #6C7D8E;
}
.instruction div {
background: url(/img/feature-box.gif) 100% 100% no-repeat;
padding: 15px 15px 10px 15px;
}
.instruction h3 {
color: #6C7D8E;
}
/***** Template ****/
#container {
text-align: left;
margin: 0 auto;
max-width: 1200px;
position: relative;
}
#wrapper {
background: url(/img/main-back.gif) 0 0 no-repeat;
padding: 8px 0 0 15px;
min-height: 500px;
} /*IE6*/
#contents {
clear: both;
padding: 0 15px 15px 0;
margin-top: 7px;
background: url(/img/main-back.gif) 100% 0 no-repeat;
}
#header {
background: #1B5790;
color: #fff;
float: left;
width: 100%;
margin-bottom: 7px;
position: relative;
}
#header a {
color: #D2DCF3;
font-size: 85%;
font-weight: bold;
}
#header.header-simple {
background: #1B5790 url(/img/menu-single.gif) 0 100% no-repeat;
}
#header.header-simple .side-header {
background: #1B5790 url(/img/menu-single.gif) 100% 100% no-repeat;
}
#header a:hover {
color: #fff;
}
h1 {
font-size: 100%;
margin: 0;
float: left;
}
h1 a {
display: block;
height: 45px;
width: 79px;
text-indent: -2000em;
text-decoration: none;
z-index: 1000; /* need for FX and IE */
background: url(/img/logo.gif) 0 0 no-repeat;
}
h1 a:hover {
cursor: pointer; /* IE7 */
background-position: 0 -100px;
}
label.inside {
position: absolute;
visibility: hidden;
}
.side-header {
padding: 12px 175px 0 10px;
float: right;
margin: 0;
position: relative;
min-height: 33px;
} /*IE6*/
.side-header a {
padding: 0 10px;
line-height: 1.8;
border-right: 1px solid #3672AB;
}
#login-form {
padding: 5px 10px;
clear: both;
text-align: right;
background: #2E69A1;
}
#header #search {
position: absolute;
top: 13px;
right: 8px;
padding-right: 10px;
}
#top-submit {
position: absolute;
right: 0;
top: 0;
}
#header label {
color: #B6C6D6;
}
#top-keywords {
margin-left: 3px;
color: #5f6e7c;
width: 140px;
border: 0;
padding: 2px;
background: #fff;
height: 14px;
}
#top-keywords:focus {
color: #000;
}
#section-news, #section-videos, #section-podcasts, #section-profile {
font-size: 115%;
font-weight: bold;
float: left;
display: block;
margin: 9px 0 0 0;
width: 74px;
height: 28px;
text-decoration: none;
text-indent: -2000em;
background: url(/img/menu-news.gif) 0 -100px no-repeat;
position: relative;
}
#section-videos {
background-image: url(/img/menu-video.gif);
width: 88px;
}
#section-podcasts {
background-image: url(/img/menu-podcast.gif);
width: 108px;
}
#section-profile {
background-image: url(/img/menu-profile.gif);
width: 110px;
}
#section-profile img {
position: absolute;
top: 6px;
left: 16px;
}
#section-news:hover, #section-videos:hover, #section-podcasts:hover, #section-profile:hover {
background-position: 0 -200px;
}
#section-news.current, #section-videos.current, #section-podcasts.current, #section-profile.current {
background-position: 0 0 !important; /*imp for ie6*/
margin-right: 10px;
margin-left: 10px;
}
#header input, #header label {
vertical-align: middle;
font-size: 85%;
line-height: 1.25em;
padding-left: 2px;
}
#header #search-all, #header #search-specific {
position: relative;
top: -1px;
}
#header ul, #header li {
margin: 0;
padding: 0;
list-style: none;
}
#header ul {
float: left;
width: 100%;
clear: both;
}
#header-primary {
background: #CCDEAF;
float: left;
width: 100%;
}
#header-primary a.current {
background: url(/img/menu-primary-current.gif) 50% 100% no-repeat;
color: #000;
}
#header-secondary {
background: #A5CC7A url(/img/menu-secondary.gif) 100% 100% no-repeat;
float: left;
width: 100%;
}
#header-secondary a.current, #header-primary.menu-single a.current {
background: url(/img/menu-secondary-current.gif) 50% 100% no-repeat;
color: #000;
font-weight: bold;
}
#header-secondary ul {
background: url(/img/menu-secondary.gif) 0 100% no-repeat;
width: 100%;
}
#header-primary.menu-single {
background: #CCDEAF url(/img/menu-primary.gif) 100% 100% no-repeat;
}
#header-primary.menu-single ul {
background: url(/img/menu-primary.gif) 0 100% no-repeat;
}
#header-primary a:hover, #header-secondary a:hover {
color: #000;
text-decoration: underline;
}
#header li {
display: inline;
}
#header li a, .submit {
text-decoration: none;
color: #325B0A;
padding: 5px 6px;
position: relative;
left: 5px;
word-spacing: -0.17em;
float: left;
display: block;
white-space: nowrap;
}
#header-secondary li a {
border: none;
font-weight: normal;
word-spacing: 0em;
}
#header li a.customize {
color: #fff;
}
#header-primary li a.submit {
float: right;
left: 0;
display: block;
padding: 5px 23px 5px 15px;
margin-right: 9px;
background: url(/img/submit-new.gif) 100% 50% no-repeat;
word-spacing: 0;
text-align: right;
}
#header-primary li.extra a {
padding-left: 20px;
padding-right: 2px;
background: url(/img/menu-divider.gif) 7px 50% no-repeat;
}
#announce {
background: url(/img/announce.gif) 0 0 no-repeat;
padding-left: 15px;
clear: both;
margin-top: 5px;
}
#announce div {
padding: 7px 15px 2px 0;
font-size: 105%;
height: 25px;
color: #8E8982;
background: url(/img/announce.gif) 100% 0 no-repeat;
line-height: 1;
}
#announce a {
color: #8E8982;
}
#announce a:hover {
color: #000;
}
#announce .close {
vertical-align: middle;
padding-left: 0.7em;
}
#announce-invite {
background: url(/img/announce-invite.gif) 100% 0 no-repeat;
padding-right: 30px;
position: relative;
top: 3px;
clear: both;
}
#announce-invite div {
font-size: 85%;
padding: 5px 0 0 32px;
height: 20px;
background: url(/img/announce-invite.gif) 0 0 no-repeat;
}
#announce-invite, #announce-invite a {
color: #79786c;
}
#announce-invite strong a {
text-decoration: underline;
}
#announce-invite a:hover {
color: #000;
}
/***** Footer *****/
#footer {
clear: both;
margin-top: 55px;
background: url(/img/footer.gif) 100% 0 no-repeat;
padding-right: 15px;
position: relative;
min-height: 160px;
text-align: left;
} /*IE6*/
.footer-contents {
float: left;
background: url(/img/footer.gif) 0 0 no-repeat;
padding-top: 2px;
padding-left: 10px;
}
.footer-contents2 {
background: #eee;
color: #8696A4;
}
#footer dl {
float: left;
margin: 0;
padding: 10px 0 5px 0;
width: 15.5%;
background: url(/img/footer-divider.gif) 100% 0 no-repeat;
min-height: 95px;
}
#footer dl.last {
background: none;
width: 11%;
} /*IE7*/
#footer dd {
margin: 0;
padding: 3px 10px;
font-size: 85%;
}
#footer dd a {
text-transform: uppercase;
font: 85% tahoma, sans-serif;
text-decoration: none;
background: url(/img/link-line.gif) repeat-x 0 100%;
padding-bottom: 1px;
}
#footer dd a span {
text-transform: none;
}
#footer dt {
font-size: 105%;
font-weight: bold;
letter-spacing: -0.02em;
padding: 0 10px;
}
#footer .footer-feature {
position: absolute;
right: -12px;
top: -10px;
}
.copyright img {
float: left;
margin-right: 1.5em;
}
.copyright {
font-size: 85%;
color: #999;
clear: both;
background: #fff;
padding: 1em 0 40px 15px;
}
.copyright a {
color: #999;
}
/***** News Articles *****/
.news-summary, .news-full, .news-full-confirm {
padding: 0.7em 0 2em 0;
position: relative;
clear: left;
min-height: 50px;
}
.news-body {
padding-left: 60px;
}
.news-body strong {
font-size: 90%;
color: #666;
}
.news-digg {
position: absolute;
top: 0.8em;
left: 0;
text-align: center;
font-size: 85%;
margin: 0;
padding: 0;
list-style: none;
background: url(/img/shade-news.gif) no-repeat;
}
.news-digg li {
margin: 0;
padding: 0;
}
.digg-count a , .digg-count span, .digg-count-s a, .digg-count-s span {
display: block;
padding: 10px 0 4px 0;
text-decoration: none;
width: 50px;
min-height: 40px;
color: #93883F;
text-align: center;
}
.news-summary .digg-count strong, .news-full .digg-count strong, .news-summary .digg-count-s strong, .news-full .digg-count-s strong {
font-size: 160%;
font-weight: normal;
letter-spacing: -1px;
line-height: 1;
display: block;
color: #736926;
}
.news-summary .digg-count-s strong, .news-full .digg-count-s strong {
font-size: 160%;
}
.digg-count img, .digg-count-s img {
position: absolute;
top: 0;
left: 0;
border: none;
}
.digg-count a:hover, .digg-count-s a:hover, .digg-count a:hover strong, .digg-count-s a:hover strong {
color: #998D43;
}
li.digg-it, li.undigg-it, li.dugg-it, li.buried-it {
margin-top: 1px;
padding: 0 0 5px 0;
background: url(/img/digg-box-2.gif) 0 100%;
float: left;
} /*IE6*/
.digg-it a, .digg-it span, .undigg-it a, .undigg-it span, .dugg-it a, .dugg-it span, .buried-it a, .buried-it span {
font-weight: bold;
display: block;
margin-bottom: -5px;
padding: 4px 1px 5px 1px;
background: url(/img/digg-box-2.gif) 0 0;
width: 49px;
text-decoration: none;
text-align: center;
}
li.digg-it:hover {
background-position: -300px 100%;
}
li.digg-it:hover a {
background-position: -300px 0;
}
.digg-it span, .dugg-it span, .buried-it span {
color: #999;
}
.news-body h3 {
margin: 2px 0 0 0;
font-size: 130%;
letter-spacing: -0.02em;
font-weight: bold;
line-height: 1.1;
}
.news-body p {
margin: 0.2em 0 0.1em 0;
line-height: 1.3;
}
.news-submitted {
padding: 0 0 0 1em;
color: #999;
font-size: 85%;
margin: -2px 0 0 0;
}
.news-submitted a:link, .news-submitted a:visited {
color: #999;
}
.news-submitted a:hover {
color: #333;
}
.d {
color: #a12a2a;
font-weight: bold;
white-space: nowrap;
}
.news-submitted img {
border: 1px solid #ccc;
vertical-align: middle;
}
.news-buried, .news-buried a, .news-buried .digg-count a:hover strong, .news-buried .news-submitted, .news-buried .news-submitted a {
color: #bbb !important;
}
.news-buried .news-submitted img {
opacity: 0.5;
}
.news-buried .news-details .comments {
background-position: 0 -198px !important;
}
.news-buried .probdrop, .news-buried .digg-count img, .news-buried .digg-count-s img {
display: none;
}
.news-buried .news-digg {
background: url(/img/shade-news-buried.gif) no-repeat;
color: #bbb !important;
}
.news-buried strong, .news-buried span.d {
color: #bbb !important;
}
.news-buried h3 a {
background: none;
text-decoration: underline;
}
a.news-label {
background: none;
}
.news-label img {
vertical-align: middle;
}
.inline-warning {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 200000;
background: url(/img/matte.png);
} /*IE6*/
.inline-warning div {
margin: 20px 0 0 20px;
float: left;
position: relative;
padding-bottom: 10px;
background: #FAF9F7 url(/img/inline-warning.gif) 0 0 repeat-x;
border: 1px solid #A09D97;
}
.inline-warning p {
margin: 0;
font-size: 105%;
color: #666154;
line-height: 1;
padding: 10px 60px 0 10px;
}
.inline-warning .close {
position: absolute;
right: 10px;
top: 6px;
}
.thumb {
float: right;
}
.thumb img {
padding: 3px;
border: 1px solid #b7cce0;
margin: 0 0 1em 2em;
}
.thumb span {
display: none;
}
/***** Compact News Articles *****/
.main {
margin-right: 300px;
}
.sidebar {
float: right;
width: 280px;
clear: left;
margin: 0 0 2em 3%;
}
.side-container {
clear: both;
background: url(/img/side-container.gif) no-repeat;
padding: 10px 0 2em 10px;
font-size: 100%;
}
.side-container p {
margin: 0.3em 0 0 0;
}
.labs-img {
margin: -20px -20px 0 0;
float: right;
} /*IE6*/
.friends {
border-top: 1px solid #eee;
min-height: 3em;
}
.friends a {
text-decoration: none;
display: block;
float: left;
width: 130px;
padding: 3px 0 3px 5px;
border-bottom: 1px solid #eee;
}
.side-container .button-add {
float: right;
font-size: 85%;
}
.friends a:hover {
background: #eee;
}
.friends em {
font-size: 105%;
font-weight: bold;
font-style: normal;
position: relative;
bottom: 1px;
display: block;
min-width: 1.1em;
margin-right: 6px;
float: left;
text-align: right;
}
.join {
min-height: 2em;
}
.join a {
padding: 2px 14px;
float: left;
display: block;
border: 1px solid #d3dfed;
margin: 2px 3px 0 0;
font-size: 90%;
text-decoration: none;
}
.join a.learn {
text-decoration: underline !important;
border: none;
}
.side-container h2 {
margin: 0 0 0.5em 0;
font-size: 125%;
color: #8DAB3B;
font-weight: bold;
line-height: 1;
}
.side-container .news-digg {
top: 0;
background: none;
}
.side-container .digg-count, .side-container .digg-count-s {
font-size: 80%;
letter-spacing: -0.07em;
line-height: 2;
margin-top: 0;
}
.side-container .digg-count a, .side-container .digg-count-s a {
width: 36px;
height: 24px;
padding: 10px 0 0 0;
background: url(/img/shade-compact.gif) no-repeat;
}
.p-archive .digg-count strong {
font-weight: bold;
}
.side-container img.p-thumb, .p-archive img.p-thumb {
position: absolute;
left: 0;
top: 0;
padding: 1px;
border: 1px solid #ccc;
} /*IE6*/
.side-container .news-summary .digg-count strong, .side-container .news-summary .digg-count-s strong {
font-weight: bold;
color: #93883F;
}
.side-container .news-summary, .p-archive .news-summary {
padding-left: 44px;
padding-bottom: 5px !important;
padding-top: 0;
min-height: 37px;
float: left;
clear: left;
} /*IE6, IE7*/
.side-container h3, .p-archive h3 {
line-height: 1.1em;
margin: 0;
padding-top: 2px;
font-size: 100%;
letter-spacing: 0em;
}
.side-container h3 a, .p-archive h3 a {
padding-top: 0;
font-weight: normal;
letter-spacing: 0em;
text-decoration: underline;
background: none;
}
/***** tabbed navigation *****/
#sub-nav, .extra-nav {
background: url(/img/tab-line.gif) bottom repeat-x;
float: left;
width: 100%;
} /*IE6*/
#sub-nav {
margin-bottom: 1.5em;
font-size: 125%;
font-weight: bold;
}
#sub-nav br, .boxed br, .extra-nav br, #searchform br {
clear: both;
}
#sub-nav h2, .extra-nav h2, .extra-nav h3 {
background: none;
min-height: 15px;
margin-bottom: 0;
}
.extra-nav h2, .extra-nav h3 {
float: left;
line-height: 1.1;
position: relative;
top: 8px;
font-size: 175%;
}
.extra-nav h3 {
padding-top: 0.3em;
}
#sub-nav ul, .extra-nav ul {
margin: 0.5em 0 0 0;
padding: 0 0 0 1em;
list-style: none;
font-size: 85%;
}
.extra-nav ul {
padding-top: 2px;
}
#sub-nav li, .extra-nav li {
margin: 0 1px 0 0;
padding: 0 5px 0 0;
background: url(/img/tab-back.png) 100% -100px;
float: left;
border-bottom: 1px solid #bbb;
text-align: center;
}
.extra-nav {
padding-right: 5px;
}
.extra-nav li {
float: right;
}
.extra-nav h2 {
float: left;
border: none;
}
#sub-nav li.active, .extra-nav li.active {
border-bottom: 1px solid #fff;
background: url(/img/tab-back.png) 100% 0;
}
#sub-nav li a, #sub-nav li a:visited, #sub-nav li span, .extra-nav li a, .extra-nav li a:visited, .extra-nav li span {
display: block;
float: left;
padding: 5px 11px 5px 16px;
text-align: center;
white-space: nowrap;
background: url(/img/tab-back.png) 0 -100px;
text-decoration: none;
min-height: 17px; /* fixes FX/Mac issue */
color: #666;
}
#sub-nav li.active a, #sub-nav li.active span, .extra-nav li.active a, .extra-nav li.active span {
background: url(/img/tab-back.png) 0 0;
} /*IE6*/
#sub-nav li.sub-comments a, #sub-nav li.sub-comments a:visited, #sub-nav li.sub-comments span, #sub-nav li.sub-comments a, #sub-nav li.sub-comments span {
background-image: url(/img/tab-back-comment.png);
padding-left: 28px;
}
#sub-nav li:hover, .extra-nav li:hover {
background-position: 100% -200px;
}
#sub-nav li:hover a, .extra-nav li:hover a {
background-position: 0 -200px;
}
#sub-nav li.active:hover, .extra-nav li.active:hover {
background-position: 100% 0;
}
#sub-nav li.active:hover a, .extra-nav li.active:hover a {
background-position: 0 0;
text-decoration: underline;
}
.extra-nav li a, .extra-nav li span {
font-size: 125%;
font-weight: bold;
color: #666;
letter-spacing: -0.02em;
}
/* Page Numbers */
.pages {
padding: 1em;
margin: 1em 0;
clear: left;
font-size: 85%;
}
.pages a, .pages span {
display: block;
float: left;
padding: 0.2em 0.5em;
margin-right: 0.1em;
border: 1px solid #fff;
background: #fff;
}
.pages span.current {
border: 1px solid #2E6AB1;
font-weight: bold;
background: #2E6AB1;
color: #fff;
}
.pages a {
border: 1px solid #9AAFE5;
text-decoration: none;
}
.pages a:hover {
border-color: #2E6AB1;
}
.pages a.nextprev {
font-weight: bold;
}
.pages span.nextprev {
color: #666;
}
.pages span.nextprev {
border: 1px solid #ddd;
color: #999;
}
.tooltip {
border: 1px solid #85be35;
padding: 5px;
background-color: #fff;
width: 150px;
font-size: 85%;
color: #777;
opacity: 0.95;
text-align: left;
}
.tooltip h6 {
background: #85be35;
color: #fff;
margin: -5px -5px 4px -5px;
padding: 2px 5px;
font-size: 100%;
font-weight: bold;
}
.tooltip img {
vertical-align: middle;
border: 1px solid #85be35;
margin: 2px 0;
}
/* Not Found */
.not-found {
background: url(/img/exclaim.gif) no-repeat;
padding: 10px 0 200px 80px;
}
/* Toolbar Styles */
.news-details {
position: relative;
padding: 5px 0 0 0;
color: #777;
}
.sub-menu {
position: relative;
clear: both;
min-height: 3em;
} /*IE6*/
.tool {
display: block;
float: left;
background: url(/img/tool-divider.gif) 0 50% no-repeat;
font-size: 85%;
padding: 0 6px;
min-height: 18px;
white-space: nowrap; /*need for IE6*/
}
.tool-button {
cursor: pointer;
}
.sub-menu .tool {
padding: 7px;
}
.sub-menu .tool img {
margin-top: 2px;
}
.sub-menu span.set-home {
float: right;
background: url(/img/set-home.gif) 0 50% no-repeat;
padding-left: 16px;
}
.sub-menu span.set-off {
float: right;
padding-left: 16px;
background-image: url(/img/set-home-off.gif);
color: #999;
}
.sub-menu .tool-sort, .sub-menu form.tool {
background: none;
padding-left: 0;
}
.sub-menu input.form-text, .sub-menu select {
font-size: 100%;
background: #FFFADB url(/img/form-back.gif) repeat-x;
border: 1px solid #CBB945;
color: #776B1B;
}
.sub-menu strong {
color: #E45B00;
margin: 0;
display: block;
float: left;
padding-top: 4px;
margin-top: -7px;
font-size: 125%;
letter-spacing: -0.02em;
line-height: 1.5;
}
.sub-menu ul strong {
color: #105CB6;
margin: 0;
display: inline;
float: none;
background: none;
font-size: 11px;
}
.news-details .comments {
background: url(/img/comments.gif) 0 2px no-repeat;
padding-left: 18px;
}
.news-details .dugg-by {
background: url(/img/friends.gif) 0 2px no-repeat;
padding-left: 18px;
}
.news-details .comments:hover {
padding-left: 18px;
background-position: 0 -98px;
}
.news-details a, .sub-menu a, a.toplinep {
color: #578CCA;
} /*IE6*/
.news-details a:hover, .sub-menu a:hover {
color: #000;
}
/* special upcoming menu */
.upcoming {
background-image: url(/img/upcoming-line.gif);
}
.upcoming li.active span, .upcoming li.active {
background-image: url(/img/tab-back-upcoming.png) !important;
color: #325B0A;
}
.upcoming li.active {
border-color: #F1FBD5;
}
.sub-upcoming {
background: url(/img/upcoming-back.gif) repeat-x;
padding-left: 10px;
}
/* problem dropdown */
.probdrop, .probdrop ul {
padding: 0;
margin: 0;
list-style: none;
font: 11px arial, sans-serif;
}
.probdrop {
float: left;
position: relative;
top: -2px;
background: url(/img/tool-divider.gif) 0 2px no-repeat;
}
.d-item a {
display: block;
width: 8em;
font-size: 11px;
text-decoration: none;
padding: 3px 0.5em 3px 0.5em;
background: #fff;
border-bottom: 1px solid #DDEAF6;
}
.d-item a:hover {
background-color: #D8E6F3;
}
a.toplinep {
background: url(/img/down-arrow.png) 100% 50% no-repeat;
white-space: nowrap;
display: block;
width: 3.3em;
border: 1px solid #DDEAF6;
text-decoration: none;
height: 15px;
margin: 0 0 0 5px;
font-size: 11px;
padding: 2px 10px 2px 5px;
height: 14px;
}
.probdrop li {
margin-bottom: 0;
}
.probdrop li ul {
position: absolute;
padding: 0;
margin: -1px 0 0 5px;
border: 1px solid #DDEAF6;
border-bottom: 0;
}
.probdrop li:hover ul, .probdrop li.probhover ul {
display: block;
left: 0;
top: 20px;
}
/******* Help Box ********/
.help {
background: #ECF2F8 url(/img/help.gif) 100% 100% no-repeat;
clear: left;
margin-bottom: 10px;
}
.help div {
background: url(/img/help.gif) 0 0 no-repeat;
padding: 10px 10px 10px 50px;
min-height: 35px;
} /*IE6*/
.help div p {
line-height: 1.5;
}
.help h3 {
font-size: 135%;
color: #58636E;
font-weight: normal;
margin-bottom: 2px;
padding-top: 5px;
}
/* 3 side-by-side ads */
#top_ad {
position: relative;
min-height: 90px;
clear: both;
z-index: 9999;
} /*IE6*/
.banner_ad_unit a.ad_block {
display: block;
float: left;
padding: 5px 2% 10px 2%;
width: 26%;
text-decoration: none;
color: #666;
line-height: 1.3;
text-align: left;
}
.banner_ad_unit .ad_special a.ad_block {
text-align: center;
width: 94%;
}
.banner_ad_unit strong {
font-size: 105%;
text-decoration: underline;
color: #105CB6;
display: block;
}
.banner_ad_unit .ad_special strong {
font-size: 195%;
font-weight: bold;
text-align: center;
}
.banner_ad_unit em {
font-style: normal;
text-decoration: underline;
display: block;
color: #999;
padding-top: 2px;
}
.banner_ad_unit a.ad_origin {
position: absolute;
top: 0;
right: 19px;
display: block;
padding: 0 5px;
font-size: 80%;
color: #999;
}
.banner_ad_unit .ad_special a.ad_origin {
right: 100px;
}
.banner_ad_unit a:hover strong {
color: #003;
}
.banner_ad_unit a.ad_origin:hover, .banner_ad_unit a:hover em {
color: #333;
}
/* tower ads */
.tower_ad_unit, .comments_ad_image, .rectangle_ad_unit, .vertical_ad_unit {
float: right;
position: relative;
padding: 4px 2px 10px 2px;
border: 1px solid #ddd;
width: 177px;
}
.comments_ad_image {
padding: 3px;
width: 180px;
text-align: center;
border: none;
}
.comments_ad_image .tower_ad_unit, .comments_ad_image .rectangle_ad_unit, .comments_ad_image .vertical_ad_unit {
border: 1px solid #ddd;
text-align: left;
}
.tower_ad_unit a.ad_block, .tower_ad_unit a.ad_special, .rectangle_ad_unit a.ad_block, .rectangle_ad_unit a.ad_special, .vertical_ad_unit a.ad_block, .vertical_ad_unit a.ad_special {
display: block;
padding: 5px 7px;
width: 149px;
min-height: 5em; /* need for FX */
text-decoration: none;
color: #333;
margin: 0 2px 8px 2px;
line-height: 1.3;
font-size: 85%;
overflow: hidden;
}
.rectangle_ad_unit {
width: 295px;
clear: both;
min-height: 238px;
margin: 0 0 1em 0;
}
.rectangle_ad_unit a.ad_block {
width: 280px;
margin-bottom: 0;
}
.vertical_ad_unit {
width: 240px;
margin: 2em 15px 0 0;
}
.vertical_ad_unit a.ad_block {
width: 220px;
}
.tower_ad_unit strong, .rectangle_ad_unit strong, .vertical_ad_unit strong {
text-decoration: underline;
color: #105CB6;
display: block;
padding-bottom: 3px;
font-size: 115%;
}
.tower_ad_unit em, .rectangle_ad_unit em, .vertical_ad_unit em {
font-style: normal;
text-decoration: underline;
display: block;
color: #999;
padding-top: 2px;
}
.tower_ad_unit a.ad_origin, .rectangle_ad_unit a.ad_origin, .vertical_ad_unit a.ad_origin {
position: absolute;
bottom: -10px;
right: 12px;
display: block;
padding: 0 5px;
font-size: 85%;
color: #999;
background: #fff;
}
.tower_ad_unit a:hover strong, .rectangle_ad_unit a:hover strong, .vertical_ad_unit a:hover strong {
color: #003;
}
.tower_ad_unit a.ad_origin:hover, .tower_ad_unit a:hover em, .rectangle_ad_unit a.ad_origin:hover, .rectangle_ad_unit a:hover em, .vertical_ad_unit a.ad_origin:hover, .vertical_ad_unit a:hover em {
color: #333;
}
/* FM ads */
.top_ad_image {
padding: 0;
position: relative;
clear: both;
text-align: center;
}