body {padding: 0; margin: 10px 0; font: 12px Arial, Sans-serif; text-align: center; line-height: 1.3em; color: #666; background: #fff url(/imgs/body_bg.gif) repeat;} #wrap {width: 990px; margin: 0 auto; text-align: left;} #contentMain {width: 990px; margin: 10px auto 0 auto;} #contentMain #contentLeft {float: left; width: 615px; margin: 0px 11px 0 0;} #contentMain #contentRight {float: left; width: 362px; margin: 0;} .w_block {border: 1px solid #d5d5d5; padding: 1px; background: #fff; color: #666; margin-bottom: 10px;} .w_block.helpcenter {background-color: #fff; background-image: url(/imgs/helpcenter_bg.gif); background-repeat: repeat-y; background-position: top right;} .w_block.home {background-color: #fff; background-image: url(/imgs/home_bg.gif); background-repeat: repeat-y; background-position: top right;} .w_block .w_inner {padding: 20px; background: transparent;} .w_block .w_left.big {float: left; width: 615px; background: transparent;} .w_block .w_left.xlbig {float: left; width: 788px; background: transparent;} .w_block .w_left.home {float: left; width: 716px; background: transparent;} .w_block .w_right.big {position: relative; float: left; width: 362px; background: transparent;} .w_block .w_right.sm {position: relative; float: left; width: 180px; padding: 9px; background: transparent;} .w_block .w_right.home {position: relative; float: left; width: 250px; padding: 10px; background: transparent;} .w_block .w_profile {background: #000 url(/imgs/profile_inner_bg.gif) repeat-y top left;} .w_block .w_profile .w_left {float: left; width: 200px; background: transparent;} .w_block .w_profile .w_right {float: left; width: 785px; background: #fff;} .profile_detail_left {display: block; float: left; width: 370px;} /********************************************************* * Core styling *********************************************************/ a {color: #669900; text-decoration: none; border: none;} a:hover {color: #3f5f00; text-decoration: underline; background: transparent;} a:active {outline: none;} *:focus {outline: none;} *::-moz-focus-inner {border: none;} *:hover {} *:hover, *:focus {} /* share it link */ div#at15s {margin-top: -10px !important;} /* FF 3 hack */ div#at15s, x:-moz-any-link, x:default {margin-top: 0px !important;} h1, h2 {margin: 0px; padding: 0; font-family: Arial; font-size: 30px; color: #000; line-height: 1.3em; font-weight: normal; background: transparent;} h1 .photo {display: block; float: left; width: auto; margin: 6px 10px 0 0; border: 1px solid #d5d5d5 !important; padding: 1px;} h2 {margin: 0 0 14px 0; font: 24px Georgia, "Times New Roman", Times, serif; margin: 0;} h3 {margin: .5em 0 0 0; font: 18px Arial, sans-serif; color: #000; font-weight: normal; background: transparent;} h5 {margin: 0px; padding: 0px; font-family: Arial; font-size: 18px; color: #000; font-weight: bold; line-height: 1.3em; background: transparent;} h3.h3_facebook {padding: 6px 0px 6px 36px; background: url(/imgs/h3_facebook.gif) center left no-repeat;} h3.h3_twitter {padding: 6px 0px 6px 36px; background: url(/imgs/h3_twitter.gif) center left no-repeat;} h3.h3_tumblr {padding: 6px 0px 6px 36px; background: url(/imgs/h3_tumblr.gif) center left no-repeat;} pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* IE 5.5+ */ width: 99%; /* remove horizontal scroll-bar when viewing in IE7 */ } img {border: 0;} img.photo {padding: 1px; border: 1px solid #ddd;} img.photo.left {padding: 1px; border: 1px solid #ddd; float: left; margin: 0 10px 10px 0;} .timestamp {font-size: 11px; color: #999;} dl.meta-info {padding: 10px;} dl.meta-info dt, .meta-info dd {padding: 0; width: 65px; float: left;} dl.meta-info dd {width: 100px;} dl.meta-info dt {clear: left; font-weight: bold;} .viewall {font-family: Arial; font-size: 10px;} .view_all {display: block; float: right; padding-top: 7px; font-size: 10px; font-family: Arial; font-weight: bold; line-height: 1.1em;} .divider {clear: both; display: block; height: 1%; border-bottom: 1px solid #eee; margin: 10px 0px;} .divider.big {margin: 15px 0px;} .divider.small {margin: 5px 0px;} .clear {clear: both; font-size: 0; line-height: 0; width: 0; height: 0;} .clear_left {clear:left;} .left {float: left;} .right {float: right;} .hidden {display: none;} ul.messages {list-style-type: none; padding: 0; margin: 0 0 10px 0; font-size: 15px;} ul.messages li {margin: 0; display: block; border: 10px solid #99cc66; padding: 20px; color: #578925; font-size: 14px; font-weight: bold; background: #ebffd6;} ul.messages li.error {border-color: #f8817c; color: #c81700; background: #fde1e0;} .messages.empty {display: none;} .rss_subscribe a {padding-left: 16px; font-weight: bold; background: url(/imgs/icon_rssfeed.gif) no-repeat left center;} div.failed_emails {color: #c81700; font-weight: bold;} div.success_emails {color: #578925; font-weight: bold;} .three_columns ul {margin: 0px; padding: 0px; list-style: none;} .three_columns ul li {display: block; float: left; width: 212px; margin: 0 0 0 20px;} /******************************************************f*** header and search *********************************************************/ #header {border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; background: #fff; padding: 10px 20px 0px 20px; text-align: left;} #header #logo {display: block; float: left; width: 321px; height: 34px; margin: 10px 0; text-decoration: none; background: url(/imgs/logo.gif) no-repeat;} #header .h_right {float: right; margin: 10px 0 0 0; height: 50px; width: 500px; font-weight: bold; font-size: 10px; text-align: right;} #header .currentDate {text-transform: uppercase; color: #333; background-color: transparent;} #header .user {display: block; float: right; height: 30px; margin-top: 2px; padding: 0 10px; font-size: 11px; line-height: 22px; background: transparent url(/imgs/header_user_bg.gif) no-repeat top right; color: #fff;} #header .user:hover {background-position: bottom right;} #header .user a {color: #fff; background-color: transparent;} #header .user a:hover {text-decoration: underline;} .header_search {width: 976px; margin: 0 auto; text-align: left; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 6px; height: 26px; background: #eee; line-height: 26px;} .header_search .hs_input {display: block; float: left; width: 336px; margin-right: 10px;} .header_search .hs_input input {width: 311px; padding: 6px 5px 6px 20px; border: 0px; margin: 0px; color: #666; font-size: 12px; font-family: Arial; letter-spacing: .04em; background: url(/imgs/header_search_field.gif) no-repeat;} .header_search .hs_input input:active, .header_search .hs_input input:focus {background-position: 0 -30px; outline: none;} .header_search .hs_select {display: block; float: left; width: 179px; height: 26px; margin-right: 10px; background: url(/imgs/header_select.gif) no-repeat;} .header_search .hs_select:hover, .header_search .hs_select.active {background-position: 0 -30px;} /*.header_search .hs_select:active {background-position: 0 -60px;}*/ .header_search .hs_select .hs_select_value {position: absolute; z-index: 1; width: 167px; padding: 0 6px;} .header_search .hs_select select {position: absolute; z-index: 2; width: 179px; height: 26px; outline: none; border: 0px; opacity: 0; cursor: pointer;} .header_search .hs_select select:focus {outline: none; background: transparent;} .header_search .hs_select.active select {outline: none; background: transparent;} .header_search .hs_select select option {width: 179px;} .header_search .hs_submit {display: block; float: left; width: 64px; margin-right: 10px;} .header_search .hs_submit input {width: 64px; height: 25px; border: 0px; padding: 0px; margin: 0px; background: url(/imgs/btn_header_search.gif) no-repeat; cursor: pointer;} .header_search .hs_submit input:hover {background-position: 0 -30px;} .header_search .hs_submit input:active {background-position: 0 -60px;} .header_search .hs_links {display: block; float: right; width: 200px; text-align: right; font-size: 10px; color: #999; font-weight: bold;} .header_search .hs_links a {color: #999;} .header_search .hs_links a:hover {color: #666;} #status_messages {display: block; float: right; width: 100px; margin: 0px; padding: 0px; height: 27px;} #status_messages a {display: block; float: right; height: 16px; line-height: 12px; padding: 6px 10px 0 10px; margin: 2px 10px 0 0; font-family: Arial; font-weight: bold; font-size: 11px; text-transform: lowercase; color: #fff; background: #aaa;} #status_messages a:hover {background-position: bottom right; font-weight: bold; color: #fff;} /******************************************************f*** navigation *********************************************************/ #nav {clear: both; height: 40px; width: 990px; line-height: 40px; margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 13px; font-weight: normal; background: url(/imgs/nav_bg.gif) repeat-x;} #nav ul {height: 40px; margin: 0px; padding: 0px; list-style: none;} #nav ul li {padding: 0px; margin: 0px; display: block; float: left;} #nav ul li ul {height: auto;} #nav a {display: block; float: left; padding: 0px 10px 0 8px; color: #fff; text-decoration: none; background: url(/imgs/nav_divider.gif) no-repeat top right;} #nav a span b {color: #d1e693; font-weight: normal;} #nav a:hover {color: #333; background-color: transparent;} #nav a:hover b {color: #333; background-color: transparent;} #nav ul li a.sel, #nav ul li a.sel:hover {color: #fff; text-decoration: none; background: url(/imgs/nav_bg_sel.gif) repeat-x top left;} #nav ul li a.sel:hover {color: #fff;} .subnav {height: 36px; line-height: 36px; padding: 0 10px; color: #fff; background-color: #202020;} .subnav a {display: block; float: left; padding: 0 10px; color: #ccc; background: transparent;} .subnav a:hover {color: #fff;} /********************************************************* * footer content elements *********************************************************/ #footer {display: block; clear: both; margin: 0 0 10px 0; padding: 1px; font-size: 11px; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; border-top: 1px solid #eee; background: #fff;} #footer .footer_inner {padding: 20px; color: #999; background: #333;} #footer a {color: #ccc;} #footer a:hover {color: #fff;} #footer .footer_nav a {color: #666;} #footer .footer_links {display: block; float: left; width: 140px; margin-right: 20px; font-size: 11px; line-height: 1.3em; color: #999;} #footer .footer_links.wide {width: 440px;} #footer .footer_links h5 {font-size: 16px; color: #fff;} #footer .footer_links ul {list-style: none; margin: 0px; padding: 0px;} #footer .footer_links ul li {display: block;} #footer .footer_links ul li a {display: block;} #footer .footer_icons {display: block; padding: 10px 0 0 0;} #footer .footer_icons a {display: block; float: left; height: 40px; width: 170px; margin: 0 10px 10px 0; text-decoration: none;} .footer_reg {padding: 0 0 20px 0; color: #999; font-size: 11px;} /********************************************************* * home page elements *********************************************************/ #home_slideshow {height: 310px; width: 716px; background: url(/imgs/home_slideshow_bg.gif) repeat-x bottom left;} #ss_container.ss_home {width: 716px; height: 300px; border: 0px; margin: 0px;} #ss_container.ss_home ul {height: 300px; width: 716px; border: 0px; margin: 0px;} #ss_container.ss_home ul li {height: 300px; width: 716px; overflow: hidden;} #ss_container.ss_home .num-items {display: none;} div#ss_pager {display: block; position: absolute; z-index: 10; margin: 270px 0 0 10px;} div#ss_pager a {display: block; float: left; width: 20px; height: 20px; background: #000; line-height: 20px; font-size: 10px; text-align: center; color: #fff; margin-right: 2px;} div#ss_pager a:hover {color: #fff; background: #0099ff; text-decoration: none;} .home_featured {display: block; float: left; width: 150px; padding: 10px 20px;} .home_featured .home_featured_col {display: block; padding-bottom: 20px;} .home_featured_posts {display: block;} .home_featured_posts h2 {margin-bottom: .5em;} .home_featured_post {display: block; padding: 10px; border-top: 1px solid #ddd;} .home_featured_post .hfp_img {float: left;} .home_featured_post .hfp_con {margin-left: 170px;} .home_featured_post .hfp_title {font-family: Georgia, 'Times New Roman', Times, serif; color: #000; font-size: 16px;} .home_widget {display: block; width: 150px; height: 150px; color: #fff; background: #000; text-align: center;} .home_widget .hw_label {position: absolute; z-index: 1; width: 150px; height: 40px; margin-top: 110px; font-family: Arial, sans-serif; background: url(/imgs/black_80.png);} .home_widget .hw_label .hw_category {padding: 5px 10px 0 10px; font-size: 11px; line-height: 1em; font-style: italic; text-align: left;} .home_widget .hw_label .hw_title {padding: 0 10px; font-size: 14px; line-height: 1.2em; text-align: left;} .home_widget .hw_label .hw_title a {color: #fff;} .home_section_category {display: block; font-size: 12px; font-family: Georgia, 'Times New Roman', Times, serif; color: #888; font-style: italic; line-height: 1.3em; background-color: transparent;} .home_section_title {display: block; font-size: 16px; font-family: Georgia, 'Times New Roman', Times, serif; color: #000; line-height: 1.3em; background-color: transparent;} .home_section_title a {color: #000; background-color: transparent;} .home_section_title a:hover {color: #0099ff; background-color: transparent;} .title_latest_posts {font-size: 24px; font-family: Georgia, 'Times New Roman', Times, serif; color: #000; line-height: 1.3em; text-transform: uppercase;margin-bottom: 5px; background-color: transparent;} .title_latest_posts.full {margin-left: 20px; margin-right: 10px;} .title_latest_posts .view_all, .latest_posts_title .view_all {font-family: Arial; font-size: 10px; text-transform: none;} .latest_posts {padding: 0 0 10px 0; background: #eee; border-top: 1px solid #fff; border-bottom: 1px solid #ddd; color: #fff;} .latest_posts .latest_posts_title {font-size: 20px; font-family: Georgia, 'Times New Roman', Times, serif; color: #000; line-height: 1.3em; padding: 10px; margin-bottom: 5px; background-color: transparent;} .latest_posts ul {display: block; list-style: none; padding: 0; margin: 0px;} .latest_posts li {display: block; float: left; width: 220px; margin: 0 8px;} .latest_posts li .latest_post_img {float: left;} .latest_posts li .latest_post_img img {padding: 2px; background-color: #fff;} .latest_posts li .latest_post_info {margin-left: 70px;} .latest_posts li .latest_post_info .timestamp {display: block; font-size: 10px; line-height: 1.1em; color: #999; background-color: transparent;} .b_home {display: block; padding-bottom: 10px;} .b_home .b_top {height: 8px; background: url(/imgs/b_home_bg.gif) no-repeat;} .b_home .b_top .b_top_right {display: block; float: right; width: 10px; height: 8px; background: transparent url(/imgs/b_home_bg.gif) no-repeat top right;} .b_home .b_bottom {height: 8px; background: url(/imgs/b_home_bg.gif) no-repeat bottom left;} .b_home .b_bottom .b_bottom_right {float: right; width: 10px; height: 8px; background: url(/imgs/b_home_bg.gif) no-repeat bottom right;} .b_home .b_title {height: 40px; padding: 0px 0 0 10px; line-height: 40px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; color: #000; text-transform: uppercase; background: transparent url(/imgs/b_home_title.gif) no-repeat;} .b_home .b_title_right {display: block; float: right; width: 10px; height: 40px; background: transparent url(/imgs/b_home_title.gif) no-repeat top right;} .b_home .b_con {width: 228px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; background: #fff; padding: 0px 10px;} .b_home .b_con.pad {padding: 6px 10px;} .b_home .b_con.nopad {width: 248px; padding: 0px;} .b_home .b_con.nopad.sm {width: 210px; padding: 0px;} .b_home .b_con.nopad.full {width: auto; padding: 0px;} .b_home h6 {margin: 0; padding: 4px 0 10px 0; border-bottom: 1px solid #ddd; font-size: 14px; font-family: Georgia, 'Times New Roman', Times, serif; line-height: 1.2em; color: #000; font-weight: normal; background-color: transparent;} .b_home h6.bug {padding-left: 20px; background: url(/imgs/h6_bug.gif) no-repeat 0 6px;} .b_home.welcome {height: 111px; width: 250px; margin: 0px; padding: 0px; background: url(/imgs/b_welcome_bg.png) no-repeat;} .b_home.welcome .b_con {width: 250px; padding: 0px; margin: 0px; background: transparent; border: 0px;} .b_home.welcome .b_con b {display: none;} .b_home.welcome a.btn_signup {display: block; float: right; width: 76px; height: 76px; margin: 10px 3px 0 0; background: url(/imgs/btn_welcome_signup.png) no-repeat; text-decoration: none;} .b_home.welcome a.btn_signup b {display: none;} .b_home.welcome span.btn_enjoy {display: block; float: right; width: 76px; height: 76px; margin: 10px 3px 0 0; background: url(/imgs/btn_enjoy.png) no-repeat; text-decoration: none;} .b_home.welcome span.btn_enjoy b {display: none;} .b_home.stats {height: 175px; margin: 0px; background: transparent url(/imgs/b_stats_bg.png) no-repeat;} .b_home.stats ul.stat_info {margin: 0px; padding: 30px 0 0 10px;} .b_home.stats ul.stat_info li {display: block; width: 114px; margin: 0px; float: left; padding: 0 0 10px 0; font-family: Georgia, 'Times New Roman', Times, serif;} .b_home.stats ul.stat_info li .num {display: block; padding: 0px; margin: 0px; font-size: 24px; font-weight: bold; color: #78d5ff; line-height: 1em; background-color: transparent;} .b_home.stats ul.stat_info li .stat {display: block; padding: 0px; margin: 0px; font-size: 12px; color: #fff; line-height: 1em; background-color: transparent;} /********************************************************* * blog content elements *********************************************************/ div.blogEntry {margin: -1px 0 12px 0;} div.blogEntry .view {padding: 5px; border: 1px solid #ccc; background-color: #fff;} div.blogEntry .view div {width: 558px; height: 371px; border: 1px solid #727272; background-color: #676767;} div.blogEntry .title {color: #000; font-size: 21px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; margin: 8px 0 6px 0; padding: 0; background-color: transparent;} div.blogEntry .title a {color: #000; background-color: transparent;} div.blogEntry .title a:hover {color: #666; background-color: transparent;} div.blogEntry .comment {font-size: 10px; font-weight: bold; margin: 6px 0 0 0; color: #999; background-color: transparent;} /********************************************************* * popular box elements *********************************************************/ div.popular .item {clear: both; line-height: 14px; font-size: 11px; color: #666; margin: 0 0 11px 0; background-color: transparent;} div.popular .item .thumb {float: left; padding: 2px; margin: 4px 0 0 0; border: 1px solid #ccc; background-color: #fff;} div.popular .item .thumb div, div.popular .item .thumb img {border: 0; background-color: #676767;} div.popular .item .detail {float: left; width: 325px; padding: 2px; margin: 0 0 0 8px;} .ca-Users-index div.popular .item .detail {width:300px;} .ca-Users-professionals div.popular .item .detail {width:300px;} div.popular .item .detail a {display: block; font-size: 12px; font-weight: bold;} div.popular .item .detail .comment {font-size: 10px; font-weight: bold;} div.popular .item .detail .comment a {font-size: 10px; display: inline;} /********************************************************* * titlebar elements *********************************************************/ .w_block .w_title {border-bottom: 1px solid #d5d5d5; padding: 5px 10px; font-size: 10px; color: #888; line-height: 1.3em; font-weight: bold; background: #e5e5e5 url(/imgs/w_title.gif) repeat-x;} .w_block .w_title a {color: #666; background-color: transparent;} .w_block .w_title a:hover {color: #000; background-color: transparent;} .w_block .w_title h1 {padding: 0px; margin: 0 0 .1em 0; font-family: Georgian, "Times New Roman", Times, serif; font-size: 36px; line-height: 1.0em; color: #333; font-weight: normal; text-transform: capitalize; text-shadow: 0px 1px 0px #fff; background-color: transparent;} .w_block .w_title .photo {display: block; float: left; border: 1px solid #d5d5d5 !important; margin: 4px 10px 0 0; padding: 1px; background-color: #fff;} /********************************************************* * browse box elements *********************************************************/ #browseBox .inner.pad {padding:10px;} #browseBox.resned .inner {margin-top:-5px;} #browseBox .content {padding:0 6px 0 18px;} .browseBox .tabs {height: 30px; border-right: 1px solid #ddd; border-left: 1px solid #ddd; background: transparent url(/imgs/b_tabs_bg.gif) repeat-x;} .browseBox .tabs a:hover {color: #666; background-color: transparent;} .browseBox .tabs a.selected {height: 30px; color: #000; background-color: transparent;} .browseBox .tabs a.selected span {display: block; height: 30px; background: transparent url(/imgs/b_tabs_arrow.gif) no-repeat bottom center;} .browseBox .tabs a.first, .browseBox .tabs a.first.selected {background: none;} .browseBox .tabs a {display: block; position: relative; float: left; height: 25px; line-height: 25px; width: 62px; text-align: center; font-size: 10px; font-weight: bold; text-decoration: none; background: transparent url(/imgs/b_tab_divider.gif) no-repeat top left;} #campaignRecentBox .tabs a {width: 124px;} #runwayBox .tabs a, #categoryBox .tabs a {width: 82px;} .browseBox .tabs.sm a {width: 105px;} .browseBox div.title {color: #000; font: 18px bold Georgia, "Times New Roman", Times, serif; margin: 13px 0 14px 11px; padding: 0; text-transform: uppercase; background-color: transparent;} .browseBox .title.resend {margin-bottom:0px;} .browseBox .resultsBox {height: 200px; overflow: auto; margin: 0; padding: 0px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; background-color: #fff; font-weight: bold;} .browseBox .resultsBox .loading {display: none; text-align: center; font-size: 11px; text-transform: uppercase; font-weight: bold; padding: 70px 0;} .browseBox .resultsBox ul {margin: 0; padding: 0;} .browseBox .resultsBox li {padding: 4px 10px; font-size: 11px; line-height: 11px; border-bottom: 1px solid #ddd;} .browseBox .resultsBox ul li .result_title a {font-weight: bold;} .browseBox .resultsBox ul li a {color: #666; background-color: transparent;} .browseBox .resultsBox ul li a:hover {color: #0099ff; text-decoration: none; background-color: transparent;} .browseBox .resultsBox ul li em a {color: #999; background-color: transparent;} .browseBox a.browse_list, .browseBox .resultsBox ul li {display: block; padding: 4px 10px; color: #666; font-size: 11px; border-bottom: 1px solid #eee; background-color: transparent;} .browseBox a.browse_list:hover, .browseBox .resultsBox ul li:hover {color: #0099ff; text-decoration: none;} .browseBox .msg_empty {padding: 10px 0;} .browseBox .browse_related {display: block; padding: 0px 10px 10px 10px;} .browseBox .browse_related a {display: block;} #categoryBox {font-size: 11px;} #categoryBox .letter ul li a {color: #000; background-color: transparent;} #categoryBox .letter ul li a:hover {color: #0099ff; background-color: transparent;} #categoryBox .b_category a {display: block; float: left; width: 114px;} #categoryBox .year ul {list-style: none; margin: 0px; padding: 0px;} #categoryBox .year ul li {display: block; float: left; font-weight: bold; width: 56px; text-align: center;} #categoryBox .year ul li a {color: #000; background-color: transparent;} #categoryBox .year ul li a:hover {color: #0099ff; background-color: transparent;} #runwayBox {font-size: 11px;} #runwayBox .b_category a, #runwayBox .b_designers a {display: block; float: left; width: 112px;} #runwayBox .year ul {list-style: none; margin: 0px; padding: 0px;} #runwayBox .year ul li {display: block; float: left; font-weight: bold; width: 56px; text-align: center;} #runwayBox .year ul li a {color: #000; background-color: transparent;} #runwayBox .year ul li a:hover {color: #0099ff; background-color: transparent;} /********************************************************* blog items *********************************************************/ .blog_item {padding: 4px 0; border-top: 1px solid #eee;} .blog_item .blog_photo {float: left;} .blog_item .blog_info {margin-left: 110px;} .blog_item .blog_info .blog_title {font-weight: bold;} /********************************************************* * signup box elements *********************************************************/ #signupBox {margin: 0 0 10px 0; border: 1px solid #ddd; padding: 1px; background: #fff;} #signupBox .inner {padding: 10px; margin: 0px; background: url(/imgs/signup_box_bg.jpg) no-repeat top right;} #signupBox .title {color: #000; font: 18px bold Georgia, "Times New Roman", Times, serif; text-transform: uppercase; background: transparent;} #signupBox .content {display: block; float: left; width: 150px; margin-top: 34px; padding-left: 105px; font-size: 11px; font-weight: bold; color: #666; line-height: 1.2em;} #signupBox a.button {display: block; float: left; width: 69px; margin: 30px 0 0 14px; height: 69px; text-decoration: none;} /********************************************************* * poll box elements *********************************************************/ #pollBox {padding: 1px; margin: 0 0 10px 0; border: 1px solid #d5d5d5; background: #fff;} #pollBox .inner {padding: 10px; font-size: 11px; font-weight: bold; color: #666; background: #f1f8fc;} #pollBox .title {color: #000; font: 18px bold Georgia, "Times New Roman", Times, serif; margin: 0 0 14px 0; padding: 0; text-transform: uppercase;} #pollBox a.button {display: block; float: left; margin: 12px 0 0 0; padding: 1px; border: 1px solid #06c; background: #fff;} #pollBox a.button span {display: block; color: #fff; padding: 4px 12px; font: 12px bold Georgia, "Times New Roman", Times, serif; background: #06c;} /********************************************************* * other block elements *********************************************************/ #tag-cloud {padding: 1px; margin: 0; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; background-color: #fff;} #tag-cloud .inner {padding: 10px; color: #666; font-size: 11px; font-weight: bold; color: #999; background-color: transparent;} #tag-cloud .title { margin: 0 0 14px 0; color: #000; font-size: 18px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; background-color: transparent;} #recent-widget {} #recent-widget .title {color: #000; font-size: 18px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 14px 0; padding: 0; text-transform: uppercase; background-color: transparent;} #recent-widget .post, .post_summary {display: block; line-height: 1.1em; border-top: 1px solid #ddd; padding: 6px 0; font-weight: normal; font-size: 12px;} .post_summary {border-top: 0px; border-bottom: 1px solid #ddd;} a.p_title {font-weight: bold; font-size: 14px;} .post_user {font-weight: normal; color: #888; font-size: 10px;} #recent-widget .post img.photo {float: left; padding: 1px; border: 1px solid #ddd; margin-right: 10px;} #recent-widget .bottom {clear: both; border-top: 1px solid #ddd; padding-top: 4px;} #recent-widget .bottom .view_all {display: block; float: right; padding-top: 7px;} #recent-widget .bottom a.start_discussion {display: block; float: left; height: 24px; padding: 6px 10px 0 10px; margin-top: -4px; line-height: 24px; color: #fff; background: transparent url(/imgs/bubble_bottom_left.gif) no-repeat;} #recent-widget .bottom a.start_discussion:hover {text-decoration: underline; background-position: bottom left;} #recent-widget.motw ul {margin: 0; padding: 10px 0 0 0; list-style: none;} #recent-widget.motw li {list-style-type:none; float:left; display:block; width:90px; height:110px; margin:0 5px;} #recent-widget.motw li img {list-style-type:none; display:block;} a.link_subscribe {padding-left: 12px; background: url(/imgs/icon_rssfeed.gif) no-repeat top left;} a.link_subscribe:hover {background-position: bottom left;} #welcomeBox {padding: 1px; color: #666; font-size: 11px; font-weight: bold; margin: 0 0 10px 0; border: 1px solid #d5d5d5; background: #f1f8fc;} #welcomeBox .inner {} #welcomeBox .title {margin: 0 0 14px 0; color: #000; font-size: 18px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; background-color: transparent;} #popularBox {} #popularBox .inner {padding: 10px; color: #666; background: #f1f8fc;} #popularBox .inner .title {color: #000; font-weight: normal; font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; padding-bottom: 10px; background-color: transparent;} #popularBox .feature_post_item {display: block; clear: both; padding: 6px 0; border-bottom: 1px solid #ddd;} #popularBox .feature_post_item .feature_post_img {display: block; float: left; padding-right: 10px;} #popularBox .feature_post_item .feature_post_img img {padding: 3px; border: 1px solid #ddd; background: #fff;} #popularBox .feature_post_item .feature_post_detail {display: block;} #popularBox .feature_post_item .feature_post_detail .feature_post_title {font-weight: bold; font-size: 12px; line-height: 1.2em;} #popularBox .feature_post_item .feature_post_detail .feature_post_title a {color: #000; background-color: transparent;} #popularBox .feature_post_item .feature_post_detail .feature_post_title a:hover {color: #0099ff; background-color: transparent;} #popularBox .feature_post_item .feature_post_detail .feature_post_comment {font-size: 11px; font-style: italic; line-height: 1.1em;} #popularBox .feature_post_item .feature_post_detail p {margin: 0px; padding: 0px;} #invitationBox {padding: 1px; margin: 0 0 10px 0; border: 1px solid #d5d5d5; background: #fff; } #invitationBox .inner {margin: 0 12px 12px 12px;} #invitationBox div.title {color: #000; font-size: 18px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; margin: 13px 0 14px 11px; padding: 0; text-transform: uppercase; background-color: transparent;} /********************************************************* * browse results elements *********************************************************/ #browse {display: block; margin: 20px 0; padding: 10px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;} #browse .b_title {font-size: 16px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; color: #000; font-style: italic; background-color: transparent;} #browse .b_left {display: block; float: left; width: 350px;} #browse .b_left.wide {display: block; float: left; width: 600px;} #browse .b_right {display: block; float: right; width: 200px; margin-left:20px;} #browse .b_right.wide {display: block; float: right; width: 275px;} #browse ul, .letter ul {height: auto; margin: 0px; padding: 0px; list-style: none;} #browse ul li, .letter ul li {display: block; float: left; padding: 0px; margin: 0px;} #browse ul.months li {display: inline; padding: 0px; margin:0 5px;} #browse ul li a, .letter ul li a {display: block; float: left; margin: 0; width: 22px; font-weight: bold;} #browse .year ul li a {display: block; float: left; margin: 0; width: 50px; font-weight: bold;} #browse ul li a.sel, .letter ul li a.sel {background-color: #666; color: #fff;} #browse ul.months li a {float:none; display:inline;} #browse .letter ul li {float: left; text-align: center;} #browse .b_category {display: block; width: 350px;} #browse .b_category.single {width: 175px;} #browse .b_category a {display: block; float: left; width: 175px; font-weight: bold;} #browse .b_category.wide a {display: block; float: left; width: 300px;} #browse .b_designer {width: 700px;} #browse .b_designer a {display: block; width: 175px; font-weight: bold;} #browse.widget {border: 0px; margin: 0px; padding: 0px;} #browse.widget .b_category a {display: block; width: 155px;} .letter .col {display: block; float: left; width: 138px;} .letter .col a {display: block; padding: 2px 0 2px 7px; font-weight: bold;} #browse a {color: #777; background-color: transparent;} #browse a:hover {color: #0099ff; background-color: transparent;} /********************************************************* * search results elements *********************************************************/ div.list_row {display: block; clear: both; padding: 6px 0; border-top: 1px solid #eee;} div.list_row.alt {background: #f6f6f6;} div.list_bottom {clear: both; border-top: 1px solid #eee; padding-top: 4px; font-size: 11px; font-weight: bold;} div.list_bottom .view_all {display: block; float: right; padding-top: 7px;} div.list_bottom a.start_discussion {display: block; float: left; height: 24px; padding: 6px 10px 0 10px; margin-top: -4px; line-height: 24px; color: #fff; background: transparent url(/imgs/bubble_bottom_left.gif) no-repeat;} div.list_bottom a.start_discussion:hover {text-decoration: underline; background-position: bottom left;} ul.professionals {list-style-type:none; margin-left:30px;} /********************************************************* * search results elements *********************************************************/ #searchResults {margin: 14px 0 0 0;} #searchResults .showing, #searchResults .pages {float: left; font: bold 12px Arial, Helvetica, sans-serif; color: #666; line-height: 20px; white-space: nowrap; background-color: transparent;} #searchResults .pages {float: right; text-align: right;} #search-form div.checkbox input {float: left; display: inline;} #search-form div.checkbox label {margin-left: 4px; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; color: #999;} #searchResults #results {clear: both; padding: 8px 0 0 0;} #searchResults #results .item {display: block; clear: both; padding: 10px 0; border-top: 1px solid #eee;} #searchResults #results .item a.thumb {display: block; float: left; margin: 4px; padding: 3px; background-color: #fff; border: 1px solid #eee;} #searchResults #results .item a.thumb:hover {border: 1px solid #eee; background-color: #f0f8fb;} #searchResults #results .item a.thumb div {width: 80px; height: 60px;} #results .item .data .profileInfo {display: block; margin-left: 100px;} #results .item .data.events .profileInfo {margin-left: 80px;} #results .item .data.groups .profileInfo {margin-left: 80px;} #results .item .data.videos .profileInfo {margin-left: 130px;} #results .item .data .profileInfo.event {display: block; margin-left: 10px;} #results .item .data .profileInfo .name, #results .item .data .profileInfo .user-name {font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px; line-height: 1.3em; font-weight: normal;} #results .item .data .profileInfo .name a, #results .item .data .profileInfo .user-name a {color: #000; background-color: transparent;} #results .item .data .profileInfo .info {font-size: 12px; line-height: 1.3em;} #results .item .data .profileInfo .location {font-size: 11px; color: #999; line-height: 1.3em; background-color: transparent;} #results .item .data .avatar {display: block; float: left;} #results .item .data .profileInfo dl dd span.user-name {font-size: 12px !important; line-height: 1.3em; color: #000; font-family: Arial; background-color: transparent;} #results dl {margin: 0px; padding: 0px;} #results dl dt {display: block; float: left; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic;} #results dl dd {margin-left: 100px;} .pagination {height: 3em; font-size: 11px; line-height: 1em;} .pagination .page {float: right; width: 200px; padding-top: 5px; font-size: 12px; text-align: right;} .pagination .numbers {float: left;} .pagination .disabled, .pagination span.current, .pagination a {display: block; float: left; font-weight: bold; padding: 4px 6px; border: 1px solid #ccc; margin-right: 2px; color: #666;} .pagination a:hover {text-decoration: none; border-color: #666; color: #000;} .pagination .disabled {color: #aaa;} .pagination span.current {border-color: #0099ff; font-weight: bold; color: #fff; background-color: #0099ff;} /********************************************************* * default form elements *********************************************************/ form {margin: 0px; padding: 0px;} fieldset {border: 0px; margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #eee;} legend {font-weight: bold; font-size: 16px; color: #000; background-color: transparent;} div.input {display: block; clear: both; padding: 4px 0;} div.input label {display: block; float: left; width: 140px; line-height: 30px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12px; color: #888; font-style: italic; background-color: transparent;} div.input label small {display: block; line-height: 1.2em;} div.input input, div.input select, div.input textarea {display: block; margin-left: 140px; padding: 4px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000; background-color: #fff;} .textarea.comment {margin:0;} div.input select {padding: 4px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000; font-weight: bold; background-color: #fff;} div.input.date select {display: inline; margin: 0 4px 0 0;} div.input.datetime select {display: inline; margin: 0 4px 0 0; float: none;} div.input table.mceLayout {width: 600px;} div.input.checkbox label, div.input.checkbox input {float: left; margin: 0px;} div.input.checkbox label {padding-top: 8px; width: auto; line-height: 1.1em;} div.input.checkbox input {margin: 8px 5px 0 0;} div.full div.input.checkbox label {float: left; margin: 0px; width: auto;} div.input.radio label, div.input.radio input {float: left; margin: 0px;} div.input.radio input {margin: 8px 5px 0 0;} div.input.small {width: 120px; float: left;} div.input.small input {width: 80px; margin-right: 20px; padding: 2px 0 2px 5px;} div.input.small label {width: 60px;} div.input label.error {display: block; float: left; padding-left: 140px; width: 350px; color: red; font-size: 9px; font-weight: normal; font-family: Arial, Helvetica, Verdana, sans-serif; text-transform: uppercase; background-color: transparent;} input[type=checkbox] {margin: 0 4px 0 0;} div.submit {padding-left: 140px;} #contentLeft div.submit.comment {} div.submit.commentlong {padding:10px 0 0 0;} #LoginForm .btns {height: 30px; padding-left: 140px;} #LoginForm .btns input {float: left; margin-right: 6px;} #LoginForm input {font-weight: bold;} #UserRegisterForm input, #ContactAddForm input {font-weight: bold;} a.btn_notamember {display: block; height: 26px; width: 198px; text-decoration: none; background: url(/imgs/btn_notamember.gif) no-repeat;} a.btn_notamember:hover {background-position: 0 -30px;} a.btn_notamember:active {background-position: 0 -60px;} /********************************************************* * login / forgot password / register form elements *********************************************************/ .remember {float: left; padding: 5px 0 0 140px; line-height: 26px;} input.btn_logmein {height: 26px; width: 78px; cursor: pointer; border: 0px; padding: 0px; margin: 0px; background: transparent url(/imgs/btn_logmein.gif) no-repeat 0 0;} input.btn_logmein:hover {background-position: 0 -30px;} input.btn_logmein:active {background-position: 0 -60px;} input.btn_sendmypassword {height: 26px; width: 128px; cursor: pointer; border: 0px; padding: 0px; margin: 0px; background: transparent url(/imgs/btn_sendmypassword.gif) no-repeat 0 0;} input.btn_sendmypassword:hover {background-position: 0 -30px;} input.btn_sendmypassword:active {background-position: 0 -60px;} input.btn_signmeup {height: 26px; width: 87px; cursor: pointer; border: 0px; padding: 0px; margin: 0px; background: transparent url(/imgs/btn_signmeup.gif) no-repeat 0 0;} input.btn_signmeup:hover {background-position: 0 -30px;} input.btn_signmeup:active {background-position: 0 -60px;} input.btn_search, a.btn_search {display: block; height: 26px; width: 67px; cursor: pointer; border: 0px; padding: 0px; margin: 0px; background: transparent url(/imgs/btn_search.gif) no-repeat 0 0;} input.btn_search:hover, a.btn_search:hover {background-position: 0 -30px;} input.btn_search:active, a.btn_search:active {background-position: 0 -60px;} input.btn_sendinvitations {height: 26px; width: 119px; cursor: pointer; border: 0px; padding: 0px; margin: 0px; background: transparent url(/imgs/btn_sendinvitation.gif) no-repeat 0 0;} input.btn_sendinvitations:hover {background-position: 0 -30px;} input.btn_sendinvitations:active {background-position: 0 -60px;} input.btn_savechanges {height: 26px; width: 109px; cursor: pointer; border: 0px; padding: 0px; margin: 0px; background: transparent url(/imgs/btn_savechanges.gif) no-repeat 0 0;} input.btn_savechanges:hover {background-position: 0 -30px;} input.btn_savechanges:active {background-position: 0 -60px;} input.btn_sendrequest {height: 26px; width: 109px; cursor: pointer; border: 0px; padding: 0px; margin: 0px; background: transparent url(/imgs/btn_sendrequest.gif) no-repeat 0 0;} input.btn_sendrequest:hover {background-position: 0 -30px;} input.btn_sendrequest:active {background-position: 0 -60px;} input.btn_sendmessage {height: 26px; width: 109px; cursor: pointer; border: 0px; padding: 0px; margin: 0px; background: transparent url(/imgs/btn_sendmessage.gif) no-repeat 0 0;} input.btn_sendmessage:hover {background-position: 0 -30px;} input.btn_sendmessage:active {background-position: 0 -60px;} input.btn_submitapplication {height: 26px; width: 134px; cursor: pointer; border: 0px; padding: 0px; margin: 0px; background: transparent url(/imgs/btn_submitapplication.gif) no-repeat 0 0;} input.btn_submitapplication:hover {background-position: 0 -30px;} input.btn_submitapplication:active {background-position: 0 -60px;} a.btn_creategroup {display: block; width: 113px; height: 26px; background: url(/imgs/btn_creategroup.gif) no-repeat top left;} a.btn_creategroup:hover {background-position: 0 -30px;} a.btn_creategroup:active {background-position: 0 -60px;} input.btn_uploadmedia, a.btn_uploadmedia {display: block; width: 101px; height: 26px; background: url(/imgs/btn_uploadmedia.gif) no-repeat top left;} input.btn_uploadmedia:hover, a.btn_uploadmedia:hover {background-position: 0 -30px;} input.btn_uploadmedia:active, a.btn_uploadmedia:active {background-position: 0 -60px;} a.btn_uploadmedia b {display: none;} .account_type_id label, .pro_account_type_id label, .year_select label, .country_select label {display: block; clear: both; float: left; width: 140px; line-height: 30px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12px; color: #888; font-style: italic;} .account_type_id select, .pro_account_type_id select, .year_select select, .country_select select {margin-top: 8px;} .country_select select {display: block; margin-left: 140px; padding: 4px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000; font-weight: bold; background-color: transparent;} /********************************************************* * campaign info *********************************************************/ .campaign_info {display: block; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px;} .campaign_info dl {margin: 0px; padding: 0px;} .campaign_info dl dt {clear: both; float: left; width: 120px; padding: 4px 0; font-size: 11px; color: #888;} .campaign_info dl dd {display: block; margin-left: 120px; color: #333; padding: 4px 0; background-color: transparent;} /********************************************************* * misc elements *********************************************************/ table.items {border-collapse:collapse; border:1px solid #ccc;} table.items td {border:1px solid #ccc; padding:5px;} table.items th {background:#ccc; padding:10px; text-align:center;} table.items.stats td {text-align:center;} div.list ul {list-style: none; padding: 0px; margin: 0px;} div.list li {display: block; padding: 4px 10px; border-bottom: 1px solid #eeeadb;} /* Simple chart */ .simple-chart{list-style-type:none;padding:0;margin:0;} .simple-chart li{float:left;margin-left:0px;} .simple-chart li span{display:block;text-indent:-9000px;margin:0;} .simple-chart li div.bar-detail{position:absolute;background:#eee;border:1px solid #444;padding:5px;} .simple-chart li div.bar-detail p, .simple-chart li div.bar-detail p span{font-size:12px;margin:0;} .simple-chart li div.bar-detail p span.not-completed{display:inline;color:#c00;} .simple-chart li div.bar-detail p span.completed{display:inline;color:#0a0;} #PostEditForm input.txt {width: 745px;} .members_photos {margin: 0px; padding: 0px; list-style: none;} .members_photos li {float:left; margin:0 5px; width:125px; text-align:center; height: 120px;} /********************************************************* * album elements *********************************************************/ .albums {margin: 0px; padding: 0 0 0 10px;} .albums ul {margin: 0px; padding: 0px;} .albums li {float: left; list-style: none; margin: 0 0px 5px 5px; width: 120px; height: 120px; padding: 4px; border: 2px solid #eee; font-size: 10px; line-height: 1.1em;} .albums .album_img {display: block; border: 1px solid #ddd; height: 80px; width: 80px; margin: 0 auto; text-align: center; background: #fff url(/imgs/spinner_small.gif) no-repeat 30px 20px;} .albums li:hover {border-color: #c0d8f3; background: #eef6ff;} .albums li:hover .album_number {background: #0066cc;} .albums .album_img img {} .albums .album_title {display: block; padding-top: 4px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; text-align: center;} /* .albums .album_number {display: block; position: absolute; padding: 2px 4px; font-size: 9px; margin: 1px 0 0 20px; line-height: 1em; color: #fff; background: url(/imgs/black_80.png) repeat;} */ .albums .album_number {display: none;} .albums .album_caption {display: block; font-size: 10px; line-height: 1.1em; text-align: center;} .albums a {color: #333; background-color: transparent;} .albums li:hover a {color: #0066cc; background-color: transparent;} #todo {position:absolute; top:10px; left:10px; width:300px; background:#fefdbc; color:#444; text-align:left; padding:10px;} .error-message {color:#a00;} #rightcol {float: right; width: 376px; margin:0 0 0 20px;} #leftcol {float:left; width:580px;} #UserSearchForm label {clear:left; float:left; width:90px;} .find-a-member {margin-bottom:20px;} .poll select {margin:0 0 10px 0!important; width:310px;} .poll-choice {margin:0 0 10px 0;} .poll-choice .bar {height: 15px; background: #0066cc; border:1px solid #0157ad;} .poll-choice .votes {float: right;} /********************************************************* * multi-file upload elements *********************************************************/ #pleaseWait {display: none;} #classicFilesList {display: none;} #classicFilesList #file1 {width: 440px;} #ClassicUpload {width: 1px; height: 1px; visibility: hidden;} #multiLoader, #singleLoader {padding: 8px; color: #666; border: 1px solid #ccc; background: #eee;} #singleLoader {height:auto;} #singleLoader #thumbBox #thumb {float: left; border: 1px solid #ccc; background: #fff; padding:4px; margin: 5px 0 0 0;} #singleLoader #thumbBox #thumb div {width: 80px; height: 80px;} #singleLoader #thumbBox #info {float: left; width: 380px; color: #666; margin: 0 0 0 10px; font: normal 12px Arial, Helvetica, sans-serif; line-height: 20px !important; background-color: transparent;} #singleLoader #singleUploadBox {float: left; width: 380px; color: #666; margin: 0 0 0 10px; background-color: transparent;} #multiLoader #FlashUpload {width: 0px; height: 0px; font-size: 0px; line-height: 0px; background: #fff;} #multiLoader #JSUpload h2, #singleLoader h2, .profile_h2 {font-size: 18px !important; color: #666 !important; padding: 0 !important; margin: 5px 0 0 10px !important; background-color: transparent;} #singleLoader #thumbBox #info h3, .profile_h3 {font-size: 18px; color: #666 !important; padding: 0 !important; margin: 0 !important; background-color: transparent;} #multiLoader #JSUpload select {width: 580px; height: 150px; border: 1px solid #ccc; color: #999; line-height: 11px; font: normal 10px Arial, Helvetica, sans-serif;} #multiLoader #JSUpload div.smt, #multiLoader #JSUpload div.mmt, #singleLoader div.mmt, #singleLoader.smt {width: 552px; margin: 10px 0 12px 10px; color: #666; font: normal 10px Arial, Helvetica, sans-serif; background-color: transparent;} #multiLoader #JSUpload div.smt, #singleLoader.smt {margin: 4px 0 5px 10px; font-size: 9px;} #editImageBox {border: 1px solid #ccc; background: #ffffff; padding: 10px;} #editImageBox .mtxt {font: normal 12px Arial, Helvetica, sans-serif !important; width: 300px !important; border: 1px solid #ccc; padding: 2px;} #editImageBox label.error {font-variant: normal !important; color: #811 !important; font-weight:bold !important;} #uploadProgress {margin: 8px 0; padding: 10px; border: 4px solid #c9dca6; color: #666; text-align: left; font-size: 10px; font-weight: bold; background-color: #fff; width: 552px;} #uploadProgress .info, #uploadProgress .total, #uploadProgress .loaded, #uploadProgress .rate {overflow: hidden;} #uploadProgress .percent_bg {clear: both; margin-top: 4px; height: 12px; line-height: 12px; margin: 0px; padding: 0px; border: 1px solid #666; text-indent: .5em; text-shadow: 0px 0px 2px #000; font-weight: bold; background: url(/profile_imgs/l_bg.gif) repeat-x bottom left;} #uploadProgress .percent {display: block; height: 12px; line-height: 12px; width: 0%; margin: 0px; padding: 0px; color: #fff; background: transparent url(/profile_imgs/l_bar.gif) no-repeat top left;} a.big_submit {display: block; width: 141px; height: 46px; background: url(/imgs/btn_lg_submit.gif) no-repeat 0 0;} a.big_submit span {display: none;} /********************************************************* facebox elements *********************************************************/ #facebox {position: absolute; top: 0; left: 0; z-index: 800 !important; text-align: left;} #facebox .b {background:url(/imgs/facebox/b.png);} #facebox .tl {background:url(/imgs/facebox/tl.png);} #facebox .tr {background:url(/imgs/facebox/tr.png);} #facebox .bl {background:url(/imgs/facebox/bl.png);} #facebox .br {background:url(/imgs/facebox/br.png);} #facebox .popup {position: relative;} #facebox table {border-collapse: collapse;} #facebox td {border-bottom: 0; padding: 0;} #facebox .body {padding: 10px; background: #fff; width: 370px;} #facebox .loading {text-align: center;} #facebox .image {text-align: center;} #facebox img {border: 0; margin: 0;} #facebox .footer {border-top: 1px solid #dddDDD; padding-top: 5px; margin-top: 10px; text-align: right;} #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px; width: 10px; overflow: hidden; padding: 0;} #facebox_overlay {position: fixed; top: 0px; left: 0px; height:100%; width:100%;} #facebox .edit {width: 500px;} .facebox_hide {z-index:-100;} .facebox_overlayBG {background-color: #000; z-index: 799;} * html #facebox_overlay {position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');} #community_tabs ul {display: block; height: 40px; margin: 0px; padding: 0px; list-style: none;} #community_tabs li {float: left; display: block; border: 2px solid #ccc; padding: 8px; margin:0 5px; font-size: 18px; font-weight: bold;} .slideshow.active-img {text-align:center; display:block; background:url(/_img/preview_loading.gif) no-repeat center top; padding:0;} #full-display-image {z-index:999;} #AlbumEditForm label, #AlbumAddForm label, #DiscussionEditForm label {float:left; width:80px;} #AlbumEditForm div.input, #AlbumAddForm div.input, #DiscussionEditForm div.input {clear:left;} /* AVATAR ELEMENTS */ #set_avatar #thumb {float: left; width: 75px;} #set_avatar #thumb img {padding: 2px; border: 1px solid #CCC;} #set_avatar .avatarLoader {float: left; border: 1px solid #CCC; height: 52px; padding: 10px 30px 0 20px; width: 600px;} #set_avatar div.input.file {display: block; float: left; width: 520px;} #set_avatar .avatar_submit {display: block; float: left; width: 70px; margin-top: 10px;} #loading {display: none;} table.list {width:100%; border-spacing:0;} .treat_header table.list th, .treat_header table.list td {padding:6px 4px; text-align:center;} .imgareaselect-outer, .imgareaselect-selection, .imgareaselect-border1, .imgareaselect-border2 {z-index:9999!important;} .general_msg_success, .general_msg_error, .general_msg_caution, .general_msg_notice {margin: 10px 0;} .general_msg_success p, .general_msg_error p, .general_msg_caution p, .general_msg_noice p {margin: 0; display: block; border: 10px solid #99cc66; padding: 20px 20px 20px 44px; color: #578925; font-size: 14px; font-weight: bold; background: #ebffd6 url(/_img/profile_imgs/msg_success.gif) no-repeat 20px 20px;} .general_msg_error p {border-color: #f8817c; color: #c81700; background: #fde1e0 url(/_img/profile_imgs/msg_error.gif) no-repeat 20px 20px;} .general_msg_caution p {border-color: #efe270; color: #baab2c; background: #EEE url(/_img/profile_imgs/msg_caution.gif) no-repeat 20px 20px;} .general_msg_notice p {border-color: #CCC; color: #000; background: #EEE url(/_img/profile_imgs/msg_notice.gif) no-repeat 20px 20px;} #ProfileStatusLine {width:320px; margin-left:10px;} .big-image img {display:block; margin:0 auto!important;} .inset-img {float: left;} .inset-img img {padding: 1px; border: 1px solid #ddd; margin-right: 5px;} .inset-img.large {display: block; float: none; text-align: center;} .inset-img.large img {margin: 0 auto; padding: 5px;} table.message_list {width: 100%; padding: 0px; border-top: 1px solid #ddd;} table.message_list td {border-bottom: 1px solid #ddd; padding: 6px 4px; vertical-align: top;} table.message_list .message_title {font-family: Georgia, 'Times New Roman', Times, serif; font-size: 16px; line-height: 1.3em; color: #000; font-weight: normal;} div.msg_empty {display: block; padding: 0px 10px 10px 10px; text-align: center;} div.msg_empty span {padding: 4px 0 4px 20px; background: url(/profile_imgs/icon_sm_caution.gif) no-repeat left center;} .msg_notice {border-top: 1px solid #e5e5e5; padding: 20px 80px; background: url(/profile_imgs/msg_notice_bg.gif) repeat-x; text-align: left;} .msg_notice img.icon {float: left; padding: 0 20px 20px 0;} .msg_notice h6 {display: block; margin: .5em 0; color: #000; font-size: 18px; line-height: 1.2em; font-weight: normal;} /********************************************************* * comment elements *********************************************************/ div.comments {clear: both; margin-top: 10px;} div.comments.discussion {border-top: 1px solid #ddd; padding-top: 10px; margin-top: 10px;} div.comments .comm {border-top: 1px solid #e2ddc7; border-left: 1px solid #e2ddc7; border-right: 1px solid #e2ddc7; padding: 10px; font-style: italic; background: url(/imgs/comment_general_bg.gif) no-repeat bottom left;} div.comments.discussion a img {float: left; padding: 1px; border: 1px solid #d5d5d5 !important; margin-right: 5px;} div.comments.discussion .comm {border: 0px; padding: 0px; background: transparent; margin: 0 0 0 180px; font-style: normal;} div.comments.discussion .comm p {margin:0 0 7px 0;} div.comments .comment_name {height: 24px; padding: 10px 0 0 0; background: url(/imgs/comment_general_name_bg.gif) no-repeat;} div.comments.discussion .comment_name {float: left; display: block; width: 170px; background: transparent; padding: 0px; height: auto;} div.comments.discussion .comment_name .username, div.comments.discussion .comment_name .txt_report, div.comments.discussion .comment_name #comment_created {font-size: 11px !important; line-height: 1.0em !important; padding: 0px;}bt_ div.comments.discussion .comment_name img {margin-right: 10px;} div.comments.hilite .comm {border-color: #9dbe64; color:#336600; background: url(/imgs/comment_general_bg_hilite.gif) no-repeat bottom left;} div.comments.hilite .comment_name {background: url(/imgs/comment_general_name_bg_hilite.gif) no-repeat;} div.comment_login {display: block; clear: both; border-top: 1px solid #ddd; padding: 10px 0 10px 0px; margin-top: 10px;} .loader {display:none;} /********************************************************* * main slideshow elements *********************************************************/ #ss_container {display: block; overflow: hidden; width: 714px; padding: 0px; margin: 1px 0 0 0; font-size: 12px; border: 1px solid #dedede; background: #fff;} #ss_container ul {display: block; height: 480px; width: 714px; margin: 0px; padding: 0px; list-style: none;} #ss_container li {display: block; height: 480px; width: 714px; overflow: hidden; text-align: center;} #ss_container li .ss_text {display: block; position: absolute; z-index: 399; padding: 0px; width: 714px; height: auto; font-size: 11px; line-height: 1.2em; text-align: left; color: #FFF; background: transparent url(/imgs/slideshow/photo_text_bg.png);} #ss_container .ss_text .ss_text_title {padding: 10px; margin: 0px; font-family: Georgia, 'Times New Roman', Times, serif; font-weight: normal; margin: 0px; font-size: 18px; line-height: 1.3em; color: #FFF; background: transparent;} #ss_container .ss_text .ss_text_caption {padding: 0 10px 10px 10px;} #ss_container li.single .ss_text {} #ss_container li.multiple .ss_text {bottom: 0;} .ss_nav {clear: both; height: 30px; width: 694px; margin: 1px 0; padding: 0 10px; border: 1px solid #dedede; line-height: 30px; text-align: left; color: #4c5557; font-size: 10px; background: #fff;} .ss_nav a.ss_btn_prev, .ss_nav a.ss_btn_next, .ss_nav a.ss_btn_pause, .ss_nav a.ss_btn_play, .ss_nav a.ss_btn_thmbs, .ss_nav #ss_loader {display: block; float: left; height: 16px; width: 16px; margin: 7px 4px 0 0; text-decoration: none; background: url(/imgs/slideshow/scroll_left.png) no-repeat center center;} .ss_nav #ss_loader {display: none; float: right; margin-right: 0px; background: url(/imgs/slideshow/ss_spinner.gif) no-repeat center center;} .ss_nav a.ss_btn_next {background: url(/imgs/slideshow/scroll_right.png) no-repeat center center;} .ss_nav a.ss_btn_play {background: url(/imgs/slideshow/ss_btn_play.png) no-repeat center center;} .ss_nav a.ss_btn_pause {background: url(/imgs/slideshow/ss_btn_pause.png) no-repeat center center;} .ss_nav a.ss_btn_thmbs {display: none; width: 21px; background: url(/imgs/slideshow/ss_btn_thmbs.gif) no-repeat center center;} #ss_icon_pause, #ss_icon_play {display: block; position: absolute; z-index: 998; width: 75px; height: 75px; margin-left: 340px; margin-top: 180px; background: url(/imgs/slideshow/ss_icon_pause.png) no-repeat;} #ss_icon_play {background: url(/imgs/slideshow/ss_icon_play.png) no-repeat;} #ss_photo_num {color: #999; background-color: transparent;} #ss_photo_title {color: #666; background-color: transparent;} .btn_addtolookbook a {position: absolute; z-index: 800; height: 280px; width: 714px; padding-top: 200px; font-family: Georgia, 'Times New Roman', Times, serif; text-align: center; cursor: pointer;} .btn_addtolookbook a span {display: block; width: 150px; height: 40px; line-height: 40px; margin: 0 auto; color: #fff; text-transform: uppercase; font-size: 14px; cursor: pointer; background: #0099ff;} .btn_addtolookbook a:hover {text-decoration: none;} #ss_container ul li:hover #btn_addtolookbook a {display: block;} #ss_container.runway #btn_addtolookbook, #ss_container.runway #btn_addtolookbook a {width: 320px;} .ca-Company-our_news #album_list {font-size:10px; width: 360px;} /********************************************************* * directory row *********************************************************/ .directory_row {padding: 10px; border-bottom: 1px solid #efefef; font-weight: normal;} .directory_row.alt {background-color: #f6f6f6;} .directory_row .directory_img {display: block; float: left; padding-right: 10px;} .directory_row .directory_title {font-family: Georgia, 'Times New Roman', Times, serif; font-size: 16px; line-height: 1.3em; color: #000; background-color: transparent;} .directory_row .directory_title a {color: #000; background-color: transparent;} .directory_row .directory_title a:hover {color: #0099ff; background-color: transparent;} .directory_row .directory_links {font-size: 11px;} .directory_company {float: left; width: 335px; height: 110px;} .directory_company .company_avatar {float: left; width: 130px;} .directory_company .company_avatar img {padding: 1px; border: 1px solid #ddd;} .directory_company .directory_title {font-family: Georgia, 'Times New Roman', Times, serif; font-size: 16px; line-height: 1.3em; color: #000; background-color: transparent;} .directory_company .directory_title a {color: #000;} .directory_company .directory_links {font-size: 10px; line-height: 1.2em;} /********************************************************* * detail options *********************************************************/ .detail_options {display: block; margin-top: 1px; border: 1px solid #ddd; background-color: #eee; color: #999; font-size: 10px; font-weight: bold; padding: 6px 10px;} .detail_options a {color: #666; background-color: transparent;} .detail_options a:hover {color: #333; background-color: transparent;} .detail_options .tags a {color: #0099ff; background-color: transparent;} .detail_options .tags a:hover {color: #02488f; background-color: transparent;} /********************************************************* * featured members element *********************************************************/ ul.featured_members {list-style: none; margin: 0px; padding: 0px;} ul.featured_members li {display: block; float: left; width: 57px; height: 57px; margin: 7px;} .featured_members_info {display: none; position: absolute; height: 51px; width: 183px; padding: 12px 0 0 20px; margin: -40px 0 0 20px; background: url(/imgs/featured_memebers_info.png) no-repeat;} .featured_members_info a {color: #fff; font-weight: bold; line-height: 1.2em; background-color: transparent;} .featured_members_info a:hover {color: #999; background-color: transparent;} .featured_members_info .location {display: block; font-size: 10px; font-family: Georgia, 'Times New Roman', Times, serif; line-height: 1.1em; color: #999;} ul.featured_members li:hover .featured_members_info {display: block;} .profile_block {margin-bottom: 10px;} .profile_block .profile_top, .profile_block .profile_top_white {height: 8px; background: url(/_img/profile_imgs/profile_top.gif) no-repeat top left;} .profile_top.long { background: url(/_img/profile_imgs/profile_top_long.gif) no-repeat top left;} .profile_block .profile_top_white {background: url(/_img/profile_imgs/profile_top_white.gif) no-repeat top left;} .profile_block .profile_top .right, .profile_block .profile_top_white .right {float: right; height: 8px; width: 100px; background: url(/_img/profile_imgs/profile_top.gif) no-repeat top right;} .profile_block .profile_top_white .right {background: url(/_img/profile_imgs/profile_top_white.gif) no-repeat top right;} .profile_block .profile_bottom {height: 8px; background: url(/_img/profile_imgs/block_bottom.gif) no-repeat bottom left;} .profile_block .profile_bottom .right {float: right; height: 8px; width: 100px; background: url(/_img/profile_imgs/block_bottom.gif) no-repeat bottom right;} .profile_block .profile_con {border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; padding: 10px; background: #FFF;} div.profile_nav {width:184px; margin:0 0 16px 0; background: #FFF;} div.profile_top {height: 12px; background: url(/_img/profile_imgs/profile_top.gif) no-repeat top left;} div.profile_top_white {height: 12px; background: url(/_img/profile_imgs/profile_top_white.gif) no-repeat top left;} div.profile_bottom {height: 12px; background: url(/_img/profile_imgs/profile_bottom.gif) no-repeat bottom left;} div.profile_top .right, div.profile_top_white .right {float: right; width: 12px; height: 12px; background: url(/_img/profile_imgs/profile_top.gif) no-repeat top right;} div.profile_top_white .right {background: url(/_img/profile_imgs/profile_top_white.gif) no-repeat top right;} div.profile_bottom .right {float: right; width: 12px; height: 12px; background: url(/_img/profile_imgs/profile_bottom.gif) no-repeat bottom right;} div.profile_nav div.top {height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#fff; padding:0 0 0 14px; background: transparent url(/_img/profile_imgs/profile_nav_top.gif) no-repeat 0 0;} div.profile_nav div.bottom {height: 12px; font-size: 1%; background: url(/_img/profile_imgs/profile_block_bottom.gif) no-repeat;} div.profile_nav div.profile_nav_con {padding: 1px 10px; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8;} #profile_header {padding: 2px 10px 10px 10px;} #profile_header h2 {margin: 0px; padding: 0px; line-height: 1.0em;} #profile_header .search {float: right; text-align: right;} #profile_header .profile_avatar {display: block; float: left; width: 80px;} #profile_header .profile_avatar img.photo {padding: 4px; background: #fff; border: 1px solid #DDD;} #profile_header .profile_info {margin-bottom: 20px;} #profile_header .profile_info.professional {margin-left: 0px;} #profile_header .profile_info .username {margin: 0px; padding: 0px; font-weight: bold; font-size: 30px; line-height: 1.0em; color: #000; background-color: transparent;} #profile_header .profile_info .name, #profile_header .profile_info .age {font-weight: bold; font-size: 11px; line-height: 1.2em; color: #666; background-color: transparent;} #profile_header .profile_info .name {margin-left: 85px;} #company_header #profile_header .profile_info .name {margin-left: 0px;} #profile_header .profile_info .bio {display: block; margin-left: 86px;} #profile_header .btns {float: right; width: 150px; margin-right: 10px;} #profile_header .btns a {display: block; padding: 2px 0 2px 22px; margin: 0px; line-height: 1.2em; font-weight: bold; color: #fff; text-decoration: none; background-color: transparent;} #profile_header .btns a {padding: 2px 0;} #profile_header .btns a:hover {color: #ccc; background-color: transparent;} #profile_header a.btn_showmehowotherpeopleseeme {display: block; float: right; width: 186px; height: 26px; margin-top: 10px; background: transparent url(/imgs/btn_showmehowothersseeme.png) no-repeat;} #profile_header a.btn_showmehowotherpeopleseeme:hover {background-position: center left;} #profile_header a.btn_showmehowotherpeopleseeme:active {background-position: bottom left;} #profile_header a.btn_profile_addtofriends b, #profile_header a.btn_profile_sendamessage b, #profile_header a.btn_profile_showinfriendlist b {display: none;} #profile_header a.btn_profile_showinfriendlist {height: 26px; width: 138px; padding: 0px; margin: 0px; background: url(/imgs/btn_profile_showinfriendlist.gif) no-repeat;} #profile_header a.btn_profile_addtofriends {height: 26px; width: 138px; padding: 0px; margin: 0px; background: url(/imgs/btn_profile_addtofriends.gif) no-repeat;} #profile_header a.btn_profile_sendamessage {height: 26px; width: 138px; padding: 0px; margin: 0px; background: url(/imgs/btn_profile_sendamessage.gif) no-repeat;} #profile_header a.btn_profile_addtofriends:hover, #profile_header a.btn_profile_sendamessage:hover, #profile_header a.btn_profile_showinfriendlist:hover {background-position: 0 -30px;} #profile_header a.btn_profile_addtofriends:active, #profile_header a.btn_profile_sendamessage:active, #profile_header a.btn_profile_showinfriendlist:active {background-position: 0 -60px;} #profile_header .professional_type {padding: 0px; margin: 0px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12px; line-height: 1.2em; } .professional_info .professional_measurements {padding-top: 10px; border-top: 1px solid #ddd; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 16px; color: #000; background-color: transparent;} .professional_info {clear: both; display: block; padding-top: 10px;} .professional_info ul.professional_stats {border: 0px; margin: 0px; padding: 4px 0 0 0;} .professional_info ul.professional_stats li {display: block; float: left; width: 115px;} .professional_info ul.professional_stats .m_stat {font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic;} .professional_info ul.professional_stats .m_stat_value {font-weight: bold; color: #000; background-color: transparent;} dl.profile_extended_info {margin: 0px; padding: 0px;} dl.profile_extended_info dt {clear: both; float: left; font-family: Georgia, 'Times New Roman', Times, serif; color: #888; font-style: italic; background-color: transparent;} dl.profile_extended_info dd {margin-left: 100px; padding-bottom: 4px; color: #000; background-color: transparent;} /********************************************************* * company detail page *********************************************************/ #company_header {padding: 10px 20px 0 20px; color: #fff; background: #333 url(/imgs/company_bg.gif) repeat-x top left;} #company_header h2 {margin: 0px; padding: 0px; font-size: 36px; font-family: Georgia, 'Times New Roman', Times, serif; color: #fff; line-height: 1.1em; text-transform: capitalize; font-weight: normal; text-shadow: 0px 1px 3px #000; background-color: transparent;} #company_header a {color: #fff; background-color: transparent;} #company_header a:hover {color: #999; background-color: transparent;} #company_header.profile {background: #000 url(/imgs/new_profile_header.jpg) no-repeat top center;} #company_header #profile_header {padding-left: 0px;} #company_header #profile_header .professional_measurements {border-color: #444; color: #fff; background-color: transparent;} #company_header #profile_header img.photo {float: left; padding: 4px; background: #333; border: 1px solid #666;} a.btn_viewpublicprofile {display: block; height: 26px; width: 138px; background: url(/imgs/btn_viewpublicprofile.gif) no-repeat;} a.btn_viewpublicprofile:hover {background-position: 0 -30px;} a.btn_viewpublicprofile:active {background-position: 0 -60px;} #company_job {margin-top: 20px; border-top: 1px solid #eee; padding-top: 20px;} .company_avatar {margin-top: 1px;} .address_col {display: block; float: left; width: 335px;} .address_col dl {display: block; padding: 0px; margin: 0px;} .address_col dl dt {color: #999; float: left; clear: both;} .address_col dl dd {margin-left: 100px; color: #666; background-color: transparent;} a.professionals_btn {display: block; float: left; height: 40px; width: 197px; padding: 12px 0 0 15px; margin: 15px 13px 0px 0px; font-size: 18px; line-height: 1.0em; font-weight: bold; color: #333; background: transparent url(/imgs/professional_button.png) no-repeat; text-decoration: none;} a.professionals_btn.full {float: none; width: 100%; background: transparent url(/imgs/professional_button_full.png) no-repeat; text-decoration: none;} a.professionals_btn em {display: block; font-size: 12px; font-style: normal; line-height: 1.0em; color: #666; background-color: transparent;} a.professionals_btn:hover {color: #fff; background-position: bottom left; background-color: transparent;} a.professionals_btn:hover em {color: #ccc; background-color: transparent;} a.professionals_btn.sel {color: #fff; background-position: bottom left;} a.professionals_btn.sel em {color: #ccc; background-color: transparent;} .company_clients {list-style: none; margin: 0px; padding: 0px;} .company_clients li {display: block; float: left; width: 225px;} .company_news {display: block; float: left; width: 310px; margin-right: 20px;} .company_news_wide {display: block;} .company_news .company_news_photo, .company_news_wide .company_news_photo {display: block; float: left;} .company_news .company_news_photo img, .company_news_wide .company_news_photo img {border:1px solid #ddd; padding: 1px;} .company_news .company_news_title, .company_news_wide .company_news_title {margin-left: 100px; font-size: 14px; color: #000; font-weight: bold; line-height: 1.2em; background-color: transparent;} .company_news .company_news_info, .company_news_wide .company_news_info {margin-left: 100px; color: #999; font-size: 11px;} .company_news .company_news_body, .company_news_wide .company_news_body {margin-left: 100px;} .company-news {padding: 10px 0px; border-bottom: 1px solid #ddd;} /********************************************************* profile tabs *********************************************************/ #profile_tabs {height: 40px; line-height: 35px; padding: 4px 10px 0 10px; background: url(/imgs/profile_tabs_bg.gif) repeat-x top left;} #profile_tabs a {display: block; float: left; padding: 0 8px; color: #999; font-weight: bold; text-decoration: none; background: none;} #profile_tabs a:hover {color: #555;} #profile_tabs a.sel, #profile_tabs a.sel:hover {border-left: 1px solid #cecece; border-right: 1px solid #cecece; border-top: 1px solid #cecece; color: #333; background: #FFF;} #profile_tabs a.right {float: right;} table.profile_list, table.profile_data, table.profile_media {width: 100%; padding: 0px; border: 0px; margin: 0px;} table.profile_list td, table.profile_data td, table.profile_media td {padding: 4px; color: #000; vertical-align: top; background-color: transparent;} table.profile_list td.empty, table.profile_data td.empty, table.profile_media td.empty, .empty {border: 1px solid #b2dfed; padding: 10px; background: #e6f7fc; text-align: center; font-weight: bold;} table.profile_data td.l {width: 110px; text-align: right;} table.profile_data td.l label {font-weight: bold; color: #666; background-color: transparent;} table.profile_list td {border-top: 1px solid #e9f2fb;} table.profile_list tr.alt td {background: #f1f7fd;} table.profile_list tr td img.photo {padding: 3px; border: 1px solid #DDD; background: #FFF;} .profile_btns {line-height: 30px;} .profile_btns .status {float: right; width: 300px; text-align: right; font-weight: bold;} /********************************************************* * profile media photos and albums (sortable) *********************************************************/ .profile_media, .profile_albums {display: block; width: 100%; min-height: 590px; margin: 10px 0 0 0; padding: 0px; overflow: hidden; border: 1px solid #ddd; background: #f6f6f6;} .profile_media_sortable,.profile_albums_sortable, .profile_albums_nonsortable, .profile_media_unsortable {float: left; display: block; width: 154px; height: 140px; margin: 10px; text-align: left; font-weight: bold;} .profile_media_sortable, .profile_media_unsortable, .profile_albums_sortable, .profile_albums_nonsortable {width: 154px; height: 140px; padding-bottom: 10px; border: 2px solid #eee; background: #fff;} .profile_media_sortable:hover, .profile_media_unsortable:hover, .profile_albums_sortable:hover, .profile_albums_nonsortable:hover {border-color: #c0d8f3; background: #eef6ff;} .profile_albums_sortable.unpublished {border:2px solid #ff6666; background:#ffcccc;} .profile_albums_sortable.published .profile_media_caption, .profile_albums_sortable.unpublished .profile_media_caption {display: none;} .profile_media_title, .profile_albums_title {display: block; width: 154px; margin: 0px; height: 20px; line-height: 20px; overflow: hidden; color: #333; text-align: left; text-align: center; background-color: transparent;} .profile_media_caption {display: block; width: 154px; margin: 0px; padding-left: 6px; overflow: hidden; text-align: left; font-size: 10px; font-style: italic; font-weight: normal; text-align: center;} .profile_media_sortable .profile_media_title, .profile_albums_sortable .profile_albums_title {display:block; overflow:hidden;} a.profile_media_photo, a.profile_albums_photo, a.profile_media_sortable a.profile_media_photo, .profile_albumbs_sortable a.profile_albums_photo {display: block; height: 75px; width: 75px; margin: 0 auto; background: #eee url(/_img/loading.gif) no-repeat center center;} a.profile_media_photo img, a.profile_albums_photo img {padding: 6px;} a.profile_media_photo .profile_albums_preview, a.profile_albums_photo .profile_albums_preview, a.profile_media_photo .profile_media_preview, a.profile_albums_photo .profile_media_preview {display: none;} a.profile_media_photo:hover .profile_media_preview, a.profile_albums_photo:hover .profile_media_preview {width: 110px;} .profile_media_btns, .profile_albums_btns {padding-top: 2px; text-align: center; font-size: 10px;} .profile_media_btns a, .profile_albums_btns a {color: #000; font-weight: normal; background-color: transparent; cursor: pointer !important;} .profile_media_sortable:hover, .profile_albums_sortable:hover {cursor: move !important;} .profile_media_sortable a {cursor: move;} .sortHelper {float: left; background-color: #F6F6F6;} .profile_albums_sortable.streetstyle {cursor: pointer !important;} /* media upload window */ .media_leftcol {float: left; width: 295px;} .media_rightcol {float: right; width: 295px; margin-right: 1px;} .profile_messages a, .profile_requests a {display: block; padding: 4px 10px 4px 24px; color: #555541; font-weight: bold; font-size:10px; text-decoration: none;} .profile_messages a:hover, .profile_requests a:hover {color: #3185cf; background-color: #d6e5f2;} .profile_messages a {background-image: url(/_img/icons/icon_messages.gif) !important; background-repeat: no-repeat !important; background-position: 0px 6px !important;} .profile_requests a {background-image: url(/_img/icons/icon_requests.gif) !important; background-repeat: no-repeat !important; background-position: 0px 6px !important;} /****************************************************** * profile side navigation ******************************************************/ .sidenav_title {height: 40px; line-height: 40px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px; font-weight: normal; padding-left: 10px; color: #fff; background: transparent url(/imgs/sidenav_title_bg.gif) no-repeat top right;} .profile_sidenav {display: block; margin: 0px; padding: 0 0 30px 0; list-style: none; background: url(/imgs/sidenav_bg.gif) no-repeat top right;} .profile_sidenav li {display: block; height: 30px; line-height: 30px; margin: 0px; padding: 0px;} .profile_sidenav li a {display: block; height: 30px; line-height: 30px; padding: 0px 10px 0px 30px !important; color: #999; font-weight: bold; text-decoration: none;} .profile_sidenav li.nav_on {} .profile_sidenav li.nav_on a {color: #fff; background-color: transparent;} a.console_profile:hover, a.console_lookbooks:hover, a.console_events:hover, a.console_friends:hover, a.console_blog:hover, a.console_subscriptions:hover, a.console_messages:hover, a.console_requests:hover, a.console_pending:hover, a.console_comments:hover, a.console_events:hover, a.console_groups:hover, a.console_streetstyle:hover, a.console_dashboard:hover, a.console_favorites:hover, a.console_videos:hover, a.console_greenstyle:hover, a.console_social_connect:hover, a.console_jobs:hover {text-decoration: none; color: #ccc; background-color: transparent;} a.console_profile {background-image: url(/imgs/console_icon_profile.gif) !important; background-repeat: no-repeat !important; background-position: 6px 8px !important;} a.console_lookbooks {background-image: url(/imgs/console_icon_lookbooks.gif) !important; background-repeat: no-repeat !important; background-position: 6px 8px !important;} a.console_friends {background-image: url(/imgs/console_icon_friends.png) !important; background-repeat: no-repeat !important; background-position: 7px 8px !important;} a.console_blog {background-image: url(/imgs/console_icon_blog.gif) !important; background-repeat: no-repeat !important; background-position: 6px 6px !important;} a.console_messages {background-image: url(/imgs/console_icon_messages.gif) !important; background-repeat: no-repeat !important; background-position: 6px 8px !important;} a.console_comments {background-image: url(/_img/icons/icon_comments.gif) !important; background-repeat: no-repeat !important; background-position: 6px 7px !important;} a.console_subscriptions {background-image: url(/imgs/console_icon_rss.gif) !important; background-repeat: no-repeat !important; background-position: 6px 7px !important;} a.console_jobs {background-image: url(/imgs/console_icon_jobpostings.gif) !important; background-repeat: no-repeat !important; background-position: 7px 8px !important;} a.console_events {background-image: url(/imgs/console_icon_events.gif) !important; background-repeat: no-repeat !important; background-position: 7px 8px !important;} a.console_groups {background-image: url(/imgs/console_icon_groups.png) !important; background-repeat: no-repeat !important; background-position: 6px 7px !important;} a.console_streetstyle {background-image: url(/imgs/console_icon_streetstyle.gif) !important; background-repeat: no-repeat !important; background-position: 4px 7px !important;} a.console_dashboard {background-image: url(/imgs/console_icon_dashboard.gif) !important; background-repeat: no-repeat !important; background-position: 6px 7px !important;} a.console_favorites {background-image: url(/imgs/console_icon_favorites.png) !important; background-repeat: no-repeat !important; background-position: 6px 7px !important;} a.console_videos {background-image: url(/imgs/console_icon_video.png) !important; background-repeat: no-repeat !important; background-position: 6px 7px !important;} a.console_greenstyle {background-image: url(/imgs/console_icon_greenstyle.png) !important; background-repeat: no-repeat !important; background-position: 6px 7px !important;} a.console_social_connect {background-image: url(/imgs/console_icon_socialnetwork.png) !important; background-repeat: no-repeat !important; background-position: 6px 7px !important;} a.console_messages:hover strong, a.console_requests:hover strong, a.console_pending:hover strong, a.console_invitations:hover strong, a.console_comments:hover strong {color: #000; background-color: transparent;} a.console_invites {border-top: 1px solid #ecece7; padding: 5px 10px 0px 40px; color: #9f9f93; line-height: 1.2em; font-size: 10px; background: transparent url(/imgs/icon_invite.gif) no-repeat 4px 6px;} a.console_requests, a.console_pending {font-size: 11px; line-height: 20px; height: 20px;} /********************************************************* * pagination *********************************************************/ #pagination {margin-top: 10px; border-top: 1px solid #eee; height: 30px; padding: 0 10px; line-height: 30px; color: #666; font-size: 11px; background-color: transparent;} #pagination span.current {color: #333; font-weight: bold; background-color: transparent;} #pagination a {font-weight: bold;} .paging.hidden {display:none;} .paging, .paging_alt {display: block; clear: both; height: 22px; padding: 10px 0; text-align: left; font-size: 12px; font-weight: bold;} .paging.top {border-top: 0; border-bottom: 1px solid #eee; margin-top: 0px; margin-bottom: 10px;} .paging .disabled, .paging a, .paging_alt .disabled, .paging_alt a:hover {display: inline; border: 1px solid #ccc; padding: 4px 6px; margin-right: 1px; color: #888; font-size: 11px; text-decoration: none;} .paging .foldSep {display:inline; padding:2px 6px;} .paging a:hover, .paging_alt a:hover {border-color: #000; color: #000; background-color: transparent;} .paging .disabled, .paging_alt .disabled {color: #ccc; background-color: transparent;} .paging span.current, .paging_alt span.current {border: 1px solid #0099ff; color: #fff; display:inline; margin-right: 1px; font-size: 11px; padding: 4px 6px; background: #0099ff;} .paging .p_stats {display: block; float: right; text-align: right; text-transform: none;} /********************************************************* * profile elements *********************************************************/ .profile_block .profile_search {border-top: 1px solid #e0e0d5; border-left: 1px solid #e0e0d5; border-right: 1px solid #e0e0d5; padding: 0px 0px 10px 0px; margin: 0;} .profile_block .profile_search h1 {margin:0; padding: 15px 0 15px 15px; border-bottom: 1px solid #e6e6e6;} ul.profile_sidenav a.search_link {display: block; height: 30px; line-height: 30px; padding: 0px 10px 0px 30px !important; color: #555541; font-weight: bold; text-decoration: none;} ul.profile_sidenav a.search_link:hover {text-decoration: none; color: #000; background-color: #f3f3f3;} div.profile_nav div#people_search div.input_search {padding:2px 2px 2px 8px; margin:0; border:1px solid #e6e6e6; border-top:0; border-bottom:0;} div.profile_nav span {display: block; height: 1px; line-height: 1px; background: #e6e6e6;} div.profile_nav div#people_search div.input_search label {display:block; font-size:12px; padding:2px; font-weight:bold; color:#3185CF;} div.profile_nav div#people_search div.input_search input, div.profile_nav div#people_search div.input_search select {width:158px; font-size:11px; padding:3px; border:1px solid #e5e5e5;} div.profile_nav div#people_search div.input_search select {width:166px;} div.profile_nav div#people_search a.blankClear {margin:4px 4px 12px 0 !important;} #body-nav {width:184px; float:left; margin-right:10px;} #body-container {float:left; margin:0; width:790px;} #body-container.long {width:990px;} .profile-status {float: left; font-size:14px;} em.file {margin-left:150px; font-size: 10px;} .blog-posting {clear: both; display: block; padding: 4px; border-bottom: 1px solid #ddd;} .blog-posting .options {display: block; float: right;} .blog-posting .blog-posting-title {font-weight: bold;} .blog-posting .blog-posting-date {display: block; float: left; width: 150px;} .blog-posting .blog-posting-info {margin-left: 150px;} .blog-posting a.editblog {padding: 4px 0 4px 20px; font-size: 10px; font-weight: bold; color: #009900; background: url(../imgs/icon_sm_editblog.gif) no-repeat center left;} .blog-posting a.deleteblog {padding: 4px 0 4px 20px; font-size: 10px; font-weight: bold; color: #cc0000; background: url(../imgs/icon_sm_remove.gif) no-repeat center left;} #sort-link {display:none;} .professional_index {padding: 10px 0;} .professional_index ul.albums li {margin: 5px 4px;} ul.friend, ul.visitor {margin: 0px; padding: 0px; list-style: none;} ul.friend li, ul.visitor li {border-top: 1px solid #ddd; padding: 4px 0; border-bottom: 0px;} .friend .friend_photo, ul.visitor .visitor_photo {float: left; width: 40px;} .friend .friend_info, ul.visitor .visitor_info {margin-left: 40px;} .resultsBox ul.friend li {border-top: 0px;} /********************************************************* * campaign / runway / professionals / directory landing pages *********************************************************/ .landing_page {display: block;} .landing_page .lp_breadcrumb {font-size: 10px; font-style: italic; color: #666; background-color: transparent;} .landing_page h1 {font-family: Georgia, 'Times New Roman', Times, serif; font-size: 42px; color: #000; line-height: 1.1em; font-weight: normal; margin: 0px; padding: 0px; background-color: transparent;} .landing_page .lp_subtitle {font-family: Georgia, 'Times New Roman', Times, serif; font-size: 20px; line-height: 1.3em; color: #000; background-color: transparent;} table.friend_list {width: 100%;} table.friend_list th {text-align: left; padding: 4px; border-bottom: 1px solid #ddd;} table.friend_list td {padding: 4px; border-bottom: 1px solid #ddd;} table.friend_list tr.odd td {background-color: #eee;} table.friend_list .friend_name {font-weight: bold;} table.friend_list .friend_status {color: #000; background-color: transparent;} table.friend_list .friend_status_update {font-size: 10px; color: #999; font-weight: normal; background-color: transparent;} table.friend_list .friend_date {font-size: 10px; color: #999; background-color: transparent;} table.friend_list .friend_options {display: block; width: 470px; margin-top: 4px; padding-top: 4px; font-size: 11px; color: #999} .messages-hopbox {float:right; width: auto; margin: 0px 0 30px 0;} .messages-hopbox label {float: right; width: auto; font-weight:bold;} .messages-hopbox select {float: right; width: auto; border: 1px solid #BDC7D8; font-size: 11px; padding: 2px; height: 20px; margin: -2px 0 0 5px;} .messages-hopbox button {float: right; width: auto; margin: -2px 0 0 8px;} .messages-selector {margin: 0px 0 15px 0;} .messages-selector label {float:left; font-weight:bold;} .messages-selector select {float:left; margin:-3px 0 0 18px; border:1px solid #BDC7D8; font-size:11px; padding:2px; height:20px;} .messages-selector ul {margin:5px 0 0 20px; padding:0;} .messages-selector li {list-style-type:none; display:inline; margin:5px 6px 0 6px;} .messages-selector a.disabled {color:#aaa; background-color: transparent;} a.mark {background:#fff url(/css/images/icons/new_message.gif) no-repeat left top; display:block; width:11px; height:11px;} a.mark.read {background-position:11px 11px;} a.mark.read:hover {background-position:left top;} a.mark.unread {background-position:left top;} a.mark.ynread:hover {background-position:11px 11px;} .add-lookbook, .merge-to-existing {display:none;} .actions {margin:5px 0; padding:2px 8px; font-size:13px;} .actions a {color:#666; font-weight:bold; background-color: transparent;} /********************************************************** table forum elements **********************************************************/ table.forums {border-collapse: collapse; border: 0px; padding: 0px; width:100%; margin: 20px 0 0 0; background-color: #eee;} table.forums th, table.forums td {color: #666; background-color: #fff;} table.forums th {height: 31px; line-height: 31px; font-weight: bold; padding: 0 6px; font-size: 12px; color: #333; text-shadow: 0px 1px 1px #fff; background: #fff url(/imgs/table_th_bg.gif) repeat-x top center;} table.forums th.th_left {background-position: top left;} table.forums th.th_right {background-position: top right;} table.forums td {padding: 10px; border-bottom: 1px solid #ddd; background-image: url(/imgs/table_td_border.gif); background-repeat: repeat-y; background-position: top left; background-color: #fff;} table.forums td.td_right {border-left: 1px solid #ddd; background-image: url(/imgs/table_td_border.gif); background-repeat: repeat-y; background-position: top right;} table.forums td.title {font-family: Arial, sans-serif; font-weight: bold; font-size: 14px; padding: 10px;} table.forums td.title p {font-size: 12px;} table.forums tr.alt td {background-color: #f6f6f6;} table.forums td.action, table.forums td.stats {text-align:center;} table.forums td.options {width: 120px;} table.forums td.replies {text-align: center;} /* icons */ .gi_folder, .gi_topic {margin-right: 10px;} a.btn_startatopic {display: block; width: 103px; height: 26px; background: url(/imgs/btn_startatopic.gif) no-repeat;} a.btn_startatopic:hover {background-position: 0 -30px;} a.btn_startatopic:active {background-position: 0 -60px;} a.btn_addhappening {display: block; width: 113px; height: 26px; background: url(/imgs/btn_addhappening.gif) no-repeat;} a.btn_addhappening:hover {background-position: 0 -30px;} a.btn_addhappening:active {background-position: 0 -60px;} a.btn_createevent {display: block; width: 113px; height: 26px; background: url(/imgs/btn_createevent.gif) no-repeat;} a.btn_createevent:hover {background-position: 0 -30px;} a.btn_createevent:active {background-position: 0 -60px;} a.btn_invitemember {display: block; width: 98px; height: 26px; background: url(/imgs/btn_invitemember.gif) no-repeat;} a.btn_invitemember:hover {background-position: 0 -30px;} a.btn_invitemember:active {background-position: 0 -60px;} a.btn_sendmessage {display: block; height: 26px; width: 109px; background: transparent url(/imgs/btn_sendmessage.gif) no-repeat 0 0;} a.btn_sendmessage:hover {background-position: 0 -30px;} a.btn_sendmessage:active {background-position: 0 -60px;} a.btn_kickmember {display: block; height: 26px; width: 109px; background: transparent url(/imgs/btn_kickmember.gif) no-repeat 0 0;} a.btn_kickmember:hover {background-position: 0 -30px;} a.btn_kickmember:active {background-position: 0 -60px;} input.btn_submitreply {width: 98px; height: 26px; background: url(/imgs/btn_submitreply.gif) no-repeat;} input.btn_submitreply:hover {background-position: 0 -30px;} input.btn_submitreply:active {background-position: 0 -60px;} /********************************************************** group elements **********************************************************/ .group_desc {text-transform: none; font-family: Arial; font-weight: normal; font-size: 12px;} .topic-title {font-weight: bold;} .group {float: left; height: 120px; width: 306px; border: 1px solid #eee; padding: 10px; margin: 0 5px 10px 5px; background: #fff;} .group .group_img {float: left;} .group .group_name {margin-left: 130px;} .group .group_name .group_info {font-size: 10px; line-height: 1.1em;} h1.h1_group {font-size: 36px; text-transform: capitalize;} table.forum_category_table {border-collapse:collapse; border:1px solid #ccc; width:570px; margin:20px 0 0 0;} table.forum_category_table th {font-weight:bold; padding:8px; font-size:14px;} table.forum_category_table td {border:1px solid #ccc; padding:5px; font-size:10px;} table.forum_category_table .title {font-size:12px; font-weight:bold; width:400px;} table.forum_category_table .replies {text-align:center;} .group_topic {display: block; clear: both; padding: 6px 0 6px 25px; border-top: 1px solid #ddd; font-size: 11px; line-height: 1.3em; background: url(/imgs/16_icon_topic.gif) no-repeat 0 8px;} .group_topic .g_topic_title {font-size: 12px; font-weight: bold; line-height: 1.3em;} .group_info {padding: 0px; margin: 0px;} .group_info dt {float: left; width: 80px; clear:both; color: #999;} .group_info dd {float: left; display: inline;} .group_pic {text-align: center;} .happening {border-bottom:1px solid #ddd; padding:10px 0;} th.center {text-align:center;} .group-tabs {margin: 0; height: 40px; padding: 0; line-height: 22px;} .group-tabs a {display: block; float: left;} .group-tabs a.gt_right {float: left; padding: 0px; margin: 0 6px 0 0; width: 87px; height: 22px; background: url(/imgs/btn_sm_deletegroup.gif) no-repeat;} .group-tabs a.gt_right:hover {background-position: 0 -30px;} .group-tabs a.btn_managegroup {float: left; padding: 0px; margin: 0 6px 0 0; width: 95px; height: 22px; background: url(/imgs/btn_managegroup.gif) no-repeat;} .group-tabs a.btn_managegroup:hover {background-position: 0 -30px;} .group-tabs a.btn_grouphome {float: left; padding: 0px; margin: 0 6px 0 0; width: 52px; height: 22px; background: url(/imgs/btn_group_home.gif) no-repeat;} .group-tabs a.btn_grouphome:hover {background-position: 0 -30px;} .group-tabs a.btn_managemembers {float: left; padding: 0px; margin: 0 6px 0 0; width: 108px; height: 22px; background: url(/imgs/btn_managemembers.gif) no-repeat;} .group-tabs a.btn_managemembers:hover {background-position: 0 -30px;} a.btn_viewmembers {float: left; padding: 0px; margin: 0 6px 0 0; width: 108px; height: 22px; background: url(/imgs/btn_viewmembers.gif) no-repeat;} a.btn_viewmembers:hover {background-position: 0 -30px;} .group-tabs a.btn_manageevent {float: left; padding: 0px; margin: 0 6px 0 0; width: 92px; height: 22px; background: url(/imgs/btn_manageevent.gif) no-repeat;} .group-tabs a.btn_manageevent:hover {background-position: 0 -30px;} .group-tabs a.btn_manageevent {float: left; padding: 0px; margin: 0px 6px 0 0; width: 92px; height: 22px; background: url(/imgs/btn_manageevent.gif) no-repeat;} .group-tabs a.btn_manageevent:hover {background-position: 0 -30px;} .group-tabs a.btn_invitepeople {float: left; padding: 0px; margin: 0px 6px 0 0; width: 88px; height: 22px; background: url(/imgs/btn_invitepeople.gif) no-repeat;} .group-tabs a.btn_invitepeople:hover {background-position: 0 -30px;} .group-tabs a.btn_cancelevent {float: left; padding: 0px; margin: 0px 6px 0 0; width: 88px; height: 22px; background: url(/imgs/btn_cancelevent.gif) no-repeat;} .group-tabs a.btn_cancelevent:hover {background-position: 0 -30px;} a.btn_eventattend {display: block; padding: 0px; margin: 6px 0 0 0 ; width: 156px; height: 26px; background: url(/imgs/btn_eventattend.gif) no-repeat;} a.btn_eventmaybeattend {display: block; padding: 0px; margin: 6px 0 0 0; width: 156px; height: 26px; background: url(/imgs/btn_eventmaybeattend.gif) no-repeat;} a.btn_eventnotattending {display: block; padding: 0px; margin: 6px 0 0 0; width: 156px; height: 26px; background: url(/imgs/btn_eventnotattending.gif) no-repeat;} a.btn_joingroup {padding: 0px; margin: 0; display: block; width: 176px; height: 28px; background: url(/imgs/btn_joingroup.gif) no-repeat;} a.btn_leavegroup {padding: 0px; margin: 0; display: block; width: 176px; height: 28px; background: url(/imgs/btn_leavegroup.gif) no-repeat;} .group-tabs a.btn_leavegroup {padding: 0px; margin: 0; display: block; width: 176px; height: 28px; background: url(/imgs/btn_leavegroup.gif) no-repeat;} .group-tabs a.btn_leavegroup:hover {background-position: 0 -30px;} .groupreplylist {margin-top: 10px; border-top: 1px solid #eee;} .groupreply {clear: both; padding: 6px 0; margin: 0px; border-bottom: 1px solid #eee;} .groupreply_title {margin-left: 70px; font-weight: bold;} .groupreply_body {margin-left: 70px; } .groupreply_stats {margin-left: 70px; font-size: 10px;} .group_side_links a {display: block; padding: 4px 0 4px 14px; border-bottom: 1px solid #eee; color: #333; font-size: 11px; background: transparent url(/imgs/icon_list_groups.gif) no-repeat 0 6px;} .group_side_links a:hover {color: #7db000; text-decoration: none; background-position: 0 -44px;} form.add_group .input.checkbox {margin-left: 140px;} form.add_group .input.checkbox input {float: left;} form.add_group .input.checkbox label {display: block; width: 500px; float: left;} .members_photos.groups {padding: 10px 0 0 0; font-size: 10px; line-height: 1.1em;} .members_photos.groups li {width: 66px; height: 100px; text-align: center;} .members_photos.groups li a img {margin: 0px; float: none;} /********************************************************** event elements **********************************************************/ .event_left {float: left; display: block; width: 470px;} .event_right {float: right; display: block; width: 180px;} .event_pic {float: right; font-size: 10px; text-align: center;} dl.event_info {display: block; margin: 0px; padding: 0px; list-style: none;} dl.event_info dt {display: block; float: left; width: 120px; clear: both; color: #999; font-style: italic;} dl.event_info dd {margin-left: 130px; padding-bottom: 4px;} dl.invite_status {display: block; padding: 10px 0 0 0; margin: 0px; color: #000; font-weight: bold; background-color: transparent;} dl.invite_status dt {display: block; float: left; width: 120px; clear: both;} dl.invite_status dd {margin-left: 120px; text-align: right;} dl.invite_status dt, dl.invite_status dd {padding: 2px 0;} .event_block_title {display: block; border-top: 1px solid #ddd; padding: 6px 10px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 16px; color: #000; background: #eee;} .event_block_title a.viewall {float: right; font-size: 10px; font-family: Arial;} a.btn_addtofriends {display: block; height: 26px; width: 108px; background: url(/imgs/btn_addtofriends.gif) no-repeat 0 0;} a.btn_addtofriends:hover {background-position: 0 -30px;} a.btn_addtofriends:active {background-position: 0 -60px;} .event_category {font-family: Georgia, 'Times New Roman', Times, serif; color: #000; font-size: 16px; background-color: transparent;} .event {float: left; height: 120px; width: 306px; border: 1px solid #eee; padding: 10px; margin: 0 5px 10px 5px; background: #fff;} .event .event_img {float: left;} .event .event_name {margin-left: 150px;} .event .event_sum {font-size: 11px; line-height: 1.3em;} .event .event_options {float: right; font-size: 10px;} h1.h1_event {font-size: 36px; text-transform: capitalize;} form.event_management div.input.checkbox, #EventAddForm div.input.checkbox {margin-left: 140px;} form.event_management div.input.checkbox input, #EventAddForm div.input.checkbox input {margin: 0px; padding-left: 0px;} form.event_management div.input.checkbox label, #EventAddForm div.input.checkbox label {margin: 0 0 0 4px; padding: 0px;} form.event_management div.input.radio, #EventAddForm div.input.radio {margin-left: 140px;} form.event_management div.input.radio fieldset, #EventAddForm div.input.checkbox fieldset {margin: 0px; padding: 0px; border: 0px;} #EventAddForm fieldset fieldset {margin: 0px; border: 0px; padding: 0px;} .event_status_open, .event_status_closed, .event_status_secret {padding: 10px 0; font-size: 11px;} .event_status_open img, .event_status_closed img, .event_status_secret img {float: left; margin-right: 5px;} .event_side_links a {display: block; padding: 4px 0 4px 14px; border-bottom: 1px solid #eee; color: #333; font-size: 11px; background: transparent url(/imgs/icon_list_events.gif) no-repeat 0 6px;} .event_side_links a:hover {color: #0099ff; text-decoration: none; background-color: transparent; background-position: 0 -44px;} #company_header .tabs {display: block; clear: both; height: 50px;} #company_header .tabs ul {display: block; list-style: none; margin: 0px; padding: 20px 0 0 0;} #company_header .tabs ul li {display: block; float: left; margin-right: 2px;} #company_header .tabs ul li a {display: block; float: left; padding: 0 20px; height: 30px; line-height: 30px; font-weight: bold; color: #666; text-decoration: none; background: #000;} #company_header .tabs ul li a:hover {color: #fff; background: #000;} #company_header .tabs ul li a.sel, #company_header .tabs ul li a:hover.sel {display: block; float: left; padding: 0 20px; height: 30px; line-height: 30px; font-weight: bold; color: #000; background: #fff;} .old-browser-note {display: none; width: 972px; text-align: left; color: #ddd; background: #000; padding: 10px; font-size:12px;} .old-browser-note .lg-text {font-weight: bold; font-size: 14px; color: #fff; line-height: 1.3em; background-color: transparent;} .old-browser-note a:hover {color: #fff; background-color: transparent;} .attention {color:#cc9900; font-size:11px; margin-top:20px; padding:8px; background:#ffffcc; border:1px solid #ecbd01;} .company_map {display: none; position: absolute; z-index: 1; height: 358px; width: 680px; padding: 45px 23px 0px 24px; overflow: hidden; color: #000; background: transparent url(/imgs/company_map_bg.png) no-repeat;} .company_map .amap {display: block; width: 680px; height: 300px; padding-bottom: 12px;} .company_map .mapclose {display: block; float: right; line-height: 1em; text-decoration: none; font-size: 10px; font-weight: bold; color: #000; background-color: transparent;} .error-message {margin-left:140px;} .public-group-expl {margin-left:140px;} /********************************************************** help center elements **********************************************************/ .b_helpcenter {display: block; padding-bottom: 10px;} .b_helpcenter .b_top {height: 8px; background: url(/imgs/b_helpcenter_bg.gif) no-repeat;} .b_helpcenter .b_top .b_top_right {float: right; height: 8px; width: 100px; background: url(/imgs/b_helpcenter_bg.gif) no-repeat top right;} .b_helpcenter .b_bottom {height: 8px; background: url(/imgs/b_helpcenter_bg.gif) no-repeat bottom left;} .b_helpcenter .b_bottom .b_bottom_right {float: right; height: 8px; width: 100px; background: url(/imgs/b_helpcenter_bg.gif) no-repeat bottom right;} .b_helpcenter.alert .b_top {background: url(/imgs/b_helpcenter_alert_bg.gif) no-repeat;} .b_helpcenter.alert .b_top .b_top_right {float: right; height: 8px; width: 100px; background: url(/imgs/b_helpcenter_alert_bg.gif) no-repeat top right;} .b_helpcenter.alert .b_bottom {background: url(/imgs/b_helpcenter_alert_bg.gif) no-repeat bottom left;} .b_helpcenter.alert .b_bottom .b_bottom_right {float: right; height: 8px; width: 100px; background: url(/imgs/b_helpcenter_alert_bg.gif) no-repeat bottom right;} .b_helpcenter .b_con {border-left: 1px solid #ddd; border-right: 1px solid #ddd; background: #fff; padding: 0px 10px;} .b_helpcenter.alert .b_con {border-left: 1px solid #cccc99; border-right: 1px solid #cccc99; background: #ffffcc; padding: 0px 10px; color: #999900;} .b_helpcenter h6 {margin: 0; padding: 4px 0 10px 0; border-bottom: 1px solid #ddd; font-size: 14px; font-family: Georgia, 'Times New Roman', Times, serif; line-height: 1.2em; color: #000; font-weight: normal; background-color: transparent;} .b_helpcenter h6.bug {padding-left: 20px; background: url(/imgs/h6_bug.gif) no-repeat 0 6px;} ul.hc_links {margin: 0px; padding: 0px; list-style: none;} ul.hc_links li {display: block;} ul.hc_links li a {display: block; padding: 6px 0 6px 14px; border-bottom: 1px solid #ddd; color: #999; font-weight: bold; text-decoration: none; background: transparent url(/imgs/hc_links_bg.gif) no-repeat 0 8px;} ul.hc_links li a:hover {color: #0099ff; background-position: 0 -12px; background-color: transparent;} ul.hc_links li a.sel {color: #000; background-position: 0 -32px; background-color: transparent;} .hc_block {display: block; float: left; width: 280px; padding-left: 60px; margin-right: 60px; padding-bottom: 40px;} .hc_block.faq {background: url(/imgs/hc_icon_faq.gif) no-repeat top left;} .hc_block.contact {margin: 0px; background: url(/imgs/hc_icon_contact.gif) no-repeat top left;} .hc_block.tools {background: url(/imgs/hc_icon_tools.gif) no-repeat top left;} .hc_block.features {margin: 0px; background: url(/imgs/hc_icon_features.gif) no-repeat top left;} a.hc_btn {display: block; width: 114px; margin-top: 6px; height: 26px; cursor: pointer;} a.hc_btn b {display: none;} a.hc_btn.contact {background: url(/imgs/btn_hc_contact.gif) no-repeat;} a.hc_btn.view {width: 74px; background: url(/imgs/btn_hc_view.gif) no-repeat;} a.hc_btn:hover {background-position: bottom left;} .hc_block_links {display: block; width: 250px;} .hc_block_links h6 {margin: 0; padding: 4px 0 10px 0; border-bottom: 1px solid #ddd; font-size: 14px; font-family: Georgia, 'Times New Roman', Times, serif; line-height: 1.2em; color: #000; font-weight: normal; background-color: transparent;} .state_id, .city_id {display:none;} .faq-questions {display: block;} .faq-questions ol, .faq-questions ol li {margin: 0px;} .faq-answers {display: block;} .faq-answers ol li {color: #999; font-weight: bold; background-color: transparent;} .faq-answers ol li dl {font-weight: normal; color: #666; background-color: transparent;} .faq-answers ol li dl dt {margin: 0px; font-weight: bold; font-size: 14px; color: #333; background-color: transparent;} .faq-answers ol li dl dd {margin-left: 0px;} .faq-answers ol li dl dd ol li {list-style-type: lower-alpha; color: #666; font-weight: normal; background-color: transparent;} /********************************************************** video elements **********************************************************/ #video-random-url {display:none;} .b_videos {background: #f6f6f6; border: 1px solid #ddd; padding: 10px;} .b_videos .video {display: block; float: left; width: 316px; height: 130px; margin-right: 10px;} .b_videos .video .video-img {float: left;} .b_videos .video .video-img img {padding: 4px; border: 1px solid #ddd; background-color: #fff;} .b_videos .video .video-img a:hover img {border-color: #999;} .b_videos .video .video-des {margin-left: 140px;} .b_videos .video .video-des .video_info {font-size: 11px; line-height: 1.2em;} .v_stats {font-size: 11px; color: #666; background-color: transparent;} .v_stats span {color: #999; background-color: transparent;} .nowplaying {height: 40px;} .video_playing {margin: 0; padding: 10px 0 0 0;font-size: 16px; font-family: Georgia, 'Times New Roman', Times, serif; line-height: 1.2em; color: #000; font-weight: normal; background-color: transparent;} li.list_video {padding: 0px;} li.list_video a {display: block; padding: 4px 10px 4px 14px; background: transparent url(/imgs/icon_list_videos.gif) no-repeat 0 5px;} li.list_video a:hover {background-position: 0 -45px;} .v_block {display: block; padding: 0px;} .v_block.right {width: 180px;} .v_block.left {width: 480px;} .next-video {float: right;} strong.green {color:#0a0; background-color: transparent;} /********************************************************* Media multiedit elements (used on street style) *********************************************************/ .look_left {float: left;} .look_right {float: left; width: 320px; margin-left: 20px;} a.btn_addyourownlook {display: block; width: 143px; height: 26px; background: transparent url(/imgs/btn_addyourownlook.gif) no-repeat;} a.btn_addyourownlook:hover {background-position: 0px -30px;} a.btn_addyourownlook:active {background-position: 0px -60px;} .tabs_greenstyle {height: 30px; border-bottom: 1px solid #ddd; margin: 10px 0; padding: 0 10px; font-size: 10px;} .tabs_greenstyle a {display: block; float: left; height: 30px; line-height: 30px; padding: 0 20px; color: #999; font-weight: bold; text-transform: uppercase; text-decoration: none; background-color: transparent;} .tabs_greenstyle a:hover {color: #000; background-color: transparent;} .tabs_greenstyle a.sel {border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; background-color: #fff; color: #000;} .greenstyle_header {height: 70px; padding-top: 15px; border-top: 1px solid #ccc; background: #e1eeb9 url(/imgs/streetstyle_header_bg.gif) repeat-x bottom left;} .greenstyle_header h2 {display: block; height: 39px; margin: 0px; padding: 0 0 0 20px; text-transform: uppercase;} .greenstyle_header a.btn_getnoticed {display: block; float: right; width: 166px; height: 48px; margin-right: 20px; background: url(/imgs/btn_getnoticed.jpg) no-repeat;} .greenstyle_header .tabs_greenstyle {margin: 0px; padding-left: 20px;} .greenstyle_header .tabs_greenstyle a {display: block; float: left; height: 30px; line-height: 30px; padding: 0 20px; color: #999; font-weight: bold; text-transform: uppercase; text-decoration: none; background-color: transparent;} .greenstyle_header .tabs_greenstyle a:hover {color: #000; background-color: transparent;} .greenstyle_header .tabs_greenstyle a.sel {border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; background-color: #fff; color: #000;} #multiedit h2 {margin: 10px 0 0 10px;} #multiedit {float: left;} #multiedit.w_block {float: none; border: none; padding: 0px; margin: 0px;} #multiedit .item {} #multiedit .item .the-image {} #multiedit .item .the-image img {position: relative; top: 0px; left: 0px; margin: 0px;} #multiedit .item .tag_label {display: inline; position: absolute; z-index: 2; margin: 0; border: 1px solid #fff; padding: 2px 4px; font-size: 12px; line-height: 1em; background-color: #000; color: #fff; cursor: pointer; text-align:center;} #multiedit .item .tag_label:hover {background-color: #669900;} .media_tags {} .media_tags.input {float: none; width: 600px; margin: 0px;} .media_tags.input label {float: left;} .media_tags input {width: 200px;} .media_tags textarea{width: 394px; height: 50px; margin-left: 80px;} .media_tags .submit input{width: 120px; float: right; margin: 10px 10px 10px 0;} .media_tags span.num {display: block; padding: 1px 4px;} .media_tags span.num.highlight {color: #fff; background-color: #669900;} .media_tags span.num.highlight a {color: #fff; background-color: transparent;} .media_tags .tags {list-style-type: none; margin: 7px 0 15px 0; padding: 0;} .media_tags .tags .tag_pub {} .tag {display: block; width: 300px; position: absolute; z-index: 2; padding: 0; background: url(/imgs/black_80.png); top:10px;} .tag .tag-info {margin-left: 20px; padding: 10px;} .tag .label {display: block; font-size: 12px; line-height: 1em; padding: 2px 4px; background-color: #000; color: #fff; cursor: pointer; text-align:center;} .tag .label {float: left; text-align: center;} .tag .labelHover {background-color: #f00;} .tag span.label {display: block; position: absolute; top: 0; left: 0;} .tag label {display: block; float: left; width: 50px !important;} .tag input.text{} .tag select {margin: 5px 0 0 0;} .tag input, .tag select {width: 180px; margin-left: 0px !important;} .tag input.highlight{} .tag input.active{} .tag input.shadow {} .tag input.hidden{display:none;} .ac_results {z-index: 20;} .media_profile {height: 60px; padding-bottom: 10px; border-bottom: 1px solid #ddd; margin-bottom: 10px;} .title_tags {font-weight: bold; line-height: 1.3em; font-size: 14px; color: #000; padding-left: 20px; background: transparent url(/imgs/icon_look_tag.gif) no-repeat left center;} .title_description, .title_color {font-weight: bold; line-height: 1.3em; font-size: 14px; color: #000; background-color: transparent;} .lookslist .look_item {padding: 0 0 10px 0; margin-bottom: 10px; border-bottom: 1px solid #ddd;} .lookslist .look_item h2 {border-bottom: 0px;} .lookslist ul.look_results {margin: 0px; padding: 0px; list-style: none;} .lookslist ul.look_results li {display: block; float: left; width: 200px; padding-right: 20px; font-weight: bold;} .feature_look_item {float: left;} .feature_look_detail {margin-left: 90px;} .feature_look_title {font-weight: bold;} .feature_look_comment {font-size: 11px; line-height: 1.1em;} .hypebox {width: 61px; margin-right: 10px; display: block; float: left; padding: 0; text-align: center; background: transparent url(/imgs/streetstyle_rating.png) no-repeat;} .hypebox .num_hypes {display: block; height: 43px; color: #333; font-size: 24px; line-height: 43px; font-weight: bold; background-color: transparent;} .hypebox .hype {display: block; height: 30px; line-height: 30px; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; background-color: transparent;} .hypebox .hype:hover {text-decoration: none; background: transparent url(/imgs/streetstyle_rating.png) no-repeat 0 -123px;} .hypebox .hype.rated {background: transparent url(/imgs/streetstyle_rating.png) no-repeat 0 -203px;} .hypebox .hype.guest a {display: block; height: 30px; width: 61px; color: #333; background-color: transparent;} .hypebox .hype.guest a span {display: none;} a.unpublished {font-weight:bold;} .padder {padding:20px;} .more_by_photo {display: block; float: left; height: 90px; margin-right: 5px;} /********************************************************* wall icons and status *********************************************************/ input.btn_post {display: block; width: 51px; height: 26px; background: url(/imgs/btn_wallpost.gif) no-repeat;} input.btn_post:hover {background-position: 0 -30px;} input.btn_post:active {background-position: 0 -60px;} .wall-entry {border-top: 1px solid #e6e6e6; margin: 0; padding: 10px 26px 10px 5px; background-position: top right; background-repeat: no-repeat;} /* .wall-entry.alt {background-color: #f0f0f0;} */ .wall-more {float:right; margin:10px 0;} .wall-entry .photo, .wall-reply .photo {float: left; background-color: #fff;} .wall-con {margin-left: 70px;} .wall-entry .wall-timestamp {display: block; font-size: 11px; line-height: 1.3em; color: #999;} .wall-entry p {margin: 0px; padding: 0px;} .wall-comment {background-image: url(/imgs/wall_icon_comment.gif);} .wall-entry.pin {background-image: url(/imgs/wall_icon_pinboard.gif);} .wall-media, .wall-album {background-image: url(/imgs/wall_icon_media.gif);} .wall-discussion {background-image: url(/imgs/wall_icon_discussion.gif);} .wall-blog, .wall-grouppost, .wall-post {background-image: url(/imgs/wall_icon_blog.gif);} .wall-event {background-image: url(/imgs/wall_icon_event.gif);} .wall-group {background-image: url(/imgs/wall_icon_group.gif);} .wall-streetstyle, .wall-look {background-image: url(/imgs/wall_icon_greenstyle.gif);} .wall-news {background-image: url(/imgs/wall_icon_news.gif);} .wall-friend {background-image: url(/imgs/wall_icon_friends.gif);} .wall-message {background-image: url(/imgs/wall_icon_message.gif);} .wall-avatar, .new-avatar, .wall-profile {background-image: url(/imgs/wall_icon_update.gif);} .wall-signup {background-image: url(/imgs/wall_icon_friends.gif);} .wall-replies {margin-left: 70px; padding-top: 6px; background:transparent;} .wall-replies.arrow {background: url(/imgs/wall_reply_arrow.gif) no-repeat 16px 0;} .wall-reply-form {margin-bottom: 1px; padding: 5px; background-color: #eee;} .wall-reply-more {display: block; text-align: right; font-size: 10px;} .wall-reply {margin-bottom: 1px; padding: 5px; font-size: 11px; line-height: 1.3em; background: #eee;} .wall-reply .wall-timestamp {font-size: 10px; color: #999; line-height: 1.3em} .wall-replies .text-counter {float: right; width: 250px; font-size: 10px; line-height: 1.3em; text-align: right; color: #999;} .reply-body {margin-left: 38px;} .wall-filter {font-size: 11px; line-height: 2em; padding-bottom: 4px;} .wall-filter a.active {color: #000; font-weight: bold; background-color: transparent;} .color-sample {padding: 0px 25px; margin: 0px; line-height: 1.3em; border: 1px solid #000;} a.add-employee {display: block; height: 26px; width: 128px; background: url(/imgs/btn_addanemployee.gif) no-repeat;} a.add-employee:hover {background-position: 0 -30px;} a.add-employee:active {background-position: 0 -60px;} .btn_save {display: block; height: 26px; width: 58px; background: url(/imgs/btn_save.gif) no-repeat;} .btn_save:hover {background-position: 0 -30px;} .btn_save:active {background-position: 0 -60px;} /********************************************************* category posts *********************************************************/ .category_posts {display: block; padding-bottom: 20px;} .category_posts ul {display: block; list-style: none; margin: 10px 0 0 0; padding: 0px;} .category_posts ul li {display: block; float: left; width: 160px; margin: 0 4px;} .category_post_title {display: block; font-family: Georgia, Times, serif; font-size: 16px; line-height: 1.1em;} .category_post_title a {color: #000; background-color: transparent;} .category_posts .cover-img {height:170px;} .category_post_timestamp {display: block; line-height: 1.1em; font-size: 10px;} .recent_campaigns {padding: 10px 0; background-color: #f6f6f6;} .recent_campaigns ul {list-style: none; margin: 0px; padding: 0px;} .recent_campaigns ul li {width: 200px; float: left; padding: 10px 0;} .recent_campaigns ul li img {float: left; margin-right: 5px; background-color: #fff;} span.is-cover {font-weight:bold;color:#0a0; background-color: transparent;} .advalue {width: 251px; height: 289px; margin-bottom: 10px;} .advalue .advalue_top {height: 65px;} .advalue .advalue_bottom {height: 224px;} .req-fields {color: #a00!important; background-color: transparent;} a.media_photo {display: block;} .media_caption {display: block; margin: 4px 0 10px 0; padding: 4px 10px; border: 1px solid #edebd6; background: #fffef3; font-size: 11px; font-style: italic; color: #948e5e;} p.media_tags {line-height: 2.5em;} p.media_tags a {padding: 2px 0 2px 18px; background: url(/imgs/media_tag.gif) no-repeat left center;} /********************************************************* header status elements *********************************************************/ a.show-status {font-size: 10px; font-family: Arial;} .status-btns {display: none; font-size: 10px; color: #666; background-color: transparent;} .status-btns a {color: #fff; background-color: transparent;} input.status-change, input.status-text {display:none;} input.status-text {width: 350px; font-size: 16px; margin: 10px 0 0 10px;} .album-header {} .album-header .album_cover img {float: left; padding: 1px; border: 1px solid #ddd; margin-right: 16px;} .album-header .album_title {font-family: Georgia, Times, serif; color: #000; font-size: 18px; background-color: transparent;} .album-header .album_desc {padding: 6px 0;} .album-header .album_tags {color: #999; background-color: transparent;} .album_breadcrumb {padding-top: 10px;} .album_breadcrumb a {font-weight: bold;} .album_tabs {height: 30px; padding: 10px 0 15px 0; margin-top: 10px;} .album_tabs ul {height: 30px; list-style: none; margin: 0px; padding: 0 10px;background: transparent url(/imgs/table_td_border.gif) repeat-x bottom left;} .album_tabs ul li {display: block; float: left; height: 30px; line-height: 30px; font-weight: bold;} .album_tabs ul li a {display: block; height: 30px; padding: 0 20px; color: #999; text-decoration: none; background-color: transparent;} .album_tabs ul li a:hover {color: #666; background-color: transparent;} .album_tabs ul li.sel a {color: #000; border-left: 1px solid #ddd; border-right: 1px solid #ddd; background: #fff url(/imgs/table_td_border.gif) repeat-x top left;} a.btn_edit {display: block; height: 26px; width: 53px; background: url(/imgs/btn_edit.gif) no-repeat;} a.btn_edit:hover {background-position: 0 -30px;} a.btn_edit:active {background-position: 0 -60px;} a.btn_editpassword {display: block; height: 26px; margin-right: 5px; width: 111px; background: url(/imgs/btn_editpassword.gif) no-repeat;} a.btn_editpassword:hover {background-position: 0 -30px;} a.btn_editpassword:active {background-position: 0 -60px;} a.btn_editimage {display: block; height: 26px; margin-right: 5px; width: 106px; background: url(/imgs/btn_uploadimage.gif) no-repeat;} a.btn_editimage:hover {background-position: 0 -30px;} a.btn_editimage:active {background-position: 0 -60px;} a.btn_synchronizefeeds {display: block; height: 26px; margin-right: 5px; width: 136px; background: url(/imgs/btn_synchronizefeeds.gif) no-repeat;} a.btn_synchronizefeeds:hover {background-position: 0 -30px;} a.btn_synchronizefeeds:active {background-position: 0 -60px;} a.btn_uploadmedia_white {display: block; float: left; height: 26px; width: 101px; background: url(/imgs/btn_uploadmedia_white.gif) no-repeat;} a.btn_uploadmedia_white:hover {background-position: 0 -30px;} a.btn_uploadmedia_white:active {background-position: 0 -60px;} a.btn_savesort {display: block; float: left; margin-left: 5px; height: 26px; width: 81px; background: url(/imgs/btn_savesort.gif) no-repeat;} a.btn_savesort:hover {background-position: 0 -30px;} a.btn_savesort:active {background-position: 0 -60px;} a.btn_createyourownlook {display: block; float: right; height: 26px; width: 161px; background: url(/imgs/btn_createyourownlook.gif) no-repeat;} a.btn_createyourownlook:hover {background-position: 0 -30px;} a.btn_createyourownlook:active {background-position: 0 -60px;} /********************************************************* campaign filter elements *********************************************************/ .campaign_filter {font-weight: bold;} .campaign_filter .cf_top {display: block; height: 6px; background: url(/imgs/campaign_filter_bg.gif) no-repeat top left;} .campaign_filter .cf_bottom {display: block; height: 6px; background: url(/imgs/campaign_filter_bg.gif) no-repeat bottom left;} .campaign_filter .cf_con {display: block; border-right: 1px solid #ddd; border-left: 1px solid #ddd; padding: 6px 10px; background: #eee;} .campaign_filter .cf_title {padding: 0 0 4px 0; font-family: Georgia, Times, serif; font-weight: normal; font-style: italic; line-height: 1.1em; color: #999; background-color: transparent;} .campaign_filter .cf_col_one {display: block; float: left; width: 90px; margin-right: 5px;} .campaign_filter .cf_col_two {display: block; float: left; width: 180px; margin-right: 5px;} .campaign_filter .cf_col_three {display: block; float: left; width: 280px;} .campaign_filter .filter_or {display: block; float: left; height: 30px; line-height: 30px; color: #999; padding-top: 17px; margin-right: 5px; background-color: transparent;} .campaign_filter ul {list-style: none; margin: 0px; padding: 0px;} .campaign_filter ul li {display: block; border-bottom: 1px solid #ddd;} .campaign_filter ul li a {display: block; padding: 2px 10px; text-decoration: none; color: #666; background-color: transparent;} .campaign_filter ul li a:hover {color: #000; background-color: #eee;} .cf_yearlist, .cf_categorylist, .cf_letterlist, .cf_genderlist, .cf_countrylist, .cf_statelist, .cf_companylist {display: none; overflow: auto; height: 144px; border: 1px solid #ddd; position: absolute; z-index: 2; background: transparent url(/imgs/white_80.png); font-size: 11px;} .cf_yearlist, .cf_genderlist {width: 88px;} .cf_letterlist, .cf_countrylist, .cf_categorylist, .cf_statelist, .cf_companylist {width: 178px;} /* year, gender = 90 wide letter, country, category, company, state = 180 wide */ .cf_select_year, .cf_select_category, .cf_select_letter, .cf_select_gender, .cf_select_state, .cf_select_country, .cf_select_company {display: block; width: 100%; height: 30px; overflow: hidden; line-height: 30px; padding: 0px 25px 0 10px; color: #000; background-color: transparent;} .cf_select_year:hover, .cf_select_category:hover, .cf_select_letter:hover, .cf_select_gender:hover, .cf_select_country:hover, .cf_select_state:hover, .cf_select_company:hover {cursor:pointer; background-position: left center;} .cf_select_year.sel, .cf_select_category.sel, .cf_select_letter.sel, .cf_select_gender.sel, .cf_select_state.sel, .cf_select_country.sel, .cf_select_company.sel {cursor:pointer; background-position: left bottom;} .cf_select_year, .cf_select_gender {width: 55px; background: url(/imgs/filter_browse_80.png) no-repeat;} .cf_select_letter, .cf_select_country, .cf_select_category, .cf_select_company, .cf_select_state {width: 145px; background: url(/imgs/filter_browse_180.png) no-repeat;} .cf_letterlist {width: 175px; height: 100px;} .cf_letterlist ul li {border: 0px; float: left;} .cf_letterlist ul li a {width: 23px; border: 1px solid #ddd; padding: 4px 0px; text-align: center; background-color: transparent;} /********************************************************* recent professionals *********************************************************/ ul.recent_professionals {margin: 0px; padding: 0px; list-style: none;} ul.recent_professionals li {display: block; float: left; border: 0px; width: 104px; margin: 10px 5px; height: 110px; text-align: center; line-height: 1.1em; font-size: 11px;} ul.recent_professionals li img {padding: 1px; border: 1px solid #ddd;} a.btn_addtopic {display: block; height: 26px; width: 81px; text-decoration: none; background: url(/imgs/btn_addtopic.gif) no-repeat;} a.btn_addtopic:hover {background-position: 0 -30px;} a.btn_addtopic:active {background-position: 0 -60px;} .forum_category_photo {display: block; float: left; width: 130px;} .forum_category_photo img {padding: 1px; border: 1px solid #ddd;} .forum_category_info {margin-left: 140px;} .topic_photo {float: left; width: 70px;} .topic_body {margin-left: 70px;} .friend_profile {padding: 4px 0; border-bottom: 1px solid #ddd;} .friend_profile_photo {float: left; width: 70px;} .friend_profile_info {margin-left: 70px;} .company-jobs {display: block; padding: 6px 0; border-top: 1px solid #ddd;} ul.professional-stats {margin: 0px; padding: 0px; display: block;} ul.professional-stats li {display: block; float: left; width: 80px; padding: 4px 0;} ul.professional-stats li label {display: block; font-family: Georgia; font-style: italic; color: #999;} ul.professional-stats li input {padding: 2px; width: 60px;} dl.company-app {margin: 0px; padding: 0px;} dl.company-app dt {clear: both; display: block; float: left; width: 80px; font-weight: bold; color: #999;} dl.company-app dd {margin-left: 85px;} a.btn_delete {display: block; width: 66px; height: 26px; margin-right: 5px; background: url(/imgs/btn_delete.gif) no-repeat;} a.btn_delete:hover {background-position: 0 -30px;} a.btn_delete:active {background-position: 0 -60px;} a.btn_uploadavideo {display: block; width: 111px; height: 26px; background: transparent url(/imgs/btn_uploadavideo.gif) no-repeat;} a.btn_uploadavideo:hover {background-position: 0px -30px;} a.btn_uploadavideo:active {background-position: 0px -60px;} .sliders {width: 680px; padding-top: 20px;} .sliders .sliders_title {height: 18px; padding: 0 0 10px 0;} .sliders .sliders_title h3 {font-size: 14px; line-height: 1.1em; text-transform: uppercase; font-weight: bold;} .sliders .sliders_title .sliders_nav {float: right; width: 70px; text-align: right;} .sliders .sliders_title .sliders_nav .sliders_page_num {display: block; float: left; padding: 0 20px; text-align: center; width: 30px; font-size: 10px; font-weight: bold;} .sliders .slider_top {height: 8px; background: url(/imgs/sliders_top_bg.gif) no-repeat;} .sliders .slider_top .slider_top_right {display: block; float: right; height: 8px; width: 8px; background-position: top right;} .sliders .slider_bottom {height: 8px; background: url(/imgs/sliders_bottom_bg.gif) no-repeat;} .sliders .slider_bottom .slider_bottom_right {display: block; float: right; height: 8px; width: 8px; background-position: bottom right;} .sliders .sliders_con {padding: 10px; border: 1px solid #ddd; background: #eee;} .sliders .sliders_con ul {list-style: none; margin: 0px; padding: 0px;} .sliders .sliders_con ul li {display: block; float: left; width: 200px; height: 150px; padding: 5px 10px;} .sliders.s_videos .sliders_con ul li a {line-height: 1.1em;} .sliders .sliders_con .jcarousel-clip {width: 658px;} .sliders.s_videos .sliders_con ul li {width: 135px; margin-right: 10px;} #sliderVideos .jcarousel-prev, #sliderVideos .jcarousel-next {display: block; height: 17px; width: 17px;} #sliderVideos .jcarousel-skin-tango .jcarousel-next, #sliderVideos .jcarousel-skin-tango .jcarousel-next-disabled {position: absolute; z-index: 3; display: block; margin: -40px 0 0 650px; height: 17px; width: 17px; background: url(/imgs/sliders_btn_next.gif) no-repeat top left;} #sliderVideos .jcarousel-skin-tango .jcarousel-prev, #sliderVideos .jcarousel-skin-tango .jcarousel-prev-disabled {position: absolute; z-index: 3; display: block; margin: -40px 0 0 600px; height: 17px; width: 17px; background: url(/imgs/sliders_btn_prev.gif) no-repeat top left;} #sliderVideos .jcarousel-skin-tango .jcarousel-next:hover, #sliderVideos .jcarousel-skin-tango .jcarousel-prev:hover {background-position: 0 -20px;} #sliderVideos .jcarousel-skin-tango .jcarousel-next:active, #sliderVideos .jcarousel-skin-tango .jcarousel-prev:active {background-position: 0 -40px;} #sliderVideos .jcarousel-skin-tango .jcarousel-next-disabled, #sliderVideos .jcarousel-skin-tango .jcarousel-next-disabled:hover, #sliderVideos .jcarousel-skin-tango .jcarousel-next-disabled:active, #sliderVideos .jcarousel-skin-tango .jcarousel-prev-disabled, #sliderVideos .jcarousel-skin-tango .jcarousel-prev-disabled:hover, #sliderVideos .jcarousel-skin-tango .jcarousel-prev-disabled:active {background-position: 0 -60px;} a.btn_rss {display: block; width: 59px; height: 22px; background: url(/imgs/btn_rss_feed.gif) no-repeat;} a.btn_rss:hover {background-postion: bottom left;} a.btn_directoryadvalue {display: block; height: 62px; margin-bottom: 10px;} /********************************************************* category tabs and header *********************************************************/ .category_header {background: #629b00 url(/imgs/category_header.jpg) no-repeat;} .category_header .ch_breadcrumb {padding: 10px 20px 0 20px; font-size: 10px; font-style: italic; color: #fff;} .category_header .ch_breadcrumb a {color: #fff;} .category_header .ch_breadcrumb a:hover {color: #fff; text-decoration: underline;} .category_header h1 {margin: 0px; padding: 0px 20px 0 20px; font-family: Georgia, serif; font-size: 40px; line-height: 1.1em; font-weight: normal; color: #fff;} .ch_tabs {clear: both; padding-top: 10px; height: 30px; line-height: 30px; font-weight: bold; font-size: 14px;} .ch_tabs ul {display: block; margin: 0px; padding: 0px 20px; list-style: none;} .ch_tabs ul li {display: block; float: left; margin-right: 2px;} .ch_tabs ul li a {display; block; float: left; padding: 0 0 0 10px; color: #5e9200;background: url(/imgs/category_tabs.gif) no-repeat bottom left; text-decoration: none;} .ch_tabs ul li a span {display: block; float: left; padding: 0 10px 0 0; color: #5e9200; background: url(/imgs/category_tabs.gif) no-repeat bottom right;} .ch_tabs ul li a:hover {text-decoration: none; color: #2f4901;} .ch_tabs ul li a:hover span {color: #fff; color: #2f4901;} .ch_tabs ul li a.sel {background-position: top left; color: #000;} .ch_tabs ul li a.sel span {color: #000; background-position: top right;} form div.checkbox { clear:both; margin:1em 0pt; } div.checkbox {clear:both;} .checkbox input { clear:left; float:left; margin:7px 6px 7px 140px!important; padding:0!important; width:auto; } div.checkbox label { color:#514F46; display:block; font-size:93%; margin:0pt 0pt 0.2em; padding-right:0.5em; } #facebox .b { background:url(/_img/facebox/b.png); } #facebox .tl { background:url(/_img/facebox/tl.png); } #facebox .tr { background:url(/_img/facebox/tr.png); } #facebox .bl { background:url(/_img/facebox/bl.png); } #facebox .br { background:url(/_img/facebox/br.png); } #facebox { position: absolute; /* width: 100%;*/ top: 0; left: 0; text-align: left; } #facebox .popup { position: relative; } #facebox table { margin: auto; border-collapse: collapse; } #facebox .body { padding: 10px; background: #fff; width: 600px; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; } #facebox .footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; } #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; } .jcarousel-container {position: relative;} .jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;} .jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;} .jcarousel-list li, .jcarousel-item {float: left; list-style: none; background: url(/imgs/slideshow/ss_spinner.gif) no-repeat 40px 25px;} .jcarousel-next {z-index: 3;} .jcarousel-prev {z-index: 3;} .jcarousel-skin-tango .jcarousel-container {margin: 0; padding: 0px;} .jcarousel-skin-tango .jcarousel-container-horizontal {padding: 0px; margin: 0px;} .jcarousel-skin-tango .jcarousel-clip-horizontal {margin: 0px; padding: 0px;} .jcarousel-skin-tango .jcarousel-item {border: 1px solid #dedede; padding: 5px; text-align: center; background-color: #fff;} .jcarousel-skin-tango .jcarousel-item .img_container {display: block; margin: 0 auto; } .number {display: block; margin: 10px 0 0 0; font-size: 9px; text-align: center; color: #666;} .jcarousel-skin-tango .jcarousel-item:hover {border-color:#999; cursor:pointer;} .jcarousel-skin-tango .jcarousel-item.active {border-color:#666; cursor:pointer;} .jcarousel-skin-tango .activeSlide {border-color: #666 !important;} .jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 6px;} .jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff; color: #000;} /* Horizontal Buttons */ .jcarousel-skin-tango .jcarousel-next {position: absolute; width: 10px; height: 132px; cursor: pointer;} .jcarousel-skin-tango .jcarousel-next:hover {} .jcarousel-skin-tango .jcarousel-next:active {} .jcarousel-skin-tango .jcarousel-next-disabled, .jcarousel-skin-tango .jcarousel-next-disabled:hover, .jcarousel-skin-tango .jcarousel-next-disabled:active {cursor: default;} .jcarousel-skin-tango .jcarousel-prev {position: absolute; width: 10px; height: 132px; cursor: pointer;} .jcarousel-skin-tango .jcarousel-prev:hover {} .jcarousel-skin-tango .jcarousel-prev:active {} .jcarousel-skin-tango .jcarousel-prev-disabled, .jcarousel-skin-tango .jcarousel-prev-disabled:hover, .jcarousel-skin-tango .jcarousel-prev-disabled:active {cursor: default;}