html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
 :focus {outline: 0}
 ins {text-decoration: none}
del {text-decoration: line-through}
 table {border-collapse: collapse; border-spacing: 0}
body {color: #333; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 76%; line-height: 1.1}
body {background-color: white}
body {font-size: 0.8em; line-height: 140%}
hr {color: #eee; background-color: #eee; height: 2px}
a {color: #1a78bc; text-decoration: none}
a:hover {text-decoration: underline}
a img {border: 0px none}
 span.clearer {display: block; clear: both}
 .search-button {float: right; position: absolute; margin-top: 10px;}
.search-button-ie {float: right; display:block; margin-top: -25px;}
#container {margin-left: auto; margin-right: auto; width: 964px; position: relative;}
#content {width: 764px}
#side-content {margin-left: 10px; width: 200px; position: absolute; right: 0}
#side-content .qydj-side-panel {width: 200px; margin-top: 100px; position: relative}
#side-content .current-user {display: none}
#side-content ul.navigation-menu {font-size: 110%}
 .facebook-navigation-menu {font-size: 110%; color: #3b5998; margin: 10px 12px}
#side-content ul.navigation-menu label {margin: 0; display: block; padding: 8px 8px 8px 24px; color: #8F9FB0; border: 1px solid #ccc; background: transparent url('/images/menu-grad-small.png') repeat-x right top; margin-bottom: 4px}
#side-content ul.navigation-menu li.expandable label {background: #e7eef7 url(/images/blue-plus.gif) 7px 12px no-repeat; cursor: pointer}
#side-content ul.navigation-menu li.expanded label {background-image: url(/images/blue-minus.gif)}
#side-content ul.navigation-menu li.nonexpandable label {background: #e7eef7; cursor: pointer}
#side-content ul.navigation-menu li.new-story {background: #355580; color: white; font-weight: bold}
#side-content ul.navigation-menu li.sign-in {background: #355580; color: white; font-weight: bold}
#side-content ul.navigation-menu label.join {background: #6ca925; border: 1px solid #55861e}
#side-content ul.navigation-menu label.signin {background: #fa7017; border: 1px solid #b75112}
#side-content ul.navigation-menu label.whats {background: #194970; border: 1px solid #122c43}
#side-content ul.navigation-menu a.white {color: #FFF}
#side-content ul.navigation-menu a:hover.white {color: #FFF}
#side-content ul.navigation-menu span.smallwhite {color: #FFF; font-size: .6em}
#side-content ul.navigation-menu li a .unread {font-weight: bold}
#side-content ul.navigation-menu li a:hover {color: #003b55; text-decoration: none}
#side-content ul.navigation-menu li.selected label {color: #003b55; background-color: #fff}
#side-content ul.navigation-menu li ul {margin-bottom: 4px; padding: 0 4px}
#side-content ul.navigation-menu li ul li.current {border: 1px solid #eee}
#side-content ul.navigation-menu li ul li a {display: block; border-bottom: 1px solid #eee; padding: 4px}
#side-content ul.navigation-menu li ul li a:hover {background-color: #eee}
#side-content ul.navigation-menu li ul li.search input.text {width: 150px; height: 20px; margin-bottom: 5px; margin-top:5px; display: inline; vertical-align: middle}
#side-content ul.navigation-menu li ul li.search input.image {width: 30px; height: 30px; vertical-align: middle}
 #bar {margin-bottom: 10px; height: 40px; min-width: 1024px; background-color: #002e53; border-bottom: 1px solid #001628; margin-right: 0px}
#header {margin:0 auto 32px auto; width: 964px; position: absolute}
#header .logo {width: 234px}
#header ul {position: absolute; right: 30px; top: 10px}
#header ul li {display: inline; margin-left: 12px}
#header ul li a {color: white; text-decoration: underline; font-size: 90%}
 #addthis {float: left; clear: left; display: block}
 .nice_box_first {float:left; width: 220px; height: 126px; margin-right:30px; border: 2px solid #aeaeae}
.nice_box_others {float:left; width: 220px; height: 126px; margin-right:30px; border: 2px solid #aeaeae}
 .small-facebook {font-size: 70%; color: #3b5998}
#fb-panel {width: 620px; height: 500px; background: transparent url('/images/face-book-canvas-background.png') no-repeat; background-color: #FFFFFF;}
.fb-body {background-color: #FFF; padding-top: 0px}
#fb-panel .go_to_storyz {margin-top:85px; width: 154px; height: 38px; float: right; position: relative; margin-right: 17px;}
#show_tell-panel {width: 735px; height: 221px; background: transparent url('/images/pinstripe_panel.png') no-repeat; background-color: #666;}
#show_tell-panel .content {margin-top:5px; width: 240px; height: 221px; float: left; position: relative; margin-left:4px; margin-right: 0px; color: #FFFFFF;}
#show_tell-panel .footer {float: left; margin-top:5px}
#show_tell-panel p {float: right; position: relative; margin-right: 4px; margin-left:2px; color: #FFFFFF;}
#mobile-switch {border-bottom: 1px solid #53697e; background-color: #bbd8f4; padding: 10px; text-align: center}
#mobile-switch a {font-weight: bold}
#header div.search {position: absolute; right: 0; top: 0}
#header div.search label {display: none}
#header div.search input.text {width: 140px; height: 20px; line-height: 20px; padding: 5px 10px !important; margin: 0; margin-left: 16px; float: left; background: transparent url(/images/search_field_bg.png) no-repeat scroll center; border: 0 none; color: #dee2e8; font-weight: bold}
#header div.search input.text.ghostied {color: #8f9fb0}
#header div.search input.image {float: left; display: block; background-color: transparent}
#header ul.links {float: right; position: static; bottom: 0}
#header ul.links li {list-style-type: none; display: inline}
#header ul.links a {text-decoration: none; text-indent: -5000px; color: #fff}
#header ul.links a {display: block; float: left; margin-left: 5px; height: 40px; line-height: 32px; background-color: transparent; background-repeat: no-repeat; background-position: 0 0}
#header ul.links a:hover {color: #ddd}
#header ul.links li.home a {width: 67px; height: 41px; background-image: url(/images/menu-inbox.png)}
#header ul.links li.home a:hover, #header ul.links li.home_selected a {background-position: 0 -41px}
#header ul.links li.new_story a {margin-top: 4px; width: 97px; height: 41px; background-image: url(/images/menu-new-story.png)}
#header ul.links li.new_story a:hover, #header ul.links li.new_story_selected a {background-position: 0 -41px}
#header ul.links li.featured_stories a {width: 148px; height: 41px; background-image: url(/images/menu-featured-stories.png)}
#header ul.links li.featured_stories a:hover, #header ul.links li.featured_stories_selected a {background-position: 0 -41px}
#header ul.links li.account a {width: 74px; height: 41px; background-image: url(/images/menu-account.png)}
#header ul.links li.account a:hover, #header ul.links li.account_selected a {background-position: 0 -41px}
#header ul.links li.where a {width: 88px; height: 48px; background-image: url(/images/menu-where.jpg); background-position: 0 -50px}
#header ul.links li.where a:hover, #header ul.links li.where_selected a {background-position: 0 0}
#header ul.links li.wow a {width: 88px; height: 48px; background-image: url(/images/menu-wow.jpg); background-position: 0 -50px}
#header ul.links li.wow a:hover, #header ul.links li.wow_selected a {background-position: 0 0}
#header ul.links li.big_stories a {width: 88px; height: 48px; background-image: url(/images/menu-what.jpg); background-position: 0 -50px}
#header ul.links li.big_stories a:hover, #header ul.links li.big_stories_selected a {background-position: 0 0}
#header ul.links li.weekly_big_users a {width: 88px; height: 48px; background-image: url(/images/menu-who.jpg); background-position: 0 -50px}
#header ul.links li.weekly_big_users a:hover, #header ul.links li.weekly_big_users_selected a {background-position: 0 0}
h2 {display: block; color: #334455; margin: 0 0 10px 0; font-size: 1.8em; line-height: 1.1em; font-weight: bold}
 .rounded {clear: both}
.rounded-top {height: 20px; background-color: #fff}
.rounded-top-left {float: left; width: 14px; height: 20px; background: transparent url('/images/bubble-top-left.png') no-repeat}
.rounded-top-right {float: right; width: 23px; height: 20px; background-color: red; background: transparent url('/images/bubble-top-right.png') no-repeat}
.rounded-top-center {height: 20px; background-color: #fff}
.rounded-bottom {height: 30px; background: transparent url('/images/bubble-bottom-center.png') repeat-x scroll left top}
.rounded-bottom-left {float: left; width: 18px; height: 30px; background: transparent url('/images/bubble-bottom-left.png') no-repeat}
.rounded-bottom-right {float: right; width: 28px; height: 29px; background: transparent url('/images/bubble-bottom-right.png') no-repeat}
.rounded-bottom-center {}
.rounded-content {background: #fff url('/images/bubble-side.png') repeat-y top right; padding-left: 13px; padding-right: 22px}
 .white .rounded-top-center {height: 10px; background-color: transparent}
.white .rounded-top {height: 10px; background: #fff}
.white .rounded-content {padding-left: 10px; padding-right: 10px; background: #fff}
.white .rounded-bottom {height: 10px; background: transparent url('/images/corners/white-dark-blue/tile.jpg') repeat-x scroll left top}
.white .rounded-bottom-center {}
.white .rounded-top-left {width: 10px; height: 10px; background: transparent url('/images/corners/white-dark-blue/nw.gif') no-repeat top}
.white .rounded-top-right {width: 10px; height: 10px; background: transparent url('/images/corners/white-dark-blue/ne.gif') no-repeat top}
.white .rounded-bottom-left {width: 10px; height: 10px; background: transparent url('/images/corners/white-dark-blue/sw.gif') no-repeat}
.white .rounded-bottom-right {width: 10px; height: 10px; background: transparent url('/images/corners/white-dark-blue/se.gif') no-repeat}
.light-blue-rounded .rounded {clear: none !important}
.light-blue-rounded .rounded-top-center {height: 10px; background-color: transparent}
.light-blue-rounded .rounded-top {height: 10px; background-color: #DFE3E9}
.light-blue-rounded .rounded-content {padding-left: 10px; padding-right: 10px; background: #DFE3E9}
.light-blue-rounded .rounded-bottom {height: 10px; background: transparent url('/images/light-blue-fill.jpg') repeat-x scroll left top}
.light-blue-rounded .rounded-bottom-center {}
.light-blue-rounded .rounded-top-left {width: 10px; height: 10px; background: transparent url('/images/light_blue_nw.gif') no-repeat top}
.light-blue-rounded .rounded-top-right {width: 10px; height: 10px; background: transparent url('/images/light_blue_ne.gif') no-repeat top}
.light-blue-rounded .rounded-bottom-left {width: 10px; height: 10px; background: transparent url('/images/light_blue_sw.gif') no-repeat}
.light-blue-rounded .rounded-bottom-right {width: 10px; height: 10px; background: transparent url('/images/light_blue_se.gif') no-repeat}
.grey-rounded .rounded {clear: none !important}
.grey-rounded .rounded-top-center {height: 24px; background-color: transparent}
.grey-rounded .rounded-top {height: 24px; background: #f0edd9 url('/images/iphone_top_center_nib.png') repeat-x center top}
.grey-rounded .rounded-content {background: #f0edd9; padding-left: 10px; padding-right: 10px; border: 1px solid #dbdbdb; border-width: 0 1px 0 1px}
.grey-rounded .rounded-bottom {height: 10px; background: transparent url('/images/iphone_bottom_center.png') repeat-x scroll left top}
.grey-rounded .rounded-bottom-center {}
.grey-rounded .rounded-top-left {float: left; width: 10px; height: 24px; background: transparent url('/images/iphone_top_left.png') no-repeat bottom}
.grey-rounded .rounded-top-right {float: right; width: 10px; height: 24px; background: transparent url('/images/iphone_top_right.png') no-repeat bottom}
.grey-rounded .rounded-bottom-left {float: left; width: 10px; height: 10px; background: transparent url('/images/iphone_bottom_left.png') no-repeat}
.grey-rounded .rounded-bottom-right {float: right; width: 10px; height: 10px; background: transparent url('/images/iphone_bottom_right.png') no-repeat}
#home-page {padding: 0 5px; line-height: 140%}
 #footer {padding: 1em 0 4em 0; font-size: 0.8em; clear: both; text-align: center}
#footer ul.links {list-style-type: none; margin: 0; padding: 0}
#footer ul.links li {display: inline; border-left: 1px solid #888; padding: 0; padding-left: 5px; padding-right: 4px}
#footer ul.links li.first {border-left: 0 none}
#footer .version {display: block; color: #355580}
 #ifr {position: absolute; top: -100px; left: -100px; width: 0px; height: 0; border: 0 none}
  form input.ghostied {color: #aaa}
form label {display: block; font-weight: normal; padding: 0 5px 2px 0}
form textarea, form input.text, form input.password {border: 1px solid #999}
form textarea:focus, form input.text:focus, form input.password:focus {background-color: #eee; color: #000}
form select, form textarea, form input.text, form input.password, form input.file, form input.radio {display: block; margin-bottom: 10px}
form input.checkbox {display: block; float: left; clear: left; height: 12px; padding: 0; margin: 0}
form select, form textarea, form input.text, form input.password {width: 300px; padding: 5px 5px 3px 5px}
form textarea {font-family: Arial; font-size: .9em; height: 50px;}
button, a.button, form .button, form input.submit, form input.button {display: block; width: 80px; height: 25px; line-height: 24px; color: #fff; font-weight: bold; border: 0 none; background: #3e85d1; border-bottom: 1px solid #2b4e8b; cursor: pointer}
a.button.green {color: #add04e; background: green}
a.button.green:hover {color: #fff; background: red}
a.button.blue {display: block; width: 80px; height: 25px; line-height: 24px; color: #fff; font-weight: bold; border: 0 none; background: #3e85d1; border-bottom: 1px solid #2b4e8b; cursor: pointer}
a.button:hover, button:hover, form .button:hover, form input.submit:hover, form input.button:hover, form .button-cancel {background-color: #9ec2e8; border-bottom-color: #96b2cf}
form button[disabled]:active, form button[disabled]:hover, form button[disabled], form input.reset[disabled]:active, form input.reset[disabled]:hover, form input.reset[disabled], form input.button[disabled]:active, form input.button[disabled]:hover, form input.button[disabled], form select[disabled] > input.button:active, form select[disabled] > input.button:hover, form select[disabled] > input.button, form input.submit[disabled]:active, form input.submit[disabled]:hover, form input.submit[disabled] {background-color: #9ec2e8; border-bottom-color: #96b2cf}
form div.field {clear: both}
form *.problematic {background-color: pink !important}
form label *.notification {font-weight: bold; font-size: 80%; color: red; margin-left: 4pt}
form #emails-list {padding-left: 10pt; margin-bottom: 5pt}
form #emails-list .email {}
form #emails-list .email .actions {position: relative; float: right; margin-top: -14pt}
form .buttons {margin-top: 20pt}
form .buttons input {display: inline; width: 100px; height: 24px; line-height: 24px; color: #fff; font-weight: bold; border: 0 none; background-color: transparent; background: url("/images/button_100.png") 0 0 no-repeat; margin-right: 5px; margin-left: 0}
.fb_login_ready a {cursor: default !important}
.fbconnect_login_button {margin-right: 4px}
div.facebook_copy, div.copy_to_email {line-height: 18px}
div.facebook_copy input, div.copy_to_email input {display: inline !important; margin-right: 4px}
div.facebook_copy label, div.copy_to_email label {display: inline !important}
div.disabled {color: gray}
p.must-use-fb-connect {margin-bottom: 8px}
  ul.notices {clear: both; list-style-type: none; margin: 0 0 1em 0; padding: 0}
ul.notices li {font-weight: bold; font-size: 0.9em; padding: 5px; text-align: center; margin-left: auto; margin-right: auto; width: 60%; margin-bottom: 2px}
ul.notices li.notice {border: 1px solid #54b752; background-color: #adecac; color: #36a434}
ul.notices li.warning {border: 1px solid #e7ed63; background-color: #fbff9d; color: #787b3c}
ul.notices li.error {border: 1px solid #c25e5e; background-color: #ffa0a0; color: #9b2222}
 div.notice, div.warning, div.error {display: block; margin: 5px 5px; font-size: 1em}
div.notice, div.warning {color: #666}
div.error {color: #8f3d56}
div.notice p, div.warning p, div.error p {clear: both; display: block; padding: 0 0 10px 0}
div.help {background-color: #e3dedb; padding: 10px 10px 0 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 10px}
div.help h3 {font-size: 1.2em; margin-bottom: 5px}
div.help p {padding: 0 0 10px 0}
div.help p em {font-weight: bold}
div.helpflash {width: 380px; background-color: #e3dedb; padding: 10px 10px 0 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 20px}
div.helpflash p {padding: 0 0 10px 0}
#signin_to_view_story .help, .friend-form form .help, form.signin .help, #signup .help {background: transparent; color: #999; margin-top: 2px; margin-bottom: 0; padding: 0; font-size: 0.8em}
#signin_to_view_story #email, #recipients #email, form.signin #email, #signup #user_email {margin-bottom: 0}
#signup #user_terms_of_use {margin-right: 5px;}
 div.fieldWithErrors {display: inline}
div.fieldWithErrors label {color: #f00}
div.fieldWithErrors input, div.fieldWithErrors textarea {border: 2px solid #f00}
 .pitch {position: relative; height: 650px}
.pitch div.questions {background: transparent url('/images/home_questions_masthead.jpg') no-repeat center center; height: 250px; width: 735px; margin: auto -22px auto -18px; text-indent: -9999px; position: relative}
.pitch div.steps, .pitch .on-the-phone {position: absolute; top: 250px}
.pitch div.steps {left: 0; right: 265px; margin-top: 20px; margin-right: 20px}
.pitch div.steps h2 {text-indent: -9999px; line-height: 0;}
.pitch div.steps ol {list-style-type: none}
.pitch div.steps li.step {margin-bottom: 20px; padding-left: 50px; height: 80px; background: #fff no-repeat center left; border: 1px solid white;}
.pitch div.steps li.step h3 {margin-bottom: 5px; text-indent: -9999px; background: #fff no-repeat top left}
.pitch div.steps li.register-for-storyz {background-image: url('/images/home_steps_list_number_1.png')}
.pitch div.steps li.start-your-first-story {background-image: url('/images/home_steps_list_number_2.png')}
.pitch div.steps li.invite-friends {background-image: url('/images/home_steps_list_number_3.png')}
.pitch div.steps li.register-for-storyz h3 {background-image: url('/images/home_register_for_storyz.png'); height: 21px}
.pitch div.steps li.register-for-storyz h3 a {display: block; width: 199px; height: 21px}
.pitch div.steps li.start-your-first-story h3 {margin-top: 5px; background-image: url('/images/home_start_your_first_story.png'); height: 21px}
.pitch div.steps li.invite-friends h3 {margin-top: 5px; background-image: url('/images/home_invite_friends.png'); height: 18px}
.pitch .on-the-phone {left: 435px; right: 0}
.pitch .on-the-phone h2 {text-indent: -9999px; line-height: 0px}
.pitch .on-the-phone h3 {background: transparent no-repeat top left; text-indent: -9999px; margin-bottom: 5px}
.pitch .on-the-phone .phone {padding: 10px; background: transparent no-repeat center right}
.pitch .on-the-phone .phone p {margin-bottom: 5px; line-height: 1.2em}
.pitch .on-the-phone .phone em {font-weight: bold; font-style: italic}
.pitch .on-the-phone .iphone {background: transparent url('/images/home_iphone.png') no-repeat top right ; height: 194px}
.pitch .on-the-phone .iphone h3 {height: 47px; background-image: url('/images/home_storyz_on_your_iphone.png')}
.pitch .on-the-phone .iphone p {margin-right: 90px}
.pitch .on-the-phone .iphone a {margin-top: 15px; background: transparent url('/images/available_on_the_iphone_appstore.png') no-repeat top left; width: 123px; height: 40px; display: block; text-indent: -9999px;}
.pitch .on-the-phone .wap {width: 263px; height: 153px; background: transparent url('/images/home_wap_box_background.png') no-repeat top left}
.pitch .on-the-phone .wap h3 {height: 23px; background-image: url('/images/home_storyz_on_wap.png')}
.pitch .on-the-phone .wap p {margin-right: 80px}
 .storyz-features {width: 440px; float: left; margin-right: 32px}
.storyz-features li {height: 82px; padding-left: 100px; margin-bottom: 32px; background-repeat: no-repeat}
.storyz-features li h3 {margin-bottom: 12px; font-family: Helvetica, sans; font-size: 160%; font-weight: normal}
.storyz-features .notifications {background-image: url('/images/iphone_features_notifications.png')}
.storyz-features .participate {background-image: url('/images/iphone_features_participate.png')}
.storyz-features .friends {background-image: url('/images/iphone_features_friends.png')}
.storyz-features .share {background-image: url('/images/iphone_features_share.png')}
.storyz-features em {color: #ff3399; font-style: normal; font-size: 80%;}
.what-is-storyz {float: right; width: 224px; margin-bottom: 18px}
.what-is-storyz h2 {margin-bottom: 0; height: 24px; width: 224px; text-indent: -5000px; background: transparent url('/images/iphone_what_is_storyz.png') no-repeat center}
.what-is-storyz ul {background-color: #f0edd9}
.what-is-storyz li {margin-bottom: 16px}
.what-is-storyz li.participate {margin-bottom: 0}
.what-is-storyz li h3 {font-size: 140%; font-weight: normal; border-bottom: 1px solid #dddbc7; padding-bottom: 8px; margin-bottom: 8px}
.what-is-storyz li p {height: 64px; padding-right: 72px; background-repeat: no-repeat; background-position: center right}
.what-is-storyz .create p {background-image: url('/images/iphone_subfeatures_create.png')}
.what-is-storyz .invite p {background-image: url('/images/iphone_subfeatures_invite.png')}
.what-is-storyz .participate p {background-image: url('/images/iphone_subfeatures_participate.png')}
.iphone-users .screens {padding-top: 8px; margin: 0 auto 24px auto; width: 685px}
.iphone-users .screens ul {height: 450px}
.iphone-users .screens li {width: 160px; float: left; margin: 0 5px}
.iphone-users .screens li img {width: 100%; display: block; margin: 0 auto}
.iphone-users .screens li h3 {margin: 0 8px}
.iphone-users .screens li p {margin: 0 8px}
.iphone-users .screens #page_description {font-size: 130%; margin: 0 auto; width: 60%; height: 2em}
.iphone-users .screens #page_description h3 {display: inline}
.iphone-users .screens #page_description p {display: inline}
.iphone-users .linkbar {padding: 12px; background-color: #e5e5e5; border-top: 1px solid #cccccc; margin-bottom: 32px }
.iphone-users .linkbar .storyz-iphone {float: left; width: 320px}
.iphone-users .linkbar h3 {font-size: 120%; margin-bottom: 4px;}
.iphone-users .launch-offer {border-left: 1px solid #aaa; padding-left: 10px; margin-left: 330px}
.iphone-users .launch-offer a {margin: 0 4px; display: block; float: right; width: 92px; height: 40px; text-indent: -5000px; background: transparent url('/images/iphone_signup_button.png') no-repeat center}
.iphone-users .storyz-iphone a {width: 123px; height: 40px; display: block; text-indent: -5000px; float: right; margin: 0 4px; background: transparent url('/images/iphone_appstore_button.png') no-repeat top left}
.landing-page .storyz-on-the-iphone {margin-left: 12px; height: 194px; clear: left; width: 390px; background: transparent url('/images/home_iphone.png') no-repeat top right}
.landing-page .storyz-on-the-iphone h3 {height: 36px; text-indent: -9999px; margin-bottom: 5px; background: transparent url('/images/storyz_on_your_iphone.png') no-repeat center left}
.landing-page .storyz-on-the-iphone a {margin-top: 15px; width: 123px; height: 40px; display: block; text-indent: -9999px; background: transparent url('/images/available_on_the_iphone_appstore.png') no-repeat top left}
.landing-page .signup-promo {height: 97px; width: 222px; float: right; clear: right; text-indent: -9999px; display: block; background: transparent url('/images/sms_free_banner.png') no-repeat top right}
.landing-page .splash {width: 735px; height: 250px; margin: auto -22px auto -18px; text-indent: -9999px; position: relative; margin-bottom: 32px}
.organizers .splash {background: transparent url('/images/organizers_splash.jpg') no-repeat center center}
.privacy-seekers .splash {background: transparent url('/images/privacy_seekers_splash.jpg') no-repeat center center}
.young-and-hip .splash {background: transparent url('/images/young_and_hip_splash.jpg') no-repeat center center}
.media-socializers .splash {height: 285px; margin-bottom: 0; background: transparent url('/images/media_socializers_splash.png') no-repeat center center}
.social-network-junkies .splash {height: 285px; margin-bottom: 12px; background: transparent url('/images/social_network_junkies_splash.png') no-repeat center center}
.landing-page .splash a.signup {display: block; position: absolute; bottom: 17px; text-indent: -9999px; width: 132px; height: 36px; left: 32px}
.media-socializers a.signup {top: 185px}
.organizers a.signup {top: 178px}
.privacy-seekers a.signup {top: 176px}
.social-network-junkies a.signup {top: 190px}
.young-and-hip a.signup {top: 179px}
 div.new_story_button {border: 1px dashed #bbb; padding: 1em; color: #888; margin-bottom: 10px}
div.new_story_button p {font-size: 0.9em; display: block; float: left; padding: 0; margin: 0; margin-left: 170px}
div.new_story_button a {text-decoration: none; display: block; float: left; text-align: center; line-height: 24px; width: 160px; height: 24px; padding: 0px; margin: 0px; color: #fff; font-weight: bold; background-color: transparent; background: url("/images/button_160.png") 0 0 no-repeat}
div.new_story_button a:hover {background: url("/images/button_160.png") -160px 0 no-repeat}
div.new_story_button:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
div.new_story_button {height: 1%}
  #settings a.avatar-section a.avatar {display: block; float: left; margin-right: 10px}
#settings fieldset {border-top: 1px solid #ccc; width: 400px; padding: 10px; margin-bottom: 10px}
#settings fieldset legend {padding: 0 10px; font-size: 1.3em}
#settings .notice {margin: 0; padding: 10px 0 0 0}
  #avatar-setup .current {text-align: center; padding: 10px 0}
#avatar-setup .email {display: block; font-weight: bold; padding: 10px 0; text-align: center}
#avatar-setup p {margin-bottom: 10px}
 #points h3 {font-size: 1.3em; margin-bottom: 10px}
#points table {border: 1px solid #999999; margin: 10px auto 0 auto}
#points th {border-bottom: 3px solid #d2d2d2; font-weight: bold; font-size: 1.3em}
#points th, td {padding: 5px}
#points th.description, td.description {width: 350px}
#points tr.even td {background-color: #fff}
#points tr.odd td {background-color: #f2f3f4}
#points td.points {text-align: center}
#points .campaigns {margin: 15px auto 15px 30px}
#points .campaign {margin-bottom: 15px; margin-left: auto; margin-right: auto; text-align: center}
#points .campaign-title {margin-bottom: 35px}
#points .campaign-points {margin-left: 15px; font-size: 1.5em}
#points .campaign-points-value {font-weight: bold; font-size: 3em}
 #new-story {margin: 0 10px}
#new-story form.new_story {width: 65%; float: left}
#new-story form.new_story div.field input.radio {float: left; margin: 0 5px 5px 0; padding: 0px}
#new-story div.help {float:left; width: 200px; margin-right: 20px;}
#new-story h3 {font-size: 130%; margin: 12px 0; border-left: 4px solid #ccc; padding-left: 4px}
#new-story label {margin-bottom: 8px}
#new-story h3 small {font-size: 0.7em; color: #666; font-weight: normal}
#create-new-story {margin: 0 -28px; padding: 0 28px 0 28px}
#new-story div.help {background-color: #ffffff}
#new-story div.help h3 {font-size: 110%; border: none; margin: 0 0 0 0}
#new-story div.warning {margin: 0; clear: none; color: #9b2016; font-weight: bold}
#new-story div.warning p {padding: 0; clear: none}
 #edit-story form {width: 500px}
#edit-story form .submit {clear: both}
#edit-story form .submit, #edit-story form .cancel {float: left; margin-left: 10px}
.advertisement {display: block; margin-top: 12px; margin-left: -10px;}
.banner {clear:all; float:none}
   .small_post_item {margin-right: 20px; margin-bottom: 16px; padding: 0.7em}
.small_post_item .author {width: 82px; margin-top: 6px; display: block; float: left; margin-right: 10px; font-size: 90%; text-align: center; color: #666}
.small_post_item .author a.avatar {display: block}
.small_post_item .author a.avatar img {margin-bottom: 4px}
.small_post_item .author a, .small_post_item .author span {display: block; color: #666}
.small_post_item .author span {display: block; color: #666}
.small_post_item .thumb {float: left; margin-right: 0.5em; margin-bottom: 5px;}
.small_post_item .thumb a {display: block; text-align: center}
.small_post_item .thumb .stack {background-image: url(/images/stack.png); width: 100px; height: 100px}
.small_post_item .thumb .stack a, .small_post_item .thumb .stack a img {width: 92px; height: 92px;}
.small_post_item .thumb .stack a img {background-image: url(/images/stack.png)}
.small_post_item .thumb .videoicon {float: left; margin-left: 10px; margin-bottom: 2px; margin-top: 2px; position:inherit; color: #666; font-weight: bold; font-size: .6em;}
.small_post_item .body {cursor: pointer; margin-left: 82px; padding: 6px; padding-left: 16px; min-height: 120px; height: auto !important; height: 100px; color: #14314d; font-size: 1.0em; background: #c1d8ee url("/images/speech-bubble-pointer.jpg") 0 -10px no-repeat}
.small_post_item .body p {line-height: 17px; margin-bottom: 8px}
 div.user_details {clear: both; margin-bottom: 110px; padding-bottom: 0.5em}
div.user_details a.avatar {float: left; margin-right: 0.5em; margin-bottom: 5px; width: 60px}
div.user_details .points {width: 620px; float: right; background: #fff; padding-left: 10px; margin-bottom: 10px}
 #notifications .back {margin-bottom: 24px}
#notifications form label {display: inline}
#notifications form input {vertical-align: middle; margin-bottom: 4px}
#notifications form p {margin-left: 24px; color: #666 }
#notifications form li {margin-bottom: 24px}
#notifications form ul {margin: 0 0 24px 8px}
#notifications p em {font-weight: bold}
#notifications select {display: inline}
#notifications form p.rule {display: none; margin: 8px 0; background-color: #e7eef7; padding: 8px; padding-left: 16px;}
#notifications form p.rule select {padding: 0; margin: 2px 0; display: inline; width: 200px; border: none; background-color: #fff}
#notifications form input.radio {display: inline}
#notifications table th, #notifications table td {padding: 8px 8px; border-left: 1px solid #ddd}
#notifications table th {background-color: #eee; text-align: left}
#notifications table {border: 1px solid #ddd}
#notification_setting_submit {display: inline; margin-left: 8px}
#notifications h3 {margin-bottom: 8px}
#notifications p {margin-bottom: 16px}
 #dynamic_form textarea {margin-bottom: 0.5em}
#dynamic_form input.text {display: block; float: none}
#dynamic_form input.file_element {height: 26px}
#dynamic_form label {width: auto; text-align: left; display: block; float: none; font-size: 1em}
#dynamic_form label small {font-size: 0.8em; color: #666}
#dynamic_form .submit {display: block; margin: 0; float: left}
 div#posts {margin-top: 10px}
 .story.header {border-bottom: 1px solid #ccc; margin: 0 -28px; padding: 0 28px 16px 28px}
.story.header .thumbnail {float: left}
.story.header .block {float: left; margin-left: 16px; width: 450px}
.story.header h2 {float: left; margin-bottom: 16px}
.story.header h2.private {padding-right: 24px; background: transparent url(/images/icon_padlock.gif) no-repeat right top}
.story.header .recipients {clear: left; float: left; padding-left: 22px; background: transparent url(/images/friends.png) no-repeat left center; width: 50%; margin-bottom: 16px}
.story.header .owner-controls {float: right; height: 50px; width: 100px}
.story.header .owner-controls li {text-align: center; line-height: 20px}
.story.header .owner {float: right; clear: right}
.story.header .owner a.avatar {float: right; display: block; vertical-align: middle}
.story.header .owner h4 {float: right; margin-right: 16px; width: 100px; line-height: 50px; font-size: 120%}
#story_header .back {padding: 8px 28px; margin: 0 -28px 0px -28px; border-bottom: 1px solid #ccc}
#story_header .description {font-size: 1.2em; display: block; padding: 10px 0px; margin-bottom: 1em; overflow: auto; color: #222222}
#story_header .description p {margin-bottom: 8px;}
#story_header .stats {display: none; border: 1px solid #c9c9c9; border-width: 1px 0px 1px 0px; padding: 1em 0px 1em 0px; clear: both}
#story_header .stats .number {font-weight: bold}
#story_header .stats .contributions, #story_header .stats .participants {display: inline}
#story_header:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
#story_header h2 img {margin-left: 5px}
 #discussion .pagination {text-align: right}
 div.post {margin-top: 1em}
div.post .media_list {}
div.post .media_list .download {font-size: small; margin-bottom: 25px}
div.post .body {padding-bottom: 5px; overflow: auto}
div.post .body p {padding-bottom: 8px}
div.post .media {}
div.post .meta {font-size: 80%; color: #888; margin-bottom: 2px; right: 0; left: 0; overflow: auto}
div.post .image img {margin: 0 auto; display: block}
div.post a.prev {float: left; display: block}
div.post a.next {float: right; display: block}
div.post .meta {text-align: center; margin-bottom: 16px}
a.slideshow {background: transparent url(/images/slideshow.png) no-repeat center left; padding-left: 22px; margin-left: 8px}
 div.post .encoding, div.post .encoding_failed, div.post_list_item .encoding_failed, div.post_list_item .encoding {font-style: italic; margin-bottom: 1em}
div.deleted_post, div.moderated_post {margin-left: 110px}
div.deleted_post .body, div.moderated_post .body {height: 10px !important; min-height: 0 !important; font-style: italic; font-size: 0.8em; text-align: center; background-color: #e5eaef; border: none}
div.deleted_post .speech-bubble, div.moderated_post .speech-bubble {background: none; margin: 0; border: none}
 div.reset_password form input.submit {display: inline; margin-left: 10px}
div.reset_password h3 {margin: 10px 0px; clear: both}
div.reset_password p {margin: 5px 0px; clear: both}
 #breadcrumbs {display: block; margin-bottom: 1em; overflow: auto}
 div.user_list_item {margin-bottom: 1em; font-weight: bold; text-decoration: underline}
 #feedback form {width: 500px; margin-bottom: 14px}
#feedback form input.submit, #feedback form input.cancel {margin-left: 12px; display: inline}
 #press {clear: both; border-top: 1px solid #ccc; padding-top: 16px; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif}
#press h2 {font-size: 100%; margin-bottom: 4px}
.vcard .org {font-size: 100%; font-weight: bold; display: block; margin-bottom: 5px}
 .vcard label {float: left; margin-right: 5px; display: block; width: 40px; margin-bottom: 4px}
.vcard .street-address {display: block}
 .vcard div {display: block; clear: left; padding-bottom: 4px;}
#about_us h3 {font-size: 1.5em; font-style: italic}
#about_us h4 {font-size: 1.3em}
#about_us div.profile {margin-top: 15px}
#about_us img.profile_picture {float: left; margin-right: 15px; margin-bottom: 5px}
#about_us ul.jobs {list-style-type: disc; margin-bottom: 30px}
#about_us ul.jobs li {margin-left: 30px}
 div.static .subtitle {font-size:16px; font-weight:bold; line-height:18px; padding-top:18px; color:#333333}
div.static .subtitle_black {font-size:16px; font-weight:bold; color:#333333}
div.static h3, div.static h4 {margin-top: 10px; margin-bottom: 5px}
div.static p {padding-bottom: 10px}
div.static .strong1 {width:490px; padding-left:10px; padding-top:10px; border-top:2px dotted #cccccc}
div.static .strong2 {width:490px; padding-left:10px; padding-bottom:10px; border-bottom:2px dotted #cccccc}
div.static ul.rules {list-style-type: lower-alpha; margin-left: 0px}
div.static ol {margin: 0 20px; padding: 0 20px; margin-bottom: 10px}
 div.pagination {background-color: #eee; block; border-bottom: solid #999; border-bottom-style: solid; border-bottom-width: 2px; clear: both; width: 730px; text-align: right; padding-top: 4px; padding-right: 10px; height: 25px;}
div.pagination a, div.pagination .current {margin-left: 3px; margin-right: 3px}
div.pagination .current {font-weight: bold}
div.pagination:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
 div.add_friend {border: 1px solid #bbb; padding: 10px}
div.add_friend label {line-height: 1.8em; width: 100px; float: left; clear: left; text-align: right; margin-right: 4px}
div.add_friend input {float: left; clear: right}
div.add_friend h4 {margin: 0 0 10px 0}
div.add_friend input.submit {margin-left: 108px; float: none; clear: both}
 div.edit_friend form .submit {clear: both; float: left}
div.edit_friend form .cancel {float: left; margin-left: 10px}
 #signin_to_view_story .submit, #register_to_view_story .submit {text-decoration: none; display: block; line-height: 24px; width: 160px; height: 24px; padding: 0px; color: #fff; font-weight: bold; background-color: transparent; background: url("/images/button_160.png") 0 0 no-repeat; margin-top: 10px}
#signin_to_view_story .submit:hover, #register_to_view_story .submit:hover {background: url("/images/button_160.png") -160px 0 no-repeat}
#signin_to_view_story p, #register_to_view_story p {padding-bottom: 10px}
#recipients, #participants {margin: 0 10px}
#recipients .back, #participants .back {padding: 8px 28px; margin: 0 -28px 16px -28px; border-bottom: 1px solid #ccc}
#recipients #my-friends {width: 440px; float: left; margin-bottom: 24px}
#my-friends.wide {width: 750px}
#my-friends.wide .friends-list {height: 400px; width: 728px}
#my-friends label {font-weight: normal}
#my-friends .friends-list {width: 438px; height: 200px; overflow-y: auto; border: 1px solid #ccc; margin-bottom: 8px}
#recipients h3, #participants h3 {font-size: 1.5em; margin-bottom: 8px}
#recipients #friends-status {margin-left: 450px}
#recipients #friends-status h4#pending-users-header {background-color: #fff}
#recipients #friends-status h4 {border: 1px solid #e7eef7; background: #e7eef7 url(/images/blue-plus.gif) 7px 5px no-repeat; padding: 2px 4px; margin-top: 4px; padding-left: 28px; cursor: pointer}
#recipients #friends-status h4.open {background: #e7eef7 url(/images/blue-minus.gif) 7px 5px no-repeat}
#recipients #friends-status h4.empty {color: #ccc; cursor: default; background: #e7eef7 url(/images/blue-plus-disabled.gif) 7px 5px no-repeat}
#recipients #friends-status a.remove-selected {line-height: 26px; display: block; padding-left: 26px; border: 1px solid #e7eef7; border-top: 0; background: #fefefe url(/images/close_bubble.png) 4px 4px no-repeat}
#recipients #friends-status a.remove-selected:hover {background: #fefefe url(/images/close-hover-trans.png) 4px 4px no-repeat; text-decoration: none}
#recipients #selection-controls li {display: inline; margin-right: 8px; font-weight: bold;}
#recipients #selection-controls {margin: 4px 0;}
#my-friends #add-new-user {color: #777; border: 1px solid #ccc; border-width: 1px 1px 0 1px; padding: 4px 4px; text-align: center}
#my-friends #add-new-user a {margin-left: 5px; margin-right: 5px; #eee; float: right; margin-top: -3px}
#recipients #selection-summary {margin-right: 12px; line-height: 24px; font-weight: bold; float: right;}
#recipients #invite-button {float: right; margin-right: 168px;}
.friend_list_item {cursor: pointer; background-color: #fff; display: block; margin-top: 10px; margin: 0; padding: 5px; text-align: left}
.friend_list_item_selected {background-color: #d2e1f0 !important; color: #000 !important; margin: 0}
.friend_list_item_selected span.name {font-weight: bold}
.friend_list_item {}
.friend_list_item input {display: none !important}
.friend_list_item img {float: left; display: block; vertical-align: middle; margin: 0px; margin-right: 8px}
.friend_list_item .name {width: 100px; line-height: 36px}
.friend_list_item .group {width: 100px; text-align: left; display: block; float: right; line-height: 30px; margin-right: 8px}
.friend_list_item .email {width: 200px; text-align: left; display: block; float: right; line-height: 30px; margin-right: 8px}
.friend_list_item .mobile-number {width: 120px; text-align: left; display: block; float: right; line-height: 30px; margin-right: 8px}
.friend_list_item .invite-status {line-height: 30px; display: block; float: right; color: #b23f3f}
.friend_list_item.big span.name {line-height: 56px}
.friend_list_item.big {cursor: default}
.wide .friend_list_item {margin-right: 30px}
.wide .friend_list_item_selected span.name {font-weight: normal !important}
#my-friends.wide .delete {display: block; float: right; color: #b23f3f; width: 30px; height: 46px; text-indent: -5000px; background: transparent url(/images/close-normal-trans.png) center center no-repeat}
#recipients #my-friends .groups-list {width: 50%; overflow: auto; border: 1px solid #ccc; margin: 4px 0 16px 0}
#recipients #my-friends .groups-list .group_list_item {cursor: pointer; background-color: #fff; display: block; margin: 0; padding: 5px; text-align: left; color: #999; font-weight: bold}
#recipients #my-friends .groups-list .group_list_item input {display: none}
.friend-form {padding: 4px 4px }
.friend-form input.text {width: 238px; margin-bottom: 0}
.friend-form label {font-weight: normal}
.friend-form .buttons {clear: both; text-align: center}
.friend-form select {width: 100%}
.friend-form .button {margin: 50px auto;}
 #my-friends h2 {padding-bottom: 8px}
#my-friends .friend-form {float: right; clear: right; width: 38%}
#my-friends p.description {margin-bottom: 16px}
#my-friends #friends {margin: 10px 10px 16px 10px}
#my-friends #friends .friendship {height: 70px; background-color: #eee; position: relative; margin-bottom: 4px}
#my-friends #friends .friendship a.avatar {clear: left; float: left; margin: 8px}
#my-friends #friends .friendship .meta {margin-left: 32px; width: 300px; padding: 8px}
#my-friends #friends .friendship .meta .friendship_group {color: #1b79bc; font-weight: normal; font-size: .8em;}
#my-friends #friends .friendship a.delete {position: absolute; top: 4px; right: 4px; width: 18px; height: 18px; text-indent: -5000px; background: transparent url(/images/close-normal-trans.png) no-repeat}
#my-friends #friends .friendship a.delete:hover {background-image: url(/images/close-hover-trans.png)}
#my-friends #friends .friendship a.edit {position: absolute; top: 4px; right: 30px}
 #edit-my-friend, #add-new-friend {width: 50%}
 #inbox {margin: 0; padding: 0}
#inbox .messages {clear: both; margin: 0; padding: 0}
#inbox .message {width: auto; display: block; margin-top: 5px; padding: 5px; height: 78px; border: 1px solid #fff}
#inbox .message:hover {text-decoration: none}
#inbox .message img {float: left}
#inbox .pagination {text-align: right}
#inbox .name {font-weight: bold; color: #373737}
#inbox .read {background-color: #fff}
#inbox .unread {background-color: #eee; margin-top: 0; margin-bottom: 0; border: 3px solid #dcdcdc; border-width: 0 3px 3px 0}
#inbox .message img {margin-right: 10px; background-color: #fff; padding: 3px; border: 1px solid #b5c1d2}
#inbox .message .title {color: #1b79bc; font-weight: bold; font-size: 1.2em}
#inbox .message .private_story {margin-left: 88px; padding-left: 20px; background: transparent url('/images/icon_padlock.gif') no-repeat top left}
#inbox .message .attribution {color: #666666; font-size: 0.8em}
#inbox .message .most_recent_post {display: block; margin-top: 10px}
#inbox .small_post_item {margin-left: 118px; background-color: #eee}
 #user_profile h3 {font-size: 1.3em; margin-bottom: 10px}
#user_profile .links {margin-bottom: 12px}
 #big_users .users {margin-right: 220px}
#big_users .biggest-users-link {display: block; text-align: center; margin-bottom: 2px; width: 220px; line-height: 60px; border: 1px solid #eee; background: transparent url(/images/arrow_blue_right.png) no-repeat 200px 50%}
#big_users .user {position: relative; margin-bottom: 12px; height: 80px}
#big_users .user a.avatar {float: left; margin: 8px}
#big_users .user .meta {margin-left: 72px; padding: 2px}
#big_users .user h3 {font-size: 130%; background-repeat: no-repeat; line-height: 30px; padding-left: 40px; margin-bottom: 1px}
#big_users h3.bard {padding-top: 2px; float: none; position: relative; background-image: url(/images/bard_small.jpg)}
#big_users h3.master {padding-top: 2px; float: none; position: relative; background-image: url(/images/master_small.jpg)}
#big_users h3.yarnspinner {padding-top: 2px; float: none; position: relative; background-image: url(/images/yarn_spinner_small.jpg)}
#big_users h3.blogger {padding-top: 2px; float: none; position: relative; background-image: url(/images/blogger_small.jpg)}
#big_users h3.producer {padding-top: 2px; float: none; position: relative; background-image: url(/images/producer_small.jpg)}
#big_users h2 {margin-bottom: 24px}
#big_users .earn-points {width: 220px; float: right}
#big_users .earn-points h3.earn-points-to-move-up {width: 205px; height: 46px; text-indent: -9999px; margin-bottom: 16px; background: transparent url('/images/earn-points-to-move-up.jpg') no-repeat top left}
#big_users .earn-points p.description {margin-bottom: 16px}
#big_users .earn-points p.how-to-earn-points {text-align: right}
#big_users .earn-points ol {margin-bottom: 8px; border-bottom: 1px solid #ccc; padding-top: 8px}
#big_users .earn-points li h4 {font-size: 120%}
#big_users .earn-points li {background-repeat: no-repeat; height: 50px; margin-left: 8px; padding-left: 64px; margin-bottom: 2px}
#big_users .earn-points li.master {background-image: url(/images/master.jpg)}
#big_users .earn-points li.bard {background-image: url(/images/bard.jpg)}
#big_users .earn-points li.producer {background-image: url(/images/producer.jpg)}
#big_users .earn-points li.yarnspinner {background-image: url(/images/yarn_spinner.jpg)}
#big_users .earn-points li.blogger {background-image: url(/images/blogger.jpg)}
 #carousel {margin-bottom: 8px}
#big-users-panel {margin-top: -5px; margin-bottom: 16px; position:relative}
#big-users-panel .rounded-top-center {height: 84px; background-color: transparent}
#big-users-panel .rounded-top {height: 84px; background: #f0edd9 url('/images/master-storyz-tellerz-banner-top.jpg') repeat-x center top}
#big-users-panel .rounded-content {padding-left: 10px; padding-right: 10px; background: #ececec}
#big-users-panel .rounded-bottom {height: 10px; background: transparent url('/images/corners/blue-grey/tile.jpg') repeat-x scroll left top}
#big-users-panel .rounded-bottom-center {}
#big-users-panel .rounded-top-left {width: 402px; height: 84px; background: transparent url('/images/master-storyz-tellerz-banner-nw.jpg') no-repeat top}
#big-users-panel .rounded-top-right {width: 8px; height: 84px; background: transparent url('/images/master-storyz-tellerz-banner-ne.jpg') no-repeat top}
#big-users-panel .rounded-bottom-left {width: 10px; height: 10px; background: transparent url('/images/corners/blue-grey/sw.gif') no-repeat}
#big-users-panel .rounded-bottom-right {width: 10px; height: 10px; background: transparent url('/images/corners/blue-grey/se.gif') no-repeat}
 #big-users-panel .link-panel {width: 390px; height: 75px; margin-top: -84px; position:absolute; display: block; text-decoration: none; cursor: pointer}
#big-users-panel .user {margin-bottom: 4px; float: left}
#big-users-panel h2, p.sub-title {text-indent: -9999px; height: 0px; margin: 0; padding: 0}
#big-users-panel ol.big-users {margin: 0 -10px 10px -10px; padding: 16px 0 10px 0; height: 152px; background: #fff url('/images/master-storyz-tellerz-grey-bar.jpg') repeat-x center bottom}
#big-users-panel li.user {padding: 0 0 0 24px; border-right: 1px solid #eee; width: 219px;}
#big-users-panel li.user a.avatar {float: left; margin-bottom: 12px}
#big-users-panel li.user h3 {margin-left: 72px; margin-bottom: 8px}
#big-users-panel li.user .rank {margin-left: 72px; min-height: 28px; padding-left: 40px; margin-bottom: 2px; background-color: #fff; background-repeat: no-repeat}
#big-users-panel li.user .bard {background-image: url(/images/bard_small.jpg)}
#big-users-panel li.user .master {background-image: url(/images/master_small.jpg)}
#big-users-panel li.user .yarnspinner {background-image: url(/images/yarn_spinner_small.jpg)}
#big-users-panel li.user .blogger {background-image: url(/images/blogger_small.jpg)}
#big-users-panel li.user .producer {background-image: url(/images/producer_small.jpg)}
#big-users-panel li.user ul {clear: left}
#big-users-panel li.user ul li {margin-bottom: 4px;}
#big-users-panel ol.ranks {height: 100px; margin: 0 auto}
#big-users-panel ol.ranks li {float: left; padding: 50px 12px 0 12px; text-align: center; background-repeat: no-repeat; background-position: top center}
#big-users-panel ol.ranks li.master {background-image: url(/images/ranks/master.jpg)}
#big-users-panel ol.ranks li.bard {background-image: url(/images/ranks/bard.jpg)}
#big-users-panel ol.ranks li.producer {background-image: url(/images/ranks/producer.jpg)}
#big-users-panel ol.ranks li.yarnspinner {background-image: url(/images/ranks/yarn_spinner.jpg)}
#big-users-panel ol.ranks li.blogger {background-image: url(/images/ranks/blogger.jpg)}
#big-users-panel ol.ranks li h4 {font-size: 130%}
#big-users-panel a.how-to-earn-points {float: right; display: block; line-height: 46px; margin: 0 8px 0 16px}
#big-users-panel div.big-userz{ display: block; position:absolute; right: 10px; top: 20px; line-height: 46px; margin: 0 8px 0 16px}
#big-users-panel p.points-description {margin-bottom: 8px; font-size: 90%}
#big-users-panel h3.earn-points-to-move-up-grey {float: left; position: relative; width: 205px; height: 46px; text-indent: -9999px; margin: 0 16px 0 8px; background: transparent url('/images/earn-points-to-move-up-grey.jpg') no-repeat top left;}
 #big-stories-panel {position:relative}
#big-stories-panel .rounded-top-center {height: 86px; background-color: transparent}
#big-stories-panel .rounded-top {height: 86px; background: transparent url('/images/corners/big-stories/top.jpg') repeat-x center top}
#big-stories-panel .rounded-content {padding: 20px; background: #fff}
#big-stories-panel .rounded-bottom {height: 10px; background: transparent url('/images/corners/white-dark-blue/tile.jpg') repeat-x scroll left top}
#big-stories-panel .rounded-bottom-center {}
#big-stories-panel .rounded-top-left {width: 266px; height: 86px; background: transparent url('/images/corners/big-stories/nw.jpg') no-repeat top}
#big-stories-panel .rounded-top-right {width: 9px; height: 86px; background: transparent url('/images/corners/big-stories/ne.jpg') no-repeat top}
#big-stories-panel .rounded-bottom-left {width: 10px; height: 10px; background: transparent url('/images/corners/white-dark-blue/sw.gif') no-repeat}
#big-stories-panel .rounded-bottom-right {width: 10px; height: 10px; background: transparent url('/images/corners/white-dark-blue/se.gif') no-repeat}
#big-stories-panel div.see-more {display: block; position:absolute; right: 10px; top: 20px; line-height: 46px; margin: 0 8px 0 16px}
#big-stories-panel div.bubble {width: 346px; height: 114px; display: block; position:absolute; margin-top: -80px; margin-left: 80px; z-index:100; background: transparent url('/images/bubble.png') no-repeat;}
#big-stories-panel div.bubble p {float:left; margin-left:25px; color:#fff;}
#big-stories-panel .white_link {color: #FFFFFF; text-decoration: none}
#big-stories-panel .bubble_closer {float:right; margin-top: 5px; position:absolute; margin-left: 300px; z-index:110;}
#big-stories-panel .bubble_link-panel {width: 346px; height: 114px; position:absolute; display: block; text-decoration: none; cursor: pointer}
 #big-stories-panel .link-panel {width: 390px; height: 75px; margin-top: -84px; position:absolute; display: block; text-decoration: none; cursor: pointer}
#big-stories-panel h2, p.sub-title {text-indent: -9999px; height: 0px; margin: 0; padding: 0}
#big-stories-panel ul {height: 110px}
#big-stories-panel li {position: relative; float: left; margin-right: 16px; border: 1px solid #b5c1d2; background-color: #fff; padding: 4px}
#big-stories-panel {margin-bottom: 16px}
 #ez-as-panel .rounded-top-center {height: 86px; background-color: transparent}
#ez-as-panel .rounded-top {height: 86px; background: transparent url('/images/corners/ez-as/top.jpg') repeat-x center top}
#ez-as-panel .rounded-content {padding: 10px 30px; background: #fff}
#ez-as-panel .rounded-bottom {height: 10px; background: transparent url('/images/corners/white-dark-blue/tile.jpg') repeat-x scroll left top}
#ez-as-panel .rounded-bottom-center {}
#ez-as-panel .rounded-top-left {width: 434px; height: 86px; background: transparent url('/images/corners/ez-as/nw.jpg') no-repeat top}
#ez-as-panel .rounded-top-right {width: 10px; height: 86px; background: transparent url('/images/corners/ez-as/ne.jpg') no-repeat top}
#ez-as-panel .rounded-bottom-left {width: 10px; height: 10px; background: transparent url('/images/corners/white-dark-blue/sw.gif') no-repeat}
#ez-as-panel .rounded-bottom-right {width: 10px; height: 10px; background: transparent url('/images/corners/white-dark-blue/se.gif') no-repeat}
#ez-as-panel h2 {text-indent: -9999px; height: 0px; margin: 0; padding: 0}
#ez-as-panel p {height: 132px; padding-right: 416px; margin: 0; font-size: 120%; padding-top: 48px; background: transparent url('/images/corners/ez-as/ez-as-devices.jpg') no-repeat center right}
 #qydj {margin-bottom: 16px; margin-right: 10px}
#qydj .rounded-top-center {height: 10px; background-color: transparent}
#qydj .rounded-top {height: 10px; background: #fff}
#qydj .rounded-content {padding-left: 10px; padding-right: 10px; background: #fff}
#qydj .rounded-bottom {height: 10px; background: transparent url('/images/corners/white-dark-blue/tile.jpg') repeat-x scroll left top}
#qydj .rounded-bottom-center {}
#qydj .rounded-top-left {width: 10px; height: 10px; background: transparent url('/images/corners/white-dark-blue/nw.gif') no-repeat top}
#qydj .rounded-top-right {width: 10px; height: 10px; background: transparent url('/images/corners/white-dark-blue/ne.gif') no-repeat top}
#qydj .rounded-bottom-left {width: 10px; height: 10px; background: transparent url('/images/corners/white-dark-blue/sw.gif') no-repeat}
#qydj .rounded-bottom-right {width: 10px; height: 10px; background: transparent url('/images/corners/white-dark-blue/se.gif') no-repeat}
#qydj p.description {margin-top: 8px; padding: 8px 0; border: 4px dotted #ccc; line-height: 1.2em; border-width: 4px 0}
#qydj h3.quit-your-day-job {width: 196px; height: 94px; text-indent: -9999px; margin: 0 -20px  10px -10px; background: transparent url('/images/qydj.jpg') no-repeat top left}
#qydj p.foot {height: 75px; padding-left: 64px; margin-left: -16px; padding-top: 10px; background: transparent url('/images/tie-bottom.jpg') no-repeat top left}
#sign-up-sms-promo {width: 169px; height: 167px; padding: 0 16px; margin-bottom: 16px; background: transparent url('/images/sign-up-sms-promo.jpg') no-repeat top left}
#sign-up-sms-promo h3 {text-indent: -9999px; height: 72px}
 #marketers-welcome a:hover {text-decoration: none}
#marketers-welcome a {font-weight: bold; display: block; margin: 0 auto; width: 200pt; padding: 16px 0 16px 150px; height: 274px; background: transparent url('/images/marketers-welcome-door.jpg') no-repeat center left}
#marketers-welcome h2 {padding-top: 100px}
#marketers-welcome p {font-size: 130%}
#marketers-intermission {background-image: url('/images/intermission.jpg'); height: 422px; width: 735px; margin-bottom: 16px}
#hello-brands {margin: 0 8px; padding-right: 292px; background: transparent url('/images/marketers-welcome-door-open.jpg') no-repeat top right}
#hello-brands {margin: 0 8px; padding-right: 292px; background: transparent url('/images/marketers-welcome-door-open.jpg') no-repeat center right}
#hello-brands p {font-size: 115%; margin-bottom: 16px}
#hello-brands p.contact {padding: 8px 0; border: 1px solid #ccc; border-width: 1px 0}
#hello-brands ul {font-size: 115%; list-style: square; padding-left: 32px}
#hello-brands li {margin-bottom: 16px}
 #storyz-on-the-iphone {width: 190px; margin-bottom: 16px; text-align: center}
#storyz-on-the-iphone h3 {height: 36px; text-indent: -9999px; margin: 0 -2px 188px -2px; background: transparent url('/images/storyz-on-your-iphone-small.jpg') no-repeat center left}
#storyz-on-the-iphone a {margin: 8px auto 0 auto; width: 123px; height: 50px; display: block; text-indent: -9999px; background: transparent url('/images/available_on_the_iphone_appstore.png') no-repeat top left}
#storyz-on-the-iphone .rounded-content {padding-left: 10px; padding-right: 10px; background: #fff url('/images/home_iphone.png') no-repeat center 36px}
#signin .unregistered, #signin .forgotten_password {margin-bottom: 10px}
.youtube-link {position:relative}
 a.back {display: block; padding-left: 10px; margin-bottom: 10px; font-weight: bold}
.country_code_help {font-weight: normal }
 .subclause_enumeration {list-style-type: lower-alpha}
 img.avatar {background-color: #F0F0F0; padding: 1px; border: 1px solid #DDD}
ul.avatars {}
ul.avatars li {padding: 5pt}
ul.avatars li label, ul.avatars li label * {display: inline; vertical-align: middle}
ul.avatars li input.upload {display: block; margin-left: 20pt}
.disabled, .disabled:hover {color: gray !important; background-color: #DDD !important; cursor: not-allowed !important; opacity: 0.6 !important; text-decoration: none}
p.note {color: gray}
p.note:before {content: 'NOTE:'; padding-right: 5px; font-weight: bold; color: black}
  ul.list li.story {position: relative; padding: 6px 0; border-bottom: 1px dashed #ccc; min-height: 136px}
ul.list li.story:hover {background-color: #DCE7F3}
ul.list li.private_story h3 a {background: transparent url('/images/icon_padlock.gif') no-repeat scroll left top; padding-left: 20px}
ul.list li.story span.thumb {display: block; position: absolute; width: 178px; height: 134px; overflow: hidden; border: 1px solid #ddd; margin: 0 6px}
ul.list li.story span.body {display: block; margin: 0.3em 0}
ul.list li.story span.content {display: block; padding: 0 6px; padding-left: 254px}
ul.list li.story span.meta {display: block; color: gray; margin-left: 254px}
 ul.single li {float: none !important; margin: 0}
ul.cards li.story {position: relative; padding: 10px; width: 180px; background-color: #eee; float: left; margin-right: 10px; margin-bottom: 10px; min-height: 300px; cursor: hand; cursor: pointer}
ul.youtube-cards li.youtube {position: relative; width: 165px; background-color: white; float: left; margin-right: 20px; margin-bottom: 5px; height: 210px}
ul.big-cards li.story {position: relative; padding: 10px; width: 220px; background-color: #eee; float: left; margin-right: 10px; margin-bottom: 10px; min-height: 320px; cursor: hand; cursor: pointer}
ul.big-cards li.unreadstory {position: relative; padding: 10px; width: 220px; background-color: #F7E8C2; float: left; margin-right: 10px; margin-bottom: 10px; min-height: 320px; cursor: hand; cursor: pointer}
ul.cards li.story:hover {background-color: #DCE7F3}
ul.cards li.private_story h3 a {background: transparent url('/images/icon_padlock.gif') no-repeat scroll left top; padding-left: 20px}
ul.cards li.story span.thumb {text-align: center; display: block; background-color: white; margin-bottom: 10px; height: 134px; width: 178px; overflow: hidden; border: 1px solid #ddd}
ul.cards li.story span.no-media {display: block;}
ul.cards li.story span.thumb img {background: white}
ul.cards li.story h3 {display: block; max-height: 2.8em; overflow: hidden}
ul.cards li.story span.body {display: block; height: 4.2em; overflow: hidden}
ul.cards li.story span.content {display: block; position: relative}
ul.cards li.story span.meta {display: block; color: gray; position: absolute; bottom: 10px; font-size: 85%; line-height: 85%; width: 160px}
ul.youtube-cards li.youtube h3 a {}
ul.youtube-cards li.youtube span.thumb {text-align: center; display: block; background-color: #efefef; margin-bottom: 10px; height: 110px; width: 165px; overflow: hidden; border: 1px solid #ddd}
ul.youtube-cards li.youtube span.no-media {display: block;}
ul.youtube-cards li.youtube span.thumb img {background: white}
ul.youtube-cards li.youtube h3 {display: block; max-height: 2.8em; overflow: hidden}
ul.youtube-cards li.youtube span.body {display: block; height: 4.2em; overflow: hidden}
ul.youtube-cards li.youtube span.content {display: block; position: relative; min-height: 50px}
ul.youtube-cards li.youtube input.button {position: relative; margin-top: 10px; width: 100px;}
ul.youtube-cards li.youtube span.meta {display: block; color: gray; position: absolute; bottom: 10px; font-size: 85%; line-height: 85%; width: 160px}
ul.big-cards li.story:hover {background-color: #DCE7F3}
ul.big-cards li.private_story h3 a {background: transparent url('/images/icon_padlock.gif') no-repeat scroll left top; padding-left: 20px}
ul.big-cards li.story span.thumb {text-align: center; display: block; background-color: white; margin-bottom: 10px; height: 160px; width: 218px; overflow: hidden; border: 1px solid #bbb}
ul.big-cards li.story span.no-media {background: #f6f6f6}
ul.big-cards li.story span.thumb img {background: white}
ul.big-cards li.story h3 {display: block; max-height: 2.8em; overflow: hidden}
ul.big-cards li.story span.body {display: block; height: 4.2em; overflow: hidden}
ul.big-cards li.story span.content {display: block; position: relative}
ul.big-cards li.story span.meta {display: block; color: gray; position: absolute; bottom: 10px; font-size: 85%; line-height: 85%}
ul.big-cards li.unreadstory:hover {background-color: #F7CC72}
ul.big-cards li.private_story h3 a {background: transparent url('/images/icon_padlock.gif') no-repeat scroll left top; padding-left: 20px}
ul.big-cards li.unreadstory span.thumb {text-align: center; display: block; background-color: white; margin-bottom: 10px; height: 160px; width: 218px; overflow: hidden; border: 1px solid #bbb}
ul.big-cards li.unreadstory span.no-media {background: #f6f6f6}
ul.big-cards li.unreadstory span.thumb img {background: white}
ul.big-cards li.unreadstory h3 {display: block; max-height: 2.8em; overflow: hidden}
ul.big-cards li.unreadstory span.body {display: block; height: 4.2em; overflow: hidden}
ul.big-cards li.unreadstory span.content {display: block; position: relative}
ul.big-cards li.unreadstory span.meta {display: block; color: gray; position: absolute; bottom: 10px; font-size: 85%; line-height: 85%}
 #story div.content {margin: 0 10px 0 10px; float: left; width: 544px;  }
#story div.pagination {background-color: #eee; line-height: 20px; padding: 0 4px; width: 536px}
#story #media-thumb-container div.pagination {background-color: #eee; line-height: 20px; padding: 0 4px; width: 190px}
#story .sidebar {float: left; width: 200px}
#story-links {margin-bottom: 1em}
#story-links li {display: block; font-weight: bold; margin-bottom: 1px; font-size: 120%}
#story-links li a {padding: 8px 12px; display: block; background: #edf0f5 none no-repeat left center; text-decoration: none}
#story-links li a:hover {color: white; background-color: #0268a8}
#story-links li.selected a {border-bottom: 1px solid #fff; background-color: #fff; color: #666}
#story .sidebar h4 {line-height: 3em; margin: 0 6px; color: #666; display: inline}
#story #addthis {margin: 0 6px; display: block; clear: none; float: none}
li.media {float: left; display: block; height: 100px; width: 78px; border: 1px solid #ddd; height: 58px; overflow: hidden; margin: 0 10px 10px 10px}
 form#post {border-bottom: 1px solid #ccc; padding: 10px}
form#post ul.forms {margin-bottom: 12px; border-bottom: 1px solid #eee}
form#post ul.forms li {min-height: 50px}
form#post ul.forms label {float: right; width: 230px; font-weight: normal; margin: 0; padding: 0}
form#post ul.forms input {width: 260px; margin-bottom: 0}
form#post input.submit {margin: 10px 0 0}
 div.files_list {clear: both; margin-bottom: 4px}
div.files_list span {padding-right: 10px; display: block; float: left; width: 90%; overflow: hidden}
div.files_list div {width: 100%; height: 18px}
div.files_list div input {display: block; float: right; right: 0}
div.files_list input.cancel {clear: right; text-indent: -10000px; width: 18px !important; height: 18px; outline: none; border: 0 none; background: transparent url("/images/close-normal-trans.png") 0 0 no-repeat; cursor: pointer; float: right}
div.files_list input.cancel:hover {background: transparent url("/images/close-hover-trans.png") 0 0 no-repeat}
 #options {display: block; height: 30px}
#options li {display: block; float: left; width: 120px; text-align: center; border: 1px solid #bbb; margin-right: 4px; background-color: #e2e8f4;}
#options li a {font-size: 1.4em; display: block; padding: 4px 24px 4px 0; cursor: pointer}
#options li a:hover {text-decoration: none}
#options li.selected a {background-color: #ffffff; color: gray}
#story-roll #progress-bar {margin-top: 28px}
#progress-bar {width: 300px; height: 28px; margin: 0 0 8px; float: right }
#progress-bar label {line-height: 28px}
#progress-bar .bar {float: left; width: 200px; border: 1px solid #eee; margin-right: 8px; padding: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
#progress-bar .progress {height: 24px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px}
.upload_spinner {float: right; margin-right: 8px; margin-top: 34px}
 ul.list li.post {position: relative; min-height: 10px; padding: 10px; border-bottom: 1px dashed #999}
ul.list li.post.last {border-bottom: none}
ul.list li.post span.media-full {display: none; width: 522px; margin: 0 0 10px 0; text-align: center; overflow: hidden; cursor: pointer}
ul.list li.post span.thumb {display: block; float: left; width: 78px; height: 56px; overflow: hidden; border: 1px solid #ddd}
ul.list li.post span.thumb-media-numbers {float: left; position: absolute; margin-top: 56px; width: 78px; height: 18px; font-size: .8em; color: #1a78bc; text-align: left; overflow: hidden; cursor: pointer}
li.post span.no-media {background-image: url(/images/no_media_78x80.jpg)}
ul.list li.post ul.thumbs li {width: 98px; margin: 0 4px 4px 0}
ul.list li.post span.content {display: block; min-height: 80px; margin-left: 100px}
ul.list li.post span.content-nomedia {display: block; min-height: 80px}
ul.list li.post span.content-nomedia span.body {display: block; padding: 5px; margin-right: 10px;}
ul.list li.post span.content span.body {display: block; padding: 5px}
ul.list li.post span.content span.body p {display: inline}
ul.list li.post span.meta {display: block; font-size: .8em; line-height: 2em; height: 34px}
ul.list li.post span.meta a.delete {float: right display: block; padding: 2px}
ul.list li.post span.meta a.avatar {float: left; display: block; padding: 2px; margin-right: 5px;}
ul.list li.post span.postoptions {float: right; display: block; padding: 2px;}
ul.list li.post span.meta span.timestamp {display: block}
ul.list li.post span.meta a.remove-friend, ul.list li.post span.meta a.add-friend {display: none}
 ul.list li.expanded {padding-left: 10px !important; background-color: #eee}
ul.list li.expanded span.content {margin-left: 0}
ul.list li.expanded span.media-full {margin-top: 10px; width: 600px; display: block}
ul.list li.expanded span.thumb {display: none}
ul.list li.expanded span.meta {}
ul.list li.expanded.branded span.meta {}
ul.list li.expanded span.meta span.timestamp {display: block}
 ul.thumbs li.story .meta, ul.thumbs li.story .content {display: none}
ul.thumbs li.story {float: left; padding: 10px}
ul.thumbs li.selected {background-color: #eee; border: 1px solid #ddd; padding: 9px}
ul.thumbs li.story a {display: block; width: 78px; height: 58px; overflow: hidden; border: 1px solid #ddd }
.story-thumbs-container {height: 80px; margin-bottom: 10px}
.story-thumbs-container .mask {display: block; position: relative; width: 700px; height: 80px; overflow: hidden; margin-left: 27px}
.story-thumbs-container .prev a, .story-thumbs-container .next a {text-indent: -5000px; display: block; width: 17px; height: 80px; background-color: #eee; background-position: center center; background-repeat: no-repeat}
.story-thumbs-container .prev {float: left}
.story-thumbs-container .prev a {background-image: url('/images/arrow-left-eee.png')}
.story-thumbs-container .next {float: right}
.story-thumbs-container .next a {background-image: url('/images/arrow-right-eee.png')}
.story-thumbs-container .disabled {background-color: white !important; background-image: none !important; border: 1px solid #ddd; height: 78px !important; width: 15px !important}
.story-thumbs-container ul {position: absolute; left: 0}
 #home {margin-right: 10px}
#story-roll {postition: relative}
.locked {opacity: 0.7; cursor: not-allowed}
#story-roll .loading {position: absolute; top: 0; left: 0; height: 350px; width: 764px; background-color: #eee; color: #aaa; opacity: 0.9; line-height: 270px; text-align: center; font-size: 150%}
#story-roll div.story-container {height: 350px; background-color: #FFF; position: relative; overflow: hidden}
#story-roll div.story-container div.story {position: absolute; top: 0; left: 0; width: 753px; height: 100%; overflow: hidden; overflow-y: scroll; background: white; z-index: 10}
#story-roll div.story ul.single {float: left}
#story-roll div.story ul.single li.story {margin-right: 0}
#story-roll .story .head {margin-left: 210px; background-color: #eee; line-height: 22px}
#story-roll .story .head h3 {margin-left: 10px; display: inline}
#story-roll .story .head a {display: block; float: right; padding: 0 10px; font-weight: bold; font-size: 90%}
#story-roll form {padding-bottom: 0 !important; border-bottom: 0 !important; height: 238px}
#story-roll .main-content {width: 500px; margin-left: 220px}
#story-roll .main-content form {overflow: hidden}
 div#fb-link-account, div#fb-create-account {padding: 5pt 10pt}
div#fb-link-account form, div#fb-create-account form {padding-top: 10pt}
div#fb-link-account form p.buttons, div#fb-create-account form p.buttons {margin-top: 10pt}
div#fb-link-account form p.buttons input, div#fb-create-account form p.buttons input {margin-left: 0}
div#fb-link-account a.form-switcher, div#fb-create-account a.form-switcher {display: block; float: right; margin-right: 8px; margin-top: -1.5em}
div#fb-select-account p, div#fb-select-account h3, div#fb-link-unassociated-accounts p, div#fb-link-unassociated-accounts h3{ margin-bottom: 5pt; text-align: center}
div#fb-select-account h2, div#fb-link-unassociated-accounts h2 {text-align: center}
div#fb-select-account ul, div#fb-link-unassociated-accounts ul {width: 50%; margin: 10pt auto 10px auto; height: 90px; background-color: #eee; padding: 10px}
div#fb-select-account li, div#fb-link-unassociated-accounts li {float: left; width: 50%; text-align: center}
div#fb-link-signed-in-account ul {padding-left: 16px}
div#fb-link-signed-in-account ul li {list-style-type: circle; list-style-position: inside; margin: 8px}
div#fb-link-signed-in-account p {margin: 8px 0}
 #user-details .small {font-size: 0.9em; color: #14314d; line-height: 1.1em;}
#user-details .tinylink {font-size: 0.7em; line-height: 1.1em;}
#user-details .header {font-size: 1em; color: #333333; font-weight: bold; 1.1em; margin-bottom: 5px; margin-right: 10px; background: #e2e8f4; display: block; width: 225px; padding: 5px 5px 3px 5px;}
#user-details .smallform {font-size: 0.7em; color: #14314d; line-height: 1.1em;}
#user-details .text {width: 210px; padding: 5px 5px 3px 5px}
#user-details form input .file {width: 100px; padding: 5px 5px 3px 5px}
#user-details .select {width: 220px; padding: 5px 5px 3px 5px}
#user-details .password {width: 220px; padding: 5px 5px 3px 5px}
.newmessages {background-color: #F7F2DA; color: #ff6600}
.sidebarunread {color: #ff6600}
.progressbar {margin-top: 20px; margin-bottom: 2px; margin-left: 120px; background-color: #eeeeee;}
.progresstext {margin-top: -80px; margin-bottom: 2px; margin-left: 120px}
 #lightview {position: absolute; top: 50%; left: 50%; height: 150px; width: 150px; margin: -75px 0 0 -75px; padding: 0; text-align: left}
 .lv_Container {position: relative; width: 100%; height: 100%; background: none; padding: 0; margin: 0}
.lv_Button {cursor: pointer; text-decoration: none; border: none; background: none; margin: 0; padding: 0}
 .lv_Sides {position: absolute; top: 50%; left: 0; clear: both; width: 100%; padding: 0; margin: 0}
.lv_Sides * {padding: 0; margin: 0}
.lv_Sides li {list-style-type: none; position: relative}
.lv_PrevSide {float: left}
.lv_NextSide {float: right}
.lv_Sides .lv_Wrapper {width: 100%; height: 100%; cursor: pointer}
.lv_Sides .lv_Button {float: left; background: none}
 .lv_Frames {width: 100%; height: 100%; position: relative; padding: 0; margin: 0}
.lv_Frames li {list-style-type: none; margin: 0; padding: 0}
.lv_Frame {width: 100%; display: block}
.lv_Frame * {padding: 0; margin: 0}
.lv_FrameTop {position: absolute; left: 0; width: 100%; display: block}
.lv_FrameBottom {position: relative; float: left; clear: both}
.lv_Liquid {position: relative; float: left; width: 100%; overflow: hidden; clear: both}
.lv_Liquid .lv_Filler {position: absolute; height: 100%; width: 2px; top: 0; left: 50%}
.lv_Half {display: block; height: 100%; clear: both; line-height: 0px}
.lv_Half li {list-style-type: none}
.lv_Corner {float: left; position: relative}
.lv_CornerTr, .lv_CornerBr {float: right}
.lv_Fill {position: absolute; top: 0; width: 100%; height: 100%}
.lv_Half .lv_CornerWrapper {float: left; position: relative; width: 50%; height: 100%; overflow: hidden}
.lv_HalfRight .lv_CornerWrapper {float: right}
.lv_Corner {position: relative}
.lv_Corner canvas {position: relative}
.lv_HalfLeft .lv_Corner {float: left}
.lv_HalfRight .lv_Corner {position: relative; float: right}
 .lv_Center {position: relative; clear: both; height: 100%; overflow: hidden; background: none; padding: 0; margin: 0}
.lv_WrapUp {position: absolute; left: 0; height: 100%; width: 100%; overflow: hidden; padding: 0; margin: 0}
.lv_WrapDown {position: relative; height: 100%; width: 100%; overflow: hidden; padding: 0; margin: 0}
.lv_WrapCenter {position: relative; padding: 0; margin: 0}
 .lv_Loading {position: absolute; top: 50%; left: 50%}
.lv_Loading .lv_Button {float: left; height: 100%; width: 100%}
.lv_MediaWrapper {position: relative; width: 100%; display: block; overflow: hidden; clear: both; padding: 0; margin: 0}
.lv_MediaWrapper img {position: relative; float: left; padding: 0; margin: 0}
 .lv_PrevNext {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0}
.lv_PrevNext * {padding: 0; margin: 0}
.lv_PrevNext .lv_Button {position: relative; height: 100%}
.lv_PrevButton {float: left}
.lv_NextButton {float: right}
 .lv_MenuBar {clear: both; position: relative; width: 100%; font: 11px Arial, Helvetica, sans-serif; color: #7a7a7a; padding: 0; margin: 0; text-align: left}
.lv_MenuBar * {padding: 0; margin: 0;}
.lv_Close {position: relative; float: right; overflow: hidden; width: 100%; height: 100%}
.lv_Data {position: relative; float: left; padding-bottom: 3px; line-height: 13px; overflow: hidden}
 .lv_Data li {list-style-type: none; float: left; margin-top: 3px}
.lv_DataText {width: 100%}
.lv_DataText .lv_Title {font-weight: bold; margin-bottom: 2px}
.lv_DataText .lv_Caption {clear: both}
.lv_Data .lv_ImgNumber {color: #a7a7a7; margin-right: 5px; margin-top: 5px}
.lv_Data .lv_innerPrevNext, .lv_Data .lv_Slideshow {position: relative; border-left: 1px solid #d7d7d7; padding: 0 5px; margin-top: 5px; vertical-align: middle}
.lv_Data .lv_Slideshow {padding-right: 0px}
.lv_Data .lv_innerPrevNext .lv_Button, .lv_Data .lv_Slideshow .lv_Button { float: left; background-position: center left; background-repeat: no-repeat}
 .lv_contentTop, .lv_contentBottom {position: relative; float: left; margin: 0; padding: 0; clear: both}
#lightview iframe {float: left; border: 0; clear: both; padding: 0; margin: 0; background: none}
 .lv_topButtons {position: absolute; left: 0; width: 100%; overflow: hidden; margin: 0; padding: 0}
.lv_topcloseButtonImage {cursor: pointer}
 #lightviewError p {padding: 0 0 10px 0}
#lightviewError div {padding: 6px; font: 11px Arial, Helvetica, sans-serif}
#lightviewError .message {background: #fcb5b5; color: #dd1f1f; margin-bottom: 3px}
#lightviewError .type {font-weight: bold}
#lightviewError .pluginspage {background: #b5fcbd; color: #21be30}
#lightviewError a, #lightviewError a:hover, #lightviewError a:visited {color: #21be30; text-decoration: none; background: none; font-weight: bold; border-bottom: 1px solid #7de689}
#lightviewError p {margin-left: 0; padding: 0}
#lv_overlay {position: absolute;  top: 0; left: 0; height: 100%; width: 100%}
 #lightviewController {position: fixed; bottom: 0; top: 0; left: 50%; margin: 0; padding: 0; color: #d2d2d2; font: 11px Arial, Helvetica, sans-serif}
* html body #lightviewController { position: absolute; top: auto; margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.controllerOffset || 0)))}
#lightviewController ul {display: block; height: 100%; float: left; margin: 0; padding: 0; position: relative}
.lv_controllerTop, .lv_controllerMiddle, .lv_controllerBottom {list-style-type: none; float: left; display: block; position: relative; clear: both; overflow: hidden; margin: 0; padding: 0}
.lv_controllerCenter {width: auto; float: left}
.lv_controllerCornerWrapper {position: absolute; width: 100%; height: 100%; margin: 0; padding: 0}
.lv_controllerCornerWrapperTopLeft, .lv_controllerCornerWrapperBottomLeft {top: 0; left: -100%;}
.lv_controllerCornerWrapperTopRight, .lv_controllerCornerWrapperBottomRight {top: 0; left: 100%;}
#lightviewController .lv_CornerWrapper {width: 100%}
#lightviewController .lv_Corner {float: left}
#lightviewController .lv_Corner {float: right; position: relative}
#lightviewController .lv_CornerTr, #lightviewController .lv_CornerBr {float: left}
.lv_controllerBetweenCorners {position: relative; height: 100%; overflow: hidden}
.lv_controllerMiddle {position: relative; height: 100%; float: left}
.lv_controllerCenter {float: left; width: auto;}
.lv_controllerCenter li {list-style-type: none; float: left; display: inline; position: relative; clear: none}
.lv_controllerSetNumber {float: left; text-align: center}
#lightviewController .lv_Button {float: left; position: relative; height: 100%; clear: none}
.lv_controllerSetNumber {position: relative; height: 100%; padding-right: 3px}
.lv_controllerPrev, .lv_controllerNext, .lv_controllerSlideshow, .lv_controllerClose {float: left; position: relative; height: 100%; padding-left: 3px}
.lv_controllerPrev {border-left: 1px solid #3c3c3c}
#lightviewController .lv_controllerNext {padding-right: 3px; border-right: 1px solid #3c3c3c}
* html #lightview { position: absolute; margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) - (Lightview.controllerHeight || 0))); margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0))}
 html #lv_overlay {position: absolute; height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight)); width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth))}