/* STRUCTURE > MISC /////////////////////////////////////////////////////*/ * {text-decoration: none; padding: 0; margin: 0; border: 0;} body {text-align: center; margin: 10px; background: #2E4C6B;} /* STRUCTURE > MAIN CONTENT /////////////////////////////////////////////////////*/ div.wrapper {width: 965px; margin: 0 auto 0 auto; background: #FFF; border: 10px solid #253E57;} /* STRUCTURE > HEADER /////////////////////////////////////////////////////*/ div.wrapper div.header {height: 100px; position: relative;} /* STRUCTURE > HEADER > LOGO LINK /////////////////////////////////////////////////////*/ div.wrapper div.header a.logoLink {width: 200px; height: 100px; text-decoration: none; float: left; border: 0;} /* STRUCTURE > HEADER > HEADER LOGIN /////////////////////////////////////////////////////*/ div.wrapper div.header ul.headerLogin {width: 220px; height: 20px; position: absolute; top: 3px; right: 0; margin: 0;} div.wrapper div.header ul.headerLogin li {float: left; list-style: none; margin: 0 5px 0 0;} 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: 10px/20px Verdana, Arial, Helvetica, sans-serif; color: #555; display: block; padding-left: 10px; border: 0; background: url("../images/design/bullet_headerLogin.gif") 0 8px no-repeat;} div.wrapper div.header ul.headerLogin a:hover {color: #000;} /* STRUCTURE > HEADER > TOP BANNER /////////////////////////////////////////////////////*/ div.wrapper div.header blockquote.topBanner { position: absolute; top: 28px; right: 15px;} /* STRUCTURE > NAVBAR /////////////////////////////////////////////////////*/ div.wrapper ul.navbar {height: 45px; padding: 0; clear: both; background: #F8F8F8; border-top: 1px solid #F7F7F7; border-bottom: 1px solid #658CB8; margin-top:5px; text-align:center;} div.wrapper ul.navbar * {outline:none;} div.wrapper ul.navbar li {list-style: none; margin: 0; display:inline;} 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 {font: bold 12px/45px Arial, Verdana, Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: uppercase; padding: 16px 20px 15px 19px; border-right: 1px solid #EEE;} div.wrapper ul.navbar li a.first {border-left: 1px solid #EEE;} 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 {color: #000; background: #FFF url("../images/design/bg_navbarActived.gif") 0 100% repeat-x;} /* STRUCTURE > CONTENT /////////////////////////////////////////////////////*/ div.wrapper div.content {padding: 10px; background: none; border-bottom: 5px solid #F7F7F7;} /* STRUCTURE > CONTENT > LEFT CONTENT /////////////////////////////////////////////////////*/ div.wrapper div.content blockquote.leftContent {width: 200px; margin: 0 15px 0 0; text-align: left; float: left; border: 0;} 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 > SEARCH CONTENT /////////////////////////////////////////////////////*/ div.wrapper div.content blockquote.leftContent p.standardTitle {font: bold 15px/20px Arial, Helvetica, sans-serif; color:#000; padding:0; margin: 0 0 10px 0;} div.wrapper div.content blockquote.leftContent p.standardTitle span {color: #003F7E;} div.simpleSearch {font: normal 11px/24px Verdana, Arial, sans-serif; color: #1B293A; margin-bottom: 10px; clear: both; background: #BDCEE1; border: 1px solid #8AA9CA; border-top: 0; padding:0 10px 10px 10px;} div.simpleSearch label {color: #1B293A; display:block;} div.simpleSearch input, div.simpleSearch select {width: 96%; font: normal 10px Verdana, Arial, sans-serif; color: #1B293A; padding: 2px; background: #F0F4F9; border: 1px solid #8AA9CA; border-right-color: #E1EBF4; border-bottom-color: #E1EBF4;} div.simpleSearch input.simplesearchRadio {width: auto;} div.simpleSearch select {width: 100%;} div.simpleSearch input:focus {background: #FFF;} div.simpleSearch .selectRegion {margin-bottom:0;} div.wrapper div.content div.simpleSearch div.simplesearchImage {text-align:center;} div.wrapper div.content div.simpleSearch div.simplesearchImage img {margin: 0; padding: 0;} /* STRUCTURE > CONTENT > FEATURED SITES /////////////////////////////////////////////////////*/ div.wrapper div.content h1.featuredSites { padding:20px 0 10px 17px; } div.wrapper div.content blockquote.featuredSites { height:100%; position:relative; margin:0; padding:10px 0 0 0; background:#FFF; overflow:hidden; } div.wrapper div.content blockquote.featuredSites a.buttonLeft:link, div.wrapper div.content blockquote.featuredSites a.buttonLeft:active, div.wrapper div.content blockquote.featuredSites a.buttonLeft:visited, div.wrapper div.content blockquote.featuredSites a.buttonLeft:hover { visibility: visible; position:absolute; top:80px; left:5px; display:block; width:20px; background:url(../images/color/white_blue/bt_leftarrow.gif) no-repeat 0 0; margin:0; } div.wrapper div.content blockquote.featuredSites a.buttonRight:link, div.wrapper div.content blockquote.featuredSites a.buttonRight:active, div.wrapper div.content blockquote.featuredSites a.buttonRight:visited, div.wrapper div.content blockquote.featuredSites a.buttonRight:hover { visibility: visible; position:absolute; top:80px; right:5px; display:block; width:20px; background:url(../images/color/white_blue/bt_rightarrow.gif) no-repeat 0 0; margin:0; } /* AJAX - SLIDE */ div.wrapper div.content blockquote.featuredSites div#slide { height:100%; margin: 0 0 0 28px; overflow:hidden; padding:0 0 10px 0; text-align:left;} div.wrapper div.content blockquote.featuredSites div#slide ul { list-style:none; margin:0; padding:0 0 0 42px; width:858px; } div.wrapper div.content blockquote.featuredSites div#slide ul li { float:left; } div.wrapper div.content blockquote.featuredSites div#slide ul li img { margin:0 9px; } div.wrapper div.content blockquote.featuredSites div#slide ul li p { text-align:center; } div.wrapper div.content blockquote.featuredSites div#slide ul li p a:link, div.wrapper div.content blockquote.featuredSites div#slide ul li p a:active, div.wrapper div.content blockquote.featuredSites div#slide ul li p a:visited, div.wrapper div.content blockquote.featuredSites div#slide ul li p a:hover { font:bold 13px Arial, Helvetica, sans-serif; color:#009B69; text-decoration:none; } div.wrapper div.content blockquote.featuredSites div#slide ul li p a:hover { text-decoration:underline; } /* STRUCTURE > CONTENT > LEFT CONTENT > SEARCH DIFFERENCES /////////////////////////////////////////////////////*/ div.simpleSearch div#tab2 select {margin-bottom: 3px;} div.simpleSearch div#tab3 select /* CC06 */ {margin-bottom: 3px;} div.simpleSearch input.SearchInputSmall {width: 70px;} div.simpleSearch ul.standardButton {margin-top: 10px; margin-bottom: 10px;} div.simpleSearch ul.standardButton li input, div.simpleSearch ul.standardButton li button, div.simpleSearch ul.standardButton li a:link, div.simpleSearch ul.standardButton li a:active, div.simpleSearch ul.standardButton li a:visited, div.simpleSearch ul.standardButton li a:hover {width: 86px; color: #E0E9F1; text-decoration: none; background: #243C5A url("../images/design/bg_standardButton.gif") 0 0 repeat-x; border: 0;} /* STRUCTURE > CONTENT > LEFT CONTENT > BASE JOIN /////////////////////////////////////////////////////*/ dl.base-join {text-align: left; margin-bottom: 10px;} dl.base-join dt {font: bold 13pt Arial, Verdana, sans-serif; color: #003F7E; padding: 0 0 5px 0; border-bottom: 1px solid #EEE;} dl.base-join dt span {color: #658CB8;} dl.base-join dd {font: normal 9pt Arial, Verdana, sans-serif; color: #243D55; text-align: left; padding: 5px 0 0 0;} dl.base-join form {padding: 5px 0 5px 0; background:#FFF; border: 5px solid #F4F4F4;} dl.base-join div.formFieldsLogin {font: normal 10px/18px Verdana, Arial, sans-serif; color:#333; text-transform: none; padding:5px;} dl.base-join div.formFieldsLogin label {width: 65px; display:block; float:left; text-align: right; color: #919191; clear:left; margin-right:4px;} dl.base-join div.formFieldsLogin input {width: 103px; float:left; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #2C5783; padding: 2px; background: #DEE9F3; border-top: 1px solid #6699CC; border-left: 1px solid #6699CC; margin-bottom:5px;} dl.base-join div.formFieldsLogin input.inputAuto {width: auto; padding: 0; background: none; border: 0; vertical-align:middle; float:none;} dl.base-join div.formFieldsLogin span.automaticLogin {display:block; clear:both; padding:5px; text-align:center;} dl.base-join div.formFieldsLogin table ul.standardButton {padding: 0 12px 0 0; border: 0;} dl.base-join div.formFieldsLogin ul.standardButton li {float: right;} dl.base-join div.formFieldsLogin 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; color: #609629;} dl.base-join a:hover {color: #000; 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; color: #5E421E; margin: 0;} dl.base-join dd span.imgJoin {text-align:center; display:block;} /* STRUCTURE > CONTENT > LEFT CONTENT > BROWSE CATEGORY (RESULTS) /////////////////////////////////////////////////////*/ ul.left-list { height:150px;overflow-y:scroll; line-height: 11px; text-align: left; margin: 0 0 10px; padding: 0 5px 5px; border: 5px solid #E5EFDC;} 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; color: #555; text-decoration:none; display: block;} ul.left-list li a:hover {color: #000; 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: #609629; 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 h1, ul.left-list h2 {margin:0; padding:0;} /* VIEW ALL CATEGORIES LINK */ div.wrapper div.content blockquote.leftContent p.viewAllCategories {font:bold 10px/normal Verdana, Arial, Helvetica, sans-serif; text-align:right; padding:0 10px 10px 0;} div.wrapper div.content blockquote.leftContent p.viewAllCategories a:link, div.wrapper div.content blockquote.leftContent p.viewAllCategories a:active, div.wrapper div.content blockquote.leftContent p.viewAllCategories a:visited, div.wrapper div.content blockquote.leftContent p.viewAllCategories a:hover {color:#96293F;} /* 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: 54%; height:auto; float: left; margin: 0 15px 0 0; border: 0; padding-bottom:10px; background: none; border-left: 1px solid #EEE; border-right: 1px solid #EEE;} /* STRUCTURE > CONTENT > MIDDLE CONTENT > BANNER BOTTOM /////////////////////////////////////////////////////*/ blockquote.bottomBanner {clear: both; margin: 0 auto 0 auto; padding: 10px 0 0 0; border: 0; text-align:center;} blockquote.bottomBanner .noimage {margin:0 auto 0 auto;} /* 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: 77.1%; float: left; margin: 0; border: 0; background: none; border-left: 1px solid #EEE;} blockquote.middleContentExtended p {color: #333;} /* STRUCTURE > CONTENT > FULL CONTENT /////////////////////////////////////////////////////*/ div.wrapper div.content blockquote.extendedContent {margin: 0 auto 0 auto; width: 750px;} div.wrapper div.content blockquote.contentBorder {border-top: 5px solid #679933; padding:10px 0 0 0;} /* 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: #F46200;} /* STRUCTURE > CONTENT > RIGHT CONTENT > MOBILE BOX /////////////////////////////////////////////////////*/ div.mobileFeature {padding:10px 10px 5px 10px; background:#396D9D url(../images/design/bg_mobile.gif) no-repeat 10px 18px; border:5px solid #3D5473; margin:0 0 10px 0;} html>body div.mobileFeature {background:#396D9D url(../images/design/bg_mobile.gif) no-repeat 5px 13px;} div.mobileFeature h1 {font:normal 18px/20px Arial, Helvetica, sans-serif; color:#FFF; padding:0 0 0 40px;} div.mobileFeature p {font:normal 11px/normal Arial, Helvetica, sans-serif; color:#BDCEE1; text-align:justify; padding:0 0 10px 40px;} div.mobileFeature p.mobileAddress {font:normal 10px/normal Arial, Helvetica, sans-serif; color:#FFF; text-align:center; padding:0;} /* STRUCTURE > CONTENT > RIGHT CONTENT > BANNER IMAGE /////////////////////////////////////////////////////*/ .rightBanner {margin-top: 10px; padding-bottom: 10px; text-align: center; text-decoration: none; background: #292927;} .rightBanner h4 {font: normal 18px/20px Arial, Helvetica, sans-serif; color: #888; text-align: left; padding: 10px 5px 0 5px;} .rightBanner img, .rightBanner object {margin: 0; border: 5px solid #42423E;} .rightBanner span {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-align: center; padding: 10px 5px 0 5px; display: block;} .rightBanner span.alignCenter {text-align:center;} .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 > 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 span {display:block;} .bannerleftText a.baseRightBanner span.sponsoredLinkTitle {font: bold 12px Arial, Helvetica, sans-serif; text-align:center; color: #BF0000; padding: 0 0 5px 0; margin: 0;} .bannerleftText a.baseRightBanner span.sponsoredLinkContent {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #333; padding: 0; margin:0;} .bannerleftText a.baseRightBanner span.sponsoredLinkURL, blockquote.rightContent .bannerleftText a.baseRightBanner span.sponsoredLinkURL {font: normal 10px Arial, Helvetica, sans-serif; margin:0; padding: 1px 5px 1px 5px; text-align:center; text-decoration: underline; color: #5B9124;} .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 > FOOTER /////////////////////////////////////////////////////*/ div.wrapper div.footer { clear: both; padding: 10px; background: #FFF; border-top: 1px solid #EEE; border-bottom: 5px solid #1C2F43;} html>body div.wrapper div.footer {width:auto;} div.wrapper div.footer blockquote {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #D6E1ED; text-align: left; background: #253E57;} div.wrapper div.footer blockquote p { padding: 5px 5px 0 5px;} /* STRUCTURE > FOOTER > NAVBAR /////////////////////////////////////////////////////*/ div.wrapper div.footer ul.navFooter { height: 25px; text-align: center; margin:0 auto 0 auto;} div.wrapper div.footer ul.navFooter li {list-style: none; display:inline; margin: 0 2px 0 2px;} div.wrapper div.footer ul.navFooter li.last {padding-left: 18%;} div.wrapper div.footer ul.navFooter li, div.wrapper div.footer ul.navFooter li a:link, div.wrapper div.footer ul.navFooter li a:active, div.wrapper div.footer ul.navFooter li a:visited, div.wrapper div.footer ul.navFooter li a:hover {font: 11px/25px Verdana, Arial, Helvetica, sans-serif; color:#999;} div.wrapper div.footer ul.navFooter li a:hover {text-decoration: underline; color:#609629;} /* STRUCTURE > FOOTER > COPYRIGHT /////////////////////////////////////////////////////*/ div.wrapper div.footer p.copyright {font: 11px/25px Verdana, Arial, Helvetica, sans-serif; color: #999; margin-top:20px;/*float:left;*/} /*div.wrapper div.footer span.xhtml { margin-top:20px; float:right; } /* STRUCTURE > MISC CLASSES /////////////////////////////////////////////////////*/ br.clear {clear: both; line-height: 0; 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: #609629;} p.basePowered a:hover {color: #609629; text-decoration: underline;} .warning {font: normal 11px Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 10px; color: #5E421E;} 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;} .bigWarning {font-size:16px;} 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 > MESSAGES /////////////////////////////////////////////////////*/ div.wrapper div.content .informationMessage, div.wrapper div.content .errorMessage, div.wrapper div.content .successMessage, .informationMessage {font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif; text-align:left; margin: 10px 20px 10px 20px; padding: 15px 15px 15px 45px; *height:1%; /* IE HACK */} div.wrapper div.content span.informationMessage, div.wrapper div.content span.errorMessage, div.wrapper div.content span.successMessage {display:block;} /* STRUCTURE > MISC CLASSES > MESSAGES > INFORMATION MESSAGE /////////////////////////////////////////////////////*/ div.wrapper div.content .informationMessage, .informationMessage {color: #135DA2; border: 5px solid #E6F3FB; background: #F9FDFF url(../images/design/bg_icon_information.gif) 10px center no-repeat;} div.wrapper div.content .informationMessage a:link, div.wrapper div.content .informationMessage a:active, div.wrapper div.content .informationMessage a:visited, div.wrapper div.content .informationMessage a:hover, .informationMessage a:link, .informationMessage a:active, .informationMessage a:visited, .informationMessage a:hover {color:#2E4E6B; text-decoration:underline;} div.wrapper div.content .informationMessage a:hover, .informationMessage a:hover {color:#000; text-decoration:none;} /* STRUCTURE > MISC CLASSES > MESSAGES > ERROR MESSAGE /////////////////////////////////////////////////////*/ div.wrapper div.content .errorMessage {color: #C10924; border: 5px solid #FFEAEA; background: #FFF9F9 url(../images/design/bg_icon_error.gif) 10px 10px no-repeat;} div.wrapper div.content .errorMessage a:link, div.wrapper div.content .errorMessage a:active, div.wrapper div.content .errorMessage a:visited, div.wrapper div.content .errorMessage a:hover {color:#C94601; text-decoration:underline;} div.wrapper div.content .errorMessage a:hover {color:#000; text-decoration:none;} /* STRUCTURE > MISC CLASSES > MESSAGES > SUCCESS MESSAGE /////////////////////////////////////////////////////*/ div.wrapper div.content .successMessage {color: #609629; border: 5px solid #F1F7D4; background: #F9FCEB url(../images/design/bg_icon_success.gif) 10px 10px no-repeat;} div.wrapper div.content .successMessage a:link, div.wrapper div.content .successMessage a:active, div.wrapper div.content .successMessage a:visited, div.wrapper div.content .successMessage a:hover {color:#4D6B2E; text-decoration:underline;} div.wrapper div.content .successMessage a:hover {color:#000; text-decoration:none;} /* 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: #003F7E;} /* STRUCTURE > MISC CLASSES > STANDARD BUTTON /////////////////////////////////////////////////////*/ ul.standardButton, ul.standardButton li, ul.standardButton li input, ul.standardButton li button {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 button, 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, ul.standardButton li button {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: #4A761F; text-transform: lowercase; padding: 2px 9px 2px 9px; display: block; border: 1px solid #EEE;} ul.iconNavbar li a:hover {color: #558624; border: 1px solid #BBDCA3; 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: #558624; border: 1px solid #558624;} ul.iconNavbar li.claimnavbarButton a:hover {color: #FFF; background: #40651B; border: 1px solid #40651B;} ul.iconNavbar li.promotionButton a:link, ul.iconNavbar li.promotionButton a:active, ul.iconNavbar li.promotionButton a:visited, ul.iconNavbar li.promotionButton a:hover {font: normal 10px Arial, Helvetica, sans-serif; color: #FFF; padding: 2px 9px 2px 9px; background: #0054A8; border: 1px solid #003F7E;} ul.iconNavbar li.promotionButton a:hover {color: #FFF; background: #003F7E; border:1px solid #002953;} ul.iconNavbar li.iconEmailButton a:link, ul.iconNavbar li.iconEmailButton a:active, ul.iconNavbar li.iconEmailButton a:visited, ul.iconNavbar li.iconEmailButton a:hover {padding-left:23px; background:url(../images/bt_send.gif) no-repeat 3px 50%;} ul.iconNavbar li.iconFavoritesButton a:link, ul.iconNavbar li.iconFavoritesButton a:active, ul.iconNavbar li.iconFavoritesButton a:visited, ul.iconNavbar li.iconFavoritesButton a:hover {padding-left:21px; background:url(../images/content/icon_favorites.gif) no-repeat 3px 50%;} ul.iconNavbar li.iconPrintButton a:link, ul.iconNavbar li.iconPrintButton a:active, ul.iconNavbar li.iconPrintButton a:visited, ul.iconNavbar li.iconPrintButton a:hover {padding-left:23px; background:url(../images/content/icon_print.gif) no-repeat 3px 50%;} /* 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; color:#003F7E; 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; background: url("../images/color/white_blue/bg_stepInactive.gif") 0 0 no-repeat;} ul.standardStep li.standardStepAD {width: auto; background: none; color: #3F631B;} ul.standardStep li.standardStepAD span {color: #609629;} 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:#609629;} /* 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; background: #FAFAFA; border: 3px solid #EEE;} 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: #609629; padding: 10px;} table.standardForm td input, table.standardForm td button, 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, table.standardForm td ul.standardButton button { width: 90px; font-weight: bold; color: #FFF; border: 0;} table.standardForm td ul.standardButton button {line-height:20px;} table.standardForm table td.standardFormButton {width: 100%;} /* STRUCTURE > MISC CLASSES > DYNAMIC CONTENT /////////////////////////////////////////////////////*/ div.dynamicContent { text-align: left; padding: 10px 15px 0 15px; font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif; color:#000;} div.dynamicContent p, div.dynamicContent h1, div.dynamicContent h2, div.dynamicContent h3, div.dynamicContent h4, div.dynamicContent h5, div.dynamicContent h6 {margin-bottom: 10px; font:normal 18px/24px Arial, Helvetica, sans-serif; color:#003F7E;} div.dynamicContent a:link, div.dynamicContent a:active, div.dynamicContent a:visited, div.dynamicContent a:hover {color:#003365} div.dynamicContent a:hover { text-decoration:underline;} /* 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: #77AA44; 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 PAGES > MISC CLASSES > PAGING /////////////////////////////////////////////////////*/ 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 RESULTS / DETAIL > MISC CLASSES /////////////////////////////////////////////////////*/ .controlPhoneShow, .controlFaxShow {visibility: visible;} .controlPhoneHide, .controlFaxHide {display: none;} /* STRUCTURE > MISC CLASSES > CATEGORY TREEVIEW /////////////////////////////////////////////////////*/ ul.categoryTreeview {list-style:none; padding:0 0 0 20px;} ul.categoryTreeview li.warning {font: bold 11px/35px Verdana, Arial, Helvetica, sans-serif; text-align:left; color: #135DA2; padding:0;} ul.categoryTreeview li.loading {font: bold 11px/35px Verdana, Arial, Helvetica, sans-serif; text-align:left; color: #135DA2; padding:0 0 0 35px; background:url(../images/img_loading.gif) no-repeat 0 0;} ul.categoryTreeview li {font:bold 10px/15px Verdana, Arial, Helvetica, sans-serif; color:#000; padding-bottom:3px;} ul.categoryTreeview li.categoryBullet {background:url(../images/design/bullet_subMenu.gif) no-repeat 3px 5px; padding-left:16px;} ul.categoryTreeview li a:link, ul.categoryTreeview li a:active, ul.categoryTreeview li a:visited, ul.categoryTreeview li a:hover {color:#000;} ul.categoryTreeview li a.categoryTitle:link, ul.categoryTreeview li a.categoryTitle:active, ul.categoryTreeview li a.categoryTitle:visited, ul.categoryTreeview li a.categoryTitle:hover {font-weight:bold; padding-left:3px;} ul.categoryTreeview li a.categoryOpen:link, ul.categoryTreeview li a.categoryOpen:active, ul.categoryTreeview li a.categoryOpen:visited, ul.categoryTreeview li a.categoryOpen:hover {background:#396D9D; font:bold 10px/11px Verdana, Arial, Helvetica, sans-serif; color:#FFF; padding:0 1px 0 1px; border:1px solid #2E4C6B; text-decoration:none;} ul.categoryTreeview li a.categoryOpen:hover {background:#2E4C6B; border:1px solid #003F7E;} ul.categoryTreeview li a.categoryClose:link, ul.categoryTreeview li a.categoryClose:active, ul.categoryTreeview li a.categoryClose:visited, ul.categoryTreeview li a.categoryClose:hover {background:#396D9D; font:bold 10px/11px Verdana, Arial, Helvetica, sans-serif; color:#FFF; padding:0 3px 0 3px; border:1px solid #2E4C6B; text-decoration:none;} ul.categoryTreeview li a.categoryClose:hover {background:#2E4C6B; border:1px solid #003F7E;} ul.categoryTreeview li a.categoryAdd:link, ul.categoryTreeview li a.categoryAdd:active, ul.categoryTreeview li a.categoryAdd:visited, ul.categoryTreeview li a.categoryAdd:hover {color:#609629; text-decoration:underline; font-weight:bold;} ul.categoryTreeview li ul {list-style:none; padding-left:15px;} /* MEMBERS STRUCTURE > PREVIEW NAVBAR /////////////////////////////////////////////////////*/ ul.basePreviewNavbar{height: 30px; padding: 0; margin: 0 0 10px 0; background: #FBFBFB; border: 1px solid #EEE;} 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; background:#FAFAFA;} 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; background: #FFF;} table.standard-tableTOPBLUE td.tableTOPBLUECheck table {margin: 0;} table.standard-tableTOPBLUE td.tableTOPBLUECheck * { width: auto; text-align: left; border: 0; background: #FFF;} 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;}