/* ###################
MAIN HTML ELEMENTS
################### */
* {margin:0;padding:0;}
html{height:100%}
body {margin:0px;padding:0px;
background: #FFF url(null) fixed no-repeat;
font-family:Arial,Helvetica,sans-serif;
font-size: 10px;
margin-left:auto;
margin-right:auto;
width: 1000px;
color: #000;}
/* ---- DEFAULT DIVS **/
div{font-size:12px;color:#000;}
/* ---- DEFAULT LINKS **/
a{color: #000000;text-decoration:none;text-transform:none;}
a:hover{text-decoration:underline;}
/* ---- DEFAULT UNORDERED LIST **/
ul {float:left;height:100%;margin:0;padding:0;width:auto;line-height: 1.1em;color:#336699;}
li {padding:0;margin:0;}
ul li a{color:#336699;text-transform:none;}
h1{font-size:18px;color:#336699;}
h1 a {font-size:18px;color:#336699;text-transform:none;}
img {border:0;}
form {margin:0;padding:0;}
form * {z-index: -500;}
select{font-size:10px;width:auto;}
/* ###################
SITE LEVEL
################### */
/* ---- DEFAULT DIV BEHAVIOR SET AT HIGHEST LEVEL DIV */
#webSite {padding:0;margin:0;float:left;display:inline;}
#webSite div{height:100%;float:left;width:100%;}
/* ---- PAGE LEVEL DIV */
#webSite #divHome,
#webSite #divArti,
#webSite #divSect,
#webSite #divWrap
{position:relative;}
/* ---- MAIN BODY LEFT */
#webSite #bdyLeft{width:684px;padding-right:8px;}
/* ---- MAIN BODY RIGHT */
#webSite #bdyRight{float:right;width:300px;border-left: solid 1px #ACC1D6;padding-left:2px;}
/* ---- SECTION FRONT, ARTICLE TWO COLUMN LAYOUT */
#divSect #bdCol1,
#divArti #bdCol1 {width:430px;border-right: solid 1px #ACC1D6;padding-right:7px;}
#divSect #bdCol2,
#divArti #bdCol2 {width:239px;padding-left:7px;}
#webSite #bdyRight,
#divSect #bdCol2,
#divArti #bdCol2 {margin:4px 0 0 0;}
/* ###################
GENERAL CLASSES
################### */
h1#webSiteHid {display:none;}
#sCode,#srchRandJs,#widgetIden {position:absolute;left:0px;top:0px;z-index:-100;}
.bdyTitle{color:#336799;
text-transform:uppercase;
letter-spacing:1px;
font-weight:bolder;
font-size:1.2em;
margin: 4px 0 4px 0;}
.titleLower{text-transform:none;}
.bdySubTitle{font-weight:bolder;}
.brkTitle{color:#336799;letter-spacing:1px;font-weight:bolder;font-size:1.2em;}
.justIn {color:#EE1B24;}
.thinTopBorder {border-top: solid 1px #ACC1D6;}
.thinBotBorder {border-bottom: solid 1px #ACC1D6;}
.thikTopBorder {border-top: solid 5px #336699;}
.thikBotBorder {border-bottom: solid 5px #336699;}
/* ---- BREAD CRUMBS */
div.bread {color:#336699;margin:2px 0;}
div.bread a {color:#336699;text-transform:none;}
/* ---- DEFAULT NEWSLIST */
div.singleBox {display:block;width:auto;}
div.singleBox ul {float:left;color:#336699;margin:0;padding:0;list-style-type:disc;list-style:disc inside;padding-bottom:3px;}
div.singleBox li {margin:0;padding:4px 4px;}
div.singleBox li a {color:#336699;text-transform:none;}
/* ###################
HEADER
################### */
#webSite #header {border-top: solid 3px #ACC1D6;margin:0;padding:0;}
#webSite #header .home img#homeLogo,
#webSite #header .main img#mainLogo {float:left;}
#webSite #header .main img#sosLogo {float:left;}
#webSite #header .top {height:auto;margin:0 0 4px 0;}
#webSite #header .top .date {width:auto;color: #336799;padding: 0 0 0 5px;}
#webSite #header .top .links {float:right;width:auto;color:#336799;}
#webSite #header .top .links a {color:#336799;margin:0 4px;text-transform:uppercase;}
/* ---- LOGO(S) */
#webSite #header .home img#homeLogo {width:258px;height:46px;margin:0 250px 0 0;}
#webSite #header .main img#mainLogo{width:258px;height:46px;margin:0 410px 0 0;}
#webSite #header .main img#sosLogo{width:550px;margin:0 115px 0 0;}
/* ---- WEATHER(S) */
#webSite #header .home,
#webSite #header .main {padding-bottom:5px;}
#webSite #header .home .weather,
#webSite #header .main .weather {width:175px;border-left: solid 1px #ACC1D6;height:65px;border-right: solid 1px #ACC1D6;}
#webSite #header .home .weather {float:left;}
#webSite #header .main .weather {float:right;}
#webSite #header .weather img.wImg{width:70px;height:45px;}
#webSite #header .weather .left {width:45%;text-align:center;}
#webSite #header .weather .right {width:55%;}
#webSite #header .weather .right div {height:auto;}
#webSite #header .weather .right div a {color: #336799;text-transform:uppercase;}
/* ---- LOGIN INFO */
#webSite #header .register {width:148px;background:#ECF1F5;color:#000;height:65px;border-right: solid 1px #ACC1D6;margin:0 5px 0 0;}
#webSite #header .register ul {list-style:none;line-height:1.3em;padding:0 0 0 5px;margin:0px;}
#webSite #header .register ul li a {color:#000;text-transform:uppercase;font-size:.8em;}
#webSite #header img.homeAd {float:right;width:160px;height:65px;display:block;}
/* ---- LOGIN INFO2 */
#webSite #header .register2 {width:148px;color:#000;height:65px;border-right: solid 1px #ACC1D6;margin:0 5px 0 0;}
#webSite #header .register2 ul {list-style:none;line-height:1.3em;padding:0 0 0 5px;margin:0px;}
#webSite #header .register2 ul li a {color:#000;text-transform:uppercase;font-size:.8em;}
#webSite #header img.homeAd {float:right;width:160px;height:65px;display:block;}
/* ---- NAVIGATION */
#webSite #topNav {height:26px;}
#webSite #topNav .navBox ul {padding:0px;margin:0px;list-style-type:none;z-index:10000;}
#webSite #topNav .navBox ul li {float:left;position:relative;z-index:10000;}
#webSite #topNav .navBox ul li a {outline:none;}
#webSite #topNav .navBox li ul {display:none;position:absolute;background:#c2d1e1;width:150px;top:2.15em;left:0;height:auto;}
#webSite #topNav .navBox #navInteraction ul {display:none;position:absolute;background:#c2d1e1;width:150px;top:2.15em;left:-5.02em;height:auto;}
#webSite #topNav .navBox #nav li ul li {border-bottom:1px solid #336699;border-right:1px solid #336699;border-left: 1px solid #336699;}
#webSite #topNav .navBox #nav .topNavFirst {border-top:1px solid #336699;}
#webSite #topNav .navBox #nav li:hover ul, li.over ul{display:block !important;} /* IE fix */
#webSite #topNav .navBox #nav li ul li a {font:11px arial;font-weight:bold;color:#336699;display:block;width:140px;padding:4px;text-decoration:none;}
#webSite #topNav .navBox #nav li ul li a:hover {background:#94AEC9;color:#FFFFFF;}
/* ---- DROPDOWN HACK FOR IE */
#webSite .menuLeftOffender {visibility:expression(leftOffender);}
#webSite .menuMidOffender {visibility:expression(midOffender);}
#webSite .menuRghtOffender {visibility:expression(rghtOffender);}
/* ###################
BODY
################### */
/* ---- TOP STORY */
#webSite .topStory {width:430px;padding:0 0 5px 0;}
#webSite .topStory .image {width:194px;background:#fff;margin:4px 4px 0 0;}
#webSite .topStory .image img.mainImage {display:block;margin-right:auto;margin-left:auto;}
#webSite .topStory .image div {width:194px;background:#A1B9D1;height:13px;}
#webSite .topStory .image div img.enlargePhoto {float:left;display:block;padding:0;margin:0;height:13px;}
#webSite .topStory .image div .back {width:auto;float:right;font-size:9px;padding:0px 5px 0 5px;display:block;}
#webSite .topStory p a {color:#336699;text-transform:none;height:13px;padding:0 3px;}
/* ---- TOP STORY */
#webSite .bbtop {width:330px;padding:0 0 5px 0;}
#webSite .bbtop .image {width:100px;background:#fff;margin:4px 4px 0 0;}
#webSite .bbtop .image img.mainImage {display:block;margin-right:auto;margin-left:auto;}
#webSite .bbtop .image div {width:100px;background:#A1B9D1;height:13px;}
#webSite .bbtop .image div img.enlargePhoto {float:left;display:block;padding:0;margin:0;height:13px;}
#webSite .bbtop .image div .back {width:auto;float:right;font-size:9px;padding:0px 5px 0 5px;display:block;}
#webSite .bbtop p a {color:#336699;text-transform:none;height:13px;padding:0 3px;}
/* ---- NEWSLIST WITH IMAGE */
#webSite .imgLst {padding-bottom:5px;}
#webSite .imgLst img.smlImg {float:left;padding:0 5px 5px 0;width:50px;}
#webSite .imgLst a {color:#336699;}
/* ---- NEWSLIST WITH IMAGE NEW VERSION*/
/* title, summ, pic objectclass=6 */
.newslistPic {width:100%;float:left; padding-right: 0px !important;}
.newslistPic ul {width:100% !important; margin:0;padding:0 !important; float: left;}
.newslistPic li {float:left; width:100% !important; background: none !important; border-bottom: 1px solid #ccc; margin: 0px; padding: 5px 0 !important;}
.newslistPicLeft a {font-size:1.1em; font-weight: bold; color: #000000;}
.newslistPic .newslistPicLeft {float:left; margin-left: 0px;}
.newslistPic .newslistPicLeft p {margin:6px 5px 0 0; float: left;display: inline; clear: left; width: 98%}
.newslistPic .newslistPicRight {padding:8px 0;background:#ffffff;float:right;text-align:center;}
.newslistPic .newslistPicRight img {padding-top:3px;}
/* ---- STATIC LINK LIST */
#webSite .staticLinkList .staticLink {padding: 0 0 10px 0;}
#webSite .staticLinkList .staticLink img {float:left;margin-right:4px;display:block;}
#webSite .staticLinkList .staticLink .linkText {font-size:11px;width:68%;}
#webSite .staticLinkList .staticLink .linkText a {float:left;display:block;color:#336699;text-transform:none;}
#webSite .staticLinkList .staticLink .linkText a.listLink {color:#000;text-transform:none;}
#webSite #divSect #bdCol2 .staticLinkList .staticLink .linkText{width:78%;}
/* MARKETWATCH */
#marketwatchWidget {
width:239px;
}
#marketwatchWidget table {
width:238px !important;
}
.marketDiv {
padding-bottom:15px;
}
.mwChartHNewsHeader {
display:none;
}
#leftCol table tr td {
}
.mwChartHTbl:first-child {
background:#000 !important;
}
#biz_marketwatch .mwChartHTbl {
width:100% !important;
}
/* ----- BLOG BOX */
#webSite .blogs .blog .blogBox {
height: 149px;
margin-bottom: 8px;
border-top: solid 1px #A1B9D0;
border-left: solid 1px #A1B9D0;
border-bottom: solid 1px #A1B9D0;
border-right: solid 1px #A1B9D0;}
#webSite .blogs2 .blog2 .blogBox2 {
height: 200px;
margin-bottom: 8px;
border-top: solid 1px #A1B9D0;
border-left: solid 1px #A1B9D0;
border-bottom: solid 1px #A1B9D0;
border-right: solid 1px #A1B9D0;
overflow:hidden;}
/* ----- SPECIAL REPORT */
#webSite .spcReports .spcReport .spcBox {
height: 100px;
margin-bottom: 8px;
border-top: solid 1px #A1B9D0;
border-left: solid 1px #A1B9D0;
border-bottom: solid 1px #A1B9D0;
border-right: solid 1px #A1B9D0;}
#webSite .spcReports .spcBox a {display:block;width:auto;height:auto;text-transform:none;}
#webSite .spcReports .spcBox a.spcTitlA {padding:10px 0 0 100px;}
#webSite .spcReports .spcBox a.spcTextA {padding:7px 0 0 103px;}
#webSite .spcReports .spcBox a.spcTitlB {padding:10px 0 0 10px;}
#webSite .spcReports .spcBox a.spcTextB {width:50%;padding:7px 0 0 10px;}
#webSite .spcReports .spcBox a.spcTitlB,
#webSite .spcReports .spcBox a.spcTitlA {margin: 4px 0 4px 0;color:#336799;letter-spacing:1px;font-weight:bolder;font-size:1.2em;}
/* ---- RIGHT COLUMN */
#webSite #bdyRight .hotClassifieds,
#webSite #bdyRight .searchHV {display:block;text-transform:none;}
#webSite #bdyRight .topCars,
#webSite #bdyRight .googleAd,
#webSite #bdyRight .middleAd,
#webSite #bdyRight .subscribe {width:inherit;}
#webSite #bdyRight .topCars {margin:8px 0;}
#webSite #bdyRight .subscribe,
#webSite #bdyRight .searchHV,
#webSite #bdyRight .middleAd {margin:0 0 8px 0;}
#webSite #bdyRight .subscribe a {display:block;text-transform:none;}
#webSite #bdyRight .subscribe a.subTitle{margin:0 0 4px 0;color:#336799;letter-spacing:1px;font-weight:bolder;font-size:1.2em;}
#webSite #bdyRight .middleAd{border-bottom: solid 1px #ACC1D6;}
#webSite .justInIcon {vertical-align:2px;}
.featBlog {
border: 1px solid #ccc;
padding: 5px;
margin: 0px 0px 10px 0px;
float: left;
width:380px;
color: #333333;
font-size:1em;
}
.featBlog a:hover{cursor:pointer !important; text-decoration:none;}
.featBlog a img {
margin-right:5px;
border: 1px solid #ccc;
display: inline;
}
.featBlog .blogTitle {
float: left; display: inline;
font-size: 1.4em;
width: 310px;
font-weight: bold;
line-height: 1.1em;
color: #1D4F81;
text-transform: uppercase;
}
.featBlog .blogAuthor {
font-style:italic;
font-size: 1em;
float:left;
width: 310px;
margin-bottom:5px;
}
.featBlog .blogSummary {
font-size: 1em;
float:left;
width: 310px;
margin-bottom:5px;
}
/* ###################
FOOTER
################### */
#webSite #ftrMain {padding:10px 0 0 0;text-align: center;}
#webSite #ftrMain .links{font-weight:bold;border-top: solid 1px #ACC1D6;
border-bottom: solid 1px #ACC1D6;color: #666666;
margin-top:8px;margin-bottom:8px;width:1000px;}
#webSite #ftrMain .links a {font-weight:bold;text-transform:uppercase;}
#webSite #ftrMain .linksNex a {float:left;display:block;color:#336699;text-transform:none;}
#webSite #ftrMain .copyright{width: 100%;
text-align: center;
font-size:10px;}
/* ###################
NEXT TAG
################### */
.nextTag a {color:#336699;font-size:11px;}
/* ###################
TOP CARS
################### */
/* BEGIN container height fix for floats in Mozilla */
#topcars div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* END container height fix for floats in Mozilla */
#TopCars {width: 300px;background-color:#34689A;font-family:Geneva,Arial,Helvetica,sans-serif; font-weight:normal; color:#fff; text-align:left;}
#TopCars #topcars {height: 275px;}
/*#topcars .car1 {height:1%;} */
#topcars .car1 .photo {width:140px !important;float: right !important;border:0px; margin:0px; text-align:center;
background-color: #34689A; margin-left: auto; margin-right: auto; padding: 2px; position: relative;}
#topcars .car1 .photo img { background-color:#34689A; width:140px; margin-bottom: 2px;}
#topcars .car1, #topcars .car2{background-color:#34689A;padding:0px; margin:0px;border:0px;width:300px;}
#topcars .car1, #topcars .car2, #topcars .title, #topcars .title h3 { background-color: #34689A; color:#fff; text-transform:uppercase; font-weight:bold;}
#topcars .title, #topcars .title h3 { font-size:12px; text-indent: 8px; margin:0px;padding:0px; border-bottom: 0px solid #fff;border-top: 0px solid #fff;}
#topcars .title h3{padding:5px 0px 5px 0px;height:auto;}
#topcars .car1, #topcars .car2, #topcars .title {position: relative;height:auto;}
#topcars .car1 ul{float:left;}
#topcars ul, #topcars ul li, {height:auto;}
#topcars ul {background-color:#34689A;padding:0px;margin:0px;color:#FFFFFF;font-size:11px;list-style-type: none;border:0px;}
#topcars .car1 ul li a, #topcars .car2 ul li a {color:#FFFFFF; text-decoration: none;font-size:11px;font-weight:bold;}
#topcars .car2 ul li a{ display:block;padding-bottom:3px;}
#topcars .car1 ul li a:hover, #topcars .car2 ul li a:hover {color:#000;text-decoration:none;}
#topcars .car1 ul {width:120px !important; padding:1px 0px 0px 0px; margin:0px; float: left;}
#topcars .car1 li {width:120px !important; border:0;padding:4px 0px 4px 8px;margin:0px;}
#topcars .car2 ul {width:300px !important; padding:1px 0px 0px 0px;margin:0px;}
#topcars .car2 li {width:300px !important; border:0;padding:4px 8px 4px 8px;margin:0px;border-top: 1px solid #fff;display: block;border-style: solid;}
#topcars .links {float:left;display:block;visibility:visible;z-index:99;}
#topcars .car1 .links .quote, #topcars .car1 .inputButton {margin-left: 8px; margin-top: 12px; position:relative;top: -10px;color:#fff;visibility:hidden;z-index:99;}
#topcars .car1 .links .quote a {color: #fff; font-size:11px;}
#topcars .car1 .links .quote a:hover {color:#000; text-decoration: none;}
#topcars .car1 .video {margin-top:5px; margin-bottom:5px; position:absolute; top:0px; right:5px;}
#topcars .car1 .video a {color:#000; font-weight:bold; font-size:11px; text-decoration:underline; }
#topcars .car1 .video a:hover {color:#000;}
/*
The following class is to prevent any float-escaping within
the car1 and car2 divs in IE 6/7
*/
/* Hides from IE-mac \*/
* html .car1, * html .car2 {height: 1%;}
/* End hide from IE-mac */
/***************************************************
* Premium Content Framework *
***************************************************/
/* login bar */
#loginBar {
background: transparent url('http://static.djlmgdigital.com/thr/recordonline/graphics/loginBarBg.png') left top repeat-x;
height: 65px; width: 100%;
padding: 0; margin: 0;
font-weight: 600;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
/*overflow: hidden; */
}
#loginBar a {color: #333;}
#loginBar a:hover {color: #333;}
#loginBar #loginBarCenter a {color: #900;}
#loginBar #loginBarCenter a:hover {color: #900;}
#loginBarLeft, #loginBarCenter, #loginBarRight {
position: absolute;
top: 0px;
height: 30px;
/*overflow: hidden; */
}
#loginBarLeft, #loginBarCenter, .loggedOut #loginBarRight {
line-height: 30px;
vertical-align: center;
}
#loginBarCenter .loginBarCenterTop, #loginBarCenter .loginBarCenterBot {
display: block;
line-height: 1.2em;
line-height: 13px;
}
#loginBarCenter .loginBarCenterTop a, #loginBarCenter .loginBarCenterBot a {
font-size: .9em;
padding-right:10px;
background: transparent url('http://www.recordonline.com/udm-resources/arrowRt.gif') right 3px no-repeat;
}
#loginBarLeft {
left: 0px;
width: 32%;
text-align: left;
padding-left: 1%;
}
#loginBarLeft span a {
font-weight: normal;
font-size: .9em;
}
#loginBarCenter {
left: 33%;
width: 33%;
text-align: center;
}
#loginBarRight {
left: 66%;
width: 33%;
text-align: right;
padding-right: 1%;
}
#loginBarRight .loginBarRightTop, #loginBarRight .loginBarRightBot {
display: block;
line-height: 1.2em;
}
#loginBarRight .loginBarRightBot a {
font-weight: normal;
}
#networkNav{
position: relative;
z-index:2600;
top: 30px;
height: 30px;
width:983px;
text-align:center;
margin:0px auto !important;
color:#FFF
display:block;
background: #333;}
#networkNavLeft {
display:inline;
float:left;
width:790px;
text-align:left;
line-height:30px;
background: #333 url('http://static.djlmgdigital.com/thr/recordonline/graphics/hvmgBrands.gif') 1px 0 no-repeat;
}
#networkNavLeft div{display:inline;float:left;height:30px;}
#networkNavLeft div a{display:block;height:30px;line-height:0px;font-size:0px;text-decoration:none;}
#networkNavLeft div a:hover{text-decoration:none;}
#networkNavLeft .brand1, #networkNavLeft .brand1 a{width:117px;}
#networkNavLeft .brand2, #networkNavLeft .brand2 a{width:112px;}
#networkNavLeft .brand3, #networkNavLeft .brand3 a{width:130px;}
#networkNavLeft .brand4, #networkNavLeft .brand4 a{width:132px;}
#networkNavLeft .brand5, #networkNavLeft .brand5 a{width:143px;}
#networkNavLeft .brand6, #networkNavLeft .brand6 a{width:110px;}
#networkNavLeft .brandMore, #networkNavLeft .brandMore a{width:45px;}
#networkNavLeft .brandMoreDrop {
height:auto; width:190px;
display:block; position:absolute; left:743px; top:30px; z-index:10000;
background:#444;
margin:0px; padding:0px;
list-style-type:none;
text-align:left;
}
#networkNavLeft .brandMoreDrop li {margin:8px 5px 15px 10px; padding:0px;line-height: 14px;}
#networkNavLeft .brandMoreDrop li a {color: #fff; width:auto; font-size: 12px; height: auto; line-height: 14px;}
#networkNavLeft .brandMoreDrop li a:hover {text-decoration:underline;color: #fff;}
#networkNavRight{
display:inline;
float:right;
width:170px;
height:30px;
text-align:right;
line-height:30px;
}
#networkNavRight .input_text{
background:url("http://static.djlmgdigital.com/thr/recordonline/graphics/searchBack.gif") no-repeat scroll left top #333333;
border:medium none !important;
color:#999999;
display:inline;
float:left;
font-size:10px;
height:30px;
line-height:30px;
margin:0;
padding:0 0 0 10px;
text-align:left;
width:160px;
}
#networkNavRight .input_search{
position:absolute;
top:0px;
left:793px;
height:30px;
width:29px;
margin:0px !important;
}
#miniLogin {display:none; position:absolute; right:5px; top: 30px; z-index:20000;}
#miniLogin {width:200px; background: #EAEAEA; padding: 0 10px 7px 10px; border: 1px solid #444; border-top: 0px;}
#miniLogin form {display:block; text-align:left; margin: 5px; padding: 10px 10px 3px 10px; border-top: 1px dotted #aaa; border-bottom: 1px dotted #aaa;}
#miniLogin form label {display:block; margin-top: 5px; font-weight:normal;}
#miniLogin form input {width: 90%;}
#miniLogin form .ctl .subButton {width: auto; margin:6px 0 0;text-decoration:none;border:none;cursor:pointer;}
#miniLogin a {font-weight:normal; color: #666; display: block; width:10px; height: 10px; position:absolute;right:18px; top: 13px; background: #fff; border: 1px solid #333; line-height:10px; font-size:9px; text-align:center; padding:0px; margin:0px;}
#miniLogin a:hover {background: #333; color: #fff; text-decoration: none;}
#miniLogin .miniLoginFooter {text-align: left; padding-left:10px; color: #999;}
#miniLogin .miniLoginFooter a {position:static; width:auto; height:auto; display:inline; border:0px; background:none;font-size:11px;}
#miniLogin .miniLoginFooter a:hover {background-color:none; text-decoration: underline; color: #666;}