/* ADMIN GRID */
h1, h2, h3, h4 {font-familYuci:Helvetica, Arial, sans-serif !important;}

/* Standard styles */
body {font-family:Helvetica, Arial, sans-serif; font-size:12px; line-height:22px; color:#535353; background-color:#efefef;}
#content {font-family:'Lucida Grande', Helvetica, Arial, sans-serif;}
th, td {font-size:12px; line-height:22px; color:#535353;}
a, li a.active, .linkcolor {color:#5D9B4B;}
a.linkcolor {color:#5D9B4B !important;}
.label a {color:#5D9B4B !important;}
body.tube a, body.tube li a.active {color:#439639;}
p {margin:0 0 15px 0;}
h2 {font-weight:bold; font-size:14.4px; margin-bottom:10px;}
h3 {font-weight:bold; font-size:13px; line-height:16px; margin-bottom:5px;}
ul.list {list-style:disc; margin-left:20px; line-height: 22px;}
#embedtitle {padding-bottom:5px;}
.no-flash {font-style:italic;}
.small {font-size:0.9em;}
.verysmall {font-size:0.8em;}
.discrete, .discrete a {color:#666 !important;}
.label {font-size:9px; font-weight:bold; padding:0 5px; text-transform:uppercase; color:#4c4c4c;}
.label a {text-decoration:none;}
.big {font-size:1.15em;}
.bold {font-weight:bold;}
.public {color:#439639;}
.private {color:#f33;}
a.cleanlink {color:#535353 !important; text-decoration:none;}

h1, h2, h3, h4, h5, h6 {font-weight:bold; color:#3E3E3E;} 
h1 small {font-size:12px;}
h1 a {text-decoration:none;}
h2 a, h3 a, h4 a, h5 a, h6 a {color:#3E3E3E !important; text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:underline;}
table.simple h4 a {color:#5D9B4B !important;}
table.simple h4 a:hover {text-decoration:none !important;}
h1 {font-size:20px; margin-bottom:17px;}
h2 {font-size:15px; margin-top: 5px; margin-bottom: 2px;}
h3 {font-size:14px;}
h5 {font-size:11px; margin:5px 0 0 0;}
p {margin-bottom:22px;}
#content ol li a:link, #content ul li a:link {border-bottom: 1px solid #DAE8D6; text-decoration:none;}
div.teaser {font: italic normal 18px/24px Georgia, "Times New Roman", Times, serif; margin: 0 0 16px 0;}

.preview {color:#666; font-style:italic; font-size:10px;}
.newsletter div {padding-bottom:4px;}
code {display:block; background-color:#DFF1E6; font-family:'Courier new', fixed-width, fixed; padding: 8px 12px; margin: -6px 0 12px 0;}
.fixed {font-family:'Courier new', fixed-width, fixed;}
ol {margin: 0 0 22px 0;}
hr {margin:22px 0 43px 0; border-top:1px solid #E7EAEC; border-left:0; border-right:0; border-bottom:0;}

/* Grid */
#header_container {text-align:center; background:url('/resources/um/graphics/tubeadmin/top-bg.png') left bottom repeat-x #DFF1E6; padding-bottom:1px;}
#main_container, #footer_container {text-align:center;}
#header, #main_container, #footer_container {width:980px; text-align:left; margin:0 auto;}
#main_container {background:url('/resources/um/graphics/tubeadmin/content-bottom.png') bottom left repeat-x white; }
#main {width:auto; padding:20px 20px 35px 20px;}
#header {padding:0;}

#contentsub {padding:0 0 30px 0;}
body#admin-videos #contentsub {padding:5px 0 30px 10px;}
#main.withsidebar #contentsub {margin-right:203px; border-right:1px solid #dedede; padding-right:20px;}
#main #content {margin-right:0;}
#main #sidebar {width:180px;}

.autoform p {margin-bottom:0;}
/*#main.withsidebar .autoform {width:716px;}*/


#header h1 {font-size:30px; line-height:30px; padding-top:20px; padding-bottom:15px;}
table#menu td a {font-size:14px; line-height:29px; height:28px;}
#sidebar li a.active {color:#2489B2;}

/* Admin config grid */
.grid-block {width:225px; height:152px; background-color:#f6f6f6; float:left; margin:0 20px 20px 0; position:relative; text-align:center;}
.grid-block-right {margin-right:0;}
.grid-block-title {padding:0 10px; height:30px; overflow:hidden; line-height:30px; font-weight:bold; color:#333; border-bottom:1px solid white; text-align:left; background-color:#e6e6e6; cursor:pointer; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; -moz-border-radius-topleft:4px;}
.grid-block-on .grid-block-title {background-color:#cee0d5;}
.grid-block-off .grid-block-title {background-color:#e0c8c2;}
.grid-block-status {position:absolute; font-size:11px; top:0; right:10px; line-height:32px;}
/*.grid-block-off .grid-block-status {color:#CC3433; font-weight:bold;}*/
.grid-block-icon {height:55px; background-position:center center; background-repeat:no-repeat; cursor:pointer;}
.grid-block-text {padding:0 5px; font-size:11px; line-height:14px; height:28px; overflow:hidden;}
.grid-block-configure {margin-top:5px;}
.grid-block-configure input {background:url('/resources/um/graphics/grid/grid-button-green.png') bottom left #61A85A repeat-x; border:1px solid #5b974d; color:white; font-size:11px; padding:3px 10px 1px 10px; -moz-border-radius:2px; -webkit-border-radius:2px; cursor:pointer;}
.grid h3 {padding-bottom:15px;}
.grid h3.grid-build {clear:left; padding-top:25px !important;}


/* Blocks on distribution page */
#distribution #main #sidebar {width:190px;}
#distribution #main.withsidebar #contentsub {margin-right:213px;}
#distribution .grid-block {width:166px; height:125px; margin:0 10px 10px 0;}
#distribution .grid-block-text {height:42px;}
#distribution .grid-block-icon {height:45px;}
.sidebar-button-grid a {display:block; width:85px; height:70px; background:top left no-repeat; position:relative; float:left; margin:10px 10px 0 0;  text-decoration:none;}
.sidebar-button-grid a span {position:absolute; display:block; left:5px; width:75px; top:46px; text-align:center; color:#4c4c4c; font-size:10px; font-weight:bold; line-height:11px; height:24px; overflow:hidden;}

/* Blocks on player page */
#players .grid-block {width:348px; height:140px; margin:0 10px 10px 0; position:relative; overflow:hidden;}
#players .grid-block-text {position:absolute; height:85px; width:160px; text-align:left; top:40px; left:6px; line-height:17px;}
#players .grid-block-icon {position:absolute; top:45px; height:105px; width:348px; background-position:bottom right;}
#players .grid-block-status {right:16px;}

/* Bottom help */
.bottomhelp {margin-top:40px !important; font-size:11px !important; line-height:18px; color:#333 !important;}
.bottomhelp div {margin-bottom:8px;}

/* Video demo */
#sidebar {position:relative;}
.videodemo-container {background:url('/resources/um/graphics/void.gif') 16px 0px no-repeat white; width:179px; height:93px; overflow:hidden; position:relative; cursor:pointer; margin-top:10px;}
.videodemo-container-mask {position:absolute; top:0; left:0; width:179px; height:93px; background:url('/resources/um/graphics/sidebar-screenshot-mask.png') top left no-repeat;}
* html .videodemo-container-mask {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/um/graphics/sidebar-screenshot-mask.png', sizingMethod='scale');}
.videodemo-container-play {position:absolute; left:30px; top:35px; background:url('/resources/um/graphics/sidebar-screenshot-play.png') 105px center no-repeat #333; width:119px; height:23px; line-height:24px; color:white; font-size:11px; opacity:.8; cursor:hand;}

/* User messages */
.message-container {padding:12px 12px 12px 60px; margin:10px 0 15px 0; font-size:11px; line-height:15px; background:url('/resources/um/graphics/message-default-icon.png') 15px center no-repeat #efefef; border-width:0 1px 1px 0; border-style:solid; border-color:#ccc; -moz-border-radius:2px; -webkit-border-radius:2px;}

.message-container p {margin-bottom:5px; line-height:15px;}
.message-container h3 {font-size:16px;}
.message-container a {text-decoration:underline;}
.message-container, .message-container h3, .message-container a {color:#333 !important;}

.message-container-error {padding-left:55px; background-color:#F14444; border-color:#BF4D54; background-image:url('/resources/um/graphics/message-error-icon.png'); background-position:20px center;}
.message-container-error, .message-container-error h3, .message-container-error a {color:white !important;}
.warning {background-color:#fee; font-size:11px; line-height:18px; padding:10px;}


a.message-close-button {display:block; width:11px; height:11px; background:url('/resources/um/graphics/message-close-button.png') top left no-repeat;}
a.dismiss {display:block; float:right; width:20px; height:14px; background:url('/resources/um/graphics/message-close-button.png') right center no-repeat;}

.message-container-completed {background-color:#5FA657; border-color:#4DA250; background-image:url('/resources/um/graphics/message-completed-icon.png');}
.message-container-completed, .message-container-completed h3, .message-container-completed a {color:white !important;}

.message-container-info {padding-left:65px; background-image:url('/resources/um/graphics/message-info-icon.png'); background-position:15px 10px;}
.message-done-info {padding-left:65px; background-image:url('/resources/um/graphics/message-completed-icon.png'); background-position:15px 10px;}
.message-container-noheadline {font-size:13px !important; line-height:17px !important;}

/* Top */
#top {padding:15px 0 12px 0;}
#toplinks {line-height:22px; float:right;}
#toplinks a {display:block; float:left; font-size:11px; margin-right:18px; padding:1px 0 0 0; text-decoration:none;}
#toplinks a.last {margin-right:0;}
#toplinks a:hover {text-decoration:underline;}
#toplinks a.topbutton {display:block; background:url('/resources/um/graphics/tubeadmin/admin-top-button-left-switch.gif') center left no-repeat; text-transform:uppercase; color:white; font-weight:bold; font-size:9px; padding:0;}
#toplinks a.topbutton span {display:block; background:url('/resources/um/graphics/tubeadmin/admin-top-button-right.gif') center right no-repeat; padding:1px 9px 0 19px;}
#toplinks a.topbutton-upload {background-image:url('/resources/um/graphics/tubeadmin/admin-top-button-left-upload.gif');}
#toplinks a.topbutton-upload span {padding-left:21px;}

/* Progress completion 0-100 */
body#completion h2 {font-size:18px;}
.completion-progress-container {background-color:#f6f6f6; padding:7px 10px 4px 10px; margin-bottom:20px;}
.completion-progress-container h2 {font-family:'Lucida Grande', Helvetica, Arial, sans-serif; margin-bottom:10px; line-height:1em;}
.completion-progress {position:relative; height:24px;}
.completion-progress-0, .completion-progress-100, .completion-progress-value, .completion-progress-value-label {color:#535353; font-size:11px; font-weight:bold; position:absolute; bottom:6px;}
.completion-progress-value, .completion-progress-value-label {font-size:12px;}
.completion-progress-0 {left:0;}
.completion-progress-100 {right:0;}
.completion-progress-value {text-align:right; left:0;}
.completion-progress-tagline {font-size:12px; font-weight:normal; padding-left:10px;}
.completion-progress-value-label {text-align:left; right:0;}
.completion-progress-bar-track {position:absolute; bottom:0; left:0; width:100%; background-color:#9CBD94; height:7px; overflow:hidden;}
.completion-progress-bar {background-color:#45913A; height:7px;}
.completion-progress-next {font-size:11px;}

/* Progress bar in site header */
#topprogress {display:block; height:4px; border:1px solid #A8C89D; width:40px; cursor:pointer; margin-right:8px; overflow:hidden;}
#topprogress div {height:4px; background-color:#A8C89D; overflow:hidden;}

/* 0-100 table grid */
table.completion-table {border-collapse:separate;}
.completion-table td {width:25%; padding:0; border-bottom:#eee; background-color:#f6f6f6; border-right:20px solid white; border-bottom:20px solid white;}
.completion-table td.last {border-right-width:0;}
.completion-table .completion-section {padding:0 10px; height:30px; line-height:30px; border-bottom:1px solid white; text-align:left; background-color:#e6e6e6; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; -moz-border-radius-topleft:4px;}
.completion-table .completion-section-complete {background-color:#cee0d5;}
.completion-table .completion-section a {font-weight:bold; color:#333; text-decoration:none;}
.completion-table ul {padding:5px 10px 10px 10px; font-size:11px;}
.completion-table ul li {margin-bottom:8px; line-height:15px;}
.completion-table a.completion-not-done {color:#5d5d5d;}

#logo {background:url('/resources/um/graphics/tubeadmin/top-logo-23.png') center left no-repeat; width:127px; height:22px; cursor:pointer;}
table#menu {width:980px; margin-bottom:0;}
table#menu td {border-right:1px solid #4D813E;}
table#menu td.last {border-right:0;}
table#menu td a {display:block; height:26px; line-height:27px; text-align:center; width:100%; font-size:13px; font-weight:bold; color:white !important; text-decoration:none; background-color:#5D9B4B; padding: 2px 0; text-shadow: #4D813E 1px 1px 1px;}
table#menu td a:hover, table#menu td.active-trail a, table#menu td a.active {background-color:#558E45 !important;}

body.tube #logo {background-image:url('/resources/um/graphics/tubeadmin/top-logo-23video.png');}
body.tube table#menu td a {background-color:#439639;}
body.tube table#menu td a:hover, body.tube table#menu td.active-trail a, body.tube table#menu td a.active {background-color:#4A873C !important;}

/* Sidebar */
#sidebar {float:right; width:240px; font-size:15px;}
#sidebarsub {padding: 2px 0 30px 0;}
#sidebar h3 {font: bold 15px/28px 'Lucida Grande', Helvetica, Arial, sans-serif; margin-bottom:0; }
#sidebar h3 a {color:#3E3E3E; text-decoration:none;}
#sidebar li {line-height:28px;}
#sidebar li a {text-decoration:none; display: block;}
#sidebar li a:hover {color: #2489B2 !important;}
#sidebar h3, #sidebar li {border-bottom:1px solid #dedede;}
#sidebar .small h3 {font-size:12px; line-height:16px; border-bottom:0; margin-bottom:5px;}
#sidebar .small p {font-size:11px; line-height:18px; color:#4d4d4d; margin-bottom:10px;}
#sidebar .small li {line-height:20px; font-size:12px;}
#sidebar .bigjumptop {margin-top:50px !important;}
#sidebar li h3 {/*font-size:12px;*/ padding-top:20px; border-bottom:0;}

/* Footer */
#footer {margin: 0 auto 30px auto; padding:0;}
#footer a {color:#535353; text-decoration:none;}
#footer a:hover, #footer li a {text-decoration:underline;}
#footer, #footer p, #footer li, #footer td {font-size:11px; line-height:18px;}
#footer .footer-content-logo img {padding-top:5px;}
#footer .footer-content-text-label {padding-top:6px; margin-left:42px; font-weight:bold;}
#footer .footer-content-text-twitter .footer-content-text-label {margin-left:34px;}
.footer-content-logo {float:left;}
.footer-content-text p, .footer-content-text ul {clear:left; padding-top:2px;}
#footer table {margin:0 0 10px 20px; width:960px;}
#footer table td {padding-right:40px;}
#footer .human-profile-image {float:right; padding:11px 5px 0 0;}
#footer .human-profile-image img {height:30px; width:30px; border:1px solid #999;}

/* Human */
.human-container {border-color:#DEDEDE; border-width:1px 0; border-style:solid; padding:5px 0;}
#sidebar .human-container h3 {font-size:14px; line-height:18px; margin-bottom:10px;}
.human-container p {margin-bottom:0 !important; margin-top:10px !important;}
#footer table.human {width:auto !important; margin:0;}
.human td {padding:0 !important;}
.human li, .human td, .human td a {font-size:11px; line-height:17px; color:#4D4D4D;}
.human a {display:inline !important;}
.human .humanphoto img {width:40px; height:40px; padding:0 5px 0 0;}
.humanname a, .humanname a:hover {font-size:12px !important; font-weight:bold; line-height:18px; text-decoration:none !important; color:#333 !important;}
body#human #content .human li {float:left; padding-right:10px; margin-right:10px; border-right:1px solid #eee;}
body#human #content .human li.last {float:none; padding-right:0; margin-right:0; border-right:0;}
body#human #content .human {margin:5px 0 10px 0;}

/* Live event */
.liveevent-time {margin:2px 0 12px 0; font-size:11px; color:#666;}

/* Large link list */
.large-link-list a {font-size:16px; line-height:22px; text-decoration:none;}

/* LOGIN BOX */
body#plain { background-color:#f9f9f9; text-align:center; }
#loginbox {width:606px; margin:100px auto; padding:5px; background-color:white; text-align:left;}
#loginboxsub {padding:10px 10px 20px 10px;}
#loginbox .site-logo {text-align:right;}
#loginbox h1 {font-size:1.7em;}
body#plain.mobile  {background-color:white; text-align:left; background-image:none;}
body#plain.mobile #loginbox {margin:auto; width:auto;}


/* VIEWS: Admin User List */
.admin-user-list-item {font-size:.95em; padding:5px 5px 0 5px;}
.admin-user-list .admin-user-buddy-icon {float:left;}
.admin-user-list .admin-user-content {margin-left:40px;}
.admin-user-list .admin-user-content div {padding-bottom:5px;}
.admin-user-list .admin-user-display-name a {color:black; font-size:1.2em; font-weight:bold; text-decoration:none;}

/* Site Page List */
.page-list li {padding:10px;}
.page-list .page-title, .page-list .page-options {display:inline;}
.page-list .page-title a {font-weight:bold; font-size:1.2em; text-decoration:none; margin-right:5px; border: none !important;}
.page-list .page-delete a {text-decoration:none; color:#333;}
.page-options a {border: none !important; color: #666; text-transform: uppercase; font-size: 10px; font-weight: bold;}
.page-options a:hover {color:#2A9FCC;}

/* Mail Upload List */
.mailupload-list li {padding:10px; line-height:1.3em;}
.mailupload-list .mailupload-address, .mailupload-list .mailupload-delete {display:inline;}
.mailupload-list .mailupload-address a {text-decoration:none; font-size:1.2em; font-weight:bold; margin-right:5px;}
.mailupload-list .mailupload-delete a {text-decoration:none; font-weight:bold; font-size:0.9em;}
.mailupload-list .mailupload-meta {font-size:.95em;}
.mailupload-list .mailupload-meta-tag, .mailupload-list .mailupload-meta-album {line-height:20px; height:20px;}
.mailupload-list a.mailupload-meta-delete-link {text-decoration:none; font-size:0.95em; font-weight:bold; padding-left:5px;}

/* Linkroll List */
.linkroll-list h3 {font-size:1.05em; margin:15px 0 5px 5px;}
.linkroll-list li {padding:10px;}
.linkroll-list .linkroll-name, .linkroll-list .linkroll-delete {display:inline;}
.linkroll-list .linkroll-name {font-size:1.2em; font-weight:bold; margin-bottom:3px;}
.linkroll-list .linkroll-delete a {padding-left:5px; color:#333;}

/* Theme Builder */
.file-list {position:relative;}
.file-list .file-link, .file-list .file-delete, .file-list .file-edit {display:inline;}
.file-list .file-link {margin-right:5px;}
.file-list .file-delete a {color: #FF3333; font-size: 10px; font-weight: bold;}
.file-list {position:relative;}
.file-list .file-list-dropzone {display:none; z-index:999; position:absolute; top:0; left:0; width:100%; min-height:200px; height:100%; background-color:#efefef; border:1px solid #999; text-align:center; color:#666; font-size:14px; padding:20px 0; -webkit-border-radius:10px; -moz-border-radius:10px;}
.file-list-dragover .file-list-dropzone {display:block;}

/* Multi Edit */
.multi-edit-search {background-color:#f5f5f5; padding:10px; margin-bottom:3px; width:873px;}
.multi-edit-search input.input {border:1px solid #E5E5E5; color:#3e3e3e; font-size:11px; margin-right:5px; height:18px; line-height:18px;}
.multi-edit-search-pagination {float:right;}
.multi-edit-search-pagination .bigjumptop {margin-top:0;}

.multi-edit .multi-edit-item {width:435px; float:left; background-color:#f5f5f5; padding:10px 0 10px 0; margin: 0 3px 3px 0; position:relative;}
.multi-edit .odd {clear:left;}
.multi-edit .multi-edit-photo {position:absolute; top:10px; left:10px;}
.multi-edit .multi-edit-content {margin-left:100px;}
.multi-edit-filename, .multi-edit-title, .multi-edit-words, .multi-edit-album, .multi-edit-tags, .multi-edit-embed, .multi-edit-publish, .multi-edit-thumbnail {position:relative;}
.multi-edit .multi-edit-text {position:absolute; width:70px; top:2px; left:0; font-size:11px; font-weight:bold; line-height:12px;}
.multi-edit .multi-edit-label {font-size:11px; font-weight:bold;}
.multi-edit .multi-edit-description {padding: 8px 0 0;}
.multi-edit .multi-edit-widget {padding-left:80px; margin-bottom:7px;}
.multi-edit-widget textarea, .multi-edit-widget .input, .multi-edit-widget select {border:1px solid #E5E5E5; color:#3e3e3e; font-size:11px; padding: 8px 3px 4px 4px; width:230px;}
.multi-edit-wide .multi-edit-item {width:auto; float:none;}
.multi-edit-wide .multi-edit-item textarea {height:80px;}
.multi-edit-wide .multi-edit-widget textarea, .multi-edit-wide .multi-edit-widget .input {width:500px;}
.multi-edit-title input {font-weight: bold;}
#multi-edit input.submit {margin: 20px 10px 10px; font-weight: bold;}
.multi-edit input.multi-edit-item-save {margin-right:20px; width:auto;}
.multi-edit .multi-edit-help {font-size:10px; color: #999; margin-top:5px;}

/* Thumb preview */
#thumbnailContainer {}
.thumbpreview {float:left; margin:0 7px 7px 0; background:url('/resources/um/graphics/indicator.gif') center center no-repeat #efefef;}
.thumbpreview img {visibility:hidden;}

/* Uploader */
#upload .autoform { padding:0;}
.uploader .uploader-block {background-color:#f5f5f5; margin-bottom:20px; padding:15px;}
.uploader .title {font-size:1.1em; margin-bottom:8px;}
.uploader .uploader-error-block {background-color:#efefef;}
.uploader h3 {margin: 0 0 7px 0;}
.uploader .multi-edit-wide .multi-edit-widget textarea, .uploader .multi-edit-wide .multi-edit-widget .input {width:500px;}

/* Page-one form */
#page-one .autoform textarea {width:90%; height:300px; margin-left:5%;}
#page-one .autoform #fe_wrapper_form_content {text-align:center;}
#page-one .autoform #fe_wrapper_form_content .form-label {display:none;}
#page-one .autoform #fe_wrapper_form_content .form-widget {margin-left:0;}

/* Settings */
input#site_name, input#domain, input#company_name, input#company_url, input#sender_email {font-weight: bold; width: 280px;}
input#sub_domain {width: 135px;}
textarea#site_about, textarea#company_address {border:1px solid #E5E5E5; color:#3e3e3e; font-size:11px; margin-right: 5px; padding: 8px 3px 4px 4px; width: 280px;}
div.form-help-text {font-weight: normal !important; color: #999;}
#fe_wrapper_sub_domain .form-widget {padding: 4px 0 0;}
#fe_wrapper_sub_domain .form-widget #standardDomainLabel.smalllabel, #fe_wrapper_sub_domain .form-widget #customDomainLabel {margin: 0 0 5px 0;}
#fe_wrapper_sub_domain .form-widget select#standard_domain.small.select {margin: 0 0 0 5px; font-size: 11px;}

/* Organize */
.album-manage li {padding:12px 10px; border-bottom:1px solid #A8C89D;}
.album-manage .smalllabel, .album-manage li h3 {font-weight: bold; padding: 0 0 3px 0; font-size: 12px; color:#333; text-transform: none;}
.album-manage li h3 {margin: 0;}
.album-manage li.lightbackground {border-top: 1px solid #A8C89D; border-bottom: 1px solid #A8C89D; background-color:#DFF1E6; padding:10px;}
.album-manage input.submit {margin: 20px 0;}
.draghandle {cursor:move;}

/*Account */
#profile #fe_wrapper_ignore .form-widget {padding-top: 4px;}
#profile input#full_name, #profile input#email, #profile input#buddy {width: 280px;}

/* Customize presentation */
.presentation-customize-preview {line-height:22px;}
.presentation-customize-preview img {vertical-align:middle; height:18px; margin-right:5px;}
.presentation-customize-preview a {color:#999;}
input#identity {margin:0 0 0 0;}

/* Admin videos (tube) */
.adminvideos {margin-top:8px;}
.withsidebar .section-content .adminvideos {width:715px;}
.adminvideos .adminvideo {float:left; margin:0 10px 10px 0;}
.adminvideos .adminvideo-right {margin-right:0;}
.adminvideo {width:175px; height:145px; overflow:hidden; background-position:center center; background-color:black; background-repeat:no-repeat; position:relative; font-size:10px; font-weight:bold; color:white; cursor:pointer;}
.adminvideos-sortable .adminvideo {cursor:move;}
.adminvideo img {vertical-align:top; padding-right:2px;}
.adminvideo-stats, .adminvideo-details {position:absolute; left:0; width:100%; background:url('/resources/um/graphics/bg-black-60.png');} 
* html .adminvideo-stats, * html .adminvideo-details {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/um/graphics/bg-black-60.png', sizingMethod='scale');}
.adminvideo-stats {top:0; height:20px;}
.adminvideo-details {bottom:0;}
.adminvideo-stats-playcount, .adminvideo-stats-playtime, .adminvideo-details-channel, .adminvideo-details-length {height:12px; overflow:hidden; line-height:12px; position:absolute; top:5px;}
.adminvideo-details-channel {width:130px;}
.adminvideo-stats-playcount, .adminvideo-details-channel {left:5px;}
.adminvideo-stats-playtime, .adminvideo-details-length {right:5px;}
.adminvideo-details-title {font-size:13px; line-height:15px; padding:19px 5px 4px 5px;}
.adminvideo-draghandle {position:absolute; width:23px; height:23px; top:24px; right:4px; background:url('/resources/um/graphics/drag-handle-overlay.png') center center no-repeat; cursor:move;}
.adminvideo-link {position:absolute; width:175px; height:145px; background:url('/resources/um/graphics/void.gif');}
.adminvideo-nocontent {display:none;}

#admin-channel-one .adminvideo {width:170px; height:140px;}

/* Search bar with form */
.search-bar {background-color:#f2f2f2; padding:10px; border-bottom:1px solid white;}
.search-bar-light {background-color:transparent; border-bottom:0; padding:5px 0 15px 0;}
.search-bar h2 {margin:0;}
.search-bar .button {font-weight:bold;}
.search-bar select, .search-bar input {font-size:11px; margin-right:15px; color:#666;}
.search-bar input.input {padding:1px 3px; width:150px;}
.search-bar select, .search-bar input.preview {font-size:11px; margin-right:10px; color:#666; width: 200px; padding: 0px;}
.search-bar input.button {color: #333;}

/* Analytics blocks */
.stats-table {width:98%;}
.stats-table .stats-cell {padding:3px 0; border-bottom:1px solid #f5f5f5; vertical-align:top; white-space:nowrap;}
.stats-table .stats-cell-wrap {white-space:normal;}
.stats-table-border {margin-bottom:15px;}
.stats-table-border .stats-cell {border-bottom:1px solid #f5f5f5;}
.stats-table .stats-item {border-right:1px solid #f5f5f5; padding-left:15px;}
.stats-table .stats-item-nopadding {padding-left:0;}
.stats-item-noborder {border-right:0 !important;}
.stats-item {padding:3px 15px 3px 0;}
.stats-item-label {font-size:11px; line-height:12px; color:#999; font-weight:bold; padding-bottom:5px;}
.stats-item-value {color:#333; font-size:22px; letter-spacing:-1px; font-weight:bold; line-height:22px; background-position:left center; background-repeat:no-repeat; padding:0 0 0 27px;}
.stats-item-small .stats-item-value {font-size:14px; line-height:22px;}
.stats-item-value-noicon {padding-left:0;}
.stats-item a {text-decoration:none;}
.stats-playtime {float:left; width:120px; height:33px; background:url('/resources/um/graphics/tubeadmin/playtime-canvas.gif') top left no-repeat;}
.stats-playtime img {height:5px; background-color:white; vertical-align:top; margin:8px 7px;}
.stats-table .stats-item-loading {background:url('/resources/um/graphics/indicator.gif') 15px bottom no-repeat white !important; font-size:1px; color:white; height:33px;}

.statlabel {background-color:#5D9B4B; color:white; padding:5px; line-height:10px; font-size:11px; margin-left:6px; text-transform:uppercase;}
.statlabelalt {background-color:#2489B2;}
.statcanvas {visibility:hidden;}
.statloading {background:url('/resources/um/graphics/indicator.gif') left center no-repeat white; padding-left:30px;}

#analytics-plays h2 {padding: 8px 0; margin-bottom: 0 0 10px 0;}
#analytics-plays .floatright {padding: 9px 5px 9px 7px;}


/* Section selector */
.section-selector ul.section-menu {background:url('/resources/um/graphics/bit-e5e5e5.gif') bottom left repeat-x; height:26px;}
.section-selector .section-menu li {display:block; float:left; padding:0 10px; line-height:25px; height:24px;}
.section-selector .section-menu li a {font-size:12px; font-weight:bold; text-decoration:none; border: none !important;}
.section-selector .section-menu li a:hover {color:#2489B2; text-decoration: none; border: none !important;}
.section-selector .section-menu li.selected {border:1px solid #e5e5e5; background-color:white; border-bottom-color:white;}
.section-selector .section-menu li.selected a {color:#333;}
.section-selector .section-menu li.selected a:hover {color:#333;}
.section-selector .section-content {padding:8px 0;}

/* Maps */
.visualmap {position:relative; width:217px; height:150px; background-color:#f0f0f0; border:1px solid #aaa; margin:5px 15px 10px 0; float:left;}
.visualmap-address {position:absolute; left:0; bottom:0; width:203px; background:url('/resources/um/graphics/bg-black-60.png'); color:white; padding:1px 10px 1px 4px; font-size:11px; line-height:14px; color:#f0f0f0;}
.visualmap-delete {position:absolute; display:block; cursor:pointer; background:url('/resources/um/graphics/visual-close.png') top left no-repeat; top:-12px; right:-12px; width:30px; height:30px; z-index:1001;}
* html .visualmap-delete {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/um/graphics/visual-close.png', sizingMethod='crop');}
* html .visualmap-address {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/um/graphics/bg-black-60.png', sizingMethod='scale');}
.visualmap-canvas {width:217px; height:150px; font-size:0px; color:#f0f0f0;}

.visualmap-select {margin-bottom:50px; overflow:hidden;}
.visualmap-select, .visualmap-select .visualmap-canvas {width:100%; height:300px;}
.visualmap-select .visualmap-address {width:100%; padding:10px 0 0 10px;}
.visualmap-select .visualmap-address input {font-size:10px; height:14px; width:250px; padding:0 2px;}
.visualmap-results {list-style:disc; margin:0 5px 10px 20px; line-height:22px;}
.visualmap-results a {color:white !important; font-size:10px;}

/* Syntax highlighting */
.javascript .comment {color:gray;}
.javascript .string {color:teal;}
.javascript .keywords {color:navy;}
.javascript .global {color:blue;}
.javascript .brackets {color:navy;}
.css .comment {color:gray;}
.css .properties {color:navy;}
.css .selectors {color:teal;}
.css .units {}
.css .urls {color :green;}
.html .tag {color:purple;}
.html .comment {color:gray;font-style:italic;}
.html .string {color:navy;}
.html .doctype {color:teal;}

/* Chart popup */
.mouseValHolder {position:absolute; padding:5px; border: 1px solid #808080; background: #F0F0F0; opacity:0.7; background-color:black; color:#fff; line-height:15px; font-size:11px; right:auto !important; bottom:auto !important;}
.mouseValHolder .val-value {font-weight:bold; font-size:12px;}
.pie-label {font-size:10px; font-weight:bold; width:100px; overflow:hidden; line-height:11px; height:10px;}
.pie-label-small {font-size:9px; font-weight:normal; height:9px;}
#admin-video-one #dropoff {cursor:pointer;}

/* Players config */
.playertable {background-color:#f5f5f5; margin:10px 0 15px 0; padding:10px;}
.playertablehighlight {border:1px solid #dedede;}
.playertable table {width:99%;}
.playertable table td {vertical-align:top;}
.playertable table td.playerflash {width:370px;}
.playertable table td.playersetting {width:150px; padding-right:20px; padding-bottom:10px; font-weight: bold; font-style: normal;}

/* Feature grid */
table.featuregrid {margin: 10px 0 22px 0;}
table.featuregrid td {vertical-align:top; width:220px; padding: 0 20px 0 0;}
table.featuregrid td img {border:5px solid #EAECEF; width:190px; height:170px;}
table.featuregrid td h4 {color:black; font-size:13px; margin:14px 0 0;}
table.featuregrid td p {color:#525252; font-size:12px; line-height:22px;}

/* Grid table */
table.gridtable {width:100%;}
table.gridtable td {vertical-align:top; padding:10px 7px 10px 10px; background-color:#f5f5f5; border-bottom:1px solid #DEDEDE;}
table.gridtable tr.even td {background-color:white;}
table.gridtable td.gridtable-sections-thumb {padding-bottom:5px;}
table.gridtable td.gridtable-sections-thumb img {width:75px; height:75px; background-color:#ddd; border:1px solid #aaa;}
table.gridtable td.gridtable-fullwidth {width:100%;}
table.gridtable h4 {margin-bottom:0; line-height:16px;}

/* Layout blocks */
#presentation-layout .layoutcontainer {padding:5px 5px 5px 5px; border:1px solid #999;}
#presentation-layout .layoutblock {padding:1px 5px; border:1px solid #666; background-color:#f0f0f0; border:1px solid #aaa; margin-bottom:3px;  -moz-border-radius:5px; -webkit-border-radius:5px;}
#presentation-layout .layoutblock .small {font-size:10px; line-height:12px;}
#presentation-layout .layoutblockstatic {padding:1px 5px; background-color:#d0d0d0; height:70px;}
#presentation-layout .layoutgrid-not-msie .layoutblockfiller {height:1px;}
#presentation-layout .layouttable {width:100%;}
#presentation-layout .layouttable td {vertical-align:top;}
#presentation-layout td#layoutleftsidebar, #presentation-layout td#layoutrightsidebar {width:180px;}
#presentation-layout .draghandle, #presentation-layout .confighandle, #presentation-layout .clonehandle, #presentation-layout .liquidhandle {padding-right:1px;}
#presentation-layout .hatched {background:url('/resources/um/graphics/hatch.gif') top left repeat #e0e0e0;}
.layout-block-add {background-color:#F4F4F4; padding:8px 12px; margin-bottom:10px; border-bottom:1px solid #ddd;}
.filter-bar {background-color:#F4F4F4; padding:5px 12px; margin-bottom:10px; border-bottom:1px solid #ddd; text-align:right;}

/* SETUP: Special grid for the setup page*/
body#setup #footer, body#setup #menu {display:none;}
body#setup #content {font-family:Helvetica,Arial,sans-serif;}
body#setup h2 {font-size:18px;}
body#setup p {margin:0;}
body#setup #logo {background-image:url("/resources/um/graphics/guide-logo.png"); width:277px; height:22px;}
body#setup .message-container {display:none;}

/* OVERDUE */
body#admin-overdue #footer, body#admin-overdue #menu, body#admin-overdue .overdue-invoice, body#billing .overdue-invoice {display:none;}
.overdue-invoice {border-color:#ddd; border-width:1px 0; border-style:solid; background-color:#fdd; font-size:11px; padding:3px 15px; margin-bottom:15px;}
.overdue-invoice a {color:#a66 !important;}


/* GUIDE: Progress Bar */
.guide-progress {margin-bottom:20px;}
.guide-progress td {height:48px; width:187px; border-bottom:1px solid #DEDEDE; background-color:#f7f7f7; text-align:center; padding-left:40px;}
.guide-progress div {padding-top:4px;}
.guide-progress td.guide-progress-selected {border-style:none; background:url('/resources/um/graphics/guide-selected-background.png') right bottom no-repeat white; padding-bottom:1px;}
.guide-progress a {font-size:13px; font-weight:bold; text-decoration:none;}
.guide-progress a img {vertical-align:middle; padding-right:3px;}

/* GUIDE: Blocks */
.guideblocks {border-collapse:separate;}
.guideblock {background-color:#F4F4F4; border-top:20px solid white; border-bottom:1px solid #ddd; vertical-align:top;}
.guideblocksub {padding:20px 20px 15px 20px; }
.guideblockframe .guideblocksub {padding:7px;}
.guideblockframe img {padding-bottom:4px;}
.guideblockborder {height:1px; width:20px;}
.guideblockicon {background:url('/resources/um/graphics/void.gif') 20px 16px no-repeat; padding-left:70px; }

/* GUIDE: Submit */
.guidesubmit {text-align:center; margin-top:50px; }
input.fancybutton, input.lessfancybutton {background:url("/resources/um/graphics/button-background.png") repeat-x scroll 0 0 #2C652B; border:1px solid #2D672D; color:#FFFFFF; cursor:pointer; font-size:13px; font-weight:bold; margin:0 5px 5px 0; padding:8px 10px 7px 10px; text-align:center; text-shadow:1px 1px 1px #357834; text-transform:uppercase;}
input.lessfancybutton {background:white; color:#333; text-shadow:none;}
.discrete h3 {color:#999 !important;}

/* Transition analytics performance */
table.transition-performance-table
{
    margin: 16px 0px 32px 0px;
}

table.transition-performance-table td
{
    vertical-align: top;
}

td.transition-performance-row
{
    width: 175px;
    background: #F6F6F6;
    padding: 10px 10px 0px 10px;
}

div.transition-performance-label
{
    color: #999999;
    font-size: 11px;
    font-weight: bold;
    line-height: 12px;
    padding-bottom: 5px;
}

div.transition-performance-value
{
    background-position: left center;
    background-repeat: no-repeat;
    color: #333333;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 22px;
    padding: 0px 5px 0px 27px;
    display:inline;
}

div.transition-performance-percentage
{
    padding: 0px 0px 10px 0;
    display:inline;
    color:#7c7c7c;
    font-size:11px;
}

td.transition-performance-row-loads div.transition-performance-value
{
    background-image: url('/resources/um/graphics/tubeadmin/icon-load-admin-transparent.png');
}

td.transition-performance-row-plays div.transition-performance-value
{
    background-image: url('/resources/um/graphics/tubeadmin/icon-play-admin-transparent.png');
}

td.transition-performance-row-finishes div.transition-performance-value
{
    background-image: url('/resources/um/graphics/tubeadmin/icon-finish-admin-transparent.png');
}

td.transition-performance-spacer
{
    background: url('/resources/um/graphics/tubeadmin/analytics-performance-funnel.png') no-repeat center 28px;
    width: 75px;
}

ul.transition-performance-photos
{
    margin-top: 6px;
}

ul.transition-performance-photos li
{
    margin-bottom: 10px;
}

table.transition-performance-table-narrow
{
    margin: 10px 0px 0px 0px;
}

table.transition-performance-table-narrow td.transition-performance-row
{
    width: auto;
    min-width: 100px;
}

table.transition-performance-table-narrow td.transition-performance-spacer
{
    width: 33px;
}

/* Code mirror syntax highlighting */
pre.code, .editbox {
    font-family: Monaco,Consolas,Lucida Console,monospace;
    font-size: 10px;
    line-height: 15px;
}

.CodeMirror-wrapping {
    border-color:#C6C6C6; 
    border-style:solid; 
    border-width:1px 0;
}
.CodeMirror-line-numbers {
    background-color: #EEEEEE;
    color: #AAAAAA;
    font-family: monospace;
    font-size: 9px;
    line-height: 15px;
    padding: 4px 3px 0 3px;
    text-align: center;
    border-right:1px solid #C6C6C6; 
}

/* Uploader: Drag & Drop */
.resumable-drop {padding:15px; font-size:13px; text-align:center; color:#666; font-weight:bold;background-color:#eee; border:2px dashed #aaa; border-radius:10px; margin-top:40px; z-index:9999;}
.resumable-dragover {padding:30px; color:#555; background-color:#ddd; border:1px solid #999;}

/* Uploader: Progress bar */
.progress {margin:30px 0 30px 0; width:100%;}
.progress-container {height:7px; background:#9CBD94; position:relative; }
.progress-bar {position:absolute; top:0; left:0; bottom:0; background:#45913A; width:0;}
.progress-text {font-size:11px; line-height:9px; padding-left:10px;}
.progress-pause {padding:0 0 0 7px;}
.progress-resume-link {display:none;}
.is-paused .progress-resume-link {display:inline;}
.is-paused .progress-pause-link {display:none;}
.is-complete .progress-pause {display:none;}

/* Uploader: List of items being uploaded */
.uploader-list {overflow:auto; margin-right:-20px;}
.uploader-item {width:148px; height:90px; background-color:#666; position:relative; border:2px solid black; float:left; margin:0 6px 6px 0;}
.uploader-item-thumbnail {width:100%; height:100%; position:absolute; top:0; left:0;}
.uploader-item img.uploader-item-thumbnail {opacity:0;}
.uploader-item-creating-thumbnail {padding:0 5px; font-size:9px; color:white;}
.uploader-item-title {position:absolute; font-size:9px; line-height:11px; padding:3px 50px 3px 5px; bottom:0; left:0; right:0; color:white; background-color:rgba(0,0,0,0.6); min-height:27px;}
.uploader-item-status {position:absolute; bottom:3px; right:3px;}

/* Uploader: Hover & Active status */
.uploader-item:hover, .is-active .uploader-item {border-color:#4a873c; cursor:pointer; }
.uploader-item:hover .uploader-item-title, .is-active .uploader-item .uploader-item-title {background-color:rgba(74,135,60,0.8);}

/* Uploader: Error status */
.is-error .uploader-item:hover, .is-active.is-error .uploader-item {border-color:#900;}
.is-error .uploader-item:hover .uploader-item-title, .is-active.is-error .uploader-item .uploader-item-title {background-color:rgba(153,0,0,0.6);}
.is-error .uploader-item-creating-thumbnail {display:none;}

/* Uploader form: Layout */
.file-edit-container {margin-top:30px;}
.file-edit {position:relative;}
.file-edit-content {background-color:#fafafa; border-bottom:1px solid #ccc; padding:20px; color:#333; font-size:12px; overflow:auto;}
.file-edit select {width:160px;}
#upload-html5 h2 {background-color:#eee; color:#333; border-bottom:1px solid #ccc; padding:10px 20px;}
#upload-html5 h2.file-edit-error-headline {background-color:#b00; color:white; border-bottom-color:#faa; padding:10px 20px;}
.file-edit-error {border-bottom-color:#faa;}
.file-edit-thumb {float:right; padding-top:15px; width:300px;}
.file-edit-thumb img {max-width:300px; max-height:200px; box-shadow:1px 1px 2px 0 #aaa; border:1px solid #999; opacity:0;}
#upload-html5 img.fadein {-webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; opacity:1;}
.file-edit-form {margin-right:340px; }
.file-edit-form-item {padding:0 0 15px 0;}
.file-edit-form-label {line-height:1em; padding-bottom:4px;}
.file-edit-meta {font-size:11px;}
.file-edit-meta-progress-complete {display:none;}
.is-complete .file-edit-meta-progress-complete {display:block;}
.is-complete .file-edit-meta-progress-processing {display:none;}

/* Upload form: errors */
.file-edit-error, .file-edit-error td, .file-edit-error p, .file-edit-error li {font-size:11px;}
.file-edit-error-desc {vertical-align:top; width:70%; padding-right:60px;}
.file-edit-error-human {vertical-align:top; width:30%;}
.file-edit-error-human .file-edit-error-human-container {background-color:#eee; padding:17px 20px 17px 20px;}
.file-edit-error-human h3 {margin-bottom:10px; font-size:13px; line-height:17px;}
.file-edit-error-human p {margin:10px 0 0 0;}

/* Uploader form: Form widgets */
.file-edit input[type=text], .file-edit textarea {font-size:13px; line-height:16px; padding:6px; 3px:#333; width:99%;}
.file-edit-form-widget textarea {height:90px;}
.file-edit-form-widget input[type=submit], .file-edit-form-widget button {font-size:14px; color:#333; font-weight:bold;}
.file-edit-form-widget input[type=checkbox] {margin-right:5px;}
.file-edit-form-title input {font-size:15px; font-weight:bold;}

/* Switch to read-only mode */
.file-edit-form-saved, .is-saved .file-edit-form {display:none;}
.is-saved .file-edit-form-saved {display:block;}

/* Switch to error mode */
.is-error .file-edit, .file-edit-error {display:none;}
.is-error .file-edit-error {display:block;}

/* Uploader form: Saving */
.file-edit-saving {position:absolute; top:0; left:0; width:100%; height:100%; background:url('/resources/um/graphics/indicator.png') center center no-repeat rgba(0,0,0,.3); display:none;}
.is-saving .file-edit-saving {display:block;}

/* Uploader form: Saved */
.is-saved .file-edit-form-label {font-size:1.1em; font-weight:bold;}

/* Headlines with icons */
h1.with-icon
{
    background-position: left 3px;
    background-repeat: no-repeat;
    padding-left: 25px;
}

h1.with-icon-theme { background-image: url('/resources/um/graphics/tubeadmin/admin-headline-theme.png'); }
h1.with-icon-players { background-image: url('/resources/um/graphics/tubeadmin/admin-headline-players.png'); padding-left: 38px; }
h1.with-icon-pages { background-image: url('/resources/um/graphics/tubeadmin/admin-headline-pages.png'); padding-left: 24px; }
h1.with-icon-templates { background-image: url('/resources/um/graphics/tubeadmin/admin-headline-templates.png'); padding-left: 42px; }
h1.with-icon-thumbnails { background-image: url('/resources/um/graphics/tubeadmin/admin-headline-thumbnails.png'); padding-left: 33px; }
h1.with-icon-css { background-image: url('/resources/um/graphics/tubeadmin/admin-headline-css.png'); padding-left: 35px; }
h1.with-icon-javascript { background-image: url('/resources/um/graphics/tubeadmin/admin-headline-javascript.png'); padding-left: 22px; }
h1.with-icon-files { background-image: url('/resources/um/graphics/tubeadmin/admin-headline-files.png'); }
h1.with-icon-variables { background-image: url('/resources/um/graphics/tubeadmin/admin-headline-variables.png'); padding-left: 38px; }
h1.with-icon-export { background-image: url('/resources/um/graphics/tubeadmin/admin-headline-export.png'); padding-left: 25px; }
h1.with-icon-import { background-image: url('/resources/um/graphics/tubeadmin/admin-headline-import.png'); padding-left: 25px; }
h1.with-icon-layout { background-image: url('/resources/um/graphics/tubeadmin/admin-headline-layout.png'); padding-left: 34px; }