/* Copyright (c), 2004-2010 SustainableCircles Corp. All rights reserved. */
.sl-c{position:relative;}
.sl-c{_position:static;}
.sl-main .sl-b{position:static;}
.sl-main {width:100%;}
.sl-c,
.sl-main .sl-b {
word-wrap: break-word;
}
.yui-t300r, .sl-t310r{
margin:auto;text-align:left;
}
.yui-t300r #yui-main{float:left;margin-right:-301px; }
.yui-t300r .yui-b {float:right;width:300px;}
.yui-t300r #yui-main .yui-b {margin-right:300px;}
.rightDivider .yui-b{border-left: 1px solid #87827C}
.rightDivider #yui-main .yui-b{border-left: none; border-right: 1px solid #87827C; }
.yui-t300r .yui-b {word-wrap: break-word; }
.sl-t310r .sl-main{float:left;margin-right:-301px; }
.sl-t310r .sl-c {float:right;width:300px;}
.sl-t310r .sl-main .sl-b {margin-right:300px;}
.sl-main .sl-b .content{
padding: 0 1em;
}
.sl-t200l .sl-main{float:right;margin-right: 0px;margin-left:-201px; }
.sl-t200l .sl-c {float:left;width:200px; margin: 0}
.sl-t200l .sl-main .sl-b{margin-left:200px; margin-right: 0}
.sl-t180l .sl-main{float:right;margin-right: 0px;margin-left:-180px; }
.sl-t180l .sl-c {float:left;width:180px; margin: 0}
.sl-t180l .sl-main .sl-b{margin-left:180px; margin-right: 0}
.sl-main .sl-b{float:none;width:auto;}
.show_popup{
display: block;
position: absolute;
}
.popupModule .box_body{
margin: 0 12px;
position: relative;
_width:20em;
_margin: 0 6px;
}
.popupModule .innerbox{
border: 1px solid #87827C;
background-color: #FFF;
}
.popupModule .box_head{
background-color: #4F862A;
color: white;
font-weight: bold;
padding: 0.3em 0 0.3em 12px;
font-size:107.693%;
}
.popupModule .closeLink {
text-align: right;
}
.popupModule .closeLink a, .popupModule .close{
font-weight: bold;
padding: 0 2px;
display: block;
}
.popupModule .close_x{
font-family:arial,sans-serif;
font-size: 20px;
position:relative;
top:2px;
}
.popupModule .close{
position: absolute;
bottom: 0;
right: 0;
}
.popupModule .closeLink a:hover,.popupModule .close:hover {
background-color: #0E7299;
color: #FFFFFF;
text-decoration: none;
}
.popupModule label,
.popupModule input,
.popupModule textarea {
display: block;
}
.popupModule label {
font-size: 85%;
font-weight: bold;
color: #417018;
margin-top: 0.5em;
}
.popupModule input,
.popupModule textarea {
margin-bottom:7px;
}
.popupModule .textfield {
width: 26em;
}
body {
_behavior: url("rev/1/styles/v2/lib/ext/csshover.htc");
}
.sb_hov {
position: relative;
z-index: 21;
}
.sb_popup {
display: none;
position: absolute;
top: 16px;
background-color: #FFF;
z-index: 10;
text-align: left;
}
div.sb_hov:hover .sb_popup {
display: block;
}
.sb_toolbar {
XXXwidth: 150px;
margin-right: 0.8em;
height: 18px;
}
.sb_toolbar .mainSite{
display:block;
background-image: url(../../img/v2/icons/dash_social_01.png);
outline-style:none;
text-indent:-9999px;
background-repeat: no-repeat;
background-position: left center;
width: 20px;
height: 18px;
float:left;
margin-right:4px;
font-size: 0px;
}
.sb_toolbar .sb_more{
background: transparent url(../../img/v2/icons/dash_social_01.png) no-repeat -68px 0px;
width: 47px;
height: 18px;
}
.sb_hov {
float: left;
}
.sb_popup {
border: 1px solid black;
padding: 3px;
font-size: 12px;
min-width:20em;
}
.sb_popup table {
margin-bottom: 0;
}
.sb_popup td {
border: none;
padding: 3px;
white-space: nowrap;
}
.sb_popup td a{
_zoom: 1;
}
.sb_popup td a{
padding-left: 20px;
background-repeat: no-repeat;
background-position: left center;
}
.sb_popup a:hover {
text-decoration: none;
background-color: yellow;
}
.sb_toolbar .sb_rss {
background-image: url(http://www.google.com/images/feed-icon.gif);
}
.sb_toolbar .sb_twitter {
background-position: -22px 0;
}
.sb_toolbar .sb_facebook {
}
.sb_toolbar .sb_stumbleupon {
background-position: -45px 0;
}
.sb_toolbar .sb_digg{
background-image: url(http://digg.com/img/badges/16x16-digg-guy.gif);
}
.sb_toolbar .sb_delicious {
background-image: url(http://icons.iconarchive.com/icons/fasticon/social-bookmark/delicious-16x16.png);
}
.sb_toolbar .sb_technorati {
background-image: url(http://icons.iconarchive.com/icons/fasticon/social-bookmark/Technorati-16x16.png);
}
.sb_toolbar .sb_google {
background-image: url(http://icons.iconarchive.com/icons/fasticon/web-2/Google-16x16.png);
}
.sb_toolbar .sb_netscape {
background-image: url(http://icons.iconarchive.com/icons/benjigarner/softdimension/Netscape-16x16.png);
}
.sb_toolbar .sb_yahoo {
background-image: url(http://www.yahoo.com/favicon.ico);
}
.sb_toolbar .sb_msn {
background-image: url(http://www.iconarchive.com/images/win.gif);
}
.sb_toolbar .sb_kaboodle {
background-image: url(http://www.webapplist.com/favicons/kaboodle.gif);
}
.sb_toolbar .sb_fark {
background-image: url(http://www.fark.com/favicon.ico);
}
.sb_toolbar .sb_mybloglog {
background-image: url(http://www.mybloglog.com/buzz/images/imybloglog.png);
}
.sb_toolbar .sb_reddit {
background-image: url(http://icons.iconarchive.com/icons/fasticon/social-bookmark/Reddit-16x16.png);
}
.sb_toolbar .sb_slashdot {
background-image: url(http://images.slashdot.org/badge_slashdot.png);
}
.sb_toolbar .sb_newsvine {
background-image: url(http://icons.iconarchive.com/icons/fasticon/social-bookmark/Newsvine-16x16.png);
}
.sb_toolbar .sb_misterwong {
background-image: url(http://www.vbseo.com/images/vbseo/mister-wong.gif);
}
.sb_toolbar .sb_blinklist {
background-image: url(http://icons.iconarchive.com/icons/fasticon/social-bookmark/Blinklist-16x16.png);
}
.sb_toolbar .sb_spurl {
background-image: url(http://www.spurl.net/img/spurlnet_favicon.gif);
}
.sb_toolbar .sb_furl {
background-image: url(http://icons.iconarchive.com/icons/fasticon/social-bookmark/Furl-16x16.png);
}
.sb_toolbar .sb_magnolia {
background-image: url(http://i228.photobucket.com/albums/ee241/security2009/ma.png);
}
.sb_toolbar .sb_simpy {
background-image: url(http://i4.photobucket.com/albums/y141/librarysupporter/simpyIcon.gif);
}
#nls{
padding: 0.5em;
background-color: #FFFFFF;
border: 1px solid #E5E5CC;
margin-top: 1.5em;
}
#nls .nls_e_l{
clear: both;
margin-left: 3px;
margin-bottom: 0.5em;
}
#nls #nls_e{
width: 140px;
}
#nls small{
display: block;
text-align: center;
}
#nls .util{
padding-top: 0.5em;
}
#nls .util_1{
margin-right: 3em;
}
#nls .nls_e_l label{
font-weight: bold;
color: #0AB5DD;
line-height: 100%;
width: 6em;
float: left;
}
#nls label{
font-size:92.308%;
}
.header_default_actions h2{
margin: 0.5em 0;
text-align: center;
}
.action_tabs{
width: 100%;
margin-bottom: 1.5em;
}
.action_tabs td{
background: transparent url("../../img/v2/tabs/dashboard_button_split_tr.gif") no-repeat left -55px;
text-align: center;
}
.action_tabs td a{
font-size: 92.308%;
font-weight: bold;
display: block;
padding: 5px 0;
background: transparent url("../../img/v2/tabs/dashboard_button_split_tr.gif") no-repeat right top;
height: 34px;
}
.action_tabs td:hover{
background-color: #F2FBEA;
text-decoration: none;
}
body {
_behavior: url("rev/1/styles/v2/lib/ext/csshover.htc");
}
.expandable_hov {
position: relative;
z-index: 22;
}
.expandable_hov .expandable_popup {
display: none;
position: absolute;
background-color: #FFF;
z-index: 10;
}
.expandable_hov:hover .expandable_popup {
display: block;
}
.categories UL {
width: 17em;
}
.categories UL{
border-right: 4px solid #FFFFFF;
border-bottom: 4px solid #FFFFFF;
}
.categories .box_head{
border-color: #78A055;
}
.categories .box_head a{
color: #4F862A;
}
.categories .box_head a:hover {
color: #603813;
}
.header_nav2 {
margin: auto;
clear: both;
}
.header_nav2 .categories{
float: left;
}
.header_nav2 .categories .box_head{
width: 12em;
}
.header_nav2 .header_search{
width: 300px;
float: right;
position: relative;
}
.header_nav2 .center{
width: 100%;
float: left;
}
.header_nav2 .cat_margin {
margin-left: -12em;
}
.header_nav2 .cat_margin .nav_container{
margin-left: 12em;
}
.header_nav2 .search_margin{
margin-right: -310px;
}
.header_nav2 .search_margin .nav_container{
margin-right: 310px;
}
.article{
line-height: 1.462;
}
.article h2 {
color: #000;
font-size: 123.077%;
}
.article h1,.article h2,.article h3 {
margin: 0.8125em 0;
}
.article h1,.article h2,.article h3,.article strong {
font-weight: bold;
}
.article em {
font-style: italic;
font-weight: inherit;
}
.article strong{
font-style: inherit;
}
.article p {
margin: 1em 0;
clear: left;
}
.article em strong{*font-style: italic;}
.article strong em{*font-weight: bold;}
.article blockquote,.article ul,.article ol {
margin: 1em;
padding: 0;
}
.article ol,.article ul,.article blockquote {
margin-left: 3em;
}
.article ol li {
list-style: decimal outside;
}
.article ul li {
list-style: disc outside;
}
.article embed, .article .FCK__Flash{
display: block;
margin: 1em auto;
width: 400px;
height: 326px;
clear: both;
}
.article img{
margin: 0.2em 1em 0.2em 0;
clear: both;
}
.comment_form textarea{
width: 100%;
height: 5em;
border: 2px solid #cccccc;
background-image: url(../../img/icons/thankYouForCommenting.PNG);
background-position: bottom right;
background-repeat: no-repeat;
}
.comment_form .buttons{
text-align: right;
padding-top:1em;
}
.comment_form form{
width: 94%;
}
.comment_form .title .comment_warning{
float: right;
margin-top: 11px;
margin-bottom: 1px;
font-weight: normal;
}
.comment_form #characters_over{
background-color: yellow;
}
.comments .text{
margin-left: 58px;
padding-bottom:1em;
border-bottom: 1px solid #87827C;
}
.comments .item h4 {
font-style:italic;
margin-bottom: 0.05em;
}
.comments .item .actions{
float: right;
margin: 0 2em;
}
.comments .item .commentDate {
float: right;
}
#custom-doc {
min-width:950px;
}
* html #custom-doc{
width:950px;
width:expression(document.body.clientWidth < 952? "950px" : document.body.clientWidth > 1262? "1260px" : "auto" );
}
#hd .nav_area {
background:transparent url(../../img/v2/city_study/2008/city_header.jpg) no-repeat scroll left top;
height:92px;
}
.header_default_actions{
margin: 0;
}
#side .header_search{
margin-bottom: 1em;
}
.nav_container{
margin-right: 10px;
}
.city_nav .expandable_hov {
z-index:21;
}
.city_nav .expandable_popup{
width: 100%;
}
.expandable_hov2 {
position: relative;
}
.expandable_hov2 .expandable_popup2 {
display: none;
position: absolute;
background-color: #EBFCFC;
border: 1px solid #DDDDDD;
top: 0;
left: 100%;
width: 13em;
}
.expandable_hov2:hover .expandable_popup2 {
display: block;
}
a.city_tab, .city_tab span {
background: none;
}
a.city_tab{
color: #0E7299;
}
a.city_tab:hover{
color: #FFFFFF;
}
.city_nav{
width: 100%;
font-weight: bold;
}
.city_nav .nav_1{
font-size: 107.693%;
}
.city_nav, a.city_tab{
background-color: #EBFCFC;
}
.city_nav a:hover{
background-color: #CDF7F9;
text-decoration: none;
}
.city_nav .nav_2:hover {
background-color: #CDF7F9;
text-decoration: none;
}
.city_nav a, .city_nav .nav_1, .city_nav .nav_2{
position:relative;
display: block;
padding: 0.5em 0;
}
.city_nav .nav_1{
text-align: center;
color: #0E7299;
}
.city_nav .nav_1 span{
border-left: 1px solid;
display: block;
}
.city_nav .nav_1.first span{
border: none;
}
.city_nav .expandable_popup{
background-color: #EBFCFC;
border: 1px solid #DDDDDD;
border-top: none;
font-size: 12px;
}
.city_nav .expandable_popup a{
padding: 0.5em 0.5em 0.5em 1em;
}
.city_nav .nav_2 span{
padding-left: 1em;
}
.city_nav .nav_2{
color: #0E7299;
}
.city_nav .expandable_popup2 a{
padding: 0.2em 1em;
}
.content h1 {
margin:0 0 0.5em;
padding-top: 1em;
}
.page_intro{
margin-bottom: 1.5em;
clear: both;
}
.infographics_container{
width: 100%;
}
.infographics{
margin: 0 auto;
width: 630px;
height: 480px;
}
.bar_chart {
display: block;
width: 600px;
text-align: center;
margin: 0 auto 1em;
border: 1px solid #AAAAAA;
padding: 10px 10px 6px;
}
.bar_chart h2{
margin-bottom: 0.5em;
}
.city_articles h3{
font-size: 115.385%;
margin: 0.5em 0;
}
.portlet_c1.boxed{
border: 1px solid #DDDDDD;
padding: 1em;
}
.portlet_c1 .box_head, .portlet_c1 .box_head *{
color:#417018;
}
.portlet_c1 .box_head {
font-size:130.77%;
border-bottom:1px solid #78A055;
margin-bottom:0.5em;
padding-bottom:0.2em;
font-weight: bold;
}
.portlet_c1 .box_head h2{
font-size: 100%;
}
.portlet .more{
font-weight: bold;
display: block;
}
.portlet_c_util1{
border: 1px solid #DDDDDD;
}
.portlet_c_util1 .box_head{
text-align: center;
margin: 0.5em 0;
}
.portlet_c_util1 .box_body{
padding: 0 0 0.5em 1em;
}
.portlet_c_util1 .button{
padding: 0px 6px;
}
.portlet_c_util1 .highlight{
display: block;
text-align: center;
color: #417018;
margin: 0.5em 0;
}
.list_c1 {background-color: yellow;}
.list_c1 .box_body{
width: 100%;
}
.list_c1 .column{
float: left;
width: 19.8718%;
}
.list_c1 .column.first{
width: 20%;
}
.list_c1 .item{
padding: 0.5em 0;
}
.list_c1 .column_heading{
padding: 0.5em 0;
text-transform:uppercase;
background:#61A02A url(../../img/v2/boxes/green_bar_bg.gif) repeat-x scroll 0%;
text-align:center;
color: white;
}
.category_table .item{
font-weight: bold;
font-size: 84.616%;
}
.category_table .first .item{
padding-left: 4px;
}
.list_c2 .img_thumb_a{
float: left;
}
.list_c2 .text{
margin-left: 160px;
}
.list_c2 .box_body h3,.list_c2 .box_body h2{
font-size:115.385%;
margin:0.5em 0;
}
.list_c2 .item{
margin-top: 1.5em;
}
.list_c2 .item.first{
margin-top: 0;
}
.article_fragments .img_thumb_a{
float: left;
clear: left;
margin: 0 1em 0.5em 0;
}
.article_fragments .item{
clear: both;
}
.random_quote {
margin-top: 1em;
text-align: left;
padding-left: 1em;
}
.random_quote em{
display: block;
text-align: right;
}
.pagination{
text-align: center;
margin: 1em 0;
font-weight: bold;
}
.compare_cities .img_container{
margin:0 auto 1em;
height: 100px;
width: 250px;
}
.cat_overview .single_cat, .cat_overview .multi_cat{
width: 33%;
float: left;
}
.cat_overview .multi_cat{
margin-bottom: 0.5em;
}
.cat_overview a{
margin-left: 2em;
display: block;
}
.city_preview .h2_title{
float: left;
font-size:130.77%;
}
.invisible{
visibility: hidden;
}
.view_box .more{
display: block;
font-weight: bold;
}
.view_box h2{
*font-size: 16px;
*font-family: verdana,arial,helvetica,clean,sans-serif;
}
#view_container a{
*font-weight: normal;
}
.view_box{
padding: 0.5em 1em;
border: 1px solid #DDDDDD;
border-top: none;
clear: both;
margin-bottom: 1.5em;
overflow: hidden;
}
#view_nav{
text-align: right;
}
#view_nav img{
width: 14px;
height: 14px;
vertical-align: middle;
}
.city_preview .img_container{
float: left;
width: 320px;
height: 213px;
}
.city_preview .text{
margin-left: 330px;
}
.city_preview .cats{
border-bottom: 1px solid #DDDDDD;
}
.city_preview .tab{
float: right;
background: #61A02A url(../../img/v2/tabs/green_61A02A_top.gif) no-repeat left top;
background-color: #61A02A;
margin-left: 2px;
position: relative;
bottom: -1px;
padding-left: 2em;
}
.city_preview .tab a{
background: #61A02A url(../../img/v2/tabs/green_61A02A_top.gif) no-repeat right top;
color: #FFFFFF;
padding: 0.5em 2em 0.5em 0em;
font-weight: bold;
display: block;
}
.city_preview .selected{
background: #FFFFFF url(../../img/v2/tabs/white_AAA_outline_top.gif) no-repeat left top;
}
.city_preview .selected a{
background: #FFFFFF url(../../img/v2/tabs/white_AAA_outline_top.gif) no-repeat right top;
color: #417018;
}
.introduction h3 a{
color:#417018;
}
.city_page h1{
margin-bottom: 0;
}
.city_page .infographics{
margin-bottom: 1.5em;
}
.page_intro .img_container{
float: left;
margin-right: 1em;
width: 320px;
height: 213px;
}
.page_intro h3{
margin-bottom: 1em;
}
.cat_graphics{
height: 200px;
}
.compare_graphics{
height: 420px;
}
.city_article .main_article .img_container{
float: left;
margin-right: 1em;
width: 320px;
height: 213px;
}
.city_article{
margin-bottom: 12em;
}
.city_article .city_name {
margin-top: 2em;
margin-bottom: -1.5em;
}
.city_article .comment_form{
margin-bottom: 1.5em;
}
.board_link{
text-align: center;
padding: 1em 0;
}
.community_board{
border:2px solid #D4D4B1;
}
.community_board .portlet{
margin: 0.05em 1em;
}
.sb_popup {
left: -60px;
}
.tools{
margin: 1.5em 0;
background:#EEEEEE url(../../img/v2/boxes/bg_diagonal_gray.png) repeat scroll 0 0;
display:block;
padding:7px 0 7px 10%;
*padding-left: 7%;
}
.tools .sb_toolbar{
float: left;
padding:6px 12px 7px;
background-color:#FFFFFF;
_padding-bottom:2px;
}
.tool{
line-height: 28px;
background-color:#FFFFFF;
margin-left: 10%;
*margin-left: 7%;
padding:6px 12px;
font-weight: bold;
white-space: nowrap;
}
.sb_hov {
z-index: 20;
}
.tools_min .sb_toolbar{
float: left;
}
.tools_min{
margin: 1em 0 0.5em 1em;
float: right;
XXXborder-bottom: 1px solid #DDDDDD;
padding-bottom:0.2em;
}
.cat_preview {width: 100%}
.cat_preview .item{
width:32%;
margin-right: 1%;
float: left;
background-color: #F2FBEA;
margin-bottom: 1em;
}
.cat_preview .item h2{
color:#FFFFFF;
background: #61A02A url(../../img/v2/boxes/green_bar_bg.gif) repeat-x scroll top left;
padding: 0.2em 0 0.2em 1em;
margin-bottom: 1em;
}
.cat_preview .item p{
margin-left: 1em;
}
.cat_preview .more{
float: right;
padding: 0.5em;
}
.rankings_page h1, .cat_preview .box_head{
border-top: 1px solid #417018;
border-bottom: 1px solid #417018;
padding: 0.2em 0 0.2em 0.5em;
margin-top: 1em;
}
.rankings_table {
padding-left: 1em;
margin-bottom: 1em;
}
.biz_rev .box_body{padding: 0.5em;}
.biz_rev .item{
padding: 1em 0;
}
.biz_rev .img_thumb_s{
height: auto;
text-align: left;
margin: 0;
}
.biz_rev .text{
margin-left: 55px;
}
.biz_rev h3{
margin-bottom: 0.5em;
}
.biz_rev .rev_title { display: block; }
.biz_rev .stars{
float: right;
}
.biz_rev .cont{white-space: nowrap;}