* { margin: 0; padding: 0; } body { font-family: verdana,arial,geneva; font-size: 12px; line-height: 15px; font-weight: normal; text-decoration: none; color: #000; margin:5px; padding:0; } /* Use for adding a repeating background image to pages. Use this technique, as opposed to adding the image to the element directly. */ .bodyBG, .titanBody { background-color: #ffffff; /* background-image:url(images/); background-repeat:repeat-x;*/ } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| START FIXED NAME CONTENT BOUNDARIES ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ #mainBody{margin:0 auto;width:900px; border: 1px solid #333333;} /* start top area */ #pageTopArea{position:relative;margin: 5px 0 0 0; padding:0;} #logoControlContainer{width: 264px; height: 65px; margin: 5px 0 0 5px;} #utilityNavContainer{position:absolute; top: 0px; right: 30px; z-index:4;} #utilityNavContainer ul{margin: 0;padding:0;font-size: 10px; color: #6a6a6a; text-decoration: none;} #utilityNavContainer ul li{margin: 0; padding:0 0 0 3px; display: inline;} #utilityNavContainer ul li.separator{background:url(images/utilityNavSpacer.gif) center no-repeat;} #utilityNavContainer ul li a:link{color: #6a6a6a; text-decoration: none;} #utilityNavContainer ul li a:visited{color: #6a6a6a; text-decoration: none;} #utilityNavContainer ul li a:hover{color: #cf5000; text-decoration: underline;} #utilityNavContainer ul li a:active{color: #6a6a6a; text-decoration: none;} #searchBarContainer{position:absolute; top: 25px; right: 30px; z-index:3;} #searchBarContainer input#searchTerms{width:250px;height: 12px;vertical-align:middle;border: 1px solid #d4d1ce;font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#000000;} #searchBarContainer input#searchGo{width:42px;border:0;background:url(images/button_search.gif) center no-repeat;vertical-align:middle;} #topNavContainer{height:24px; background-color:#fff; margin: 0; border-top: 1px solid #dedede;z-index:1;} #topNavContainer ul{margin:0;padding:5px;font-size: 11px; color: #6a6a6a; text-decoration: none; text-transform:uppercase;text-align: center;} #topNavContainer ul li{margin: 5px; padding: 0; display: inline; color:#FFF;} #topNavContainer ul li .current{font-weight: bold;color:#6a6a6a; text-decoration:none;} #topNavContainer ul li a:link{color:#6a6a6a; text-decoration:none;} #topNavContainer ul li a:visited{color:#6a6a6a; text-decoration:none;} #topNavContainer ul li a:hover{color:#cf5000; text-decoration:underline;} #topNavContainer ul li a:active{color:#6a6a6a; text-decoration:none;} #topContentContainer{ } #topContentContainer .Freeform { float: left; clear: both; background:url(images/flash_bkgd.jpg) repeat-x; width: 900px; height: 240px; } #topContentContainer .Freeform img { margin: 0; padding: 30px 40px; display: block; clear: both;} #topContentContainer .Freeform object { margin: 0; padding: 30px 40px; display: block; clear: both;} /* end top area */ /* start content area */ #contentArea{ width: 900px; float: left; background-color:#f9f6f1;clear: both; margin: 0; padding: 0; } #pageTools{float:right;height: 23px;margin-top:28px;width: 166px;padding: 8px 15px 0 5px; text-align:right;background-color: #eae7d2;font-family: Arial, Verdana, Helvetica, sans-serif;color:#938458;font-size:10px;z-index:2;} #pageTools img{margin:0 3px 0 10px;vertical-align:middle;} #pageTools a:link{color:#938458; text-decoration:none;} #pageTools a:visited{color:#938458; text-decoration:none;} #pageTools a:hover{color:#cf5000; text-decoration:underline;} #pageTools a:active{color:#938458; text-decoration:none;} /*#contentNavContainer goes here in page order - nav divs detailed in next section of css */ #contentContainer{margin:0;padding:20px 0 0 0;float:right; background-color:#f9f6f1;} #contentContainer .Freeform { float: left; margin: 0; padding: 0; } #contentContainer .Freeform ul {margin: 0 0 10px -10px; float: left; clear: right; width:205px; list-style-type:none;} #contentContainerWithBG{margin:0;padding:20px 0 0 0;float:right;z-index:1;background-color:#f9f6f1;} #breadCrumbContainer{float: left;font-size: 11px;width:724px;margin: -78px 0 0 0;padding:0; background-color: #51473d; vertical-align:middle; z-index:1;} #breadCrumbContainer ul{margin: 0;padding:8px 0 4px 6px;font-family: Arial, Verdana, Helvetica, sans-serif;color:#eae7d2;font-size:11px;} #breadCrumbContainer ul li{margin: 0; padding:0; display: inline;} #breadCrumbContainer a:link{color:#ffffff; text-decoration:none;} #breadCrumbContainer a:visited{color:#ffffff; text-decoration:none;} #breadCrumbContainer a:hover{color:#cf5000; text-decoration:underline;} #breadCrumbContainer a:active{color:#ffffff; text-decoration:none;} #titleBarContainer h1{ color: #938458; float: left; width: 530px; font-size: 14px; font-weight:bold; padding: 8px 0 8px 10px; margin: -51px 0 0 0;vertical-align: middle; background-color: #eae7d2;z-index:3;} #centerContentContainer{ padding: 0; width: 724px; float: left; background-color:#f9f6f1; } #centerContentContainer .Freeform { float: left; clear: left; width: 430px; margin: 0 10px 10px 10px; } #centerContentContainer .Freeform img { border: 1px solid #dedede; padding: 2px; background-color:#f8f6f0;margin: 0 0 0 0; float: left; clear: right;} #centerContentContainer .Freeform p { margin: 10px 0 20px 0; } #centerContentContainer .Freeform b { color: #938458; } #calloutContentContainer{ } #calloutContentContainer a:link b { color: #666666; } #calloutContentContainer a:visited b { color: #666666; } #calloutContentContainer a:hover b { color: #cf5000; text-decoration: underline;} #calloutContentContainer a:active b { color: #666666; } #calloutContentContainer a:link { color: #cf5000; } #calloutContentContainer a:visited { color: #cf5000; } #calloutContentContainer a:hover { color: #666666; text-decoration: underline; } #calloutContentContainer a:active { color: #cf5000; } #centerContentContainer #calloutContentContainer { float: right; clear: left; width: 260px; } #centerContentContainer #calloutContentContainer .Freeform { width: 227px; background-color: #eeecdc; border: 1px solid #e5e4e3; float: right; padding: 5px; } #centerContentContainer #calloutContentContainer .Freeform div { clear: both; margin: 8px 8px 20px 9px; } #centerContentContainer #calloutContentContainer .Freeform div p { margin: 0; } #centerContentContainer #calloutContentContainer .Freeform div img { border: 1px solid #dedede; padding: 2px; background-color:#f8f6f0; margin-bottom: 10px; } #contentContainer #calloutContentContainer { float: right; margin: 0 5px 30px 0; padding: 0;} #contentContainer #calloutContentContainer h3 { background:url(images/icon_events.gif) no-repeat left; padding: 8px 0 10px 20px; vertical-align: middle;} #contentContainer #calloutContentContainer .Freeform div img { border: 1px solid #dedede; padding: 2px; background-color:#f8f6f0; margin-right: 50px;} #contentContainer #calloutContentContainer .Freeform div { margin-bottom: 20px; } #contentContainer #calloutContentContainer .Freeform div p { width: 215px; } /* end content area */ /* start bottom area */ #bottomNavContainer{background-color:#fff;clear:both;padding: 6px;border-top: 1px solid #dedede;font-size: 9px; font:Arial, Helvetica, sans-serif; color: #848383;} #bottomNavContainer ul{display: inline;margin: 0 0 0 30px;padding:0;} #bottomNavContainer ul li{margin: 0; padding:0; display: inline;font-size: 9px; font:Arial, Helvetica, sans-serif; color: #848383;} #bottomNavContainer a:link{color:#848383; text-decoration:none;} #bottomNavContainer a:visited{color:#848383; text-decoration:none;} #bottomNavContainer a:hover{color:#cf5000; text-decoration:underline;} #bottomNavContainer a:active{color:#848383; text-decoration:none;} #poweredBy{text-align: right;background-color:#fff;padding: 0 5px 0 0;} #poweredBy p {font-size: 9px; font:Arial, Helvetica, sans-serif; color: #938458;} /* end bottom area */ /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| END FIXED NAME CONTENT BOUNDARIES ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| START side navigation ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ #contentNavContainer{width: 170px;margin:0; padding:0 5px 0 0; min-height: 700px; float:left; background-color: #eae7d2; border-right: 1px solid #dedede;} #contentNavContainer ul {width: 100%; margin: 5px 0 0 0; padding: 0;list-style-type: none;} #contentNavContainer ul li a.current {margin-left: -12px; font-weight: bold; color:#3d2b23; background:url(images/nav_icon.gif) right no-repeat 9px;} #contentNavContainer li {list-style-type: none; margin:0; padding:0; text-align:right;font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #3d2b23; font-weight: bold;} #contentNavContainer a:link, #contentNavContainer a:visited {color:#3d2b23; text-decoration:none; display:block; padding:5px 8px 4px 20px; font-size:11px; vertical-align: middle;} #contentNavContainer a:hover {color:#3d2b23; background-color: #f8f6f0;} #contentNavContainer li ul li a:link.current, #contentNavContainer li ul li a:visited.current {color:#cf5000;background: none !important;} /* 2nd level pages in side navigation */ #contentNavContainer ul li ul {margin: 0; padding: 0;list-style-type: none;} #contentNavContainer li ul li{margin:0; padding:0 5px 0 0; text-align:right; } #contentNavContainer li ul li a:link, #contentNavContainer li ul li a:visited { font-weight:normal;color:#6B6343; text-decoration:none; display:block; padding:2px 4px 2px 0; font-size:11px;} #contentNavContainer li ul li a:hover {color:#6B6343; background-color: #f8f6f0;} /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| END side navigation ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| Text & Link Styles ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* default link is burgundy with black text on hover, underlined */ a:link{color: #938458; text-decoration: none} a:visited{color: #938458; text-decoration: none} a:hover{color: #cf5000; text-decoration: underline} a:active{color: #938458; text-decoration: none} ul, ol{ margin:8px 0 4px 24px; padding: 0 0 0 10px; } h1{ font-family: Arial,Geneva, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; color: #000; } h2{ font-family: Arial,Geneva, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; color: #000; } h3{ font-family: Verdana, Arial,Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #333; } h4{ font-family: Verdana,Arial,Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; color: #938458; margin: 0; padding: 0; } h5{ font-family: Verdana,Arial,Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; color: #938458; margin: 0; } td, td td { font-family: Verdana,Arial,Geneva, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; color: #666666; } p{ font-family: Verdana,Arial,Geneva, Helvetica, sans-serif; font-size: 11px; line-height: 17px; font-weight: normal; color: #666666; text-decoration: none; } .ErrorMessage, .ErrorMessage2{ font-family: Verdana,Arial,Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; color:Red; background-color:Yellow; } .Freeform, p.Freeform{ font-family: Verdana,Arial,Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666666; } .TOCBlock, p.TOCBlock, .TOCBlockNews, .TOCBlockEvents{ font-family: Verdana,Arial,Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666666; background-color:#f9f6f1; min-height: 400px; } /* client specific styles */ .TOCBlockNews {float: left; margin: 20px 30px 20px 50px;} .TOCBlockEvents { float: left; margin: 20px 0;} .OneCol { float: left; padding:0; margin:0; width: inherit;} .TOCBlockEvents .OneCol div { width: 220px; margin: 0; padding-bottom: 20px; float: left; clear: both; } .TOCBlockNews .OneCol div { width: 300px; margin: 0; padding-bottom: 20px; float: left; clear: both; } .OneCol div a img { float: left; clear: right; width: 80px; border: 1px solid #dedede; padding: 2px; background-color:#f8f6f0; margin:0 10px 20px 0;} .TOCBlock h3 { padding: 2px 0 5px 0; vertical-align: middle; } .TOCBlockNews h3 { background:url(images/icon_news.gif) no-repeat left; padding: 2px 0 5px 20px; vertical-align: middle; } .TOCBlockEvents h3 { background:url(images/icon_events.gif) no-repeat left; padding: 2px 0 5px 20px; vertical-align: middle; } .learnMore {color: #cf5000; background:url(images/icon_learnMore.gif) no-repeat right; padding-right: 20px;} a:link.learnMore{color: #cf5000; text-decoration: none;} a:visited.learnMore{color: #cf5000; text-decoration: none;} a:hover.learnMore{color: #938458; text-decoration: underline;} a:active.learnMore{color: #cf5000; text-decoration: none;} a:link h4 {color: #938458; text-decoration: none;} a:visited h4 {color: #938458; text-decoration: none;} a:hover h4 {color: #cf5000 !important; text-decoration: underline;} a:active h4 {color: #938458; text-decoration: none;} .productTableInside { float: right; width: 175px; padding:0;margin:10px 15px 30px 0;} .productTableInside img { width: 173px; border: 1px solid #dedede; padding: 2px; background-color:#f8f6f0;margin:0 0 10px 0;} hr { margin: 10px 0 10px 0; padding: 0; background-color: #deddd9;color: #deddd9;height: 1px; border: 0; } img.viewLarger {text-align: right; margin: 0; padding: 0; border: 0 !important; } .mainTableHeader { float: left; background-color: #ebe6d2; width: 895px; clear: both; } .mainTableHeader td { padding: 10px 0 10px 20px; width: 200px; } .mainTableHeader td h2 { font-family: Verdana,Arial,Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333333; } .mainTable { float: left; background-color: #f9f6f1; width: 900px; clear: both; border-bottom: 1px solid #ffffff; } .mainTable td { padding: 20px 0 35px 20px; } .mainTable td h2 { font-family: Verdana,Arial,Geneva, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333333; text-align: left; } .mainProductTable { float: left; padding:0; margin: 0; } .mainProductTable td { width: 214px; padding:0 0 10px 0; margin: 0;} .mainProductTable img { width: 214px; border: 1px solid #dedede; padding: 2px; background-color:#f8f6f0;margin:0;} /* wealth builder tab box */ #TabbedReport { float: left; border: 1px solid #dfe7e6; background-color: #ffffff; width: 652px; padding: 1px; margin: 20px 10px 10px 50px;} #TabButtons {background-color: #B6D1DA; padding: 1px; width: 652px; height: 60px; } #TabButtons #TabTitle {background:url(images/wealth_building_bkgd.jpg) no-repeat; height: 30px;} #TabButtons #TabTitle h3 {padding: 7px 0 0 25px; width: 200px; } #TabButtons #TabTitle span.ReportDate {float: right; padding: 0 7px 0 0; margin: -15px 0 0 0; height: 30px; font-size: 11px;} #TabButtons ul { float: right; max-width: 600px; margin: 0 8px 0 0; padding: 0; text-align: center;} #TabButtons ul li { float: left; list-style-type:none; height: 35px; max-width: 110px; } #TabButtons ul li a { float: left; font-size: 9.5px; line-height: 10px; font-family: Arial, Helvetica, sans-serif; color: #666666;background:url(images/tabButtons_bkgd.jpg) repeat-x; height: 35px; margin: 5px 2px 0 0; padding: 1px 4px 0 4px;} #TabButtons ul li a .selected { font-size: 9.5px; line-height: 10px; font-family: Arial, Helvetica, sans-serif; color: #666666; text-align: center; vertical-align:middle;} #TabButtons ul li a.selected { background: #ffffff; } #TabButtons ul li a:link {color: #666666; text-decoration: none;} #TabButtons ul li a:visited {color: #666666; text-decoration: none;} #TabButtons ul li a:hover {color: #cf5000 !important; text-decoration: underline;} #TabButtons ul li a:active {color: #666666; text-decoration: none;} #TabbedReport table { margin: 0; padding: 0; } #TabbedReport table tr.HeaderRow { float: left; width: 649px; background: #9aa8a9; height: 35px !important; border: 0px solid #9aa8a9; margin: 0; padding: 0 0 3px 0;} #TabbedReport table tr { float: left; width: 649px; background: #ffffff; border: none; margin: 0; border: none; padding: 0;} #TabbedReport table tr td { float: left; clear: right; width: 92px; color: #666666; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10px; margin: 0; padding: 2px 0 4px 15px; text-align: left; vertical-align: middle;} #TabbedReport table tr.HeaderRow td { float: left; clear: right; width: 92px; color: #ffffff; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;} #TabbedReport table tr.AlternatingRow { background-color: #ecf7fb; } #TabbedReport .showing {display: block; } #TabbedReport .notshowing {display: none; } #LoginScreen { clear: left; margin: 0; padding: 0; float: left; border-top: 20px solid #51473d; width: 900px; margin-top: -20px; font-family: Verdana, Arial,Geneva, Helvetica, sans-serif;} #LoginScreen div { width: 400px; padding: 10px 0 30px 0; margin: 100px 250px; text-align: center; border: 1px solid #51473d;} #LoginScreen fieldset {width: 400px; border: none;} #LoginScreen fieldset legend { background-color: #938458; padding: 5px 244px 5px 5px; font-size: 16px; font-weight: bold; text-align: center; text-decoration: none; text-transform: uppercase; color: #fff; margin: 0 0 20px -7px;} #LoginScreen fieldset label { float: left; clear: right; font-size: 11px; font-weight: bold; color: #666666; margin: 0 0 0 50px;} #LoginScreen fieldset br {line-height: 30px;} #LoginScreen fieldset input { float: right; clear: right; margin: 0 50px 0 0;} #LoginScreen fieldset input.LoginButton { border: 1px solid #51473d; color: #51473d; font-weight: bold; padding: 2px 5px;} #LoginScreen fieldset input.LoginButton:hover { border: 1px solid #cf5000; color: #cf5000} /* ==== photo block ==== ======================== */ div.PhotoBlock h3 { font-size:12px; color: #333 ; } div.PhotoBlock h3 a, div.PhotoBlock h3 a:link, div.PhotoBlock h3 a:visited, div.PhotoBlock h3 a:hover, div.PhotoBlock h3 a:active { text-decoration: none ; color: #333 ; } div.PhotoBlock h3 a:hover { text-decoration: underline ; } div.PhotoBlock div.directory, div.PhotoBlock div.filmstrip { padding: 15px 0 10px 0 ; /*border-bottom: 1px solid #6878C6 ; */ } div.PhotoBlock div.filmstrip div h3 { padding: 5px 0 0 0 ; font-size:11px; color:#333; } div.PhotoBlock div.odd { background-color:#FAF7F6; } div.PhotoBlock div.leftArrow { float:left; padding: 50px 10px 50px 10px ; color:#333; background-color:White; width:10%; cursor:pointer ; } div.PhotoBlock div.webImages { text-align:center; float:left ; width:auto; } div.PhotoBlock div.webImages h3, div.PhotoBlock div.webImages p { text-align:left; } div.PhotoBlock div.rightArrow { padding: 50px 10px 50px 10px ; float:left; color:#333; background-color:White; width:10%; cursor:pointer ; } div.PhotoBlock div.filmstrip img { cursor:pointer ; } /* ==== comment form ==== ======================== */ .commentForm{ margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #ddd; } .commentForm .name, .commentForm .email, .commentForm .rating, .commentForm .title, .commentForm .comment, .commentForm .recaptcha, .commentForm .thankYouForm{ margin-top:10px; } .commentForm .label{ font-weight:bold; display:block; } /*.commentForm .comment .label{ float:left; margin-right:5px; }*/ .commentForm table{ border-collapse:collapse; margin:0; padding:0; } .commentForm table tr{ margin:0; padding:0; } .commentForm table td{ margin:0; padding:0; text-align:center; } .commentForm .nameMessage, .commentForm .emailMessage, .commentForm .titleMessage, .commentForm .ratingMessage, .commentForm .commentMessage, .commentForm .recaptchaMessage{ display:none; } .commentForm .icon{ display:none; } .commentForm .ErrorMessage{ display:none; } .commentForm .messageOn, .commentForm .error{ color:#900; display:block; } .commentForm .buttons{ margin-top:20px; } .commentForm .buttons, .commentForm .thankYouForm{ clear:both; } /* ==== comments ==== ======================== */ .commenting .label{ font-weight:bold; margin-right:5px; } .comments .label, .summary .label{ float:left; font-weight:bold; margin-right:5px; } .summary{ margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #ddd; } .summary .average, .summary .count{ margin-bottom:5px; } .summary .average .rated{ /*float:left;*/ margin-right:4px; } .comments .comment .label{ float:none; } .summary .icon, .comments .icon{ display:none; } .comments .OneCol div{ overflow:hidden;padding:10px; } .comments .OneCol .altRow{ background:#eee; } .comments .OneCol div .title, .comments .OneCol div .rating, .comments .OneCol div .user, .comments .OneCol div .dateTime, .comments .OneCol div .comment{ margin-bottom:2px;padding:0px; } .comments .OneCol div .title div, .comments .OneCol div .rating div, .comments .OneCol div .user div, .comments .OneCol div .dateTime div, .comments .OneCol div .comment div{ padding:0px; } .comments .comment .value p{ margin-bottom:0; padding-bottom:0; margin-top:5px; padding-top:0; } .comments .comment .value p:first-child{ margin-top:0; padding-top:0; } .commenting .featured{ margin:0 0 30px 0; }