body, textarea, input, p {font-family: Helvetica, sans-serif; line-height: 18px; font-size: 12px}
textarea {line-height: 16px}
a {outline: none}
body, textarea, input {color: #414141}
.dialog_buttons input {color: #fff}
a {color: #0084bf; font-weight: bold; text-decoration: none}
ol, ul {list-style: none; margin: 0px; padding: 0px}
ol li, ul li {margin-left: 0px}
caption, th, td {font-weight:normal; text-align:left}
h1, h2, h3, h4, h5 {color: #005270; font-family: Georgia}
h5 {text-transform: uppercase; color:#9CAD3A; font-size:14px; margin-bottom: 5px}
.page_header {margin-bottom: 15px}
.page_header h1 {font-size: 26px; margin-bottom: 0px; line-height: 30px; color: #414141}
.page_header p {margin: 0px; font-family: Helvetica; font-size: 14px}
.no_bold {font-weight: normal}
.centerize {margin: 0px auto}
.date {color: #a7a9ac}
#header {background: transparent url(/images/site/header_bg2.png) repeat-x left top; height: 124px; width: 100%; font-family: "Georgia"; z-index: 2}
#header .h_utility {height:45px}
#header .h_nav {height:52px; position: relative; z-index: 99}
#header .h_subnav {padding-top: 2px; height:33px}
#header .h_search {height:55px}
#header a {outline: none}
.h_utility {display: none}
#header .logo {padding-top: 2px;padding-left: 5px; margin-top: 12px}
#header .logo a {display: block; width: 200px; height: 85px; background: transparent url(/images/logo/SurfLogo200.png) no-repeat left top; text-indent: -33333em; display: block; text-align: left}
#header #utility_nav {position: absolute; right: 0px; top: 0px; height: 34px}
#header .utility_wrapper {background: transparent url(/images/site/utility_bar_bg.gif) no-repeat right top; height: 34px; float: left; padding-right: 12px}
#header .utility_wrapper .profile_image {float: left; width: 30px; margin-right: 0px}
#header .utility_wrapper .profile_image img {width: 20px}
#header .utility_wrapper .utility_container {background: transparent url(/images/site/utility_bar_bg.gif) no-repeat left top; height: 34px; position: relative; left: -5px; padding-left: 12px; color: #cfd1d2; float: left; display: inline}
#header .utility_wrapper .utility_container .utility_content {float: left; margin-top: 5px}
#header .utility_wrapper .utility_container .utility_content .square_pic {width: 20px; height: 20px}
#header .utility_wrapper .utility_container a, #header .utility_wrapper .utility_container span {color: #808285; font-size: 10px; font-weight: normal; text-transform: uppercase}
#header .utility_wrapper .utility_container .show_user_name, #header .utility_wrapper .utility_container .show_user_name a {text-transform: none}
#header .navigation {position: absolute; top: -2px; left: 185px; z-index: 79}
#header .navigation ul, #header .sub_navigation ul {padding-left: 10px; padding-bottom: 0; margin-bottom: 0}
#header .navigation ul li, #header .sub_navigation ul li {float: left; padding: 0px; margin: 0px}
#header .navigation ul li a, #header .sub_navigation ul li a {display: block}
#header .navigation ul {position: relative; float: left}
#header .navigation ul li {margin-top: 15px; height: 39px; position: relative; margin-right: -2px}
#header .navigation ul li a {padding: 0 20px; font-size: 20px; font-weight: bold; color: #FFF; line-height: 32px; height: 39px; display: block; float: left; overflow: hidden}
#header .navigation ul li.selected {margin-top: 0; height: 54px; position: relative; border: none; margin-left: -4px}
#header .navigation ul li.selected .tab_wrapper, #header .navigation ul li.selected .tab_right, #search_primary form {background: transparent url(/images/site/header_sprite.png) no-repeat left -65px}
#header .navigation ul li.selected .tab_wrapper {margin-right: 15px; height: 62px}
#header .navigation ul li.selected .tab_right {width: 15px; height: 62px; position: absolute; right: 0px; top: 0px; background-position: right -65px}
#header .navigation ul li.selected a {color: #58595b; display: block; position: relative; height: 62px; line-height: 62px; right: -15px; border: none; padding-left: 7px}
#header .navigation ul li a {padding: 0 17px}
#header .navigation ul li.selected a {padding-left: 2px}
#header .navigation ul li.more_menu a {padding-right: 22px}
#header .navigation ul li.more_menu_open a {padding: 0 17px}
#header .sub_navigation {height: 33px; background-position: 0 0; width: 100%}
#header .sub_navigation ul {position: relative; margin-left: auto; text-align: left}
#header .sub_navigation ul li {line-height: 32px; color: #dedfdf}
#header .sub_navigation ul li a {font-size: 12px; text-transform: uppercase; padding: 0 12px; line-height: 32px; color: #6A6A6A; float: left; font-weight: normal; text-shadow:0px 1px 1px #fff}
#header .sub_navigation ul li.first a {padding-left: 0px}
#header .sub_navigation ul li.last a {padding-right: 0px}
#header .sub_navigation ul li.selected a {color: #DB8328; font-weight: bold}
#header .sub_navigation ul li a:hover {color: #DB8328}
#header .h_nav {height: 85px}
#header .navigation ul {margin-top: 5px}
#header .logo {margin-top: 0px;}
#footer {background-color: #F2EEE8; width: 100%; color: #808285; font-size: 12px; padding: 10px 0px 0px 0px; margin-top:50px}
#footer .footer_top {margin-bottom: 10px}
#footer p {padding-bottom: 8px; margin-bottom: 0}
#footer h4 {margin-bottom: 8px; padding-bottom: 5px; border-bottom: 1px solid #D3CFCA; color: #9CAD3A; font-size: 14px; font-weight: bold; text-transform: uppercase}
#footer a {font-weight: normal; font-size: 14px}
#footer ul li {padding-bottom: 3px}
#footer .more_stuff ul li {float: left; width: 120px}
#footer .privacy {background-color: #E3DFD9; padding: 10px 0px}
#footer .privacy a {font-size: 12px}
#footer .grid_5 {width: 225px}
#footer .grid_6 {width: 240px}
#header #search_primary {width: 100%; height: 55px; float: left; margin-top: -6px; text-align: center}
#header #search_primary form {background-position: left -3px; background-repeat: no-repeat; background-color: #ffffff; height: 57px; text-align: left; margin: auto; float: none; display: block; width: 534px; position: relative}
#header #search_primary form #input_query {width: 420px; border: none; background: none; float: left; display: block; font-family: Georgia; font-size: 18px; line-height: 20px; position: relative; left: 40px; top: 16px; font-weight: bold}
#header #search_primary form #submit_query {background: none; position: absolute; border: none; right: 46px; top: 11px; height: 34px; width: 36px; padding: 0; text-indent: -33333em; display: block; text-align: left; cursor: pointer}
#header #header_more {width: 136px}
#header #header_more a {color: #0084bf; font-size: 14px; border: 0px; height: 28px; display: block; width: 100%;}
#header .navigation ul .more_menu .more_menu_handle span, #header .navigation ul .more_menu_open, #header .navigation ul .more_menu_open .top a, #header .navigation ul .more_menu_open .top a:hover, #header .more_menu_open .menu_wrapper .top, #header .more_menu .more_menu_footer {background: url(/images/site/header_sprite.png) no-repeat -136px -240px}
#header .navigation ul .more_menu {position: relative; width: 136px; margin-top: 5px; height: 35px; z-index: 89;}
#header .navigation ul .more_menu .more_menu_handle {border: 0px none; line-height: 54px; position: relative; padding-right: 28px}
#header .navigation ul .more_menu .more_menu_handle span {display: block; width: 27px; height: 18px; position: absolute; right: 0px; top: 16px}
#header .navigation ul .more_menu_open .more_menu_handle span {background-position: -136px -261px}
#header .navigation ul .more_menu_open {height: 49px; background-position: -136px -129px}
#header .navigation ul .more_menu_open .more_menu_handle {color: #58595b; cursor: pointer}
#header .navigation ul .more_menu_open .top a {color: #0084bf; font-size: 14px; border: 0px; height: 31px; display: block; background-position: -136px -178px; background-repeat: repeat-x; width: 121px; padding: 0px; margin: 0px 9px 0px 6px; cursor: pointer}
#header .navigation ul .more_menu_open .top a {margin: 0}
#header .navigation ul .more_menu_open .top a:hover {background-repeat: repeat-x; background-position: -136px -209px; color: #fff}
#header .navigation ul .more_menu_open .top a span {margin-left: 15px}
#header .navigation ul .more_menu_open .top a span {margin-left: 0}
#header .more_menu .menu_wrapper {width: 136px; display: none}
#header .more_menu_open .menu_wrapper {display: block; position: absolute; top: 50px; left: 0px}
#header .more_menu_open .menu_wrapper .top {background-position: 0px -129px; width: 100%; float: left}
#header .more_menu .more_menu_footer {height: 15px; background-position: left bottom}
#header .navigation .more_menu .others p {padding: 0px; margin: 0px; padding-left: 20px; background: url(/images/site/header_sprite.png) no-repeat -136px -178px; width: 121px; margin:0px 9px 5px 6px; padding:5px 0 0 14px; width:106px; font-family: Georgia;}
#header .navigation ul .more_menu_open .top .others a {background: 0px none; font-size: 12px; height: 20px; line-height: 20px;}
#header .navigation ul .more_menu_open .top .others a:hover {color: #0084BF;}
#content_area {margin-top: 0px; padding-left: 10px;}
#search-form-favorites {margin-top: 5px;}
.searchbox, .searchbox .cap {background: url(/images/site/input.png) no-repeat top left}
.searchbox {height: 23px; margin-right: 20px; position: relative; float: left}
.searchbox .cap {position: absolute; width: 12px; background-position:left -23px; right: -12px; top: 0px; height: 100% }
.searchbox input {border: 0px none; width: 100%; height: 23px; line-height: 23px; padding-top: 4px; background: transparent; margin-left: 10px; font-size: 14px; font-family: Georgia}
.ie .searchbox input {padding-top: 0}
.entity_add_instructions {margin-bottom: 20px}
.entity_add_instructions ol {margin: 0 0 20px 20px; list-style-type: decimal; font-weight: bold}
.entity_form {width: 55%; float: left}
.entity_form label {display: block; float: left; width: 8em; font-family: "Georgia", serif; font-weight: bold}
.entity_form legend {display: block; margin-bottom: 20px; color: #E78227; font-family: "Georgia"; font-size: 20px; font-weight: bold}
.entity_form .suggest_list, .entity_form .btns_left {margin-left: 8em}
.entity_image_add {width: 104px; height: 222px; float: left; text-align: center; background: transparent url(/images/site/entity_upload_bg.png) no-repeat left top; padding: 75px 25px}
.softcorners .roundy {height: 10px; width: 100%; font-size: 1px; background-repeat: no-repeat}
.softcorners .tr {background-position: right top}
.softcorners .tl {background-position: left top}
.softcorners .br {background-position: right bottom}
.softcorners .bl {background-position: left bottom}
.softcorners .insides {padding: 0px 10px}
.banner {text-align: center}
.fancy_link {font-family: Georgia}
.fancy_s, .fancy_m, .fancy_l, .meta_s, .meta_m, .meta_l {font-family: Georgia}
.fancy_s, .fancy_m, .fancy_l {font-weight: bold}
.meta_s, .meta_m, .meta_l {color: #0084bf; font-weight: normal}
.fancy_s, .meta_s, .meta_s div {font-size: 12px; line-height: 14px; letter-spacing: -0.025em}
.fancy_m, .meta_m {font-size: 14px; line-height: 14px}
.fancy_l, .meta_l {font-size: 18px; line-height: 18px}
.profile_image {float: left; margin-right: 10px}
.profile_image img {width: 20px}
.module_follow_user, .module_status_text {background-color:#FFFCC9; margin-bottom:30px}
.module_follow_user .block_container {padding:8px}
.module_follow_user .text_message {display:block; float:left; margin-right:10px; margin-top:3px}
.nowrap {white-space: nowrap;}
.linked {color: #0084BF}
.review {color: #58595b}
.callout, .control_privacy_settings {float: left; width: 100%; margin: 10px 0; background-color: #e4f1f7}
.callout .callout_content, .control_privacy_settings .callout_content {padding: 10px}
.smallmargin {margin-bottom: 5px}
.todo-item .hide_to_do_link {float: right; width: 22px; height: 22px; display: block; text-indent: -9999em; background: transparent url(/images/site/utility_icons.gif) no-repeat scroll -163px -50px}
.follow-wrapper p {float: left; margin: 0px; padding: 0px; line-height: 24px; margin-right: 10px}
.follow-wrapper .btn {margin-top: 1px}
div.cannot-follow {display: none}
div.now-following div.unfollowed {display: none}
div.can-follow div.following {display: none}
.profile_thumb {float:left; margin:0 10px 0 0; overflow:hidden; width:50px}
.profile_thumb .square_pic {width: 50px}
.profile-box .thumb img {width: 140px; float: left}
.profile-box .vcard {margin-left: 150px; width: 150px; overflow: hidden; color: #808285}
.profile-box .vcard h1 {font-size: 20px; margin-bottom: 0px}
.profile-box .vcard .rank {font-family: Georgia; font-weight: bold}
.profile-box .vcard .collection {font-family: Georgia; text-transform: uppercase; display: block; font-size: 10px; margin-top: 15px;}
.pagination span {float: left; display: block}
.pagination .content_action_previous {margin-right: 15px; float: left; padding-left: 17px; font-weight: bold}
.pagination .windowed_links {position: relative; top: 1px; display: block; float: left; margin-right: 0px}
.pagination .windowed_links .current, .pagination .windowed_links a {display: block; float: left; padding: 2px 5px; line-height: 14px}
.content_main .pagination {margin-top: -18px; position: relative}
.pagination {background-color: #DFEFF6; border-top: #E7E7E7; padding: 10px 0; float: left; width: 100%; margin-bottom: 0px; font-family: Georgia; text-transform: uppercase; font-size: 11px}
.pagination .pagination_content {padding: 0px 10px}
.pagination .links {float: right; margin-right: 0px; display: inline; position: relative; top: -2px}
.pagination .page_info {float: left; margin-left: 10px; display: inline}
.pagination .search_total {color: #0084bf}
.icon_more, .icon_previous, .icon_comment, .icon_help, .icon_edit, .icon_share, .icon_warning, .icon_list_up, .icon_list_down, .icon_sort, .icon_add, .icon_percent_up, .icon_percent_down, .icon_delete {background: transparent url(/images/site/utility_icons.gif) no-repeat top left; width: 13px; height: 13px; line-height: 13px}
.content_action {line-height: 13px; font-size: 10px; font-family: Georgia; text-transform: uppercase; position: relative; font-weight: bold}
.content_action_more {padding-right: 17px}
.content_action_share {padding-left: 17px}
.content_action {margin-top: 5px}
.content_action .icon_more, .content_action .icon_previous, .content_action .icon_comment, .content_action .icon_help, .content_action .icon_edit, .content_action .icon_delete, .content_action .icon_add, .content_action .icon_share, .content_action .icon_warning, .content_action .icon_sort {position: absolute; top: 0}
.content_action_warning, .content_action_edit, .content_action_share {padding-left: 25px}
.content_action_warning .icon, .content_action_edit .icon, .content_action_share .icon {left: 7px; top: 0}
.icon {text-indent: -33333em; display: block; text-align: left}
.icon_previous {background-position: -13px 0px; left: 0}
.icon_more {background-position: -13px -13px; right: 0}
.icon_comment {background-position: -13px -26px; left: 0}
.icon_edit {background-position: -13px -39px}
.icon_warning {background-position: -13px -52px; left: 0}
.icon_share {background-position: -13px -65px; left: 0}
.icon_add {background-position: -13px -78px; left: 0}
.icon_delete {background-position: 0px -26px}
.icon_help {background-position: -13px -91px; width: 14px; height: 10px; line-height: 10px; position: absolute; right: 0; top: -5px}
.icon_percent_up, .icon_percent_down {background-position: -175px 1px; width: 7px; height: 9px; line-height: 10px; position: absolute; left: 0px; top: 5px}
.icon_percent_down {background-position: -175px -9px}
.disabled {color: #808285}
.disabled .icon_previous {background-position: 0px 0px}
.disabled .icon_next {background-position: 0px -13px}
.icon_sort {background-position: -190px 0px; width: 7px; height: 10px; line-height: 10px; position: absolute; left: -12px; top: 3px; display: block}
.sort_ascending .icon_sort {background-position: -197px 0}
.sort_descending .icon_sort {background-position: -183px 0}
.icon_container {position: relative; display: block}
.comment_action {float: right; padding-left: 18px; line-height: 13px}
.icon_list_up {background-position: -27px -41px; width: 21px; height: 17px}
.icon_list_down {background-position: -27px -73px; width: 21px; height: 17px}
.grid_300 {margin: 0px 20px}
.module {margin-bottom: 40px}
.module li {margin: 0px}
.module .module_header {margin-bottom: 10px}
.module h4 {margin: 0px}
.module .module_header h4 {color: #005270; font-size: 20px; font-weight: bold; text-shadow:0px 1px 1px #fff}
.module .module_header p {margin: 0px;}
.module .module_header .sort {font-family: Georgia; font-size: 10px; color: #808285}
.module .module_header .sort span {font-weight: bold;}
.module .module_header .sort span, .module .module_header .sort a {text-transform: uppercase}
.module .module_header .sort span {font-weight: bold}
.module .module_header .sort a {font-weight: normal;}
.module .module_content h4 {font-size: 16px; color: #808285; margin-bottom: 0px;}
.module .module_content .fancy_link {font-size: 12px}
.module .module_content table {width: 100%; margin-bottom: 0px}
.module .module_content table td {vertical-align: top}
.module .module_content table td.module_cell {width: 116px; padding: 0px; vertical-align: top;}
.module .module_content table td.module_cell .poster, .module .module_content table td.module_cell .rating-wrapper, .module .module_content table td.module_cell .ratey-small {margin: 0px auto}
.module .module_item {overflow: hidden}
.module .showoverflow .module_item {overflow: inherit}
.module.root .module_item {overflow: visible}
.module .module_grid .module_item {width: 100px; float: left}
.module .module_list ul {margin: 10px 0px}
.module .module_list .module_item {padding: 10px 0px 10px 0px; border-top: 1px solid #e6e7e8}
.module .double_border .module_item {background: transparent url(/images/site/horizontal_rule_light.png) repeat-x left top; padding-top: 12px; border: 0px none}
.module .module_list .first {background: 0px none; border: 0px none; padding-top: 0px}
.module .module_list .last {padding-bottom: 0px}
.ie .module .double_border .module_item {width: 100%; float: left; display: block}
.ie .module .double_border .ad {width: 760px }
.ie .module .double_border .ad {width: 560px}
.module .module_list .first {background: 0px none}
.module .module_list .last {}
.module .thumb {float: left; width: 50px; margin: 0px}
.module .thumb a {line-height: 0px; display: block;}
.module .description {margin-left: 60px}
.module .description p {margin-bottom: 10px; margin-top: 0px;}
.module .description .rating-wrapper {margin-bottom: 10px}
.module .description .meta {display: block}
.module .description .secondary {font-size: 14px}
.module .description .meta a {font-weight: normal}
.module .description .footnote {margin-top: 5px}
.module .module_entity .thumb {width: 90px; padding: 0px; margin: 4px 0px 0px 4px;}
.module .module_entity .description {margin-left: 100px}
.module .module_reviews .description {color: #a7a9ac}
.module .module_reviews .description p {color: #58595b}
.module .module_review .description .rating-wrapper {margin-bottom: 0px}
.module .module_lists_item {overflow: visible}
.module .module_footer {background: #F2F2F2 url(/images/site/module_footer.gif) repeat-x left bottom; padding: 5px 0px 8px 0px; text-align: right}
.module .module_footer .more, .module .ls-callout-footer .more {text-align: right; margin-right: 8px; padding-right: 18px; line-height: 13px}
.module .module_action {font-family:Georgia; font-size:16px; font-weight: normal;}
.module_ad {text-align: left; padding-top: 15px; position: relative}
.banner .module_ad {text-align: center; padding: 0; margin: 0;}
.module_ad .advertisement {text-transform: uppercase; font-family: Georgia; color: #a5a5a5; font-size: 8px; display: block; text-align: right; height: 12px; line-height: 8px; margin: 0 auto;}
.banner {margin-top: -4px}
.module .module_review .description {padding-top: 4px}
.module .module_review .description .profile_thumb {margin-right: 2px}
.module .module_review .description .description, .module .module_review .description .description {margin-left: 50px; padding-left: 10px; overflow: hidden}
.module .module_review .description .description .blurb {float:left; margin: 0px 10px 0px 0px; font-size: 14px; padding-top: 3px}
.entity_review .description h1 {margin-bottom: 5px}
a.poster {display: block; text-align: center; position: relative; line-height:0;}
a.poster img {}
a.framed, a.framed .cap {background: url(/images/site/frames.png) left bottom}
a.framed {padding-bottom: 4px; margin-top: -5px; margin-left: -4px; width: 89px}
a.framed img {width: 75px; margin-bottom: -2px}
a.framed .cap {display:block; width: 100%; height: 100%; padding: 7px 0px 5px 0px; background-position: top left; position: relative; min-height: 50px}
a.framed .hider {overflow: hidden; height: 100px}
a.fixed .cap {height: 103px}
.albums a.framed .hider {overflow: hidden; height: 75px}
.albums a.fixed .cap {height: 78px}
a.poster .percent_value {bottom: 0px; right: 0px}
a.framed .percent_value {bottom: 3px; right: 7px}
.thumb_50, .thumb_50 img {width: 50px}
.thumb_30, .thumb_30 img {width: 30px}
.ie a.poster .percent_value {bottom: 0px}
.ie a.framed .percent_value {bottom: 3px}
.ie a.framed img {margin-bottom: 3px}
.feed li {padding: 10px 0px; background: transparent url(/images/site/horizontal_rule.png) repeat-x left top; border: 0px none}
.feed li.first {background: 0px none}
.feed p {margin-bottom: 10px}
.feed .existing-comments, .feed .comment-publisher {margin-left: 60px}
.feed .comment-destroyer {float: right}
.module .feed .module_item {border: 0px none}
.comment-submitter textarea {width: 90%}
.feed .action {width: 22px; height: 22px; display: none; text-indent: -9999em; background: transparent url(/images/site/utility_icons.gif) no-repeat scroll -163px -50px}
.feed .deletable-story {position: relative}
.feed .deletable-story .action {display: block; position: absolute; top: 10px; right: 0; z-index: 10}
.feed .deletable-story.first .action {top: 0}