/* STRUCTURE > MISC /////////////////////////////////////////////////////*/ * {text-decoration: none; padding: 0; margin: 0; border: 0;} body {text-align: center; background: #FFF;} /* STRUCTURE > MAIN CONTENT /////////////////////////////////////////////////////*/ div.wrapper {width: 968px; margin: 0 auto 0 auto; background: #FFF; position:relative;} /* STRUCTURE > HEADER LOGIN /////////////////////////////////////////////////////*/ div.headerLoginHolder {position:relative; height:23px; background:#EEE url(../images/design/bg_headerloginholder.gif) 0 0 repeat-x;} div.headerLoginHolderLeft {width:50%; background:#054079; position:absolute; left:0; top:0; height:23px;} div.wrapper ul.headerLogin {width: 100%; height: 23px; margin: 0; padding:0; background:#FFF url(../images/design/bg_headerLogin.gif) 0 0 no-repeat; text-align:right;} div.wrapper ul.headerLogin li {list-style: none; margin:0; margin-left:10px; text-transform:uppercase; display:inline;} div.wrapper ul.headerLogin a:link, div.wrapper ul.headerLogin a:active, div.wrapper ul.headerLogin a:visited, div.wrapper ul.headerLogin a:hover {font: bold 9px/21px Tahoma, Arial, Helvetica, sans-serif; color: #787676;} div.wrapper ul.headerLogin a:hover {color: #000;} /* STRUCTURE > HEADER /////////////////////////////////////////////////////*/ div.headerHolder, div.headerHolder div.wrapper { background:#054079; } div.wrapper div.header {height: 92px; position: relative;} /* STRUCTURE > HEADER > LOGO LINK /////////////////////////////////////////////////////*/ div.wrapper div.header a.logoLink {width: 220px; height: 92px; text-decoration: none; position:absolute; left:0; top:0;} /* STRUCTURE > HEADER > TOP BANNER /////////////////////////////////////////////////////*/ div.wrapper div.header blockquote.topBanner { position: absolute; top: 16px; right: 10px;} /* STRUCTURE > NAVBAR /////////////////////////////////////////////////////*/ div.navbarHolder {height:25px; background:url(../images/design/bg_navbar.gif) 0 0 repeat-x;} div.wrapper ul.navbar {height: 25px; padding:0; margin:0; clear: both; background:url(../images/design/bg_navbar.gif) 0 0 repeat-x;} div.wrapper ul.navbar li {list-style: none; margin: 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 {font: bold 11px/25px Tahoma, Arial, Helvetica, sans-serif; color: #787676; text-decoration: none; text-transform: uppercase; padding:0 15px; display: block;} 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: #FFF; background:#A7D2E5;} /* STRUCTURE > CONTENT /////////////////////////////////////////////////////*/ div.wrapper div.content {padding: 10px; background: none;} /* 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: normal 18px/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 > LEFT CONTENT > SEARCH DIFFERENCES /////////////////////////////////////////////////////*/ div.simpleSearch div#tab2 select {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: lowercase; 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 {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; 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 > LEFT CONTENT > INDUSTRY ASSOCIATION /////////////////////////////////////////////////////*/ div.association {width:200px; margin:0; margin-top:20px; padding:0; text-align:center; overflow:hidden;} div.association p {color:#007BAA; font: bold 11px/15px Arial, Helvetica, sans-serif; margin:0; padding:0;} div.wrapper div.content blockquote.leftContent div.association img, div.wrapper div.content blockquote.leftContent div.association object, div.wrapper div.content blockquote.articleLeftContent div.association img, div.wrapper div.content blockquote.articleLeftContent div.association object, div.wrapper div.content blockquote.articleRightContent div.association img, div.wrapper div.content blockquote.articleRightContent div.association object {border:0; 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: 54%; height:auto; float: left; margin: 0 15px 0 0; border: 0; padding-bottom:10px; background: none;} /* STRUCTURE > CONTENT > MIDDLE CONTENT > BANNER BOTTOM /////////////////////////////////////////////////////*/ blockquote.bottomBanner /*{ width: clear: both; margin: 0 auto 0 auto; padding: 10px 0 0 0; border: 0; text-align:center;}*/ {clear: both; width:728px; margin:0; padding:0; padding-top:10px; float:right;} 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;} 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: #ffffff;} .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; width:723px; margin:0; padding:10px 10px 0 0; float:right;} /* 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: 20px; text-align: right;*/ float:right; margin:0; padding:0; padding-left:7px; background:url(../images/design/bg_footer_left.gif) 0 0 no-repeat;} div.wrapper div.footer ul.navFooter li {list-style: none; /*display:inline;*/ float:left; margin:0; margin-right:5px; background:url(../images/design/bg_footer_right.gif) 100% 0 no-repeat;} /* div.wrapper div.footer ul.navFooter li.last {padding-left: 18%;} */ 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: 10px/20px Verdana, Arial, Helvetica, sans-serif; color:#999; margin:0; padding:0 5px; background:url(../images/design/bg_footer_left_a.gif) 0 0 no-repeat; display:block;} div.wrapper div.footer ul.navFooter li a:hover {text-decoration: underline; /*color:#609629;*/} div.wrapper div.footer ul.navFooter li a.first:link, div.wrapper div.footer ul.navFooter li a.first:active, div.wrapper div.footer ul.navFooter li a.first:visited, div.wrapper div.footer ul.navFooter li a.first:hover {background:none; padding-left:0;} div.wrapper div.footer ul.navFooter li.last {background:url(../images/design/bg_footer_right_a.gif) 100% 0 no-repeat; display:block; padding-right:2px; margin:0;} /* STRUCTURE > FOOTER > COPYRIGHT /////////////////////////////////////////////////////*/ div.wrapper div.footer p.copyright {font: 11px/25px Verdana, Arial, Helvetica, sans-serif; clear:both; text-align:left; color: #7A94A4; margin:4px 0 10px 0; padding:0; padding-top:10px; background:url(../images/design/bg_copyrights.gif) 0 0 no-repeat;} div.wrapper div.footer p.copyright span {margin-left:20px;} /*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;} /* 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 > CUSTOM FORM (FEEDBACK) /////////////////////////////////////////////////////*/ table.customForm {width: 95%; font: normal 10px Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 0 auto; background: #FAFAFA; border: 3px solid #EEE;} table.customForm th, table.customForm td {padding: 5px;} table.customForm th, table.customForm th label {font-size: 10px; white-space: nowrap; color: #555; /*padding-left: 35px*/; text-align: right; font-weight: normal; width:40%;} table.customForm td {width:60%;} table.customForm td input, table.customForm td button, table.customForm 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; text-align:left;} table.customForm td input.radio, table.customForm td input.checkbox {width:10px; border:0;} table.customForm td input.smallInput { width: 100px;} table.customForm td ul.standardButton { width: 70px; float: right;} table.customForm td ul.standardButton input, table.customForm td ul.standardButton button { width: 70px; font-weight: bold; color: #FFF; border: 0;} table.customForm td ul.standardButton button {line-height:20px; text-align:center;} table.customForm 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;}