/* STRUCTURE > MISC /////////////////////////////////////////////////////*/ * {text-decoration: none; padding: 0; margin: 0; border: 0;} body {text-align: center; margin: 10px;} /* STRUCTURE > MAIN CONTENT /////////////////////////////////////////////////////*/ div.wrapper {width: 965px; margin: 0 auto 0 auto; padding: 10px;} /* STRUCTURE > HEADER /////////////////////////////////////////////////////*/ div.wrapper div.header {} /* STRUCTURE > HEADER > LOGO LINK /////////////////////////////////////////////////////*/ #hdr-lt {float: left; display: block; width: 365px; margin-bottom: 5px;} #hdr-rt {float: left; display: block; width: 600px;} #hdr-rt p {font: 11px/11px Arial, Helvetica, sans-serif; margin: 0 0 5px 0;} #hdr-rt a:link, #hdr-rt a:visited {color: #008e43;} #hdr-rt a:active, #hdr-rt a:hover {color: #003e1c;} /* STRUCTURE > HEADER > TOP BANNER /////////////////////////////////////////////////////*/ div.wrapper div.header blockquote.topBanner {} /* STRUCTURE > NEW NAVBAR /////////////////////////////////////////////////////*/ ul.navbar ul {/* IE6 Bug */ z-index:10000; } /* Fix IE. Hide from IE Mac \*/ * html ul.navbar li { float: left; height: 1%; } * html ul.navbar li a { height: 1%; } /* End */ ul.navbar ul li { margin:0; padding: 0; float:left; font:normal 12px/20px Arial, Helvetica, sans-serif !important; color:#FFF; text-indent:0;} ul.navbar li ul li a:link, ul.navbar li ul li a:active, ul.navbar li ul li a:visited, ul.navbar li ul li a:hover { padding: 0; margin:0; z-index:999; float:left; display:block; color:#FFF; font:normal 11px/15px Arial, Helvetica, sans-serif !important; text-indent:0;} ul.navbar ul ul { position:absolute; left:150px; top:0; } ul.navbar li:hover ul ul, ul.navbar li:hover ul ul ul, ul.navbar li.over ul ul, ul.navbar li.over ul ul ul { display: none; } /* Hide sub-menus initially */ ul.navbar li:hover ul, ul.navbar li li:hover ul, ul.navbar li li li:hover ul, ul.navbar li.over ul, ul.navbar li li.over ul, ul.navbar li li li.over ul { display: block; } /* The magic */ /* STRUCTURE > NAVBAR /////////////////////////////////////////////////////*/ div.wrapper ul.navbar {height: 34px; padding: 0; clear: both; position:relative; z-index:999; } div.wrapper ul.navbar li { margin: 0; float: left; list-style:none; color:#C9EAFF; /*width: 95px;*/ text-align:left; height: 34px; position: relative; } div.wrapper ul.navbar li.first { margin-left:12px; } div.wrapper ul.navbar li.leftCorner { list-style: none; margin: 0; float: left; width:25px; height:34px; background:#FFF url(../images/color/orange_green/bg_navbar_leftCorner.gif) no-repeat right; padding:0; } div.wrapper ul.navbar li.rightCorner { list-style: none; margin: 0; float: right; width:30px; height:34px; background:#FFF url(../images/color/orange_green/bg_navbar_rightCorner.gif) no-repeat left; padding:0; } div.wrapper ul.navbar li a, div.wrapper ul.navbar li a:link, div.wrapper ul.navbar li a:visited { font: bold 11px/34px Arial, Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; text-decoration: none; padding: 10px 5px; } div.wrapper ul.navbar li a:hover, div.wrapper ul.navbar li a:active, 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: #007b38; background: #fef5eb;} div.wrapper ul.subnavbar { float: left; position: absolute; top: 34px; left: 0; width:241px; height:auto; background: #03ae53; list-style:none; display:none; margin: 0 0 0 -40px; padding: 1px 0 2px 0; border: 1px solid #fff; /* Set 1px less than menu width */ } div.wrapper ul.navbar li ul.subnavbar li { background: none; padding: 0; margin: 0 2px; border-bottom: 1px solid #007b38;} div.wrapper ul.navbar li ul.subnavbar li a:link, div.wrapper ul.navbar li ul.subnavbar li a:active, div.wrapper ul.navbar li ul.subnavbar li a:visited { float: left; width: 110px; height: 35px; font: bold 11px/35px Arial, Verdana, Arial, Helvetica, sans-serif; color: #FFF; background: none; padding: 1px 2px 0 2px; } div.wrapper ul.navbar li ul.subnavbar li a:hover { color: #00401d; background: #fef5eb; } div.wrapper ul.navbar li ul.subnavbar li.backdrop { background: url(../images/bg_bottom_backdrop.gif) 0 0 no-repeat; height: 5px; line-height: 5px; } /* STRUCTURE > MAIN HEADER /////////////////////////////////////////////////////*/ #mhdr { width: 952px; margin: 0 auto; padding: 6px; background: #ebebeb; } #mhdr-lt { float: left; width: 206px; height: 203px; margin: 0; padding: 10px; background: #fff; font: normal 11px/14px Verdana, Arial, sans-serif; color: #666; text-align: left; } #mhdr-lt span { display: block; margin: 0; padding: 6px; background: #ff8000; font: bold 11px/12px Verdana, Arial, sans-serif; color: #fff; text-align: left; } .mhdr-bx { float: left; width: 100px; } #mhdr-rt { float: left; width: 708px; margin: 0 0 0 10px; padding: 2px; background: #fff; } /* STRUCTURE > CONTENT /////////////////////////////////////////////////////*/ div.wrapper div.content { margin:10px 0; padding: 10px; padding-top:10px; background:#FFF url(../images/color/orange_green/bg_content.gif) repeat-y 10px; } /* STRUCTURE > FRONT FEATURED LISTING /////////////////////////////////////////////////////*/ div.wrapper div.content div.frontListing { float:left; width:945px; background: #FFF; margin:0 auto 10px; display:block; padding: 0 0 10px; height:131px; z-index: 1; height: auto; } div.wrapper div.content div.frontListing ul.frontListing { list-style:none; float:left; display: block; margin:0; margin:0 37px 0 10px; /*IE FIX*/ _margin:0 24px 0 10px; z-index: 1;} div.wrapper div.content div.frontListing ul.frontListing li { list-style:none; float:left; padding:0; margin:0; display:block; clear:left; text-align:left; width:auto; z-index: 1; } div.wrapper div.content div.frontListing ul.frontListing a:link, div.wrapper div.content div.frontListing ul.frontListing a:visited { font: 11px Arial, Helvetica, sans-serif; color:#008e43; text-decoration:underline; background:url(../images/color/orange_green/bullet_bottomNavbar.gif) no-repeat left center; padding-left:12px; } div.wrapper div.content div.frontListing ul.frontListing a:active, div.wrapper div.content div.frontListing ul.frontListing a:hover { color:#003e1c; } div.wrapper div.content div.frontListing ul.frontListing a:hover { text-decoration:none; } div.wrapper div.content div.frontListing p { font:bold 15px Arial, Helvetica, sans-serif; color:#1fb256; text-align:left; } div.wrapper div.content div.frontListing a.buttonLeft:link, div.wrapper div.content div.frontListing a.buttonLeft:active, div.wrapper div.content div.frontListing a.buttonLeft:visited, div.wrapper div.content div.frontListing a.buttonLeft:hover { display:block; width:14px; height:135px; background:url(../images/design/bt_featured_sites_left.gif) repeat-y 0 50%; float: left; margin: 1px; } div.wrapper div.content div.frontListing a.buttonRight:link, div.wrapper div.content div.frontListing a.buttonRight:active, div.wrapper div.content div.frontListing a.buttonRight:visited, div.wrapper div.content div.frontListing a.buttonRight:hover { display:block; width:14px; height:135px; background:url(../images/design/bt_featured_sites_right.gif) repeat-y 0 50%; float: right; margin: 1px;} /* STRUCTURE > FRONT FEATURED CONTENT /////////////////////////////////////////////////////*/ div.wrapper div.content div.frontContent { display: block; float: left; width: 485px; height: 410px; background: #FFFFFF; margin: 0 0 10px 5px; padding: 10px; border: 7px solid #d7d7d7; } div.wrapper div.content div.frontContent ul.frontContentLeft { display: block; float: left; width: 250px; list-style: none; margin:10px 8px 5px 0; /*IE FIX*/ _margin:10px 0 0 0;} div.wrapper div.content div.frontContent ul.frontContentLeft li { display: block; float: left; clear: left; list-style: none; margin: 0; padding: 0; text-align: left; width: 300px; height: 20px; line-height: 20px; } div.wrapper div.content div.frontContent ul.frontContentLeft a:link, div.wrapper div.content div.frontContent ul.frontContentLeft a:visited { display: block; font: 11px/12px Arial, Helvetica, sans-serif; color: #008e43; text-decoration: underline; background:url(../images/color/orange_green/bullet_bottomNavbar.gif) no-repeat left center; padding-left: 12px; } div.wrapper div.content div.frontContent ul.frontContentLeft a:active, div.wrapper div.content div.frontContent ul.frontContentLeft a:hover { color: #003e1c; } div.wrapper div.content div.frontContent ul.frontContentRight { display: block; float: left; width: 217px; list-style: none; margin:10px 0 5px 0;} div.wrapper div.content div.frontContent ul.frontContentRight li { display: block; float: left; clear:left; list-style:none; padding:0; margin:0; text-align:left; width:217px; height: 20px; line-height: 20px; } div.wrapper div.content div.frontContent ul.frontContentRight a:link, div.wrapper div.content div.frontContent ul.frontContentRight a:visited { display: block; font: 11px/12px Arial, Helvetica, sans-serif; color: #008e43; text-decoration: underline; background:url(../images/color/orange_green/bullet_bottomNavbar.gif) no-repeat left center; padding-left: 12px; } div.wrapper div.content div.frontContent ul.frontContentRight a:active, div.wrapper div.content div.frontContent ul.frontContentRight a:hover { color: #003e1c; } div.wrapper div.content div.frontContent ul.frontContent a:hover { text-decoration:none; } div.wrapper div.content div.frontContent p { font:bold 18px/22px Arial, Helvetica, sans-serif; color:#ff8000; text-align:left; margin-bottom:10px; } div.wrapper div.content div.frontContent p.text { font:normal 12px/16px Arial, Helvetica, sans-serif; color:#333; text-align:left; padding:0; } /* STRUCTURE > QUICK VENUE SEARCH /////////////////////////////////////////////////////*/ div.wrapper div.content div.quickVenue { float:left; width:170px; background:#FFF; margin-right:3px; border:7px solid #d7d7d7; text-align:center; height:159px; overflow: hidden; } div.wrapper div.content div.quickTestimonials { float:left; width:170px; background:#FFF; margin-right:3px; border:7px solid #d7d7d7; text-align:center; height:288px; overflow: hidden; } div.wrapper div.content div.quickVenue p { font:bold 17px Arial, Helvetica, sans-serif; color:#ff8000; text-align:center; margin-top:5px; } div.wrapper div.content div.quickTestimonials h2 { font:bold 17px Arial, Helvetica, sans-serif; color:#ff8000; text-align:center; margin-top:5px; } div.wrapper div.content div.quickVenue form { width:135px; margin:0 auto; } div.wrapper div.content div.quickVenue form dl, div.wrapper div.content div.quickVenue form dl dd { margin:0; } div.wrapper div.content div.quickVenue form dl dd select { width:130px; text-align:center; margin:5px 0; border:solid 1px #7F9DB9; font-size:11px; } div.wrapper div.content div.quickVenue form ul.quickVenue { width:135px; margin:0 auto; } div.wrapper div.content div.quickVenue form ul.quickVenue li { list-style:none; width: 86px; font:bold 12px/19px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; background: url(../images/color/orange_green/bg_searchBox.gif) no-repeat center; border: 0; margin:0 auto;} div.wrapper div.content div.quickVenue form ul.quickVenue li a { text-decoration:none; color:#fff; } /* STRUCTURE > CONTENT > GENERAL FEATURED DISPLAY /////////////////////////////////////////////////////*/ /* DISPLAY */ div.featuredDisplay { padding:10px; margin:0 5px 10px 5px; border: 7px solid #d7d7d7; background:#FFF; height:1%;} div.featuredDisplay img { float:left; margin:15px 10px 0 0; } div.featuredDisplay p, div.featuredDisplay p.text { font:normal 12px/16px Arial, Helvetica, sans-serif; color:#333; text-align:left; padding:2px 0; } div.featuredDisplay p span { float:left; margin-right:10px; line-height:14px; } div.featuredDisplay p.title { font:bold 18px/22px Arial, Helvetica, sans-serif; color:#ff8000; margin-bottom:10px; } div.featuredDisplay p a:link, div.featuredDisplay p a:active, div.featuredDisplay p a:visited, div.featuredDisplay p a:hover { color:#F88E20; text-decoration:underline; float: left; } div.featuredDisplay p a:hover { text-decoration:none; } ul.featuredDisplay { margin:10px 0 0 0; float:right; } ul.featuredDisplay2 { margin:10px auto 0 auto; width: 86px; } ul.featuredDisplay li { list-style:none; width: 86px; font:bold 12px/19px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; background: url(../images/color/orange_green/bg_searchBox.gif) no-repeat center; border: 0; } ul.featuredDisplay2 li { list-style:none; width: 86px; font:bold 12px/19px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; background: url(../images/color/orange_green/bg_searchBox.gif) no-repeat center; border: 0; } ul.featuredDisplay li a { text-decoration:none; color:#fff;} ul.featuredDisplay2 li a { text-decoration:none; color:#fff;} /* DISPLAY TESTEMONIALS */ div.featuredDisplayTestimonials { padding:5px; margin:0 5px 10px 5px; border: 7px solid #d7d7d7; background:#FFF; height:1%; } div.featuredDisplayTestimonials { /* font:normal 11px/11px Arial, Helvetica, sans-serif; color:#A8A8A8; text-align:left; padding:2px 0; */ } div.featuredDisplayTestimonials p.title { font:bold 18px/22px Arial, Helvetica, sans-serif; color:#ff8000; text-align: left; margin-bottom:10px;} div.featuredDisplayTestimonials div h1, div.featuredDisplayTestimonials div h2, div.featuredDisplayTestimonials div h3, div.featuredDisplayTestimonials div h4, div.featuredDisplayTestimonials div h5, div.featuredDisplayTestimonials div h6 { /* font-size:14px; line-height:20px; font-weight:bold; color:#006531; */ } /* DISPLAY ARTICLES */ div.featuredDisplayArticle { padding:10px; margin:0 5px 10px 5px; border: 7px solid #d7d7d7; background:#FFF; clear:both; height:1%; } div.featuredDisplayArticle blockquote { float:left; } div.featuredDisplayArticle img { float:left;margin:15px 10px 0 0; } div.featuredDisplayArticle p, div.featuredDisplayArticle p.text { font:normal 12px/16px Arial, Helvetica, sans-serif; color:#333; text-align:left; padding:0; } div.featuredDisplayArticle p span { float:left; margin-right:10px; } div.featuredDisplayArticle p.title { font:bold 18px/22px Arial, Helvetica, sans-serif; color:#ff8000; margin-bottom:10px; } div.featuredDisplayArticle a.title:link, div.featuredDisplayArticle a.title:active, div.featuredDisplayArticle a.title:visited, div.featuredDisplayArticle a.title:hover { font:bold 12px Arial, Helvetica, sans-serif; color:#006531; margin:0; padding:0; display:block; } div.featuredDisplayArticle p a.readMore:link, div.featuredDisplayArticle p a.readMore:active, div.featuredDisplayArticle p a.readMore:visited, div.featuredDisplayArticle p a.readMore:hover { float:none; color:#F88E20; text-decoration:underline;} div.featuredDisplayArticle p a.readMore:hover { text-decoration:none;} div.featuredDisplayArticle p a:hover { text-decoration:none; } /* STRUCTURE > CONTENT > LEFT CONTENT /////////////////////////////////////////////////////*/ div.wrapper div.content blockquote.leftContent {/*width: 200px; margin: 0 15px 0 0;*/ width:200px; margin:0; padding:0 5px 0 5px; text-align: left; float: left; border: 7px solid #d7d7d7; background:#FFF;} 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 > BOOK BOX /////////////////////////////////////////////////////*/ div.books { padding:10px; margin:0;} div.books h1 {font: bold 18px/22px Arial, Helvetica, sans-serif; padding:0; margin: 0; color: #ff8000;} div.books a:link, div.books a:active, div.books a:visited, div.books a:hover { font: normal 10px Verdana, Arial, Helvetica, sans-serif; text-align:left; text-decoration: underline; display: block; color:#008e43; } div.books a:hover { text-decoration:none; } /* 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: #4E9DCE; text-align:center; padding: 5px 0 5px 0; display: block; background: #ebebeb; border-bottom: 1px solid #d7d7d7;} 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: #000; background: #fff; border: 1px solid #d7d7d7; border-bottom: 0;} ul.searchTab li.tab-inactive a, ul.searchTab li.tab-inactive a:link, ul.searchTab li.tab-inactive a:visited {color: #666;} ul.searchTab li.tab-inactive a:active, ul.searchTab li.tab-inactive a:hover { color: #000;} /* STRUCTURE > CONTENT > LEFT CONTENT > SEARCH CONTENT /////////////////////////////////////////////////////*/ div.wrapper div.content blockquote.leftContent p.standardTitle {font: normal 18px/20px Arial, Helvetica, sans-serif; padding:0; margin: 10px 0 10px 0;} div.wrapper div.content blockquote.leftContent p.standardTitle span {color: #1fb256;} dl.simpleSearch {font: normal 11px/normal Verdana, Arial, sans-serif; color: #000; margin-bottom: 10px; clear: both; background: #fff; border: 1px solid #d7d7d7; border-top: 0;} dl.simpleSearch dd, dl.simpleSearch dt {padding: 0 10px 0 10px;} dl.simpleSearch dt.label, dl.simpleSearch dd p.label {color: #000; padding-top: 5px; padding-bottom: 5px;} dl.simpleSearch dd input, dl.simpleSearch dd select {width: 96%; font: normal 10px Verdana, Arial, sans-serif; color: #000; padding: 2px; background: #FFF; border: 1px solid #d7d7d7; } 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 {margin-top: 10px; margin-bottom: 10px;} dl.simpleSearch dd ul.standardButton li input, dl.simpleSearch dd ul.standardButton li button, 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: 82px; font:bold 12px/19px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; background: url(../images/color/orange_green/bg_searchBox.gif) no-repeat center; border:none;} dl.simpleSearch dd ul.standardButton li button { margin:0 0 0 3px; } dl.simpleSearch dd ul.standardButton li a { margin:5px 0 0 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 dd {font: normal 9pt Arial, Verdana, sans-serif; text-align: left; padding: 5px 0 0 0;} dl.base-join form {padding: 5px 0 5px 0;} dl.base-join table.table-login {width: 100%; text-align: left; margin: 0 auto 0 auto;} dl.base-join table.table-login td, dl.base-join table.table-login th {font: normal 10px/18px Verdana, Arial, sans-serif; color: #000; padding: 2px;} dl.base-join table.table-login th { width: 65px; text-align: right; color: #919191; text-transform: lowercase; } dl.base-join table.table-login input {width: 105px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #2C5783; padding: 2px; background: #DEE9F3; border-top: 1px solid #6699CC; border-left: 1px solid #6699CC;} 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: #006531 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 {font: normal 11px/12px Verdana, Arial, Helvetica; 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/12px 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:#1fb256; padding: 5px 5px 5px 7px; margin: 0 0 3px 0; border-bottom: 1px solid #EEE; background: url("../images/design/bullet_heresChicago_Arrows.gif") 0 9px no-repeat;} 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: 530px; height:auto; float: left; /*margin: 0 15px 0 0;*/ margin:0; border: 0; padding:0 3px 0 3px; /*padding-bottom:10px;*/} /* 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: 77.1%; float: left; margin: 0; border: 0;} /* STRUCTURE > CONTENT > RIGHT CONTENT (THIRD COLUMN) /////////////////////////////////////////////////////*/ div.wrapper div.content blockquote.rightContent {width: 160px; 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 > BANNER IMAGE /////////////////////////////////////////////////////*/ .rightBanner {margin-top: 20px; padding-bottom: 10px; text-align: center; text-decoration: none;} .rightBanner h4 {font: bold 16px/14px Arial, Helvetica, sans-serif; color: #888; text-align: left; padding: 0 40px;} .rightBanner img {margin: 5px 0; border: 7px solid #d7d7d7;} .rightBanner object {margin: 5px 0; border: 7px solid #d7d7d7; display:block;} .rightBanner span {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-align: center; padding: 0px 5px 0 0px; display: block;} .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 {margin: 5px 0; border: 7px solid #d7d7d7; } /* 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; } .bannerleftText a.baseRightBanner h1 {font: bold 14px Arial, Helvetica, sans-serif; text-align:left; color: #006531; padding: 0 0 5px 0; margin: 0;} .bannerleftText a.baseRightBanner h2 {font: normal 10px Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; color: #008e43; padding: 0; margin:0;} .bannerleftText a.baseRightBanner h3.right-banner-url, blockquote.rightContent .bannerleftText a.baseRightBanner h3.right-banner-url {font: normal 10px Verdana, Helvetica, sans-serif; margin:0; padding:0; text-align:left; text-decoration: underline; color: #008e43;} .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:center; color:#006531; display:block; padding:0 5px 0 0;} .bannerleftText a.sponsoredLinks-buy:hover {color:#000; text-decoration:underline;} /* STRUCTURE > FOOTER > MAIN NAVBAR /////////////////////////////////////////////////////*/ div.wrapper div.mainBottom { width:900px; text-align:center; margin:0 auto; } div.wrapper div.mainBottom ul.bottomNavbar { width:auto; float:left; background:none; padding:10px 20px; margin:0; border-right:dotted #727272 1px; } div.wrapper div.mainBottom ul.last { border-right:none; } div.wrapper div.mainBottom ul.first { margin-left:40px; /*IE FIX*/ _margin-left:0; } div.wrapper div.mainBottom ul.bottomNavbar li { background:url(../images/color/orange_green/bullet_bottomNavbar.gif) no-repeat left 8px; list-style:none; float:left; padding:0; padding-left:12px; margin:2px 0; display:block; clear:left; width:158px; text-align:left; } div.wrapper div.mainBottom ul.bottomNavbar li a:link, div.wrapper div.mainBottom ul.bottomNavbar li a:active, div.wrapper div.mainBottom ul.bottomNavbar li a:visited, div.wrapper div.mainBottom ul.bottomNavbar li a:hover { font: 12px/18px Arial, Helvetica, sans-serif; color:#008e43; text-decoration:underline; } div.wrapper div.mainBottom ul.bottomNavbar li a:hover { color:#003e1c; text-decoration:underline; } /* STRUCTURE > FOOTER /////////////////////////////////////////////////////*/ div.wrapper div.footer { clear: both; padding: 10px;} html>body div.wrapper div.footer { width:auto; } div.wrapper div.footer p { font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #ebebeb; } div.wrapper div.footer a:link, div.wrapper div.footer a:active, div.wrapper div.footer a:visited, div.wrapper div.footer a:hover { color:#666; text-decoration:none; } div.wrapper div.footer a:hover { color:#333; text-decoration:none; } /* STRUCTURE > FOOTER > NAVBAR /////////////////////////////////////////////////////*/ div.wrapper div.footer ul.navFooter { width:900px; text-align: center; margin:0 auto 0 auto;} div.wrapper div.footer ul.navFooter br { line-height:0; font-size:0; height:0; } div.wrapper div.footer ul.navFooter li {list-style: none; float:left; margin: 1px 2px; text-decoration:none; font-size:10px; color:#606060; } div.wrapper div.footer ul.navFooter li.middleLine {padding-left: 50px;} div.wrapper div.footer ul.navFooter li.middleLine2 {padding-left: 26px;} div.wrapper div.footer ul.navFooter li.middleLine3 {padding-left: 20px;} div.wrapper div.footer ul.navFooter li.lastLine {padding-left: 160px;} 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/11px Arial, Helvetica, sans-serif; color:#606060; padding:0; text-decoration:underline;} div.wrapper div.footer ul.navFooter li a:hover { text-decoration:none; } ul.buttonADYour { width:auto; text-align: left; margin:0 auto 0 auto; overflow: hidden; padding: 5px 0 0 7px; } ul.buttonADYour li { font-family: Arial, Helvetica, sans-serif; list-style: none; margin: 7px 2px; text-decoration:none; font-size:15px; color:#606060; padding: 9px 0 8px 10px; font-weight: bold; background: url(../images/bt_submit_your.gif) no-repeat 0 0; text-align:left; width:auto; } ul.buttonADYour li a, ul.buttonADYour li a:visited { color:#FFF; display: block; } ul.buttonADYour li a:hover { color: #3366CC; } /* STRUCTURE > FOOTER > COPYRIGHT /////////////////////////////////////////////////////*/ div.wrapper div.footer p.copyright {font: 11px/12px Arial, Helvetica, sans-serif; color: #666; margin-top:20px;} /* STRUCTURE > MISC CLASSES /////////////////////////////////////////////////////*/ br.clear {clear: both; line-height: 0; height: 0; font-size: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: #FD8C1A;} p.basePowered a:hover {color: #FD8C1A; 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:#FD8C1A;} h1.standardTitle span, p.standardTitle span {color: #FD8C1A;} /* 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: #006531 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: #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; 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/design/bullet_heresChicago_Default.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: #3F631B;} ul.standardStep li.standardStepAD span {color: #FD8C1A;} 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:#FD8C1A;} /* 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.checkboxtd { color: #555555; font-size: 10px; font-weight: normal; padding-left: 35px; text-align: right; white-space: nowrap; width: 16px; } table.standardForm th.standardFormTitle {font-size: 11px; font-weight: bold; text-align: left; color: #FD8C1A; padding: 10px; width: auto; } table.standardForm td input, table.standardForm td textarea { width:95%; 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%;} table.standardForm .extraoptions_comments {width:650px;} table.standardForm .textcounter {width:5%; float:right;} table.standardForm .textcounter_label {width:8%; float:right; padding: 10px;} /* 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; text-align:left;*/} 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: #1fb256; 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: #FD8C1A; font-weight: bold; text-decoration: none; white-space: nowrap;} ul.rating li.ratingText a:hover {color: #FD8C1A;} /* 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 {visibility: visible;} .controlPhoneHide, .controlFaxHide {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 40px 8px 10px; border: 0;} ul.basePreviewNavbar li a:hover{color: #9B350C;} ul.basePreviewNavbarSample{height: 30px; padding: 0; margin: 0 0 10px 0; } ul.basePreviewNavbarSample li{list-style: none; float: right;} ul.basePreviewNavbarSample li a:link, ul.basePreviewNavbarSample li a:active, ul.basePreviewNavbarSample li a:visited, ul.basePreviewNavbarSample li a:hover{background: url("../images/bt_back.gif") 94% 50% no-repeat; font: normal 10px Arial, Helvetica, sans-serif; color: #000; display: block; padding: 8px 40px 8px 10px; border: 0;} ul.basePreviewNavbarSample 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;} .categories { height:100%; overflow:hidden; padding:5px 10px 15px; } .categories .categoriesColumnList { float:left; padding:0 10px 0 0; width:30%; }