* {margin: 0; padding: 0}
html {font: 62.5%/1.8em Arial, Verdana, sans-serif; color: #787878}
body {font-size: 1.2em}
a {color: #434343; text-decoration: none; font-weight: bold; outline: none}
a:hover {text-decoration: underline}
p a {text-decoration: underline; font-weight: normal}
a.arrow {background: url(/imagenes/fleca_roja.png) no-repeat 0 3px; padding-left: 15px}
a img {border: none}
p {padding: 5px 0px}
dl {float: left; display: block; margin-bottom: 30px}
dt, dd {float: left}
dt {height: 20px; clear: left; font-weight: bold; font-size: 1em; margin-right: 5px; line-height: 19px; color: #434343}
dd {margin-right: 5px; line-height: 20px}
ul {padding: 5px 0px; list-style: inside disc}
ol {list-style-position: inside}
#secondary_content ul {float: left}
li {}
li span {color: #555; font-size: 0.9em !important}
th {border-bottom: 1px solid #efefef}
label {display: block; color: #555; clear: left; font-size: 1.2em; font-weight: bold; padding-bottom: 2px; padding-top: 7px; text-transform: capitalize}
fieldset {float: left; width: 480px; border: 1px solid #efefef; margin: 5px 0; padding: 5px}
.form_section {float: left; padding-bottom: 7px; padding-right: 15px; margin-bottom: 10px}
.form {list-style: none}
.radio {width: 100%}
input[type=text], input[type=password], textarea {display: block; clear: both; font-size: 1.3em; padding: 3px; margin-bottom: 5px}
input#post_title {width: 480px}
.form_section input[type=text], .form_section input[type=password] {width: 220px}
#primary_content textarea {width: 480px}
input[type=submit] {display: inline}
.yes_no {padding-top: 7px; float: left; font-weight: bold}
div.yes_no div.fieldWithErrors {width: 20px; font-size:1em}
div.form_section div.special {border: 1px solid #efefef; float: left; margin: 15px 0 0 0}
div.form_section div.special label {display: inline}
.answer {margin-bottom: 0 !important}
.answer dt, .answer dd {float: left}
.answer dt {width: 30px}
.answer dd {width: 435px; line-height: 15px}
.show {float: none}
.show dt {width: 200px}
.show dd {margin-top: 9px}
.show .location {float: right}
div.form_section div.special {overflow: hidden; padding: 7px 10px}
div.form_section div.special_inline {font-size: 1.1em; width: 400px}
div.form_section div.special_inline label {float: left}
div.form_section div.special input, div.form_section div.special_inline input {width: auto; float: none; margin-right: 3px}
div.form_section span {font-size: 1.1em}
.formError {font-size: .9em; font-weight: normal; color: #c00; font-style: italic; padding-left: 3px}
h2 .formError, .heading .formError {font-size: .6em !important; font-weight: normal !important; color: #c00 !important; font-style: italic !important; padding-left: 3px !important}
#agreement .formError {padding: 0; font-size: 1em}
.form_buttons .formError {display: block; width: 100%}
.formError span {font-weight: bold; color: #666; font-style: normal; font-size: 1.4em}
div.form_section div.special label span {font-size: .7em; font-weight: normal}
div.form_section div.special span.answer, div.form_section div.special_inline span.answer, div.form_section span.answer {font-weight: bold; font-size: 1.2em; color: #666; padding-left: 7px}
#agreement {width: 100%}
div.special_inline span.answer {float:left; margin: 0 10px}
.form_buttons {clear: left; float: left; border-top: 2px solid #f7f7f7; padding-top: 10px; margin-top: 15px; color: #666; width: 100%}
div.form_buttons div {padding-top: 0; padding-bottom: 10px}
div.form_buttons div span {padding-left: 5px}
div.form_buttons div.formError {color: #c00}
div.form_buttons div.fieldWithErrors {display: inline}
.job_style_list_wrapper {overflow: hidden}
#job_list, #style_list {height: auto}
.special ul {float: left; margin: 5px 0}
.special ul li {list-style: none; width: 234px; display: block; float: left; padding: 3px 0; font-size: 1.1em; color: #333}
#affiliations li span {font-size: .9em}
div.form_info, div.form_info_long {margin-top: 3px; padding: 5px 7px; border: 1px solid #efefef; color: #444}
div.form_info_long {padding-top: 5px; height: 150px; overflow: auto}
span.help {font-size: .8em; font-family: Arial, Verdana, sans-serif}
h2 span.help {font-size: .6em}
span.linked_project {margin-left: 60px; display: block; font-size: .9em}
#secondary_content label span {font-size: .9em; font-weight: normal}
#secondary_content ul.form li {padding: 1px 5px }
.opt_out {padding-top: 20px}
#billing_detail_expiration_date_1i {width: 70px}
h1, h2, .heading {font-family: "Times New Roman", Times, serif; color: #333}
h1 {font-size: 2.4em; margin-bottom: 15px; text-indent: 10px}
h1 a:link, h1 a:visited {text-decoration: none; color: #333}
h1 a:hover {color: #F00; text-decoration: underline}
h2, .heading {width: 490px; font-size: 1.7em; padding-bottom: 12px; margin: 0 0 10px; padding-top: 30px; border-bottom: 2px solid #f7f7f7}
#fullwidth h2 {width: 747px}
#secondary_content h2 {width: 256px}
h2.first {width: 500px; padding: 30px 0 77px 10px; background: url(/imagenes/sombras.png) repeat-x bottom; margin-bottom: -63px}
h2 span, .heading span {color: #898989}
.add_comment {font-family: "Times New Roman", Times, serif}
#primary_content form h2 {padding-top: 30px; clear: both; background: none}
h3 {float: left; width: 490px; font-size: 1.2em; color: #333; font-weight: bold}
.seach_results h3 {float: none}
.lead_heading {text-transform: none !important}
.count {top: 0; font-size: 1em; color: #f00; margin: 0; padding: 0; background: none}
.dashboard_section h3, .contact_title{ float: left; width: 475px; height: 30px; line-height: 32px; text-transform: uppercase; font-size: 1em; margin-bottom: 5px; padding-left: 14px; border-bottom: 1px solid #efefef; background: url(/imagenes/flecha_gris_peq.png) no-repeat left center}
h3 span a {position: relative; top: -1px; font-size: .9em; color: #898989; text-transform: uppercase; margin-left: 10px; padding-left: 12px; background: url(/imagenes/flecha_gris_peq2.png) no-repeat left center}
#admin_dashboard h3 {color: #000; margin-bottom: -5px}
.post h3, .message h3, .folder_item h3, #cs_details h3 {font-size: 1em; margin: 30px 0 10px; border-bottom: 1px solid #efefef; padding-bottom: 12px}
#cs_details h3 {margin: 30px 0 0; border: none}
h4 {font-size: 1.1em; color: #333; margin: 3px 0}
#main_actions {position: absolute; top: 47px; left: 407px; width: 350px; margin-top: 10px; text-align: right}
#main_actions a {float: right; margin-left: 10px; padding: 5px 0 5px 20px; font-weight: normal; text-decoration: underline; color: #FF0000}
#main_actions p {padding: 0}
#edit {background: url(/imagenes/lapiz.png) no-repeat center left}
#save_to_folder, #save_to_folder_closed a {background: url(/imagenes/mas.png) no-repeat center left}
#save_to_folder_open a {background: url(/imagenes/menos.gif) no-repeat center left}
#private, #public {}
h2 .actions {position: absolute; left: 250px; width: 250px; margin-top: -15px; text-align: right; text-transform: uppercase; font-weight: normal}
h2 .actions a, .invite {font-size: .5em; font-family: Arial, Verdana, sans-serif; color: #f00 !important; margin-left: 5px; padding: 2px 5px 2px 16px; background: url(/imagenes/flecha_roja_circulo.png) no-repeat left center}
.invite {font-size: .9em}
#secondary_content h2 .actions {left: 607px; width: 150px}
.contacts {margin-bottom: 20px}
.contact_actions {float: left; width: 490px; list-style: none; margin: -5px 0 5px}
.contact_actions li {float: left; border-right: 1px solid #ddd; margin-right: 5px; padding-right: 5px; line-height: 1.2em; font-size: .9em}
.contact_actions a {color: #f00}
.contact_actions .last {border: none; margin: 0; padding: 0}
.contact_actions .user_contact {float: right; font-size: .9em}
.contact_actions .user_contact a {color: #333}
.status {border-bottom: 1px solid #efefef}
.paginator {display: block; color: #f00}
.paginator span {color: #787878}
.ad_footer, .ad_banner, .ad_med_rectangle, .ad_large_rectangle, .ad_med_rectangle_2, .ad_skyscraper {border: 5px solid #ccc; background: #efefef; margin: auto; white-space: nowrap}
.ad_footer {width: 744px}
.ad_banner {width: 728px}
.ad_med_rectangle {width: 300px}
.ad_large_rectangle {width: 300px}
.ad_med_rectangle_2 {width: 300px}
.ad_skyscraper {width: 120px}
.ad_skyscraper_wide {width: 160px}
#blog_footer {text-align: center; float: right; width: 727px; padding: 20px; border-left: 1px solid #ddd; background: url(/imagenes/sombra.png) repeat-x top}

#body_wrapper {float: left; width: 985px; border-right: 1px solid #ddd; background: url(/imagenes/sombra_ancha.png) repeat-x; overflow: hidden}

#content {position: relative; overflow: hidden; width: 767px; margin-left: 95px; border: 1px solid #ddd; border-top: none; border-bottom: none; padding-top: 10px; z-index: 1}

#fullwidth {float: left; width: 758px; padding: 10px 10px; background: url(http://www.hotelsgayfriendly.com/imagenes/lineal.png) repeat-x top}

#fullwidth .content_block {float: left; width: 758px; margin: 0 -10px; padding: 0 10px 10px; background: url(http://www.hotelsgayfriendly.com/imagenes/lineal.png) repeat-x bottom}

#fullhotels {float: left; width: 747px; padding: 10px 10px; background: url(http://www.hotelsgayfriendly.com/imagenes/lineal.png) repeat-x top}
#fullinfo {float: left; width: 747px; padding: 10px 10px; background: url(http://www.hotelsgayfriendly.com/imagenes/lineal.png) repeat-x top}



#show_all {float: left; width: 773px; margin: 0 -12px}

#primary_content {float: left; width: 510px; border-right: 1px solid #ddd; background: url(/imagenes/lineal.png) repeat-x top; padding: 15px 0}
#primary_content .content_block {float: left; width: 490px; margin: 0; padding: 0 10px 20px; background: url(/imagenes/lineal.png) repeat-x bottom}
#secondary_content {float: right; margin-left: -1px; width: 256px; border-left: 1px solid #ddd; background: url(/imagenes/lineal.png) repeat-x top; padding: 15px 0}
#footer {position: relative; clear: both; width: 881px; height: 24px; margin: 0; padding:0 0 0 105px; font-size: 10px; color: #A9A9A9; border-right: 1px solid #DDD; background: #333 url(/imagenes/logo_pequeno.png) no-repeat left top; overflow: hidden; line-height: 24px}
#footer a {color:#A9A9A9; text-decoration:none}
#footer a:hover {color:#666}


.buy_lead, .view_inquiry {margin: 10px 10px auto 0; background: #fff; border: none; text-indent: -9999px; float: left; display: block}
.buy_lead:hover, .view_inquiry:hover {background-position: 0px -56px}

.flash {width: 600px; margin-bottom: 20px}
.flash_blank {height: 40px; width: 640px; margin-bottom: 10px}
.flash_message p {font-weight: bold}
.flash p {font-weight: bold; font-size: 1.1em; padding: 5px 10px}
.flash_notice {color: green}
.flash_message {color: green}
.flash_warning {color: #ff0000}
.flash a {font-weight: bold}

#header {position: relative; width: 985px; height: 154px; overflow: hidden; border-right: 1px solid #ddd; color: #f00}

#header dt, #welcome dt {font-size: 1.1em; font-weight: bold; color: #333; margin-bottom: 4px; float: none}
#header dd, #welcome dd {float: none}
#header .active_group {border-top: 15px solid #fff}






#logo {text-indent: -9999px; width: 350px; height: 138px; background: url(/imagenes/logo_grande.png); border-top: 15px solid #333; border-bottom: 1px solid #ddd}
#logo a {display: block; width: 330px; height: 140px; text-decoration: none; overflow: hidden; -moz-outline-style: none}
#discover dd a, #explore dd a, #connect dd a, #welcome dd a {font-weight: normal; color: #666; display: block}
#status dd a {color: #f00}
#header dd a:hover {color: #333}
#welcome dt {color: #fff}
#welcome dd {color: #fff}
#welcome dd a {font-weight: normal; color: #fff}
#welcome dd a:hover {color: #fff}
#discover, #explore, #connect, #status {position: absolute; top: 0; width: 127px; height: 131px; padding: 7px 9px 0; border-top: 15px solid #333; border-bottom: 1px solid #ddd}
#discover, #explore, #connect {background: url(imagenes/lineal.png) repeat-y left}

#explore {left: 350px}
#discover {left: 481px}
#connect {left: 608px}
#status {left: 861px; width: 111px}
#status dt, #status dd {height: auto}

#welcome {position: absolute; left: 736px; top: 0; width: 108px; overflow: hidden; padding: 22px 10px 0; color: #fff !important; height: 155px; background: url(/imagenes/franja_roja.png) repeat-x; z-index: 40}
.welcome_public dd {color: #fff !important; font-size: .9em !important; line-height: 1.3em}
#welcome #sign_out a {font-weight: bold; border-top: 1px solid #999; margin-top: 5px; padding-top: 5px}
#status label {width: 111px; height: 15px; font-size: .9em; color: #666; margin: 0; padding: 0}
#status input[type="text"], #status input[type="password"] {width: 90px; height: 15px; font-size: .8em; padding: 0; border: 1px solid #ccc}
#status input[type="submit"] {float: left; display: block; margin-right: 5px}
#welcome dl dd a {color: #fff}
#welcome .sign_up {display: block; width: 80px; height: 31px; text-indent: -9999px; margin: 14px auto 0}
#welcome #forgot {display: inline}
#my_msg, #create_account {position: absolute; top: 154px; left: 736px; width: 118px !important; padding: 5px 0 0 10px; font-size: 1em; color: #fff; line-height: 1.2em; overflow: hidden; height: 36px; z-index: 1000; background: #ff1d00}
#my_msg a, #create_account a {color: #fff; font-weight: bold; text-decoration: none; padding-right: 10px}
#my_msg a:hover, #create_account a:hover {text-decoration: underline}
#secondary_content .content_block {float: left; width: 236px; padding: 0 10px 20px; background: url(/imagenes/sombra_peq.png) repeat-x bottom}
#secondary_content h2, #secondary_content .heading {float: left; width: 236px}
.item_list {width: 475px}
.item_list_sidebar {width: 221px !important}
.item_list dt, .item_list_sidebar dt {height: auto; padding-left: 15px; background: url(/imagenes/flecha_roja.png) no-repeat 0 5px}
.item_list_sidebar dt {width: 221px}
.item_list dd {width: 475px}
.item_list_sidebar dd {width: 221px; height: auto}
.item_list dd, .item_list_sidebar dd {padding: 0 0 5px 15px; margin-bottom: 5px; border-bottom: 1px solid #eee; font-size: 1em; color: #777}
.vcard div {margin: 0; padding: 0}
.vcard .url {margin-bottom: 10px}
.contact_now {float: left; no-repeat right 0%; padding: 0 40px 10px 0; color: #f00}
#secondary_content dl {width: 236px}
#secondary_content .details {width: 237px; list-style: outside disc}
#secondary_content .details li {margin: 5px 0 0 17px}
#ratings {float: left; width: 236px; padding-bottom: 5px; border-bottom: 1px solid #efefef; margin-bottom: 10px}
#ratings dt, #ratings dd {height: 20px}
#ratings dt {float: left; width: 130px; font-weight: bold; margin-bottom: 5px}
#ratings dd {float: right; width: 86px; margin-bottom: 5px}
#search_results, #blog_folder, #message_folder {clear: both; list-style: none}
#secondary_content #search_results {border-top: 1px solid #efefef; margin-top: 5px; padding-top: 5px}
#search_results dl, #blog_folder dl, #message_folder dl {float: left; display: block; margin-bottom: 0}
#secondary_content #search_results dl {width: 150px}
#search_results dt, #search_results dd, #blog_folder dt, #blog_folder dd, #message_folder dt, #message_folder dd {float: left; font-size: .9em; margin-right: 5px}
.folder_item .result {border: none}
#secondary_content #search_results dt, #secondary_content #search_results dd {height: auto}
#search_results dt, #blog_folder dt, #message_folder dt {clear: left; font-weight: bold}
.open_filter {float: left; width: 100%; display: block; margin-bottom: 7px}
#project_filters .special ul {width: 725px}
.open_filter a {text-decoration: underline; cursor: pointer}
.result {float: left; width: 490px; padding: 7px 0; border-bottom: 1px solid #efefef; margin-bottom: 7px; overflow: hidden}
#secondary_content .result {width: 236px; padding: 3px 0; border-bottom: 1px solid #efefef; margin-bottom: 7px; overflow: hidden}
.result .thumb {float: left; width: 58px; margin: 0 7px 10px 0; padding-bottom: 6px; background: url(/imagenes/linea.png) repeat-x bottom}
#secondary_content .result .thumb {margin: 0 7px 5px 0}
.result dl {width: 270px; padding-left: 15px; background: url(/imagenes/flecha_roja.png) no-repeat left 2px}
#secondary_content .result dl {width: 163px; padding-left: 15px; background: url(/imagenes/flecha_roja.png) no-repeat left 2px}
#secondary_content #search_results dt {width: 163px}
.result .info {width: 163px}
.result dt, .result dd {height: 15px}
#search_results .name, #blog_folder .name, #message_folder .name {width: 100%; height: 1em; line-height: 1em; font-size: 1em; font-weight: bold; margin: 0}
#search_results .name a , #blog_folder .name a, #message_folder .name a {color: #333; text-decoration: none}
#search_results .name a:hover, #blog_folder .name a:hover, #message_folder .name a:hover {text-decoration: underline}
.result .rating {float: right; width: 110px; margin-left: 10px}
.result .teaser {height: auto; font-size: 1em !important; line-height: 2em; display: block; float: none !important; color: #666}
.result .teaser a {color: #f00}
.result .notes {height: auto}
.result .notes ul {float: left; list-style: none; padding: 0}
.result .notes ul li {float: left; border-right: 1px solid #ddd; margin-right: 5px; padding-right: 5px; line-height: 1.2em}
.result .notes ul li a {color: #f00}
.result .notes ul .last {border: none}
.result .rating .label {font-size: .9em; color: #666}
#user_results {border-top: 1px solid #f7f7f7}
.user {float: left; padding: 5px 0; border-bottom: 1px solid #f7f7f7}
.user dl {float: left; width: 300px; height: 30px; margin-bottom: 15px}
.user dl .name {background: url(/imagenes/flecha_roja.png) no-repeat 0 5px}
.user dl dd {padding-left: 15px}
.user .links {font-size: .9em; float: left; color: #efefef}
.user .links a {color: #f00}
.user .add_user {float: right; margin-top: 15px}
div.profile input {width: auto; float: none}
.budget_slider, .est_time_slider, .distance_slider {float: left; margin: 10px 0}
div.budget_slider label span, div.est_time_slider label span, .distance_slider label span {display: block; font-size: .9em; font-weight: normal}
div.budget_slider ul, div.est_time_slider ul, div.distance_slider ul {padding-top: 5px; list-style: none; background: #efefef; width: 490px; float: left; padding-bottom: 5px}
div.slider_bar_wrap {background: #efefef}
div.slider_bar {width: 490px; height: 13px; background: url('/imagenes/franja_gris.gif') repeat-x left top}
div.slider_handle, .selected {height: 10px; color: #000; cursor: move}
div.budget_slider div.slider_handle, div.budget_slider .selected {width: 61px}
div.est_time_slider div.slider_handle, div.est_time_slider .selected {width: 81px}
div.distance_slider div.slider_handle, div.distance_slider .selected {width: 70px}
div.budget_slider li {float: left; width: 61px; text-align: center}
div.est_time_slider li {float: left; width: 81px; text-align: center}
div.distance_slider li {float: left; width: 70px; text-align: center}
#subnav {width: 747px; display: block; overflow: hidden; border-top: 2px solid #eee; margin: 0 10px; padding: 10px 0; list-style: none}
#subnav li {float: left; border-right: 2px solid #eee; padding: 0 5px; line-height: 1.2em; color: #f00; font-weight: bold}
#subnav .first {padding-left: 0}
#subnav .last {border: none}
#subnav a:hover {text-decoration: underline}
#total_paid_accounts {margin-top: 10px}
.stats {border-collapse: collapse; width: 100%}
.stats {border-collapse: collapse; width: 100%}
.stats th {text-align: left}
.stats tr {border-top: 3px solid #fff}
.stats th, .stats td {padding: 3px 5px}
.stats td.label {width: 75%; font-weight: bold; color: #555}
#sortby_user {float: left}
#filter_type {float: right}
#invoices {list-style: none}
#sortby_user {float: left}
#filter_type {float: right}
#invoices {list-style: none}
table.admin {float: left; border-collapse: collapse; width: 100%}
table.admin tr th {text-align: left; background: #ccc; padding: 3px 5px 2px 5px; border-bottom: 3px solid #aaa; color: #222}
table.admin tr td {padding: 3px 5px 2px 5px; color: #444}
tr.even {background: #efefef}
tr.odd {background: #e1e1e1}
#project_filters {margin-bottom: 20px}
#search_result dl {width: auto}
#photo_main {float: left; width: 488px; display: inline !important; margin-bottom: 12px; text-align: right; background: #333; font-size: .9em}
#photo_main .id_number {float: left; background: #f00; color: #fff; line-height: 20px; width: 12px; height: 20px; padding: 0 5px}
#photo_main #credit {float: left; margin-left: 10px; color: #aaa; line-height: 20px}
#photo_main .nav {text-align: right; height: 20px; line-height: 20px; color: #bfbfbf; padding-right: 10px}
#photo_main .nav a {font-weight: normal; color: #fff}
#caption {font-size: .9em; clear: both; padding: 0 40px 12px}
#photo_thumbs {float: left; width: 246px; display: block; list-style: none; margin: 0 -10px 0 0; padding: 0}
#photo_thumbs li {float: left; width: 72px; margin: 0 10px 10px 0; padding: 0 0 6px 0; color: #bfbfbf; font-size: .7em; line-height: 1em; background: #333 url(/imagenes/linea.png) repeat-x bottom}
#photo_thumbs li a {display: block; color: #bfbfbf; text-decoration: none}
#photo_thumbs li a:hover {background: #f00}
#photo_thumbs li span {display: block; padding: 2px; color: #fff}
#photo_thumbs li span a {color: #fff}
div.project_list {border: 1px solid #ccc; padding: 7px; margin-bottom: 10px}
#project_menu {float: left; display: block; width: 100%; border-bottom: 1px solid #efefef; list-style: none; margin: -10px 0 10px; color: #f00}
#project_menu li {float: left; margin: 0px 10px 0px 0; font-weight: bold; border-right: 1px solid #ccc; padding-right: 10px; line-height: 1.2em}
#project_menu li.last {border: none}
#project_menu li a:link {text-decoration: none}
#project_menu li a:hover {text-decoration: underline}
#project_menu .active {color: #f00}
#cs_details {clear: both; margin: 0 -10px; padding: 0 10px; background: #fff url(/imagenes/banda_gris.png) repeat-x top}
#cs_details .more {padding-left: 12px; background: url(/imagenes/flecha_roja.png) no-repeat left}
#cs_details .snippet {border-bottom: 1px solid #efefef}
#cs_details .leave_comment {margin: 5px 0 0 0 !important}
#cs_overview dt {width: 60px; margin-top: 10px}
#cs_overview dd {width: 165px; margin-top: 10px}
#more_cs {float: left; width: 236px; margin: 0}

#recent_cs {float: left; width: 530px; margin: 0 -10px}

#cs_list {width: 777px; margin: 0 -10px}
#recent_cs dl {padding: 12px 12px 15px}
#cs_list dl {padding: 12px 12px 15px; background: url(/imagenes/lineal.png) repeat-x bottom; border-right: 1px solid #eee}
#show_all dl {padding: 12px 12px 15px; background: url(/imagenes/lineal.png) repeat-x bottom; border-right: 1px solid #eee}

.case_studies dl {float: left; width: 232px; height: 370px; margin: 0; padding: 8px}
#secondary_content .case_studies dl {float: left; width: 230px; margin: 0 -10px; padding: 12px}

.case_studies dl dt, .case_studies dl dd {float: left}
.case_studies dl dt {float: left; width: 232px; height: 252px}
.case_studies dl dt a span {font-weight: normal; display: block; line-height: 20px; padding-left: 25px; font-size: .9em}

.case_studies dl dt a {display: block; color: #fff; background: #333 url(/imagenes/logo_mini.png) no-repeat left bottom}
.case_studies dl dt a:hover {text-decoration: none; background: #f00 url(/imagenes/logo_mini.png) no-repeat left bottom}

.case_studies dl dd {float: left; width: 232px; height: 30px; overflow: hidden; padding: 10px 0 0 0; font-size: .9em; line-height: 1.3em; border-bottom: 1px solid #efefef; margin-bottom: 5px}
.case_studies dl .cs_info {float: left !important; width: auto; height: auto; background: none; padding: 0 0 0 2px; line-height: 1.2em}
.case_studies dl dt.cs_info {width: 30px; font-size: .9em}
.case_studies dl dd.cs_info {width: 182px; border: none}
.case_studies dl dt.rating {float: left; width: 65px; height: auto; padding-top: 5px; padding-left: 3px; text-align: left; font-size: .9em}
.case_studies dl dd.rating {width: 92px; float: left; border: none; margin: 8px 0 0 0; padding: 0}


#find_designer {margin-top: -11px}
#find_designer h3 {float: left; width: 475px; height: 30px; line-height: 32px; text-transform: uppercase; font-size: 1em; margin-bottom: 5px; padding-left: 14px; border: 1px solid #efefef; border-left: none; border-right: none; background: url(/imagenes/flecha_roja_circulo.png) no-repeat left center}
.design_pro {height: 30px}
.design_pro dl {float: left; width: 55%; height: 30px; margin-bottom: 20px}
.design_pro dl dt, .design_pro dl dd {}
.design_pro dl dt {width: 28px; float: left; margin-right: 10px}
.design_pro dl dd {float: left; padding-left: 15px}
.design_pro dl .name {background: url(/imagenes/flecha_roja.png) no-repeat left 5px}
.design_pro dl .info {width: 100%; text-indent: 37px}
.design_pro .links {float: right; color: #efefef}
.design_pro .links a {color: #f00}
#specialization {float: left; overflow: hidden; width: 100%; margin-bottom: 5px}
#specialization dd {width: 250px}
#specialization dd.licensed, #specialization dd.insured {width: 150px}
.specialization_dividers {border: 1px solid #eee; border-left: none; border-right: none; width: 247px; margin: 0 0 5px 0; padding: 5px 0}
dl.last {padding-bottom: 20px}
#about_info {clear: left}
#about_me {float: left}
#about_me dt, #about_me dd {float: none}
#about_me dt {height: auto}
#about_me dd {height: auto; margin: 0 0 10px 10px}
.company_info {list-style: none}
.company_info .name {font-size: 1.1em; font-weight: bold}
.company_info .links {padding-bottom: 10px; font-size: .9em}
.company_info .links a {color: #FF0000 !important}
.tel {margin-bottom: 10px}
.message, .post {width: 490px; clear: both; overflow: hidden; padding: 5px 0; margin: 0px}
.private {color: #333; padding-right: 60px; background: url(/imagenes/logo_privado.png) no-repeat right center}
#comments {float: left; margin-bottom: 20px}
.comment {clear: both; overflow: hidden; padding: 5px 0; margin: 10px 0px; width: 490px; border-bottom: 1px solid #efefef}
.comment .user_icon {float: left; width: 50px}
.comment dl {float: right; width: 420px}
.comment dl dt, .comment dl dd {float: none; margin-bottom: 0}
.meta_content {float: left; width: 490px; margin: 5px 0 20px 0; border-top: 2px solid #f7f7f7; padding-top: 5px; clear: left}
.details {float: left; width: 490px; margin: 10px 0 10px 0; padding: 10px 0; border-bottom: 2px solid #f7f7f7}
.details .user_icon {float: left; margin-right: 10px}
.details dl {float: left; margin: 0}
.details dt, .details dd {float: none; height: auto; font-size: 1em; color: #464646; line-height: 1.6em}
.details dt {background: none}
.details .timestamp {float: right; font-size: 1em}
.content img {clear: left}
.comment dl {margin: 0; padding: 0; color: #7d7d7d}
.comment dt {padding: 0; margin: 0; font-weight: normal; line-height: 1em}
.author {position: relative; left: -12px; margin: 0; text-indent: 12px; background: url(/imagenes/flecha_roja.png) no-repeat 0 3px}
.author a {font-weight: bold; line-height: 1em}
.comment .owner a {background: url(/imagenes/logo_autor.gif) no-repeat right center; padding-right: 54px}
.message .timestamp, .comment .timestamp {color: #aaa; font-size: .9em}
.comment .content {display: block; width: 100%; height: auto; float: none; margin: 0 0 -5px 0; padding: 0}
.comment .content p {padding: 0 0 5px 0}
.actions {float: left; text-align: left; margin-bottom: 20px}
.meta_content .comment_actions {float: left}
a.leave_comment {color: #f00; text-decoration: underline; font-weight: normal; margin-left: 10px; padding-left: 16px; background: url(/imagenes/flecha_roja_circulo.png) no-repeat left center}
.meta_content .owner_actions {float: right}
.actions span {padding-right: 5px; color: #606060}
#message_list {width: 100%; float: left; border-bottom: 1px solid #efefef}
#message_list .title {width: 50%; display: inline}
#message_list .title a {background: url(/imagenes/flecha_roja.png) no-repeat 0 3px; padding-left: 12px}
#message_list .author {width: 30%; background: none}
#message_list .author a {font-weight: normal; text-decoration: underline}
#message_list .date {width: 20%; margin: 0}
#new_comment {float: left}
#new_comment textarea {width: 465px}
div#folder_widget {border-top: 1px solid #ccc; padding: 10px; margin-bottom: 10px}
#current_folder_list {margin-top: 10px}
#folder_widget_container {clear: both}
#current_folder_list textarea {width: 350px; height: 80px}
.in_folder_list {margin-top: 5px}
.in_folder_list div {margin: 5px 0 10px 15px}
#folder_header {clear: left}
#folder_item {}
#folder_widget_text {width: 455px}
#leads {float: left}
#leads td {border-bottom: 1px solid #efefef; vertical-align: top}
#leads .info {width: 50%; padding: 7px 15px 0 0}
#leads .info dt {line-height: 1.4em}
#leads .location {width: 30%; padding: 7px 5px 0 0}
#leads .action {width: 10%; text-align: center}
#leads .action a {font-weight: normal; text-decoration: underline; color: #666; margin-top: 5px}
#leads .action span {display: block; padding: 7px 0 0 0}
#leads dl, #dashboard_section #leads dl {width: 100%; margin-bottom: 0}
#leads dt, #leads dd, #dashboard_section #leads dt, #dashboard_section #leads dd {width: 100%; border: none; height: auto}
#leads dt, #dashboard_section #leads dt {background: none}
#leads dt a, #dashboard_section #leads dt a {color: #333}
#leads dd, #dashboard_section #leads dd {color: #999}
.user_badge_big, .user_badge_small {float: left; width: 250px; padding: 0; margin-bottom: 20px}
.post .user_badge_small {margin: 7px 0 0 0; color: #acacac}
.post .user_badge_small dt, .post .user_badge_small dd {float: none; width: auto; height: auto; font-weight: normal; color: #a7a7a7}
.user_badge_big dt, .user_badge_small dt {float: left; margin-right: 10px}
.user_badge_big dt {width: 58px; height: 58px}
.user_badge_small dt {width: 32px; height: 32px}
.user_badge_big dt img, .user_badge_small dt img {padding-bottom: 6px; background: url(/imagenes/lineal.png) repeat-x bottom}
.user_badge_big dd, .user_badge_small dd {float: left; width: 158px}
.user_badge_big .name, .user_badge_small .name {width: auto; height: auto; font-size: 1.1em; font-weight: bold; color: #333; line-height: 1.2em}
.user_badge_big .pro, .user_badge_small .pro {padding-right: 31px; background: url(/imagenes/logo_pro.gif) no-repeat right center}
.user_badge_small .title {float: none; width: 60%; text-indent: 15px; padding-left: 15px}
.user_badge_big .links, .user_badge_small .links {font-size: .9em; line-height: .9em}
.user_badge_small .links {margin-top: 15px; color: #f00}
.user_badge_big .links a, .user_badge_small .links a {color: #f00}
.remove {float: left; font-size: .9em; margin: -34px 0 0 68px}
.user_icon {background: url(/imagenes/lineal.png) repeat-x bottom; padding-bottom: 6px}
#myphoto {float: left; width: 58px; margin-right: 20px}
#upload_photo {float: left; width: 350px}
#portfolio_menu {list-style: none}
#portfolio_menu li {display: inline; padding: 5px}
.photo_list_container {padding-top: 15px; float: left}
.photo_list {list-style: none; clear: both}
.photo_single {padding: 5px; border: 1px solid #ccc; display: inline; float: left; margin-right: 7px}
.photo_single a {display: block}
.help_text {font-weight: normal; font-size: 1em}
.linked_project_help_text {font-size: .8em}
#upgrade_account {padding: 10px 5px 0; border-top: 1px solid #ddd; margin-top: 10px}
.account_levels {border-collapse: collapse; width: 100%}
.account_levels th {width: 12%; font-size: 1.2em}
.account_levels th dl dd {font-size: .9em; color: #666; font-weight: normal}
.account_levels .myplan {background: #eaeaea; border-top: 3px solid #f1f1f1}
.account_levels tr {}
.account_levels th, .account_levels td {padding: 3px 5px; text-align: center; border-top: 3px solid #fff}
.account_levels td.label {font-weight: bold; color: #fff; background: #666; border-top: 3px solid #999}
.account_levels td.label span {font-weight: normal; font-size: .9em}
.account_levels .description {width: 30%; color: #fff; background: #888; font-size: .9em; font-weight: bold; border-top: 3px solid #aaa}
.account_levels .price {border-bottom: 3px solid #aaa}
.account_levels input {margin: 5px}
#billing_address {border: 1px solid #ccc; padding: 10px}
#billing_address h3 {display: inline}
.vcard {margin: 10px 0 20px}
#thankyou {color: #666}
#plan_features {list-style: none}
#plan_features li {margin-top: 10px}
#billing_info {width: 490px}
.profile_nav li a {font-size: 2em}
.textile_widget {clear: both}
#textile_help {border: 2px solid red; font-size: .9em; padding: 10px}
#textile_help table {width: 100%}
#textile_help table th, #textile_help table td {width: 50%}
#textile_help th {color: #333; font-size: 1.1em; text-align: left}
#textile_help h1 {text-indent: 0; width: auto}
#textile_help h2 {border: none; padding: 0 !important; width: auto}
.recentpost {clear: left; padding-top: 15px}
#hp_footer-ads {float: right; width: 856px; padding: 20px; border-left: 1px solid #ddd; background: url(/imagenes/sombras.png) repeat-x top}
#portfolios-show #content, #portfolios-search #content, #portfolios-index #content {float: right; margin-left: 0}
#filter {border-bottom: 1px solid #f7f7f7; float: left; margin-top: 26px; padding: 10px; width: 203px}
#filter #selected {border-bottom: 1px solid #f7f7f7; font-size: 10px; margin-bottom: 10px}
#filter #selected ul li {list-style: none}
#filter #selected ul li a {background: url(/imagenes/icon_cerrado.png) no-repeat left; padding-left: 20px}
#filter input[type=submit] {margin-bottom: 10px}
#filter h2 {font-size: 14px; padding-bottom: 8px; width: auto}
#filter h3 {float: none; font: bold 12px "Times New Roman", Georgia, serif; letter-spacing: 1px; text-transform: uppercase; width: auto}
#filter ul {list-style: none; margin-bottom: 10px}
#filter ul li {font-size: 10px; margin-left: 10px}
#filter ul li ul {padding: 0}
#filter ul li ul li {margin-left: 0}
#filter ul li a {padding-left: 20px}
#filter ul li a.uncheck {background: url(/imagenes/icon_ok_null,png) no-repeat left}
#filter ul li a.check {background: url(/imagenes/icon_ok.png) no-repeat left}
#filter ul li span {color: #f00}
#filter ul li.more a {font-size: 10px; font-weight: normal; margin-left: 20px; padding-left: 0}
.button_container{ float: left}
.pagination {overflow: hidden}
.pagination li {border: 1px solid #ccc; float: left; list-style: none; margin-right: 9px}
.pagination .prev a, .pagination .next a {background: #ccc; padding: 1px 4px}
.pagination li.current {color: #f00; padding: 1px 4px}
.pagination li a {display: block; padding: 1px 4px}
div.x_paging {padding: 0; margin: 3px 0; color: #003366; line-height: 30px; font-weight: bold}
div.x_paging a {padding: 5px 9px; margin: 2px; border: 1px solid #afd1f1; text-decoration: none; color: #003366; background-color: #D6E7FF}
div.x_paging a:hover, .pagination a:active {background: #C6DDFE}
#lightbox{ display:none; position: absolute; top:50%; left:50%; z-index:9999; width:500px; height:400px; margin:-220px 0 0 -250px; border:10px solid #ccc; background:#FFFFFF; text-align:left}
#lightbox[id]{ position:fixed}
#overlay{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:5000; background-color:#000; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80)}
#overlay[id]{ position:fixed}
#lightbox.done #lbLoadMessage{ display:none}
#lightbox.done #lbContent{ display:block}
#lightbox.loading #lbContent{ display:none}
#lightbox.loading #lbLoadMessage{ display:block}
#lightbox.done img{ width:100%; height:100%}
#sign_in, #sign_up {width: 220px; height: 360px; padding: 10px}
#sign_in {border-right: 1px solid #ccc; float: left; padding-right: 18px}
#sign_up {float: right}
#lb_close {clear: both; margin: 30px 10px 0 0; text-align: right}
#lightbox h2 {width: auto}

#hp_intro {float: left; width: 872px; padding: 30px 60px 15px; background: url(/imagenes/foto_chicos.png) no-repeat right top}
#hp_feat_cs {float: left; width: 945px; margin: 0 -10px -10px; padding: 2px 3px; background: url(/imagenes/sombras.png) repeat-x top}
#hp_categories {float: left; width: 975px; padding: 5px 20px; background: url(/imagenes/sombras.png) repeat-x top}
#hp_primary {float: left; width: 608px; border-right: 1px solid #ddd; background: url(/imagenes/fondo_hoteles.png) no-repeat left top}
#hp_secondary {float: right; width: 376px; margin-left: -1px; border-left: 1px solid #ddd}
#hp_main {float: left; width: 513px; margin: 0 0 0 95px; padding-top: 10px}
#hp_hot-blog-posts, #hp_featured-members, #hp_ad1 {float: left; padding: 10px; background: url(/imagenes/sombras.png) repeat-x top}
#hp_hot-blog-posts {float: left; width: 236px; border-right: 1px solid #ddd; background: none}
#hp_hot-blog-posts .actions {left: 87px !important}
#hp_ad1, #hp_footer-ads {text-align: center}
#hp_ad1 {float: left; width: 363px; height: 250px; padding: 46px 10px 47px}
#hp_footer-ads {float: right; width: 856px; padding: 20px; border-left: 1px solid #ddd; background: url(/imagenes/sombras.png) repeat-x top}
#hp_primary dl dd strong {color: #333}
#hp_primary h2, #hp_secondary h2 {border: none; margin-bottom: 20px}
#hp_primary h3, #hp_secondary h3 {width: 237px; padding-bottom: 10px; font-size: 1em; color: #767676; border-bottom: 1px solid #ddd}
#hp_secondary h2 span {position: absolute; left: 750px; width: 150px}
#hp_primary h2 .actions {left: 343px}
#hp_secondary h2 .actions {left: 707px}
#hp_intro h1 {font-size: 3em; text-indent: 0; padding-bottom: 15px}
#hp_intro dl {width: 240px; margin: 0 20px 15px 0 !important}
#hp_intro dl strong {color: #333}
#hp_intro dl dt, #hp_intro dl dd {float: none; padding: 0}
#hp_intro dl dt {height: auto; margin-bottom: 15px; font-family:"Times New Roman",Times,serif; font-size: 2em}
#hp_intro p {width: 100%; font-style: italic; clear: left}
#hp_categories ul {float: left; list-style: none}
#hp_categories ul li {float: left; font-size: 1.2em; color: #333; margin-right: 30px}
#hp_categories #view_all {padding-left: 15px; color: #f00; background: url(/imagenes/flecha_roja_circulo.png) no-repeat left center; line-height: 30px}
#hp_feat_cs {width: 997px; margin: 0 -5px}
#hp_feat_cs h2 {margin-left: 10px; width: 952px}
#hp_feat_cs dl {padding: 8px 7px 0px; border-left: 1px solid #eee}
.hp_list {margin: 10px 0 0 0}
.hp_list dt, .hp_list dd {float: none; height: auto; padding-left: 15px}
.hp_list dt {background: url(/images/icon-arrow.png) no-repeat left 4px}
.hp_list dd {font-size: .9em; margin-bottom: 10px}
.hp_list dd a {font-weight: normal; color: #767676; text-decoration: underline}
#hp_featured-members {float: right; width: 236px; margin-left: -1px; border-left: 1px solid #ddd; background: none}
#hp_featured-members h3 {margin-bottom: 10px}
#hp_partners {float: left; width: 330px; margin-left: -1px; padding: 10px; border-left: 1px solid #ddd}
#hp_partners h3 {width: 363px}
#hp_partners ul {float: left}
#hp_partners ul li {float: left; text-align: center; list-style: none; margin: 10px 30px 0 0}