html {overflow-y: scroll}
body {background-color: #fff; color: #4d5c6a; margin: 0 0}
body, p, ol, ul, td, textarea {font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height: 20px}
li {list-style:none}
p, ul {margin: 0; padding: 0}
pre {background-color: #eee; padding: 10px; font-size: 11px}
h1, h2 {margin-top: 0}
.header-multiline {line-height: normal}
input, textarea {color: #66798C; font-size: 100%}
input[disabled], input[disabled]:hover {border: 1px solid #999; background: #eee; color: #bbb}
a, a:visited {color: #1c75bc; text-decoration:none}
a:hover {text-decoration: underline; background-color:transparent}
a.link2 {color: #2D5282;}
a.bold-link {font-weight:bold;}
img {border:0 none}
form label {color: #888; display:block; font-size: 130%; margin-top: 15px; margin-bottom: 5px}
form li {margin-bottom:10px}
form label, form input {clear:left}
form label.error, form label.info, label.field_with_errors {background-color: #f3504d; background: -webkit-gradient(linear, left top, left bottom, from(#f090be), to(#f3504d)); background: -moz-linear-gradient(top, #f090be, #f3504d); clear: none; width:220px; padding:9px 10px; margin:0; color: #fff; border: 1px solid #467298}
form label.valid {background-color: #8ccc66; background: -webkit-gradient(linear, left top, left bottom, from(#cbde5d), to(#8ccc66)); background: -moz-linear-gradient(top, #cbde5d, #8ccc66)}
form label.info {background: #eee; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); background: -moz-linear-gradient(top, #fff, #eee); color: #aaa}
form input.error {border: 2px solid #ff3300}
#notice {border-color: #58695B #58695B #87A18E; border-style: solid; border-width: 2px; color: #FFFFFF; font-size: 130%; padding: 10px; position: absolute; top: 47px; width: 300px; background: #205e22; background: -moz-linear-gradient(center top , #3baf3e, #205e22) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#3baf3e), to(#205e22)); display: none}
input.field_with_errors {padding: 7px; clear:both; border: 2px solid #f3504d}
label.field_with_errors {width: 100px; float:none}
#errorExplanation {clear:both}
#header {background:#1c75bc; background: url("../images/gradient-nav.png") repeat; overflow:hidden; margin: 0 auto}
#logo a, {background:transparent}
li.first {border-right: 1px solid #ccc}
#searchbox {font-size: 100%}
#searchbox form {margin:5px 0; padding: 0 0 0 10px; float:left; width: 240px}
#searchbox input {width: 191px; float:left; padding: 3px 5px; background-color: #aaa; color: #fff; border-bottom: 2px solid #bbb; border-right: 2px solid #bbb}
#searchbox input:focus {background-color:#eee; color:#777}
#searchbox .submit {position: relative; float: left; width: 35px}
#searchbox .search-button {width: 36px; height: 30px; padding: 0; cursor: pointer; border: none; background: url("../images/searchicons.png") no-repeat scroll 0 0 transparent}
#searchbox .search-button:hover {background: url("../images/searchicons.png") no-repeat scroll -50px 0 transparent}
#searchbox .search-button:active {background: url("../images/searchicons.png") no-repeat scroll -100px 0 transparent}
#content {margin:10px auto; width: 960px; clear: both; padding: 20px; clear: both; overflow:hidden; background-color:#fff}
.action {float:right}
.hide {display:none}
.user-nosnaps img, .center {margin: 0 auto; display:block; padding: 20px}
.user-no-follow-activity p {margin-top:20px}
.center {text-align:center; padding-bottom: 0}
.snap-list, .user-nosnaps, #show-page .module {margin: 0; clear:both; float: left; width: 590px}
.snap-list li {border-bottom: 1px solid #ddd; clear:both; padding: 5px; overflow: hidden; margin-bottom: 10px; color: #999}
.snap-list .meta {float:left; width: 435px; word-wrap: break-word; margin-top: 2px}
.snap-list .username {font-weight: bold}
#system-note {background-color: #D3E8F9}
#system-note h2 {margin: 0 auto; width: 960px; padding: 5px}
.dets_avatar img {margin-top: 3px; float:left; margin-right:10px}
.snap-list cite {font-size: 80%; font-style: normal; color: #999}
.avatar, .u-avatar {float:left; margin-right: 10px}
a.next_page {display:block}
.user-snaps {margin: 0 0 0 20px; width: 350px; float:left}
.user-snaps span {margin-top: 7px}
.user-info {padding-left: 5px; overflow: hidden}
.user-info p{ padding-top:10px; font-size:130%; text-decoration: none}
.btn {display: block; position: relative; background: url("../images/orangebutton_gradient.png") repeat; background-position: bottom; padding: 5px; float: right; color: #fff; border: 2px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 8px; cursor: pointer}
.plain-btn, table form input[type=submit] {width: auto; border: 1px solid; padding: 5px 10px; color: #444; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border-color: #ccc #999 #999 #ccc; background: #fefefe; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc)); background: -moz-linear-gradient(top, #fefefe, #dcdcdc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fefefe, endColorstr=#dcdcdc); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fefefe, endColorstr=#dcdcdc)"; cursor: pointer; -webkit-appearance: none}
.plain-btn:hover, #inpoint_btn:hover, #outpoint_btn:hover {background: #ddd}
.small-btn {padding 1px; margin 0}
.fb_share_size_Small {padding: 0}
.pretty-btn {border: 2px solid; padding: 5px 10px; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-color: #ccc #999 #999 #ccc; background: #3cbee7; background: -webkit-gradient(linear, left top, left bottom, from(#3cbee7), to(#0c7aaf)); background: -moz-linear-gradient(top, #3cbee7 , #0c7aaf); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3cbee7, endColorstr=#0c7aaf); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3cbee7, endColorstr=#0c7aaf)"}
.pretty-btn:hover {background: #0c7aaf; background: -webkit-gradient(linear, left top, left bottom, from(#33D4fd), to(#33b0d9)); background: -moz-linear-gradient(top, #33D4fd , #33b0d9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33D4fd, endColorstr=#33b0d9); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0c7aaf, endColorstr=#33b0d9)"}
.pretty-btn:active {background: #0c7aaf; background: -webkit-gradient(linear, left top, left bottom, from(#0c7aaf), to(#3cbee7)); background: -moz-linear-gradient(top, #0c7aaf , #3cbee7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0c7aaf, endColorstr=#3cbee7); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0c7aaf, endColorstr=#3cbee7)"}
.btn input {border: 0; cursor: pointer; background: transparent; color:#fff}
.snap-text {background: url("../images/snap-mobile-text.png") no-repeat left top; padding: 2px !important; background-position: top; height: 15px; width: 47px; float:left}
.share-text {background: url("../images/share-btn.png") no-repeat left top; background-position: top; height: 20px; width: 65px}
#watch-showlist li {padding: 20px 0; font-size: 150%; border-bottom: 2px solid #CCCCCC; clear: both; overflow: hidden}
#watch-showlist .logo, .showlist .logo {float: right; width: 175px; height:60px}
#watch-showlist .no-img {margin-top: 20px}
#watch-showlist a.title {display:block; width: 550px; margin-top:20px; float:left}
.showlist .logo {width: 80px; font-size: 70%; padding-left: 10px; height: 30px}
.showlist .logo img, #watch-showlist .logo img {border: 1px solid #ccc; float:right}
.titlebox {line-height: 130%; border-bottom: 3px solid #ccc; padding-bottom: 15px; margin-bottom:20px; clear:both; text-shadow: 0 1px 0 #fff}
.titlebox a.text-toggle {font-weight: normal}
.show-selector {float: right; font-size:60%}
.show-selector {margin-right:330px}
#vid {margin-left: 120px}
#footer {clear: both; border-top: 2px solid #ddd; padding: 20px}
#footer li {display: inline; border-left: 1px solid #ccc; padding-left: 7px}
#footer li.first {border:0}
#footer .footer-text {width: 980px; margin: 0 auto}
#footer cite {font-style: normal; font-size: 80%}
#info {float: left; margin: 0 0 0 -20px; width: 720px}
#info form {clear:both}
#new-snap form {clear:none}
#info.new-share {float: none; margin: 0 auto}
#edit-container .left-arrow, #edit-container .right-arrow {background: url("../images/adjust-snap-icons.png") no-repeat scroll 0 0 transparent; height:30px; top:170px; width:30px; cursor:pointer; display:block; float:left; padding-left:0px; margin-top:3px}
#edit-container .right-arrow {float:right; margin-left:0px; background: url("../images/adjust-snap-icons.png") no-repeat scroll -50px 0 transparent}
#preview_btn {clear:both; padding: 4px 5px; border: 0; background: transparent; cursor: pointer}
.play-btn {padding: 0 0 5px 15px; position: relative; width: 80px; height: 26px; display:inline-block}
.playhead {position:absolute; background: url("../images/adjust-snap-icons.png") no-repeat scroll 0 -150px; left: 10px; top: 12px; width: 15px; height:15px}
.actions .time-change {border:1px solid #bbb; padding:6px; margin-left:10px}
.actions input {padding-left:15px}
.thumb-container .start, .thumb-container .middle{ float:left; margin-top:20px}
.thumb-container .middle {margin-left: 360px}
.thumb-container .end{ float:right; margin-top:20px}
.share-btns {height:50px; padding: 0; position: relative; float:right}
.share-btns div {float: left; margin-left: 10px; padding: 1px}
.fb-share, .tw-share {width: 30px; float:left}
.fb-share {background: url("../images/share_buttons.png") no-repeat scroll 0 0 transparent; float:left}
.tw-share {left: 60px; background: url("../images/share_buttons.png") no-repeat scroll 0 -100px transparent}
.fb-share a, .tw-share a {display:block; height: 30px}
.share-btns input {float: left; margin: 7px 10px}
.share-btns #embed {margin: 0}
.user-form input, .user-form textarea {display: block}
.user-form textarea {width: 100%; height: 70px}
#info form {padding:0; margin:0}
#info form textarea {height: 80px; width: 390px}
#info form#new_comment textarea {width:500px; height: 50px}
#info form#new_comment .button-container {padding-top:7px; width: 140px}
#info .button-container {float: right; width: 310px; height: 78px}
#info .button-container .cancel {line-height: 30px; padding-left:10px}
#info .box2 {padding:5px; position: relative}
#info .box2 label {position:absolute; top: -10px; left: 10px; font-size: 100%}
.button-container .btn {float:left; margin-top:0}
.button-container .char-counter-container {float: none; margin-top:20px}
.share-btns p {margin-top: 10px}
.share-btns em {margin:5px; float:left; font-style: normal; margin-right:0}
.box {background-color: #ddd; border: 1px solid #aaa; padding: 5px}
.box2 {border: 1px solid #ccc; padding: 20px; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.2, #fff), color-stop(1.0, #eee)); background: -moz-linear-gradient(top, #fff 20%, #eee); border-bottom: 1px solid #aaa}
.box2 h2 {margin-bottom:0}
.signup {margin: 0 auto; width: 370px}
.signup .btn {float:none; margin: 0 auto}
.signup cite {color:#666}
.share-setting .share-btns {float: left; width: 125px; height: 100px; clear:both}
.connect {position:relative; display:block }
.twitter-connect {background: url(../images/connect-icons.png); width: 151px; height: 24px; border: 0; cursor: pointer}
.facebook-connect, .facebook-connect2 {background: url(../images/connect-icons.png) no-repeat scroll 0 -60px transparent; width: 154px; height: 22px; border: 0; cursor: pointer}
.facebook-connect2 {background: url(../images/connect-icons.png) no-repeat scroll 0 -100px transparent; width: 180px; height: 32px; padding:0}
.share-setting cite {font-size:70%}
.share-setting form {margin-bottom: 0}
.watch h2 {background-color: #ddd; margin: 0; padding: 20px; -moz-border-radius: 0.3em 0.3em 0 0; -webkit-border-radius: 0.3em 0.3em 0 0; border-radius: 0.3em 0.3em 0 0}
.listing #watch-showlist {padding: 20px; background-color: #f9f9f9}
.listing {border: 1px solid #ddd; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em}
.banner {position:relative; width:960px; margin: 5px auto; margin-bottom: -20px; text-align:left}
.banner a {display:block}
.close {position:absolute; top:0; right: 0; width:50px; height:50px; float:right; border:0}
.banner h4 {padding: 3px; background: #fbf0a8; margin:0; padding-right: 30px; font-size:90%}
.banner .small-x{ background: url('../images/close_buttons.png') no-repeat scroll 0 -100px transparent; width: 40px; height: 30px}
.banner .small-x:hover {background: url('../images/close_buttons.png') no-repeat scroll 0 -150px transparent}
.legal h3 {font-size:130%}
.legal h2, .legal h3, .legal h4 {margin: 20px 0 0px}
.legal p {margin: 15px 0}
img.first_snap {margin-left: 120px; margin-bottom: 10px; padding-bottom: 6px; text-align: justify}
p.show_title {text-align: left; margin-left: 120px; font-weight: bold; margin-bottom: 7px}
.comment-enticer .facebook-connect2, .comment-enticer p {float:Left}
input[disabled], input[disabled]:hover {border: 1px solid #999; background: #eee; color: #bbb}
.tiny {font-size: 75%}
.admin-tab {position: absolute; background-color: #ddd; padding: 5px 10px; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); left: -20px; top: 75px; color: #fff}
#header-not-logged-in {background:#ccc; overflow:hidden; margin:0 auto}
#navcontainer {width:960px; margin: 0 auto}
#logo {clear: both; float:left; margin-top: 3px}
#system-note p{ width: 980px; margin: 0 auto; margin-top: -10px; font-size: 92%; padding: 2px 0 2px 20px; background-color: transparent}
#system-note span.title {font-weight: bold; overflow:hidden; width: 350px; float:left; height: 20px}
#system-note span.title-mobile {font-weight: bold}
#system-note span {margin-left: 0px}
#system-note .change {margin-left: 210px}
.avatar {padding: 5px; border: 1px #ccc solid }
.nav {clear:right; float: right; padding: 0 0px}
.signup {display:inline; float:right; width: 510px}
.signup li {width: 510px; clear:both; float:left}
.signup li input {float:left; width: 240px; font-size: 130%; padding: 7px; background-color: #fff}
.signup input[type=submit] {width: 240px; float:left; font-size: 100%}
.signup.facebook {width: 280px; padding-top: 20px}
.signup h2 span {font-size: 150%}
.signup h2 {text-shadow: 0 1px 0 #fff}
.signup form label {font-size:100%}
.alpha-box {border: 2px solid #ccc; padding: 20px; float:left; width: 910px; background: #ecf6fc; background: -webkit-gradient(linear, left top, left bottom, from(#ecf6fc), to(#ddd)); background: -moz-linear-gradient(top, #ecf6fc, #ddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ecf6fc, endColorstr=#f0f0f0); min-height:320px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px}
.alpha-box p.or {background: url(../images/connect-icons.png) no-repeat scroll -300px 0 transparent; width: 30px; height: 250px; float:right; margin: 40px 20px}
.lock {background: url(../images/connect-icons.png) no-repeat scroll -200px 0 transparent; width: 74px; height: 95px; display:block; margin: 10px auto}
.facebook form {margin: 30px 10px; float:left}
.nav li {display:inline; float:left}
.nav a {font-size: 14px; padding: 10px 15px; display: block; color: #fff}
.nav a:hover {background: #758295; background:-moz-linear-gradient(center top , #758295, #0F1F40) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#758295), to(#0F1F40)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#758295, endColorstr=#0F1F40); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#758295, endColorstr=#0F1F40)"}
.nav .active a {background: #2c3643; background:-moz-linear-gradient(center top , #2c3643, #435368) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#2c3643), to(#435368)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2c3643, endColorstr=#435368); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#2c3643, endColorstr=#435368)"}
.nav .highlight a {font-weight:bold}
.nav .btn {margin:5px 10px 0 0}
.facebook-signin-container {clear:both; margin: -5px auto 20px; width: 960px; height:30px}
.facebook-signin-container .facebook-connect2 {float:right}
.facebook-signin-container p {float:right; width: 200px; font-size: 75%; line-height:normal; text-align:right; margin-right:10px; color: #bbb}
.sotu-banner {float:left; margin-left:80px}
.sotu-banner a {background: url("../images/See-SOTU-highlights.png") no-repeat scroll 0 0; width:372px; height:58px; display:block}
.slide-button-container {position:relative}
.slide-button-container .left-button, .slide-button-container .right-button {position:absolute; background: url("../images/connect-icons.png") no-repeat scroll -250px -300px transparent; top: 137px; right: 0; width: 25px; height: 46px; cursor: pointer}
.slide-button-container .left-button {background: url("../images/connect-icons.png") no-repeat scroll -200px -300px transparent; left:0px}
.slide-button-container .left-button.disabled, .slide-button-container .right-button.disabled {display:none}
.scrollable {position:relative; overflow:hidden; width: 810px; height:320px; margin:0 auto}
.scrollable .items { width:20000em; position:absolute}
.scrollable .items div.ctainer {float:left; width:810px}
.simpleSlide-window {margin: 0 auto; clear: both}
.slide {width:810px; height:320px; background-color: #fff; float:left}
.slide h1 {line-height: 112%}
.slide .text-container {float:left; width: 380px; margin-right: 20px}
.slide cite {color:#4D5C6A; display:block}
.text-container p {margin:15px 0; line-height:20px}
.slide h4 {margin-bottom:0}
.text-container li span {background: url("../images/connect-icons.png") no-repeat scroll -200px -250px transparent; width: 50px; height: 50px; float:left}
.text-container li span.two {background: url("../images/connect-icons.png") no-repeat scroll -250px -250px transparent}
.text-container li span.three {background: url("../images/connect-icons.png") no-repeat scroll -300px -250px transparent}
.text-container li h2 {margin: 0}
.text-container li p {margin:0 0 10px}
.text-container .highlight {color: #009835}
.text-container li div {float:left; margin-left: 10px; width: 320px}
div.home_links {margin-top: -16px; padding-top: -16px}
.sign-in-container {width: 160px; float: left}
.sign-in-right {width: 220px; display:block; float: right; padding-top: 10px}
.sign-in-btn {background: url("../images/connect-icons.png") no-repeat scroll 0 -250px transparent; width: 172px; height: 45px; display:block; margin: 0px auto}
.sign-in-btn:hover {background: url("../images/connect-icons.png") no-repeat scroll 0 -300px transparent}
.sign-in-btn:active {background: url("../images/connect-icons.png") no-repeat scroll 0 -350px transparent}
.slide img {width:480px;slide height:420px; float:left}
.slide-container {width:100%; float:left; border-top: 2px solid #efefef; border-bottom: 1px solid #bbb; background: #ddd; background: -moz-linear-gradient(left top , #fff, #eee, #fff) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(0.5, #eee), color-stop(1.0, #fff)); -moz-border-image: -moz-linear-gradient(left top , #f00, #eee, #fff) 21 0 30 0; -webkit-border-image: -webkit-gradient(linear, left top, right top, from(#eee), to(#eee), color-stop(0.5, #ccc)) 21 0 30 0}
.slider, .navi {width:220px; margin:0 auto}
.slider li, .navi a {width:20px; height: 20px; display:inline; border: 1px solid #999; float:left; margin:10px}
.slider li.active, .navi a.active {background: #555; background: -moz-linear-gradient(left top , #555, #aaa) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, right top, from(#555), to(#777)); border-color:#555 #aaa #aaa #555}
.panel-1 {background:url('../images/home-panel3.png') no-repeat scroll 0 0 transparent}
.panel-1 {float:left; width:410px; height:260px}
.panel-2, .panel-3, .panel-4, .panel-5 {float:left; width:410px; height:310px}
.panel-2 {background:url('../images/home-panel3.png') no-repeat scroll 0 -500px transparent}
.panel-3 {background:url('../images/home-panel3.png') no-repeat scroll 0 -1000px transparent}
.panel-4 {background:url('../images/home-panel3.png') no-repeat scroll 0 -1500px transparent}
.panel-5 {background:url('../images/home-panel3.png') no-repeat scroll 0 -2000px transparent}
.user-nosnaps a.giant-snap, .user-nosnaps input {background: url("../images/Huge-Snap-Button.png"); display: block; width: 418px; height: 162px; margin: 0 auto; position: relative; border:0}
.user-nosnaps a.giant-snap:hover {background: url("../images/Huge-Snap-Button.png") no-repeat scroll 0 -200px transparent }
.user-nosnaps a.giant-snap:active {background: url("../images/Huge-Snap-Button.png") no-repeat scroll 0 -400px transparent }
.snap-list p {text-align: justify; line-height: 15px}
.snap_show_link {height: 25px; width: 1000px; background-color: #eeeeee; margin: 0 0 0 -20px; padding-left: 10px}
#show-page .snap-list {clear:none}
.show-snap ul {border-top: 1px solid #ccc}
p#show-on-now-snap {width: 300px}
.show-snap.user-snaps {float:right; width: 279px; margin: 0 -20px; background-color: #f9f9f9; font-size: 70%; margin-bottom: 200px;  }
.show-snap.user-snaps .snap-list {width:100%}
.show-snap.user-snaps .snap-list .meta {width: 165px}
.show-snap.user-snaps .user-header {padding:0; float:left; width:277px}
.show-snap .u-avatar {margin: 5px}
.show-snap .meta p, .show-snap .meta span {width: 160px; text-align:left}
.snap-list .label {color: #ccc}
.snap-list .show_dets {width: 310px; overflow: hidden; margin-left:45px}
.snap-list .no_user .show_dets {margin-left:0}
.snap-list .user_dets {float: right; width: 120px; overflow: hidden}
.snap-list .user_dets .by {padding-left: 4px}
.snap-list .user_dets .dets_avatar {padding: 5px}
.snap-list .stats {background-color: #f8f8f8; color:#afafaf; padding-left: 1px; margin-top: 2px; font-size:85%}
.user-info p.top-username {padding-top:0}
.user-info cite {font-size:100%; display:block; font-style: normal; margin-top: 10px; margin-bottom:15px}
.video-container {margin: 0 -10px; width: 1000px; height: 405px; position:relative; border-image: url("../images/filmstrip.png") 70 70 70 70 round round; border-width: 10px }
.right-timecode-cont {float:right; text-align:right}
#edit-container {position:absolute; top:0; left: -135px; width:990px; height: 300px}
.top-banner #edit-container {top:60px}
#edit-container .actions {width:850px; float:left; margin-top:270px; clear:both; margin-left:65px}
.left-timecode, .right-timecode {font-size: 120%; color: #aaa; margin-top:15px}
.thumb-container {width: 900px; margin: -10px auto 0 auto; position:relative}
.thumb-container .start, .thumb-container .middle{ float:left; margin-top:20px}
.thumb-container .middle {margin-left: 390px}
.thumb-container .end{ float:right; margin-top:20px}
.right-timecode {float:right}
.arrow-container {width:350px; height:50px; margin: 0 auto}
.step-5 {height:40px; position:relative; width:100px; padding:0; float:left; margin-right:5px}
.step-5 em {margin-top: 9px; font-size:170%; font-style:normal; margin-left:28px; float:left}
.step-5 .secs {float:left; margin-top:12px; margin-left:4px; color:#aaa}
.a-container.length-container span {float:left}
.actions .time-change {}
.actions input {padding: 8px 25px 7px; font-size:145%}
.actions .sub-text {font-size:80%; color:#aaa; float:left; margin-right:5px; margin-top:26px}
.actions #duration_select {font-size:170%; margin-top:21px; margin-right:5px}
.playhead {left: 15px; top: 13px}
.a-container {float:left}
.a-container.steps {width:260px; margin:0 60px}
.a-container.prev {width:150px}
.a-container #add-10, .a-container #sub-10 {padding:10px 12px; margin-right:5px; font-size:180%}
.a-container .move {float:left; margin-right:5px}
#edit-container .left-arrow, #edit-container .right-arrow {position:absolute; width:20px; cursor:pointer; display:block; margin-left:5px; margin-top:3px; top:5px}
#edit-container .right-arrow {right: 10px}
#preview_btn {padding:0; width:140px; height:40px}
#outpoint_btn {}
#outpoint_btn em {margin-left:20px}
.video-thumbs {-moz-border-image: url("../images/filmstrip2.png") 37% 30% 37% 30% round round; -webkit-border-image: url("../images/filmstrip2.png") 37% 30% 37% 30% round round; border-width: 30px 0; position:absolute; top: 0; left:0; border-left: 2px solid; background:#333}
.video-container #thumb_now {left: 300px}
.video-container #thumb_out {left: 600px}
.banner-video {float:left; width: 720px}
#video-content .video-container, .video-top-box {display:block; width:720px; margin: 0 0 0 -20px; float: left}
.video-top-box {background: #535967; background: -webkit-gradient(linear, left top, left bottom, from(#535967), to(#000000)); background: -moz-linear-gradient(top, #535967, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#535967, endColorstr=#000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#535967, endColorstr=#000000)"; color:#ffffff; line-height:50px; font-weight:bold; width:720px}
.video-top-box .title-container {padding:10px; height: 25px}
.video-top-box p {float:left; width: 520px; font-size:110%}
.video-top-box .title-container img {float:right; margin-right:10px}
#video-content.no-snaps .video-container {width: 960px; float: none}
#video-content .video-container #player {margin-left: 0; background-color: #000000}
.video-container #player, #video-content.no-snaps .video-container #player {width: 720px; height:405px; display: block; margin-left: 130px}
.video-container.new {width:720px; height:auto; margin:0 auto}
.video-container.new #player {margin-left:0}
#times {height:35px}
#embed {margin-top: 5px; margin-right: 15px; font-size: 9px; font-weight: normal; padding: 2px}
#embed-code {float:right}
#embed-code textarea {color:#333; font-size:80%; line-height: normal}
#channel-select {float:right; margin: 8px 20px 0}
#channel-select span {color:#000; font-size: 80%}
.new-snap {width: 100%}
.new-snap p {font-size: 70%}
.new-snap .title {float: left; width: 230px}
.char-counter-container {float:right; margin-right:20px; width: 40px}
.char-counter.over {color:#f00}
.help-text-box {float:left; width: 720px; margin-top:10px}
.help-text a{ font-weight:bold; cursor:pointer}
.help-text {width: 339px; margin-left: 20px; text-align: justify; float: left}
.help-text.first {border-right:1px solid #ddd; padding-right: 20px; margin-left: 0}
.next-show{ font-size: 15px}
.box2title {padding-left: 20px; padding-bottom: 10px; padding-top: 10px; border: 1px solid #ccc; font-size: 16px; font-weight: bold; background: url("../images/gradient-nav.png") repeat; overflow:hidden; color: #fff}
.box2 h4 {margin-bottom: 5px}
.box3 {border: 1px solid #ddd; padding: 5px; background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), color-stop(0.2, #fafafa), color-stop(1.0,#d3e8ff )); background: -moz-linear-gradient(top, #fafafa 20%, #d3e8ff ); border-bottom: 1px solid #a0b1c6}
.peepcount{ font-weight: bold; float: right; margin-right: 110px}
.dropshadow{ background: -moz-linear-gradient(top, #ccc, #fff); background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#fff)); height:3px; clear:both}
.bigdropshadow {background: url("../images/bottom_gradient_bar.png"); float:left; height:20px; width:100%; margin-bottom:20px}
.settings-text {float:right; width: 35%}
.settings-text p {margin:0 0 15px}
.settings {width: 56%; float: left}
.settings .share-setting, .share-setting {clear:both; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #ccc}
.column {float: right; width: 310px}
.column .popular .box2 {overflow:hidden; padding:10px}
.column .popular .snap-list {width:100%}
.column .snap-list li {padding-left: 0; padding-top: 0}
.column .snap-list li {padding: 0}
.column .snap-list .meta {width: 188px; float: right; min-height: 78px; margin-top: -3px}
.show-snap.column .snap-list .thumb-box {padding: 5px}
.show-snap.column .snap-list .meta {padding-top: 5px; width: 170px}
.column .snap-list .thumb-box {float:left; width:90px}
.column .time_text {margin-top:0}
.column .snap-list .stats {background-color: transparent; padding-left: 1px; margin-top: 2px; padding-bottom: 4px}
.column .snap-list .avatar {margin: 0}
.stats h3 {font-size: 90%; margin: 0}
.stats table {float:left; width: 400px}
.stats table.snaps {width:500px; margin-left:20px}
.stats th {text-align:left; height: 50px}
.stats h2 {font-size: 200%; margin: 20px 0; color: #555; line-height: 100%}
.stats td {border-bottom:1px solid; padding:10px; width:150px}
.stats_summary ul li span {float;left }
.stats_summary ul li {padding:10px 0; border-bottom:1px solid #ccc}
.stats_summary .number {float:left; font-size:170%; width:50px; margin-right:10px}
.search-results li {padding: 20px 0; font-size: 100%; border-bottom: 2px solid #CCCCCC; clear: both}
.search-results .show-title {font-size: 120%}
.search-results cite {color: #f00; margin: 0 10px; font-size: 90%}
.showlist a{ display:block}
.showlist .title {margin-top: 15px; width: 170px}
.showlist li {clear: both; overflow:hidden; border-bottom: 1px solid #bbb; padding: 15px 5px}
.admin-tables {width: 100% }
.admin-tables tr {text-align: left}
.survey {margin: 20px auto; width:270px}
.show, #preview_btn.show {display:inline}
#show-page .module {padding: 5px 10px; width: 940px; margin-bottom:20px}
.module h3 {padding: 0pt; margin: 10px 0pt}
.module p {width: 320px; float: left; padding-top: 5px}
#show-page .btn {float:left; margin-top:0; height: 20px}
#more-snaps a.giant-snap {display:block}
#more-snaps div.box3:hover {background: #D3E8F9}
.banner .big-x{ background: url('../images/close_buttons.png') no-repeat scroll 0 0 transparent}
.banner .big-x:hover {background: url('../images/close_buttons.png') no-repeat scroll 0 -50px transparent}
.follow-list li.col {margin-left: 0}
.follow-list li {margin: 0 0 20px 20px; float:left; width:284px}
.follow-box {border: 1px solid #ccc; border-bottom: 1px solid #aaa; padding: 10px; background: #fcfcfc; background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f7f7f7)); background: -moz-linear-gradient(top, #fcfcfc, #f7f7f7)}
.facebook-find {clear:both}
.nav-tabs2 .active, .findnav li.active {background: #00CCFF; background: -webkit-gradient(linear, left top, left bottom, from(#00CCFF), to(#0099CC)); background: -moz-linear-gradient(top, #00CCFF, #0099CC)}
.nav-tabs2 .active a{ color: #FFF}
.findnav {clear:both; width: 160px; float: left; position: relative}
.findnav li {height: 70px; padding:10px}
.findnav ul {border: 1px solid #ccc}
.findnav a {display:block; height: 70px; border: 1px solid #777}
.findnav a.twitter {background: url("../images/find-friend-icons.png") no-repeat scroll 0 -100px transparent}
.findnav a:hover {border: 1px solid #00ccff}
.findnav a.facebook {background: url("../images/find-friend-icons.png") no-repeat scroll 0 0 transparent}
.ff-content {width: 780px; float: left; margin-left: 20px}
.ff-content .follow-box {width: 350px}
.nav-tabs2 li {display:block; float:left; text-align:center; width:200px; border: 1px solid #aaa; background: #f1f5f7; background: -webkit-gradient(linear, left top, left bottom, from(#f1f5f7), to(#e0e5e5)); background: -moz-linear-gradient(top, #f1f5f7, #e0e5e5)}
.nav-tabs2 li a {display:block; padding:10px}
.nav-tabs2 {overflow:hidden; border-bottom:3px solid #ddd; margin-bottom: 30px}
.nav-tabs2 ul {float:left}
.top-username {margin-top: 10px; margin-bottom:15px}
.user-box {margin-top: 10px; padding-top: 10px; border-top: 1px solid #BBBBBB}
.affiliate {float:left}
.affiliate a {display:block; width: 111px; height: 30px}
.affiliate .leave {background: url("../images/following-sprite.png") no-repeat scroll 0 -34px transparent}
.affiliate .leave:hover {background: url("../images/following-sprite.png") no-repeat scroll 0 -69px transparent}
.affiliate .follow {background: url("../images/following-sprite.png") no-repeat scroll 0 0px transparent}
.no-people h3 {font-weight: normal}
.share-bar {float: right}
.share-bar div {float: left}
.share-bar .small-btn {padding: 0; margin: 0}
.share-bar .twitter {padding-top: 5px}
.share-bar .flike {padding-top: 5px}
.share-bar .fshare {padding-top: 5px}
.about h3 {border-top: 1px solid #ddd; padding-top: 20px}
.simple_overlay {left: auto; top: auto;  display:none;  z-index:10000;  background-color:#fff; padding: 20px; margin: 5px; width:510px; min-height:200px; border:1px solid #666;  -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000}
 .simple_overlay .close {background: url('../images/close_buttons.png') no-repeat scroll 0 -100px transparent; position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px}
form label.error, form label.info, label.field_with_errors {float: left}
.col-separator {margin-top:20px}
.like-fb a, .follow-tw a, .see-works a, .sotu {width:310px; height:66px; display:block; background:url("../images/home-right-col-sprite.png")}
.like-fb a:hover {background:url("../images/home-right-col-sprite.png") no-repeat scroll 0 -100px transparent}
.follow-tw a {background:url("../images/home-right-col-sprite.png") no-repeat scroll 0 -200px transparent}
.follow-tw a:hover {background:url("../images/home-right-col-sprite.png") no-repeat scroll 0 -300px transparent}
.see-works a {height:57px; background:url("../images/home-right-col-sprite.png") no-repeat scroll 0 -400px transparent}
.see-works a:hover {background:url("../images/home-right-col-sprite.png") no-repeat scroll 0 -500px transparent}
.sotu {height:165px; background: url("../images/See-SOTU-highlights.png") no-repeat scroll 0 -100px}
 #histogram_container .loader {background:url("../images/loader.gif") no-repeat scroll center}
#histogram_container {margin-bottom: 20px}
#histogram_container .chart_container {background-color: #eee; position: relative; width: 940px; height: 190px}
#histogram_container #chart_div {position: absolute}
#histogram_container #thumb-preview-box {position: absolute; z-index: 25}
 #show-page #histogram_container #thumb-preview-box {width: 940px}
#show-page .help-text {padding-top: 16px; width: auto; margin-left: 0; float: none; margin-bottom: 10px}
#show-page .help-text a {text-align: right; margin-right: 40px; display: block}
.snap-list .avatar {margin: 5px; padding 10px; background: #fff}
 #top_snaps .avatar {clear: both; margin: 5px; padding 10px; background: #fff}
#top_snaps #video-content {margin-top: 12px}
#top_snaps #video-content .video-container {height: 680px}
#top_snaps .video-bottom-box {text-align: right}
#top_snaps .highlight {width: 100%; height: 90px; background-color: #D6E2F6}
#top_snaps .normal {width: 100%; height: 85px}
 #top_snaps .normal:hover {background-color: #e1eafd}
 #top_snaps .thumb_shift {float: right; margin-top: 10px; width: 145px}
#top_snaps .thumb_shift p {font-size: 95%}
#top_snaps .share-btns {float: left; width: 300px}
#top_snaps .top_snap_nav {padding: 5px}
#top_snaps #histogram_container .chart_container {width: 720px; height: 190px}
#top_snaps .help-text {width: auto; margin-left: 0; float: none; margin-bottom: 10px; min-height: 80px}
#top_snaps .help-text a {display: block}
.admin-tabs li {display:inline; border: 1px solid; padding: 5px 10px; background:#efefef; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px}
.admin-tabs li.active {border-bottom:0; background:#fff}
 .active-scaffold li.form-element {float:left; padding-bottom:10px; border-bottom:1px solid #ccc}
.active-scaffold li.form-element dt {width:16em}
.active-scaffold .email-column, .active-scaffold .full_name-column {max-width:200px; word-wrap:break-word}
.active-scaffold .avatar-column {max-width:100px; word-wrap:break-word}
#orig-commentary .meta {float:left; width: 390px; word-wrap: break-word}
#orig-commentary {float:left; width: 720px; margin: 0; margin-bottom: 20px}
#orig-commentary .box3 {height: 30px; margin-bottom:10px}
.eventbar {position: relative; height: 20px; width: 950px; margin-left: 5px; margin-right: 5px; background-color: #ccc}
.eventbar-hl {position: relative; height: 20px; top: -20px; width: 6px; left: 5px; background-color: #00b6e3}
 .snap-list .thumb-box {width: 130px; position: absolute}
.snap-list .timebar {position: relative; height: 10px; margin-top: 83px; margin-left: 5px; width: 122px; padding: 0 5px 0 5px; background-color: #ccc}
.snap-list .timebar-hl {position: relative; height: 10px; top: -10px; width: 3px; left: 5px; background-color: #00b6e3}
.snap-list .meta {width: 430px; float: right; min-height: 110px}
.snap-list .meta .after_avatar {width:380px}
#orig-commentary .meta {float: right; width: 435px; word-wrap: break-word}
.comment-list .meta {width: 485px}
.time_text {margin-top: -12px; text-align: right}
#show-page .column .snap-list .meta {margin-left:0}
.countdown li {display:inline}
.countdown ul {float:right; width: 250px}
.countdown li {float:right}
.countdown li.used, .countdown li.free {width:30px; height:30px; margin:10px 5px; background:url("../images/snap-counter-icons.png") no-repeat scroll 0 0}
.countdown li.free {background:url("../images/snap-counter-icons.png") no-repeat scroll 0 -50px}
.countdown p {float:left; padding:10px; color:#999}
.countdown {background-color: #efefef; width:710px; height:50px; margin: 0 auto}
.hulu_overlay {position: relative; top: -250px; left: 250px; width: 243px; z-index: 10}
.zone_overlay {position: relative; top: -250px; left: 150px; width: 350px; z-index: 10; background-color: #ECF2F6; color: #666666; border: 2px solid #000; margin: 10px; padding: 10px}
.zone_overlay .title {font-weight: bold; font-size: 125%}