/* STRUCTURE > MISC /////////////////////////////////////////////////////*/ * {text-decoration: none; padding: 0; margin: 0; border: 0;} body { text-align: center; margin: 0; padding:0; background:#EEF1F6 url(../images/design/bg_background.jpg) repeat-x top;} /* STRUCTURE > MAIN CONTENT /////////////////////////////////////////////////////*/ div.mainBackground { margin:0; padding:5px 0 0 0; background:url(../images/design/bg_mainBackground.jpg) no-repeat top center; } div.wrapper { width: 850px; margin: 0 auto 0 auto; background:#FFF; } /* STRUCTURE > HEADER /////////////////////////////////////////////////////*/ div.wrapper div.header { height: 110px; position: relative;} div.wrapper div.header span.cornerLeft { position:absolute; top:0; left:0; display:block; width:10px; height:10px; line-height:0; background:url(../images/design/bg_backgroundCorner.gif) no-repeat top left; } div.wrapper div.header span.cornerRight { position:absolute; top:0; right:0; display:block; width:10px; height:10px; line-height:0; background:url(../images/design/bg_backgroundCorner.gif) no-repeat top right; } /* STRUCTURE > HEADER > LOGO LINK /////////////////////////////////////////////////////*/ div.wrapper div.header a.logoLink { display:block; position:absolute; top:10px; left:0; width:250px; display:block; height: 86px; text-decoration: none; border:none;} /* STRUCTURE > HEADER > HEADER LOGIN /////////////////////////////////////////////////////*/ div.wrapper div.header ul.headerLogin {width: 320px; height: 15px; position: absolute; top: 7px; right: 0; margin: 0;} div.wrapper div.header ul.headerLogin li { float:left; margin:0; padding:0 5px 0 5px; list-style: none; font: bold 11px/15px Arial, Helvetica, sans-serif; color:#3069AE; } div.wrapper div.header ul.headerLogin a:link, div.wrapper div.header ul.headerLogin a:active, div.wrapper div.header ul.headerLogin a:visited, div.wrapper div.header ul.headerLogin a:hover { font: bold 11px/15px Arial, Helvetica, sans-serif; color:#3069AE; display: block; border: 0; text-align:right; } div.wrapper div.header ul.headerLogin a:hover { color:#D60000; } /* STRUCTURE > HEADER > TOP BANNER /////////////////////////////////////////////////////*/ div.wrapper div.header blockquote.topBanner { position: absolute; top: 28px; right: 15px;} /* STRUCTURE > NAVBAR /////////////////////////////////////////////////////*/ div.wrapper ul.navbar { height:30px; margin:0; padding:0; list-style:none; background:url(../images/design/bg_navbar.gif) repeat-x top; } div.wrapper ul.navbar li { margin: 0; padding:0; float: left; } div.wrapper ul.navbar li a:link, div.wrapper ul.navbar li a:active, div.wrapper ul.navbar li a:visited, div.wrapper ul.navbar li a:hover { display: block; padding: 0 10px 0 10px; font: bold 11px/30px Arial, Helvetica, sans-serif; color:#FFF; text-decoration: none; border-left:1px solid #206DB7; border-right:1px solid #1056A4; } div.wrapper ul.navbar li a:hover, div.wrapper ul.navbar li a.menuActived:link, div.wrapper ul.navbar li a.menuActived:active, div.wrapper ul.navbar li a.menuActived:visited, div.wrapper ul.navbar li a.menuActived:hover { background:url(../images/design/bg_navbar.gif) repeat-x bottom; border-left: 1px solid #FF5B5B; border-right:1px solid #57558C;} div.wrapper ul.navbar li.last a:link, div.wrapper ul.navbar li.last a:active, div.wrapper ul.navbar li.last a:visited, div.wrapper ul.navbar li.last a:hover { border-right:none;} /* STRUCTURE > CONTENT /////////////////////////////////////////////////////*/ div.wrapper div.content {padding: 0; margin:0; background:#FFF !important;} /* STRUCTURE > CONTENT > LEFT CONTENT /////////////////////////////////////////////////////*/ div.wrapper div.content blockquote.leftContent {width: 183px; margin: 0; padding:10px; text-align: left; float: left; border: none;} div.wrapper div.content blockquote.leftContent img { margin: 10px 0 10px 0;} div.wrapper div.content blockquote.leftContent ul.standard-iconlink {padding-left: 13px;} /* STRUCTURE > CONTENT > LEFT CONTENT > SEARCH TABS /////////////////////////////////////////////////////*/ .isHidden {display : none;} .isShown {display: visible;} ul.searchTab {height: 25px; border: 0;} ul.searchTab li {width:100px; float: left; list-style: none;} ul.searchTab li a:link, ul.searchTab li a:active, ul.searchTab li a:visited, ul.searchTab li a:hover {font: bold 11px/15px Verdana, Arial, Helvetica, sans-serif; outline:none; color: #95B0D5; text-align:center; padding: 5px 0 5px 0; display: block; background: #D9E3F0; border: 0;} ul.searchTab li.tab-active a, ul.searchTab li.tab-active a:link, ul.searchTab li.tab-active a:visited, ul.searchTab li.tab-active a:active, ul.searchTab li.tab-active a:hover {color: #1B293A; background: #BDCEE1; border: 1px solid #8AA9CA; border-bottom: 0;} ul.searchTab li.tab-inactive a, ul.searchTab li.tab-inactive a:link, ul.searchTab li.tab-inactive a:visited, ul.searchTab li.tab-inactive a:active, ul.searchTab li.tab-inactive a:hover {color: #95B0D5;} ul.searchTab li.tab-inactive a:hover { color: #1B293A;} /* STRUCTURE > CONTENT > LEFT CONTENT > ROUND BOX /////////////////////////////////////////////////////*/ /* TOP BOX /////// */ div.roundBoxTop { height:28px; line-height:28px; margin:0; padding:0; background:url(../images/design/bg_roundBox_top_right.gif) no-repeat top right; } div.roundBoxTop span.roundBoxTopLeft { display:block; width:7px; height:28px; float:left; margin:0; padding:0; background:url(../images/design/bg_roundBox_top_left.gif) no-repeat 0 0; } /* MAIN BOX /////// */ div.roundBox { margin:0; padding:5px; border:1px solid #D6D6D6; border-bottom:none; border-top:none; background:#F3F4F4 } /* BOTTOM BOX /////// */ div.roundBoxSmallTop { position:relative; height:5px; line-height:5px; width:100%; margin:0; padding:0; background: url(../images/design/bg_roundBox_top.gif) repeat-x top; } div.roundBoxSmallBottom { position:relative; height:5px; line-height:5px; width:100%; margin:0; padding:0; background: url(../images/design/bg_roundBox_bottom.gif) repeat-x bottom; } div.roundBoxSmallBottom span.cornerBottomRight { display:block; position:absolute; bottom:0; right:0; width:5px; height:5px; line-height:5px; margin:0; padding:0; background:url(../images/design/bg_backgroundCorner_small.gif) bottom right; /* IE 6 FIX */ _bottom:-1px; _right:-1px;} div.roundBoxSmallBottom span.cornerBottomLeft { display:block; position:absolute; bottom:0; left:0; width:5px; height:5px; line-height:5px; margin:0; padding:0; background:#FFF url(../images/design/bg_backgroundCorner_small.gif) bottom left; /* IE 6 FIX */ _bottom:-1px;} div.roundBoxSmallTop span.cornerTopRight { display:block; position:absolute; top:0; right:0; width:5px; height:5px; line-height:5px; margin:0; padding:0; background:url(../images/design/bg_backgroundCorner_small.gif) top right; } div.roundBoxSmallTop span.cornerTopLeft { display:block; position:absolute; top:0; left:0; width:5px; height:5px; line-height:5px; margin:0; padding:0; background:url(../images/design/bg_backgroundCorner_small.gif) top left; } /* TITLES /////// */ div.roundBoxTop span.search { display:block; width:50px; height:28px; float:left; margin:0 0 0 5px; padding:0; background:url(../images/design/bg_roundBox_title_search.gif) no-repeat 0 0; } div.roundBoxTop span.alert { display:block; height:28px; float:left; margin:0 0 0 5px; padding:0; font:bold 12px/28px Arial, Helvetica, sans-serif; text-align:left; text-transform:uppercase; color:#FFF;} div.roundBoxTop span.scubaSearch { display:block; height:28px; float:left; margin:0 0 0 5px; padding:0; font:bold 12px/28px Arial, Helvetica, sans-serif; text-align:left; text-transform:uppercase; color:#FFF;} div.roundBoxTop span.classifiedsSearch { display:block; height:28px; float:left; margin:0 0 0 5px; padding:0; font:bold 12px/28px Arial, Helvetica, sans-serif; text-align:left; text-transform:uppercase; color:#FFF;} div.roundBoxTop span.articlesSearch { display:block; height:28px; float:left; margin:0 0 0 5px; padding:0; font:bold 12px/28px Arial, Helvetica, sans-serif; text-align:left; text-transform:uppercase; color:#FFF;} div.roundBoxTop span.helpfulLinks { display:block; height:28px; float:left; margin:0 0 0 5px; padding:0; font:bold 12px/28px Arial, Helvetica, sans-serif; text-align:left; text-transform:uppercase; color:#FFF;} /* STRUCTURE > CONTENT > LEFT CONTENT > FREE EMAIL ALERTS /////////////////////////////////////////////////////*/ div.freeEmailAlerts { width:183px; height:400px; margin:0 auto 2px auto; padding:0; background:url(../images/design/bg_freeEmailAlerts.gif) no-repeat 0 0; text-align:center; } div.freeEmailAlerts form { position:relative; width:100%; margin:0; padding:0; border:none; } div.freeEmailAlerts form input { position:absolute; top:80px; left:10px; width: 156px; font: normal 10px Verdana, Arial, sans-serif; color: #1B293A; padding: 2px; background: #FFF; border: 1px solid #DEDEDE;} div.freeEmailAlerts form a:link, div.freeEmailAlerts form a:active, div.freeEmailAlerts form a:visited, div.freeEmailAlerts form a:hover { position:absolute; top:105px; left:10px; display:block; width:67px; height:23px; margin:0; padding:0; border:none; background:url(../images/design/bt_joinNow.gif) no-repeat 0 0; } /* STRUCTURE > CONTENT > LEFT CONTENT > SEARCH CONTENT /////////////////////////////////////////////////////*/ div.wrapper div.content blockquote.leftContent p.standardTitle {font: normal 18px/20px Verdana, Arial, Helvetica, sans-serif; padding:0; margin: 0 0 10px 0;} div.wrapper div.content blockquote.leftContent p.standardTitle span {color: #003F7E;} dl.simpleSearch { margin:0 auto 0 auto; padding:0; font: bold 10px/normal Verdana, Arial, sans-serif; color: #1B293A; clear: both; background: #F3F4F4; border: 1px solid #D6D6D6; border-bottom:none; border-top:none; } dl.simpleSearch dd, dl.simpleSearch dt {padding: 0 10px 0 10px; text-align:left; } dl.simpleSearch dt.label, dl.simpleSearch dd p.label {color: #1B293A; padding-top: 5px; padding-bottom: 5px;} dl.simpleSearch dd input, dl.simpleSearch dd select {width: 97%; font: normal 10px Verdana, Arial, sans-serif; color: #1B293A; padding: 2px; background: #FFF; border: 1px solid #DEDEDE; } dl.simpleSearch dd input.simplesearchRadio {width: auto;} dl.simpleSearch dd select {width: 100%;} dl.simpleSearch dd input:focus {background: #FFF;} div.wrapper div.content dl.simpleSearch dd.simplesearchImage img {margin: 0; padding: 0 0 10px 0;} /* STRUCTURE > CONTENT > LEFT CONTENT > SEARCH DIFFERENCES /////////////////////////////////////////////////////*/ dl.simpleSearch dd#tab2 select {margin-bottom: 2px;} dl.simpleSearch dd input.SearchInputSmall {width: 70px; margin: 0 0 2px 0; vertical-align:middle;} dl.simpleSearch dd ul.standardButton { width:81px; margin:10px 0 0 0;} dl.simpleSearch dd ul.standardButton li input, dl.simpleSearch dd ul.standardButton li a:link, dl.simpleSearch dd ul.standardButton li a:active, dl.simpleSearch dd ul.standardButton li a:visited, dl.simpleSearch dd ul.standardButton li a:hover {width: 76px; height:23px; color: #FFF; font:bold 11px/23px Arial, Helvetica, sans-serif; text-decoration: none; background: url(../images/design/bt_searchButton.gif) no-repeat 0 0; border: none;} dl.simpleSearch dd ul.standardButton span { font-weight:normal; } /* STRUCTURE > CONTENT > LEFT CONTENT > BASE JOIN /////////////////////////////////////////////////////*/ dl.base-join { border: 1px solid #999;margin: 0 auto 0 auto; padding:5px; text-align: center; width:82%; background:#DFE9F5;} dl.base-join dt {font: bold 13pt Arial, Verdana, sans-serif; color: #003F7E; padding: 0 0 5px 0; } dl.base-join dd {font: normal 12px Verdana, sans-serif; text-align: center; padding: 5px 0 0 0;} dl.base-join dd span {font: normal 10px Verdana, sans-serif; text-align: center; } dl.base-join table.table-login { text-align: left; margin: 0 auto 0 auto;} dl.base-join table.table-login td, dl.base-join table.table-login th {font: normal 12px/18px Verdana, Arial, sans-serif; color: #000; padding: 2px;} dl.base-join table.table-login th { text-align: right; color: #000; } dl.base-join table.table-login input {width: 90px; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #2C5783; padding: 2px; background: #FFF; border: 1px solid #999;} dl.base-join dd table input.inputAuto {width: auto; padding: 0; background: none; border: 0;} dl.base-join dd table ul.standardButton {padding: 0 12px 0 0; border: 0;} dl.base-join dd table ul.standardButton li {float: right;} dl.base-join dd table ul.standardButton li input {width: 73px; color: #E0E9F1; font-weight: bold; background: #396D9D url("../images/design/bg_memberButton.gif") 0 0 repeat-x; border: 0;} dl.base-join table.table-login table {margin: 0 auto 0 auto;} dl.base-join a:link, dl.base-join a:active, dl.base-join a:visited, dl.base-join a:hover {font: normal 10px Verdana, Arial, Helvetica, sans-serif;} dl.base-join a:hover {text-decoration: underline;} dl.base-join dd.base-joinLink {text-align: center; padding-top: 0;} dl.base-join dd.warning {font: normal 10px Verdana, Arial, Helvetica, sans-serif; margin: 0;} /* STRUCTURE > CONTENT > LEFT CONTENT > BROWSE CATEGORY (RESULTS) /////////////////////////////////////////////////////*/ ul.left-list {line-height: 11px; text-align: left; margin: 0; padding: 0 5px 5px 5px; border: 0;} ul.left-list li {margin:0; padding: 0; list-style: none;} ul.left-list li a:link, ul.left-list li a:visited, ul.left-list li a:active, ul.left-list li a:hover {font: normal 11px/normal Verdana, Arial, Helvetica; text-decoration:none; display: block;} ul.left-list li a:hover {text-decoration: underline;} ul.left-list li.left-listTITLE a:link, ul.left-list li.left-listTITLE a:visited, ul.left-list li.left-listTITLE a:active, ul.left-list li.left-listTITLE a:hover {font-weight: bold; color: #003F7E; padding: 5px 5px 5px 7px; margin: 0 0 3px 0; border-bottom: 1px solid #EEE; background: url("../images/design/bg_CATbullet.gif") 0 9px no-repeat;} ul.left-list li.left-listTITLE a:hover { color:#FD0000; } ul.left-list h1, ul.left-list h2 {margin:0; padding:0;} /* STRUCTURE > CONTENT > MIDDLE CONTENT /////////////////////////////////////////////////////*/ div.wrapper div.content blockquote.middleContent {/* width: 745px; this value in pixels equal 77.5% in percent // use to two columns */ /* width: 510px; this value in pixels equal 54% in percent */ width: 630px; height:auto; float: left; padding: 10px 0 10px 0; border:none; background:none; } /* STRUCTURE > CONTENT > MIDDLE CONTENT > BANNER BOTTOM /////////////////////////////////////////////////////*/ blockquote.bottomBanner {/*width: 730px; height: 100px;*/ clear: both; margin: 0 auto 0 auto; padding: 10px 0 0 0; border: 0;} /* STRUCTURE > CONTENT > MIDDLE CONTENT EXTENDED > BANNER BOTTOM /////////////////////////////////////////////////////*/ div.wrapper div.content blockquote.middleContentExtended {/* width: 730px; this value in pixels equal 77.2% in percent */ width: 630px; float: left; margin: 0; border: 0; padding-bottom: 10px;} /* STRUCTURE > CONTENT > RIGHT CONTENT (THIRD COLUMN) /////////////////////////////////////////////////////*/ div.wrapper div.content blockquote.rightContent {width: 200px; text-align: left; float: left;} div.wrapper div.content blockquote.rightContent h3 {font: normal 18px/20px Arial, Helvetica, sans-serif; color: #000;} div.wrapper div.content blockquote.rightContent h3 span {color: #FD0000;} /* STRUCTURE > CONTENT > RIGHT CONTENT > BANNER IMAGE /////////////////////////////////////////////////////*/ .rightBanner {margin-top: 10px; padding-bottom: 10px; text-align: center; text-decoration: none;} .rightBanner h4 {font: normal 18px/20px Arial, Helvetica, sans-serif; color: #888; text-align: left; padding: 10px 5px 0 5px;} .rightBanner img, .rightBanner object {float:left; margin: 5px 0 5px 11px; border: 2px solid #E2E2E2; } .rightBanner span {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-align: center; padding: 0 5px 0 5px; display: block; height:1%;} .rightBanner a:link, .rightBanner a:visited, .rightBanner a:active, .rightBanner a:hover {font: normal 10px Verdana, Arial, Helvetica, sans-serif; text-align:left; text-decoration: none; padding: 0; margin-bottom: 0; display: block;} .rightBanner .noimage {width: 170px; margin: 0 auto 0 auto; border: 5px solid #42423E;} /* STRUCTURE > CONTENT > MAIN SPONSORS BANNER /////////////////////////////////////////////////////*/ div.mainSponsorBanner { padding:0 0 10px 0; } div.mainSponsorBanner center a:link, div.mainSponsorBanner center a:active, div.mainSponsorBanner center a:visited, div.mainSponsorBanner center a:hover { padding:0; margin:0;} div.mainSponsorBanner center a img { padding:0 0 5px 0; } /* STRUCTURE > CONTENT > RIGHT CONTENT > BANNER TEXT /////////////////////////////////////////////////////*/ .bannerleftText {margin-top: 10px; text-align: center; text-decoration: none;} .bannerleftText a.baseRightBanner:link, .bannerleftText a.baseRightBanner:visited, .bannerleftText a.baseRightBanner:active, .bannerleftText a.baseRightBanner:hover { font: normal 10px Verdana, Arial, Helvetica, sans-serif; background: #FFF; text-align:left; text-decoration: none; padding: 10px; margin-bottom: 10px; display: block; border: 1px solid #EEE;} .bannerleftText a.baseRightBanner h1 {font: bold 12px Arial, Helvetica, sans-serif; text-align:center; color: #FD0000; padding: 0 0 5px 0; margin: 0;} .bannerleftText a.baseRightBanner h2 {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #333; padding: 0; margin:0;} .bannerleftText a.baseRightBanner h3.right-banner-url, blockquote.rightContent .bannerleftText a.baseRightBanner h3.right-banner-url {font: normal 10px Arial, Helvetica, sans-serif; margin:0; padding: 1px 5px 1px 5px; text-align:center; text-decoration: underline; color: #790000;} .bannerPreview /*Use this class with bannerLeftText on sitemanager and members section in Banner Preview*/ {width:200px; margin-left:auto; margin-right:auto;} .bannerleftText a.sponsoredLinks-buy:link, .bannerleftText a.sponsoredLinks-buy:active, .bannerleftText a.sponsoredLinks-buy:visited, .bannerleftText a.sponsoredLinks-buy:hover {font:bold 11px/15px Verdana, Arial, Helvetica, sans-serif; text-align:right; color:#C90339; display:block; padding:0 5px 0 0;} .bannerleftText a.sponsoredLinks-buy:hover {color:#000; text-decoration:underline;} /* STRUCTURE > TREE BANNER /////////////////////////////////////////////////////*/ div.wrapper div.content blockquote.treeBanner { position:relative; float:left; width:780px; height:150px; background:#E6E6E6; border-top:2px solid #D7D6F5; border-bottom:2px solid #D7D6F5; } div.wrapper div.content blockquote.treeBanner ul { padding: 0; margin: 0 auto; width:770px;} div.wrapper div.content blockquote.treeBanner li { padding:10px; list-style:none; position:relative; float: left; } /* STRUCTURE > FOOTER /////////////////////////////////////////////////////*/ div.footer { padding:0; margin:0; width:100%; height:81px; background: url(../images/design/bg_navFooter.gif) repeat-x 0 0; text-align:center; /* IE FIX */ _margin:-4px 0 0 0; *margin:-4px 0 0 0; } div.footerHolder { width:850px; margin:0 auto 0 auto; padding:0; } div.leftInfo { width:170px; margin:0; padding:8px 0 0 0; float:left; } div.leftInfo p { font: normal 11px/14px Arial, Helvetica, sans-serif; color:#FFF; text-align:left; } div.leftInfo p.link { padding:10px 0 0 0; } div.leftInfo a:link, div.leftInfo a:active, div.leftInfo a:visited, div.leftInfo a:hover { color:#FFF; text-decoration:underline; } div.leftInfo a:hover { color:#D60000; } /* STRUCTURE > FOOTER > NAVBAR /////////////////////////////////////////////////////*/ div.footer ul.navFooter { float:right; width:380px; margin:0; padding:10px 0 0 0; } div.footer ul.navBottom { padding:0; } div.footer ul.navFooter li {list-style: none; float:right; margin:0; padding:0 2px 0 2px;} div.footer ul.navFooter li, div.footer ul.navFooter li a:link, div.footer ul.navFooter li a:active, div.footer ul.navFooter li a:visited, div.footer ul.navFooter li a:hover {font: normal 10px/18px Arial, Helvetica, sans-serif; color: #FFF;} div.footer ul.navFooter li a:hover {text-decoration: underline; color:#D60000;} /* STRUCTURE > FOOTER > COPYRIGHT /////////////////////////////////////////////////////*/ div.footer p.copyright {font: 11px/25px Verdana, Arial, Helvetica, sans-serif; color: #999; margin-top:20px;} /* STRUCTURE > MISC CLASSES /////////////////////////////////////////////////////*/ br.clear {clear: both; line-height: 0; height: 0;} br.clearFix {clear: both; line-height: 0; height: 0;} br.halfLine {clear: both; line-height: 10px; height: 0;} p.standardText {font: normal 11px/normal Verdana, Arial, Helvetica, sans-serif; text-align: left; padding: 0 15px 0 15px; margin: 0;} p.basePowered {font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #999; text-align: right; margin: 0; padding: 10px 0 0 0;} p.basePowered a:link, p.basePowered a:active, p.basePowered a:visited, p.basePowered a:hover {color: #FD0000;} p.basePowered a:hover {color: #FD0000; text-decoration: underline;} .warning {font: normal 11px Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 10px;} a.warning:link, a.warning:active, a.warning:visited, a.warning:hover {text-decoration: underline; color: #000; padding-left: 20px; background: url("../images/icon_atention.gif") 0 0 no-repeat;} a.warning:hover {text-decoration: none; color: #5E421E;} a.quickListRemove:link, a.quickListRemove:active, a.quickListRemove:remove, a.quickListRemove:hover {width:16px; height:16px; position:absolute; bottom:58px; left:6px;} /* STRUCTURE > MISC CLASSES > STANDARD TITLE /////////////////////////////////////////////////////*/ h1.standardTitle, p.standardTitle {font: normal 18px/20px Arial, Helvetica, sans-serif; text-align:left; margin: 0; padding: 10px 15px 10px 15px; color:#000} h1.standardTitle span, p.standardTitle span {color: #AAA;} /* STRUCTURE > MISC CLASSES > STANDARD BUTTON /////////////////////////////////////////////////////*/ ul.standardButton, ul.standardButton li, ul.standardButton li input {height: 28px; margin: 0 auto 0 auto; padding: 0;} ul.standardButton li {float: left; list-style: none;} ul.standardButton li.buttonSpace {width: 5px; background: none;} ul.standardButton li input, ul.standardButton li a:link, ul.standardButton li a:active, ul.standardButton li a:visited, ul.standardButton li a:hover {width: 71px; font: bold 10px/28px Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-align: center; text-transform: capitalize; cursor: pointer; display: block; background: #396D9D url("../images/design/bg_memberButton.gif") 0 0 repeat-x;} ul.standardButton li input { line-height: 10px; display: inline;} /* STRUCTURE > MISC CLASSES > STANDARD ICON NAVBAR /////////////////////////////////////////////////////*/ ul.iconNavbar {height: 20px; margin: 0 0 0 auto; border: 0;} ul.iconNavbar li {list-style: none; float: right;} ul.iconNavbar li.fakeButton {font: normal 10px Arial, Helvetica, sans-serif; color: #FFF; padding: 2px 9px 2px 9px; background: #CC0000; border: 1px solid #CC0000;} ul.iconNavbar li a:link, ul.iconNavbar li a:active, ul.iconNavbar li a:visited, ul.iconNavbar li a:hover {font: normal 10px Arial, Helvetica, sans-serif; color: #003F7E; text-transform: lowercase; padding: 2px 9px 2px 9px; display: block; border: 1px solid #EEE;} ul.iconNavbar li a:hover {color: #003F7E; border: 1px solid #003F7E; text-decoration: none;} ul.iconNavbar li.removeQuicklist a:hover {color: #CC0000; border: 1px solid #FFE1E1;} ul.iconNavbar li.claimnavbarButton a:link, ul.iconNavbar li.claimnavbarButton a:active, ul.iconNavbar li.claimnavbarButton a:visited, ul.iconNavbar li.claimnavbarButton a:hover {font: normal 10px Arial, Helvetica, sans-serif; color: #FFF; padding: 2px 9px 2px 9px; background: #003F7E; border: 1px solid #003F7E;} ul.iconNavbar li.claimnavbarButton a:hover {color: #FFF; background: #002953; border: 1px solid #002953;} /* STRUCTURE > MISC CLASSES > STANDARD ICON /////////////////////////////////////////////////////*/ div.wrapper div.content ul.standard-iconlink, div.wrapper div.content blockquote.leftContent ul.standard-iconlink {margin: 0; padding: 0;} ul.standard-iconlink li {list-style: none; margin: 0; padding: 0 0 10px 10px;} ul.standard-iconlink a:link, ul.standard-iconlink a:active, ul.standard-iconlink a:visited, ul.standard-iconlink a:hover {font: bold 11px/20px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} .standard-iconlink li a:hover {text-decoration:underline;} /* STRUCTURE > MISC CLASSES > STANDARD ICON > IMAGES /////////////////////////////////////////////////////*/ ul.standard-iconlink li.favoritesview-icon {background: url("../images/content/bullet_viewQuickListFront.gif") 0 7px no-repeat; text-align: left; padding-left: 7px;} ul.standard-iconlink li.remove-icon {background: url("../images/icon_delete.gif") 0% 50% no-repeat;} /* STRUCTURE > MISC CLASSES > STANDARD STEP BY STEP /////////////////////////////////////////////////////*/ ul.standardStep, ul.standardStep li {padding: 10px 0 10px 0; margin: 0; list-style: none;} ul.standardStep {width: 750px; height: 34px; margin: 10px auto 10px auto;} ul.standardStep li {width: 150px; font: bold 14px/34px Arial, Helvetica, sans-serif; text-align: left; color: #DDD; float: left; padding: 0 0 0 14px; border: 0;} ul.standardStep li.standardStepAD {width: auto; background: none; color: #003F7E;} ul.standardStep li.standardStepAD span {color: #FD0000;} ul.standardStep li span {margin-right: 15px;} /* STRUCTURE > MISC CLASSES > STANDARD STEP BY STEP > ACTIVE /////////////////////////////////////////////////////*/ ul.standardStep li.stepActived {color: #000;} ul.standardStep li.stepActived span {color:#FD0000;} /* STRUCTURE > MISC CLASSES > STANDARD FORM /////////////////////////////////////////////////////*/ table.standardForm {width: 95%; font: normal 10px Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 0 auto 0 auto;} table.standardForm th span {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #000;} table.standardForm th, table.standardForm td {padding: 5px;} table.standardForm th {font-size: 10px; white-space: nowrap; color: #555; padding-left: 35px; text-align: right; font-weight: normal;} table.standardForm th.standardFormTitle {font-size: 11px; font-weight: bold; text-align: left; color: #FD0000; padding: 10px;} table.standardForm td input, table.standardForm td textarea { width: 96%; font: normal 10px Verdana, Arial, Helvetica, sans-serif; padding: 5px; border: 0; border-left: 1px solid #E7E7E7; border-top: 1px solid #E7E7E7;} table.standardForm td input.smallInput { width: 100px;} table.standardForm td ul.standardButton { width: 90px; float: right;} table.standardForm td ul.standardButton input { width: 90px; font-weight: bold; color: #FFF; border: 0;} table.standardForm table td.standardFormButton {width: 100%;} /* STRUCTURE > MISC CLASSES > DYNAMIC CONTENT /////////////////////////////////////////////////////*/ div.dynamicContent { padding: 5px; } div.dynamicContent p, div.dynamicContent h1, div.dynamicContent h2, div.dynamicContent h3, div.dynamicContent h4, div.dynamicContent h5, div.dynamicContent h6 {margin-bottom: 10px; } /* STRUCTURE > MISC CLASSES > RATING /////////////////////////////////////////////////////*/ ul.rating * {margin: 0; padding: 0; font: normal 10px/normal Verdana, Arial, Helvetica, sans-serif;} ul.rating {padding-top: 10px; height: 35px;} ul.rating li {float: left; list-style: none;} /* SPECIALS CONF */ ul.rating li.ratingLeftSpace {margin: 0; padding: 0; display: none;} ul.rating li.ratingSeeComment {clear: left;} /* THIS code put the comment, rate it button and 'be the first' phrase bellow the image */ ul.rating li.ratingSeeComment a:link, ul.rating li.ratingSeeComment a:active, ul.rating li.ratingSeeComment a:visited, ul.rating li.ratingSeeComment a:hover {line-height: 20px; color: #000; font-weight: bold; white-space: nowrap;} ul.rating li.ratingStar {margin: 0 1px 0 0;} ul.rating li.ratingReview { width: 80px;} ul.rating li.ratingReview, ul.rating li.ratingReview a:link, ul.rating li.ratingReview a:active, ul.rating li.ratingReview a:visited, ul.rating li.ratingReview a:hover {line-height: 16px; color: #000; font-weight: normal; font-style: italic; margin: 0; padding: 0 0 0 2px;} ul.rating li.ratingImage {margin: 0; padding: 0 0 0 5px; white-space: nowrap;} ul.rating li.ratingImage a:link, ul.rating li.ratingImage a:active, ul.rating li.ratingImage a:visited, ul.rating li.ratingImage a:hover {line-height: 20px; font-weight: bold; padding-left: 5px; background: url("../images/design/bullet_rateIt.gif") 0 3px no-repeat;} ul.rating li.ratingImage a:hover {color: #003F7E; text-decoration: none; background: url("../images/design/bullet_rateIt.gif") 0 -7px no-repeat;} ul.rating li.ratingText {clear: left; padding-left: 10px;} ul.rating li.ratingText a:link, ul.rating li.ratingText a:active, ul.rating li.ratingText a:visited, ul.rating li.ratingText a:hover {font-size: 7.5pt; color: #CC9933; font-weight: bold; text-decoration: none; white-space: nowrap;} ul.rating li.ratingText a:hover {color: #000;} /* RESULTS PAGE > MISC CLASSES ///////////////////////////////////////////////////// */ table.pagingContent, table.pagingContent table { font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #666; margin: 0 auto 0 auto;} table.pagingContent td {padding: 2px;} table td.paging-letters a:link, table td.paging-letters a:active, table td.paging-letters a:visited, table td.paging-letters a:hover {color: #666; padding: 0 8px 0 0;} table td.paging-letters a:hover {color: #000;} table td.paging-letters a.firstLetter:link, table td.paging-letters a.firstLetter:active, table td.paging-letters a.firstLetter:visited, table td.paging-letters a.firstLetter:hover {color:#EF413D;} table.pagingContent select {width: 50px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #666; border: 1px solid #666;} /* RESULTS PAGE > MIDDLE CONTENT EXTENDED > LISTING DETAIL > CLASS MISC /////////////////////////////////////////////////////*/ .controlPhoneShow, .controlFaxShow, .controlEmailShow {visibility: visible;} .controlPhoneHide, .controlFaxHide, .controlEmailHide {display: none;} /* MEMBERS STRUCTURE > PREVIEW NAVBAR /////////////////////////////////////////////////////*/ ul.basePreviewNavbar{height: 30px; padding: 0; margin: 0 0 10px 0; } ul.basePreviewNavbar li{list-style: none; float: right;} ul.basePreviewNavbar li a:link, ul.basePreviewNavbar li a:active, ul.basePreviewNavbar li a:visited, ul.basePreviewNavbar li a:hover{background: url("../images/icon_delete.gif") 94% 50% no-repeat; font: normal 10px Arial, Helvetica, sans-serif; color: #000; display: block; padding: 8px 30px 8px 10px; border: 0;} ul.basePreviewNavbar li a:hover{color: #9B350C;} /* TABLE TOP BLUE - OLD CODE /////////////////////////////////////////////////////*/ table.standard-tableTOPBLUE {width: 750px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #6A6A6A; margin: 10px auto 0 auto; clear: left;} table.standard-tableTOPBLUE th { font: bold 11px/28px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #EAF0F7; text-align:left; white-space: nowrap; padding: 0 5px 0 5px;} table.standard-tableTOPBLUE td { padding: 4px; color:#4D4D4D;text-align: left;} table.standard-tableTOPBLUE td table {margin: 0 auto 0 auto;} table.standard-tableTOPBLUE td table td, table.standard-tableTOPBLUE td table th {border: 0;} table.standard-tableTOPBLUE td.tableTOPBLUECheck {text-align: left; padding: 0; border: 0;} table.standard-tableTOPBLUE td.tableTOPBLUECheck table {margin: 0;} table.standard-tableTOPBLUE td.tableTOPBLUECheck * { width: auto; text-align: left; border: 0;} table.standard-tableTOPBLUE td.tableTOPBLUECheck a, table.standard-tableTOPBLUE td.tableTOPBLUECheck a:link, table.standard-tableTOPBLUE td.tableTOPBLUECheck a:active, table.standard-tableTOPBLUE td.tableTOPBLUECheck a:visited, table.standard-tableTOPBLUE td.tableTOPBLUECheck a:hover {cursor:pointer;} table.standard-tableTOPBLUE a:link, table.standard-tableTOPBLUE a:active, table.standard-tableTOPBLUE a:visited, table.standard-tableTOPBLUE a:hover {color: #000;} .status-active {color: #587F51;} .status-suspended {color: #647C84;} .status-expired {color: #EF413D;} .status-pending {color: #990000;} table.standard-tableTOPBLUE input.inputCheck {width: auto; border: 0;} /* STRUCTURE - EXTRAS /////////////////////////////////////////////////////*/ div.googleAds_300x250 { margin:0 0 10px 0; }