/* Temporary
---------------------------------------- */
#template_container {
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
#template_scroller {
  position: relative;
}
#template_skin_leaderboard{
  text-align: center;
}
#template_skin_splashlink {
  position: absolute;
  top:0;
  left:0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
}
body.main-page {
  background-color: #f2f2f2;
}
.template-container-beta {
  position:relative;
}
.rating-widget-static-small,
.rating-widget-small {
  background-image:url("/i/beta/rating_map.png");
  padding-left:4px;
  width:66px;
  height:16px;
  background-repeat:no-repeat;
  background-position:0px 0px;
}
.rating-widget-static-medium,
.rating-widget-medium {
  background-image:url("/i/beta/rating_map.png");
  padding-left:5px;
  width:82px;
  height:19px;
  background-repeat:no-repeat;
  background-position:0px 0px;
}
.rating-widget-small,
.rating-widget-medium,
.rating-widget-large {
  cursor:pointer;
  display:block;
}
.rating-widget-static-small,
.rating-widget-static-medium,
.rating-widget-static-large {
  display:block;
}
.rating-widget-mask-small,
.rating-widget-mask-medium,
.rating-widget-mask-large {
  float:left;
  display:block;
}
.rating-widget-mask-small {
  height:16px;
  width:6px;
}
.rating-widget-mask-medium {
  height:19px;
  width:8px;
}

/* Inline localization
---------------------------------------- */
.localized {
  border-bottom:2px dotted #66EF00;
  cursor:help;
}

/* Dialog for inline localization
-------------------------------------- */
.the-dialog {
  position:absolute;
  background-color:#fff;
  border:1px solid #999;
  z-index:9999;
  padding:10px;
  width:300px;
}

.the-dialog .loading {
  text-align:center;
  margin:20px;
  font-size:18px;
}
.the-dialog .close {
  text-align:right;
  height:1px;
  position:relative;
  top:-8px;
  left:8px;
}
.the-dialog .close a {
  float:right;
  display:block;
  height:14px;
  width:14px;
  background-image:url(/i/icons/remove_grey_14_14.gif);
  cursor:pointer;
  color: #333;
  text-decoration: none;
}
.the-dialog .footer {
  margin:20px 0px 4px 0px;
}
.the-dialog .header {
  margin:0px 0px 6px 0px;
}
.the-dialog .header h1 {
  font-weight:normal;
  font-size:18px;
  margin-right:8px;
  border-bottom:1px solid #ddd;
  overflow:hidden;
}

.the-dialog .message {
  width:250px;
}

.dialog-edit-translation-param {
  cursor:pointer;
  padding-right:4px;
  text-decoration:underline;
  font-size:11px;
  font-family:"courier new", "courier", "monospace";
}

/* UNIVERSAL ELEMENTS
---------------------------------------- */
/* Typography
-------------------- */
body,
#template_container {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: normal;
}

img {
  border: 1px solid #eaeaea;
}
h1.logo img {
  border: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

.new-template-body {
  color: #3f3f3f;
  line-height: 1.5;
  font-size: 13px;
}
.new-template-body input,
.new-template-body textarea,
.new-template-body .button {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.new-template-body input,
.new-template-body textarea {
  line-height: 1.5;
}
.new-template-body h1 {
  font-size: 18px;
  line-height: 1.5;
  margin: 6px 0 12px;
  font-weight: bold;
}
.new-template-body h2 {
  font-size: 16px;
  margin-bottom: 8px;
  font-weight: bold;
}
.new-template-body h3 {
  font-size: 13px;
  font-weight: bold;
  border-top: 1px solid #ccc;
  padding: 10px 0 8px;

}
.new-template-body h4 {
  font-size: 14px;
}

/* old-template-body
--------------------- */
.old-template-body, .old-template-body input, .old-template-body select {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: normal;
}

.old-template-body h1 {
  font-size: 24px;
}
.old-template-body h2 {
  font-size: 18px;
}
.old-template-body h3 {
  font-size: 14px;
}
.old-template-body h4 {
  font-size: 13px;
}
.old-template-body h5 {
  font-size: 12px;
}
.old-template-body h6 {
  font-size: 10px;
}

#template_body.old-template-body {
  background-color: #fff;
  margin:0;
  z-index: 1;
  width: 100%;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.25);
  -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.25);
  padding-bottom:10px;
}

.old-template-body a.normal {
  color:#333;
  text-decoration:underline;
}

/*** BOX ***/
.old-template-body .box-center,
.old-template-body form.box-center table {
   margin:0px auto 0px auto;
 }
.old-template-body .boxtitle {
   background-color: #4d4d4d;
   color: white;
   padding:4px 0 1px 0;
   font-size:14px;
 }
.old-template-body .boxtitle a {
   /*  color: #188f00;*/
   color: #444;
 }
.old-template-body .boxtitle a:hover {
   color: #000;
 }
.old-template-body .boxcollapse {
   cursor:pointer;
 }
.old-template-body .boxcontents {
   border: 1px solid #DDD;
   border-top: none;
   font-size: 14px;
 }

.old-template-body th {
  text-align: center;
  font-weight: bold;
}

.center-text {
  text-align: center;
}
.series-title {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.5;
  display: block;
}
.detail-heading, .secondary {
  color: #808080;
}
.series-data, .small-data {
  font-size: 11px;
  color: #808080;
}
.new-template-body a {
  text-decoration: none;
}
.new-template-body .para-div a,
.new-template-body a:hover h4,
.new-template-body .text-link,
.new-template-body span a,
.new-template-body .sub-tabs .selectors a.text-link,
.new-template-body .block-link:hover,
.new-template-body .wrapper a:hover a,
.new-template-body .pagination a,
.new-template-body p a,
.new-template-body li a {
  color: #0A6DA4;
  cursor: pointer;
  text-decoration: none;
}
.strong, strong {
  font-weight: bold;
}
a.block-link,
.old-template-body a.block-link,
.new-template-body a.block-link {
  color: #3f3f3f;
}
a.new-window {
  background: url("/i/beta/new_window.png") right no-repeat;
  padding-right: 16px;
}
.new-template-body span a:hover,
.new-template-body .text-link:hover,
.new-template-body .sub-tabs
.new-template-body .selectors
.new-template-body a.text-link:hover,
.new-template-body p a:hover,
.new-template-body .text-link.selected,
.new-template-body .pagination a:hover {
  text-decoration: underline;
  cursor: pointer;
}
.white {
  color: #fff !important;
}
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.trunc, .more {
  word-wrap: break-word;
}

/* img
-------------------- */
img.portrait {
  border: 1px solid #eaeaea;
}
img.no-border {
  border: none;
}

/* Horizontal border
-------------------- */
hr {
  margin: 0;
  padding: 0;
  border: 1px solid #ccc;
}

/* Shadows
-------------------- */
.container-shadow {
  box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
  border-collapse:separate;
}
.old-template-body .container-shadow {
  box-shadow: 0px 1px 2px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.25);
  -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.25);
}
.container-shadow-dark {
  box-shadow: 0px 1px 3px rgba(0,0,0,0.55);
  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.55);
  border-collapse:separate;
}

/* Block
-------------------- */
.block {
  display: block;
}

.relative {
  position: relative;
}

/* Floats
-------------------- */
.left {
  display: block;
  float: left;
}
.right {
  display: block;
  float: right;
}

/* List
-------------------- */
.list-block li {
  display: block;
  float: none !important;
}

/* Tooltip
-------------------- */
.tooltip-left {
  width: 6px;
  height: 50px;
  background: url("/i/beta/tooltip_arrow_left.png") 0 36px no-repeat;
  position: relative;
  z-index: 9;
}

/* Buttons
-------------------- */
button::-moz-focus-inner {
  padding: 0;
  border: 0
}
a.button,
span.button,
input.button,
.button {
  text-align: center;
  font-weight: bold;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 0;
  padding: 0;
  display: block;
  cursor: pointer;
}
a.button:hover,
span.button:hover,
input.button:hover {
  cursor: pointer;
  text-decoration: none;
}
a.small-button,
span.small-button,
input.small-button,
.small-button {
  height: 24px;
  line-height: 23px;
  display: block;
}
a.medium-button,
span.medium-button,
input.medium-button,
.medium-button {
  height: 32px;
  line-height: 30px;
  display: block;
}
a.large-button,
span.large-button,
input.large-button,
.large-button {
  height: 44px;
  line-height: 44px;
  display: block;
  font-size: 14px;
}
a.button.small-button,
span.button.small-button,
input.button.small-button,
.button.small-button {
  font-size: 11px;
}
a.button.medium-button,
span.button.medium-button,
input.button.medium-button,
.button.medium-button {
  font-size: 13px;
}
a.button.large-button,
span.button.large-button,
input.button.large-button,
.button.large-button {
  font-size: 14px;
}
a.button-padding,
span.button-padding,
input.button-padding,
.button-padding { /* only use when don't want to give width */
  padding: 0 12px;
}
a.special-button,
#template_body a.special-button,
span.special-button,
#template_body span.special-button,
input.special-button,
#template_body input.special-button,
.special-button,
#template_body .special-button {
  color: #fff;
  text-shadow: 0 1px 4px #01619b;
  border: 1px solid #0A6DA4;
  background: #0a6da4;
  background: -moz-linear-gradient(top, #0093d0 0%, #0a6da4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0093d0), color-stop(100%,#0a6da4));
  background: -webkit-linear-gradient(top, #0093d0 0%,#0a6da4 100%);
  background: -o-linear-gradient(top, #0093d0 0%,#0a6da4 100%);
  background: -ms-linear-gradient(top, #0093d0 0%,#0a6da4 100%);
  background: linear-gradient(top, #0093d0 0%,#0a6da4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0093d0', endColorstr='#0a6da4',GradientType=0 );
}
a.special-button:hover,
span.special-button:hover,
input.special-button:hover,
.special-button:hover {
  border-color: #004b72;
}
a.special-button:active, a.special-button.selected,
span.special-button:active, span.special-button.selected,
input.special-button:active, input.special-button.selected,
.special-button:active, .special-button.selected {
  background: #0a6da4;
}
a.default-button,
span.default-button,
input.default-button,
.default-button {
  color: #3f3f3f;
  border: 1px solid #ccc;
  text-shadow: 0 1px 4px #fff;
  background: #ececec;
  background: -moz-linear-gradient(top, #ffffff 15%, #ececec 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#ffffff), color-stop(100%,#ececec));
  background: -webkit-linear-gradient(top, #ffffff 15%,#ececec 100%);
  background: -o-linear-gradient(top, #ffffff 15%,#ececec 100%);
  background: -ms-linear-gradient(top, #ffffff 15%,#ececec 100%);
  background: linear-gradient(top, #ffffff 15%,#ececec 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );
}
a.default-button:hover,
span.default-button:hover,
input.default-button:hover,
.default-button:hover {
  border-color: #aaa;
}
a.default-button:active, a.default-button.selected,
span.default-button:active, span.default-button.selected,
input.default-button:active, input.default-button.selected,
.default-button:active, .default-button.selected {
  background: #ececec;
}
a.dark-button,
span.dark-button,
input.dark-button,
.dark-button {
  color: #fff;
  text-shadow: 0 1px 4px #333;
  border: 1px solid #3f3f3f;
  background: #3f3f3f;
  background: -moz-linear-gradient(top, #5f5f5f 0%, #3f3f3f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f5f5f), color-stop(100%,#3f3f3f));
  background: -webkit-linear-gradient(top, #5f5f5f 0%,#3f3f3f 100%);
  background: -o-linear-gradient(top, #5f5f5f 0%,#3f3f3f 100%);
  background: -ms-linear-gradient(top, #5f5f5f 0%,#3f3f3f 100%);
  background: linear-gradient(top, #5f5f5f 0%,#3f3f3f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f5f5f', endColorstr='#3f3f3f',GradientType=0 );
}
a.dark-button:hover,
span.dark-button:hover,
input.dark-button:hover,
.dark-button:hover {
  border-color: #000;
}
a.dark-button:active, a.dark-button.selected,
span.dark-button:active, span.dark-button.selected,
input.dark-button:active, input.dark-button.selected,
.dark-button:active, .dark-button.selected {
  background: #3f3f3f;
}

/* Form
-------------------- */
label {
  margin-bottom: 2px;
}
.text-input[type="text"], .text-input[type="password"], textarea.text-input {
  border: 1px solid #ccc;
}
.new-template-body textarea.text-input {
  padding: 6px;
  overflow: auto;
  font-size: 13px;
}
input.text-input {
  padding: 4px 6px 2px;
}
.text-input:focus {
  border-color: #999;
}
input.medium-input, textarea.medium-input, select.medium-input {
  font-size: 18px;
}
#main_content textarea {
  width: 626px;
  resize: none;
}

/* Queue Buttons
-------------------- */
.add-queue-button {
  width: 108px;
  display: none;
  position: relative;
  font-size: 11px;
}
.button.add-queue-button:hover {
  cursor: pointer;
}
.add-queue-button.show {
  display: block;
}
.queue-icon {
  width: 21px;
  height: 22px;
  background: url("/i/beta/add_to_queue_button_icon.png") no-repeat;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.queue-label {
  padding-left: 21px;
}
.in-queue .queue-icon {
  background: url("/i/beta/in_queue_button_icon.png") no-repeat;
}
.portrait-grid .add-queue-button {
  position: absolute;
  left: 22px;
  top: 172px;
}
.landscape-grid .add-queue-button {
  position: absolute;
  bottom: 4px;
  right: 4px;
}

/* Episode Progress Bar
-------------------- */
.episode-progress-bar {
  height: 4px;
  background: #eaeaea;
  overflow: hidden;
}
.portrait-element .episode-progress-bar {
  margin-bottom: 8px;
}
.episode-progress {
  background: #f78c25;
  height: 4px;
}

/* Content, container
-------------------- */
#main_content {
  width: 640px;
}
#main_content_wide {
  width: 764px;
}
.white-wrapper #main_content_wide {
  width: 740px;
}
#main_content_white, .white-wrapper {
  padding: 12px;
  background: #fff;
}
#container {
  position: relative;
}
.content-panel {
  background: #fff;
  -webkit-box-shadow: 0px 0px 1px 1px #d9d9d9, 0 4px 3px -3px #bfbfbf;
  -moz-box-shadow: 0px 0px 1px 1px #d9d9d9, 0 4px 3px -3px #bfbfbf;
  box-shadow: 0px 0px 1px 1px #d9d9d9, 0 4px 3px -3px #bfbfbf;
}

/* Wrapper
-------------------- */
body .wrapper .landscape-element:active, .wrapper .portrait-element:active {
  background: #ececec !important;
}
body .landscape-grid .wrapper a:hover .short-desc {
  color: #3f3f3f;
}

/* Loading message
-------------------- */
.loading-message {
  width: 100%;
  padding: 8px 0;
  z-index: 999;
}
.loading-message-top {
  position: absolute !important;
  top: 0;
}
.loading-message div {
  background: #3f3f3f;
  color: #fff;
  padding: 4px 12px;
  opacity: 0.98;
  margin-top: -8px;
  font-size: 11px;
}

/* Desc
-------------------- */
.short-desc {
  width: inherit;
  font-size: 11px;
  color: #808080;
  height: 34px;
  margin-top: 1px;
}

/* Portrait bubble
-------------------- */
.portrait-bubble {
  position: absolute;
  z-index: 9999999;
  width: 260px;
  top: 32px;
  left: 142px;
  display: none;
}
.portrait-desc {
  width: 230px;
  height: 148px;
  padding: 8px 12px;
  background: #2a2a2a;
  opacity: 0.98;
}
.portrait-desc p {
  height: 114px;
  overflow: hidden;
  margin-top: 8px;
}

/* portrait element
-------------------- */
.portrait-element {
  width: 127px;
  display: block;
  background: #fff;
  padding: 12px;
  margin-bottom: 12px;
  position: relative;
}
.portrait-element img.portrait {
  width: 125px;
  height: 187px;
  display: block;
  margin-bottom: 8px;
}
.portrait-element img.landscape {
  width: 125px;
  height: 70px;
  display: block;
  margin-bottom: 4px;
}

/* portrait grid (medium)
-------------------- */
.portrait-grid {
  margin: 0 0 0 -12px;
  position: relative;
  display: block;
}
.portrait-grid li {
  margin-left: 12px;
  float: left;
  display: block;
  position: relative;
}
.portrait-grid .queue-indicator {
  position: absolute;
  width: 17px;
  height: 22px;
  background: url("/i/beta/portrait_queue_indicator.png") no-repeat;
  top: 8px;
  right: 15px;
}

/* landscape element
-------------------- */
.landscape-element {
  display: block;
  padding: 4px;
  position: relative;
}
.landscape-element img.portrait {
  width: 50px; /* outerWidth: 64px */
  height: 75px;
}
#main_content .landscape-element img.landscape {
  width: 120px;
  height: 68px;
  display: block;
}
#sidebar .landscape-element img.landscape {
  width: 80px;
  height: auto;
  display: block;
}
.landscape-element .series-title {
  margin-top: 4px;
}
#sidebar .landscape-grid .wrapper {
  margin-left: -4px;
}
#sidebar .landscape-element {
  width: 296px; /* outerWidth: 304px */
}
#sidebar .landscape-element .series-title {
  width: inherit; /* landscape-element's width - img's outerWidth */
}
#main_content .landscape-element {
  width: 632px;
  background: #fff;
}
#main_content .landscape-element .series-info {
  width: 455px;
}
#main_content .landscape-element.episode .series-info {
  width: 455px;
}
#main_content .landscape-element .series-title {
  width: inherit;
}
#main_content .landscape-element.episode .series-title {
  width: inherit;
}

/* landscape element for episodes
-------------------- */
#main_content .landscape-element .episode-img {
  width: 122px;
}
#main_content .landscape-element .episode-img img {
  margin-bottom: 3px;
}
#sidebar .landscape-element .episode-img {
  width: 102px;
}
#sidebar .videos .landscape-element .series-info {
  width: 202px;
}
#sidebar .shows .landscape-element .series-info {
  width: 232px;
}


/* landscape grid (medium)
-------------------- */
.landscape-grid li {
  display: block;
  position: relative;
}
.landscape-grid .wrapper:hover {
  background: #fff;
}
.landscape-grid .queue-indicator {
  position: absolute;
  width: 10px;
  height: 13px;
  background: url("/i/beta/landscape_queue_indicator.png") no-repeat;
  top: 1px;
  left: 39px;
}
#main_content .landscape-grid .queue-indicator {
  left: 43px;
}

/* Sidebar
-------------------- */
#sidebar {
  width: 300px;
}
#sidebar_narrow {
  width: 176px;
}

/* Tabs
-------------------- */
#tabs {
  background: #fff;
  font-size: 14px;
}
.main-tabs {
  background: #555;
  padding: 0 4px;
}
.main-tabs a {
  height: 32px;
  color: #fff;
  line-height: 34px;
  padding: 0 20px;
  margin-top: 4px;
  margin-right: 4px;
  background: #3a3a3a;
  position: relative;
}
.main-tabs a.selected, .main-tabs a.selected:hover {
  background: #fff;
  color: #3f3f3f;
  font-weight: bold;
}
.main-tabs a:hover {
  background: #333;
}
.sub-tabs {
  margin: 0 32px;
  min-height: 4px;
}
.sub-tabs-menu a.sub-tabs-category {
  height: 38px;
  margin-right: 24px;
  line-height: 40px;
  color: #808080;
  font-weight: bold;
}
.sub-tabs .selectors {
  position: relative;
}
.sub-tabs-menu a.selected {
  color: #3f3f3f;
}
.tab-count {
  /*
  font-size: 11px;
  display: block;
  position: absolute;
  top: 4px;
  right: 6px;
  line-height: 1;
  */
}
.selected .tab-count {

}

/* Content menu
-------------------- */
.content-menu {
  padding: 0 6px;
  width: 628px;
  height: 32px;
  line-height: 33px;
  background: #e5e5e5;
  border: 1px solid #e5e5e5;
}
.content-menu:hover {
  border-color: #ccc;
}
.content-menu a {
  padding: 0 5px;
}
.content-menu a.selected {
  text-decoration: none;
  color: #3f3f3f;
  font-weight: bold;
}
.float-top {
  position: fixed;
  top: 0;
  z-index: 999;
}
#main_content_wide .content-menu {
  width: 750px;
}

/* Play icon overlay
-------------------- */
.play-icon-overlay {
  background: url('/i/beta/video_play_overlay.png') center center no-repeat;
  position: absolute;
  top: 0;
}
#sidebar .play-icon-overlay {
  background: url('/i/beta/video_play_overlay_small.png') center center no-repeat;
}
.collection-carousel .play-icon-overlay {
  width: 106px;
  height: 60px;
}
#main_content .landscape-element.episode .play-icon-overlay{
  width: 122px;
  height: 70px;
  top: 4px;
}
#main_content .portrait-element.episode .play-icon-overlay{
  width: 127px;
  height: 72px;
  top: 12px;
}
#sidebar .landscape-element.episode .play-icon-overlay{
  width: 82px;
  height: 47px;
  top: 4px;
}

/* Rating, Rating histogram
-------------------- */
.ratable-parent {
  padding-bottom: 4px;
}
.rating-parent:hover {
  cursor: pointer;
}
.rating-widget-mask-large {
  display:block;
}
.rating-widget-static-large,
.rating-widget-large {
  background-image:url("/i/beta/rating_map_beta.png");
  width:85px;
  height:14px;
  background-repeat:no-repeat;
  background-position:0px 0px;
  margin-top: 1px;
}
.rated .rating-widget-large, .rating-widget-large:hover {
  background-image:url("/i/beta/rated_map_beta.png");
}
.rating-widget-mask-large {
  height: 14px;
  width: 17px;
}
.rating-histogram .num {
  width: 12px;
}
.rating-histogram .rating-bar {
  width: 100px;
  height: 12px;
  position: relative;
  top: 2px;
  background: #ddd;
}
.rating-histogram .rating-proportion {
  height: inherit;
  background: #f78c25;
}

/* Messages
-------------------- */
.message-container {
  background: #d8e4eb;
  border: #a9ccdf 1px solid;
  padding: 8px 12px;
  margin-top: 5px;
  margin-bottom: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  font-size: 12px;
}
.message-container span {
  padding-right: 8px;
  width: 880px;
}
.message-container img {
  border: none;
  position: absolute;
}
.message-container a {
  color: #0A6DA4;
}
.message-list {
  /* pad right to prevent overlaying close button */
  padding: 0 20px 0 0;
}
.message-list-hide {
  cursor: pointer;
  width: 16px;
  height: 16px;
  top: 10px;
  right: 10px;
  position: relative;
}
.old-template-body .message-list-hide {
  top: 8px;
}
.old-template-body .message-container {
  margin: 8px 12px;
}

.message-container-only-errors {
  background: #d8e4eb;
}

/* Special styling for only errors */

.message-container-only-errors {
  border: #c00000 1px solid;
  background-color: #FFF2F2;
}

/* BbCode tools
-------------------- */
.forum-topic-create-widget-toolbar td {
  padding-right: 4px;
}

/* Pagination
-------------------- */
.pagination {
  text-align: center;
  font-weight: bold;
  margin-bottom: 12px;
}
.pagination a, .pagination span {
  margin: 0 2px;
}

/* Margin / Padding (4)
-------------------- */
body .xsmall-margin-top {
  margin-top: 4px;
}
body .xsmall-margin-right {
  margin-right: 4px;
}
body .xsmall-margin-bottom {
  margin-bottom: 4px;
}
body .xsmall-margin-left {
  margin-left: 4px;
}

/* Margin / Padding (8)
-------------------- */
body .small-margin-top {
  margin-top: 8px;
}
body .small-margin-bottom {
  margin-bottom: 8px;
}
body .small-margin-right {
  margin-right: 8px;
}
body .small-margin-left {
  margin-left: 8px;
}

/* Margin / Padding (12)
-------------------- */
body .medium-margin-top {
  margin-top: 12px;
}
body .medium-margin-right {
  margin-right: 12px;
}
body .medium-margin-bottom {
  margin-bottom: 12px;
}
body .medium-margin-left {
  margin-left: 12px;
}

/* Margin / Padding (24)
-------------------- */
body .large-margin-top {
  margin-top: 28px;
}
body .large-margin-bottom {
  margin-bottom: 28px;
}
body .large-margin-left {
  margin-left: 28px;
}
body .large-margin-right {
  margin-right: 28px;
}

/* clearfix
-------------------- */
.cf:before,
.cf:after, .clearfix:before, .clearfix:after {
  content:"";
  display:table;
}
.cf:after, .clearfix:after {
  clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf, .clearfix {
  zoom: 1;
}
#sidebar iframe {
  display: block;
}

/* autocomplete */
.ui-autocomplete {
  background-color:white;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  cursor:pointer;
  z-index: 3;
}
.ui-autocomplete .ui-menu-item {
  padding:2px;
  border-bottom:1px solid #ececec;
  color: #DF6300;
}
.ui-autocomplete .ui-menu-item:hover {
  text-decoration: underline;
}
.ui-autocomplete .focused {
  background-color:#f7f7f7;
}
.ui-helper-hidden-accessible {
  display: none;
}

.news-share-bar {
  text-align:right;
  position:relative;
}
.news-share-bar .fb-like-button {
  position:relative;
  top:6px;
}
.news-share-bar .plus-one-button {
  position:absolute;
  width:90px;
  top:6px;
  left:0;
}
.news-share-bar .twitter-button {
  position:relative;
  margin-right:8px;
  top:1px;
}

/* Superscript
-------------- */
sup, .footnote {
  font-size: 50%;
  vertical-align: super;
}

.new-footer {
  color: #F78C25;
  font-size: .9em;
  z-index: 5;
  vertical-align: super;
}

/* Availability Notes
-------------- */
.availability-notes-high {
  font-weight: bold;
  background: #ffffcc;
  margin: 7px 0 0 0;
  padding: 7px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.availability-notes-low {
  background: #d8e4eb;
  margin: 7px 0 0 0;
  padding: 7px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.sub-tabs-menu .calendar-link {
  display: inline-block;
  margin-right: 0;
  color: #0A6DA4;
  font-weight: 400;
  line-height: 40px;
}

.sub-tabs-menu .calendar-link:hover {
  text-decoration: underline;
}

.sub-tabs-menu .calendar-link .link-arrow {
  display: inline-block;
  margin-left: 6px;
  width: 0;
  height: 0;

  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #a1a1a1;
}

/* Source Videos AB Test 1 (five columns, with padding) */
#main_content.five-col {
  width: 100%;
}

#main_content.five-col .portrait-grid .group-item .portrait-element {
  width: 158px;
}

#main_content.five-col .portrait-grid .group-item .portrait-element .portrait {
  width: 157px;
  height: 234px;
}

/* Source Videos AB Test 2 (six columns, with padding) */
#main_content.six-col-padded {
  width: 100%;
}

#main_content.six-col-padded .portrait-grid .group-item .portrait-element {
  width: 126px;
}

/* Source Videos AB Test 3 (six columns, no padding) */
#main_content.six-col-no-pad {
  width: 100%;
}

#main_content.six-col-no-pad .portrait-grid .group-item .portrait-element {
  width: 150px;
  padding: 0 0 12px 0;
}

#main_content.six-col-no-pad .portrait-grid .group-item .portrait-element span:not(.img-holder) {
  margin-left: 12px;
  margin-right: 12px;
}


#main_content.six-col-no-pad .portrait-grid .group-item .portrait-element .portrait {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  width: 150px;
  height: 224px;
}

/* All AB Tests */

#sidebar.hidden {
  display: none;
}

.content-menu.full-width-menu {
  width: auto;
}
/* Main Beta End */

/**** Default Entity Styles ****/
.old-template-body img {
  border: 0px;
  ms-interpolation-mode: bicubic;
}
label {
  cursor:pointer;
}
a {
  color: #DF6300;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
.new-template-body a:hover {
  text-decoration: none;
}
.new-template-body a.text-link:hover {
  text-decoration: underline;
}

textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}

strong {
  font-weight: bold;
}
em {
  font-style: italic;
}

form {
  padding:0;
  margin:0;
}
input[type=text],
input[type=email],
input[type=password],
textarea {
  border:1px solid #ccc;
}
input[type=checkbox] {
  border:0;
}

textarea {
  overflow:auto;
}

body.main-page {
  background-color: #f2f2f2;
}
#template_skin_leaderboard {
  width:100%;
  text-align:center;
}
#template_skin_leaderboard img {
  /*display: block;*/
}

#template_skin_leaderboard img:hover {
  opacity: 1;
}

#template_titlebar {
  padding-top: 5px;
}
#template_action_button {
  float:right;
  margin: 0 4px;
  display: inline;
  position: relative;
}
#template_action_button a,
.action-button {
  display:block;
  float: right;
  margin-left: 4px;
  text-decoration:none;
  color: #444;
  font-size:12px;
  padding:3px 6px;
  border-style: solid;
  border-width: 1px;
  border-color: #FFD07E #CE930E #CE930E #FFD07E;
  background-color: #faaf3f;
}
#template_action_button a:hover {
  border-color: #CE930E #FFD07E #FFD07E #CE930E;
  background-color: #f5ab3e;
}
img.imgborder {
  border:1px solid #ccc;
}
a.framed-photo img, img.framed-photo {
  background-color:#fff;
  margin:4px;
  padding:4px;
  border:1px solid #ccc;
}
a.framed-photo:hover img {
  border:1px solid #444;
}
.cr-points, .count {
  color:#259A0E;
  font-weight:bold;
}
table.crpt {
  font-size:14px;
  margin:4px;
}
table.crpt td {
  padding: 1px;
  padding-right:10px;
}
/**** SUB NAV ****/
ul.topbar-nav-sub {
  background-color: #4d4d4d;
  line-height:20px;
  height: 20px;
  clear:both;
}
ul.topbar-nav-sub li {
  list-style-type:none;
  display:inline;
}
ul.topbar-nav-sub li a {
  font-size:12px;
  padding:4px 8px 2px;
  text-decoration:none;
  color:#fff;
  font-weight:normal;
}
ul.topbar-nav-sub li.dim a:hover,
ul.topbar-nav-sub li.highlight a {
  background-color:#ececec;
  color:#333;
  text-decoration:none;
}
ul.topbar-nav-sub li.highlight a:hover {
  text-decoration:none;
}


.topbar-nav-trail {
  margin:4px;
  padding-left: 5px;
  line-height: 20px;
  font-size: 16px;
  font-weight:bold;
  color:#3d3d3d;
}
.topbar-nav-trail h1 {
  font-size: 16px;
  font-weight: bold;
  color: inherit;
  display: inline;
}
.topbar-nav-trail a {
  color:#3d3d3d;
  text-decoration:none;
}
.topbar-nav-trail a:hover {
  text-decoration:underline;
  color:#000;
}

/**** BOTBAR STUFF ****/
.botbar-mod-panel a {
  color: #777;
  display:inline;
  padding:4px;
  width:180px;
  float:left;
  text-decoration:none;
}
.botbar-mod-panel a:hover {
  background-color:#333;
  color:#fff;
  text-decoration:none;
}
.botbar-mod-panel h3 {
  margin:0;
  padding:4px 0px 4px 10px;
  background-color:#fad7d6;
  color:#900;
  font-size:14px;
}
.botbar-mod-panel {
  padding-bottom:6px;
  padding-top:0px;
  background-color:white;
}
.botbar-mod-panel {
  font-size:12px;
}
.botbar-mod-links {
  margin:4px 0px 4px 0px;
  padding:0;
  display:block;
  font-size:12px;
}
.botbar-mod-links li {
  list-style-type:none;
  display:inline;
  padding:0px 0px 0px 8px;
}

/**** END TEMPLATE STUFF ****/
.widemainpage {
  width:100%;
}

.mainpage
{
  margin:auto;
  width: 946px;
  height: 100%;
}
.plain {
  font-weight:normal;
}
.dimtext {
  color: #888;
}
.dimtext a {
  color: #888;
}
.red {
  color: red;
}
.red a {
  color: red;
}

img.tiny {
  width:26px;height:26px;
  position:relative;
  top:4px;
  margin:0 2px 0 2px;
}
img.tinier {
  width:20px;height:20px;
  position:relative;
  top:4px;
  margin:0px;
}

.small {
  font-size:10px;
}
.medium {
  font-size:12px;
}
div.blank {
  padding:20px;
  text-align:center;
  font-size:18px;
}

img.dim {
  opacity:0.6;
  filter:alpha(opacity=60);
}

img.verydim {
  opacity:0.4;
  filter:alpha(opacity=40);
}

.tablelist_shadow {
  background-color:#ececec;
}

.tablelist_hidden{
  display:none;
}


/*** NAV LIST ***/
ul.navlist {
  margin:0;
  padding:0;
}
ul.navlist li {
  list-style-type:none;
}
ul.navlist li a {
  display: block;
  text-decoration:none;
  font-size:14px;
  padding: 2px;
}
ul.navlist li a:hover {
  background-color:#259A0E;
  color:#fff;
}


/*** NAV LIST FOR THUMBS (USER BUDDIES FOR NOW)***/
ul.navlist-thumb {
  margin:0;
  padding:0;
}
ul.navlist-thumb li {
  list-style-type:none;
}
ul.navlist-thumb li a {
  text-decoration:none;
  display: block;
  padding: 2px;
  color: #888;
  font-size: 12px;
  line-height:14px;
}
ul.navlist-thumb li a:hover {
  background-color:#f7f7f7;
  color:#333;
}

ul.vertical-menu {
  margin:0;
  padding:0;
  width:100%;
}
ul.vertical-menu li {
  list-style-type:none;
  text-align:left;
  width:100%;
  margin:12px 4px 16px 8px;;
}
ul.vertical-menu li a {
  color: #333;
}
li.vertical-menu-shadow {
  background-color: #ececec;
}

ul.hvertical-menu {
  margin:0;
  padding:0;
  width:100%;
}
ul.hvertical-menu li {
  list-style-type:none;
  text-align:left;
  width:100%;
}
ul.hvertical-menu li a {
  text-decoration:none;
  color: #333;
}
ul.hvertical-menu li a div {
  padding:8px 4px 8px 8px;
}
ul.hvertical-menu li.normal a div {
  color:#3d3d3d;
}
ul.hvertical-menu li.normal a:hover div,
ul.hvertical-menu li.highlight a div,
ul.hvertical-menu li.highlight a:hover div {
  color:#000;
  background-color: #ececec;
}

.cr-header {
  text-align:left;
  margin-bottom:8px;
  padding:0px;
}
.old-template-body .cr-header {
  margin:16px 0px 8px 0px;
  border-bottom:1px solid #ccc;
}
.cr-header a {
  text-decoration:none;
}
.cr-header img {
  vertical-align: middle;
}

img.thumbnail {
  margin:auto;
  display:block;
  border-style:solid;
  border-color:#ccc;
}

.thumbnail-text {
  width:160px;
  overflow:hidden;
}
.headline {
  font-size:22px;
}
.smilie-grid td {
  margin:0;
  padding:0;
}

/***** USER THUMBS SMALL, FOR FAVS *****/
.thumb-user-small-mug a img {
  margin:auto;
  display:block;
  border:1px solid #ccc;
}
.thumb-user-small-link {
  margin:0 auto 2px auto;
  font-size:10px;
}
.thumb-user-small-link a{
  white-space:nowrap;
  color:#888;
}
.thumb-user-small-link a:hover{
  color:#000;
}
.thumb-user-small-container {
  margin:6px auto 2px auto;
  overflow:hidden;
  text-align:center;
  width:52px;
}

/***** USER PREMIUM STAR STYLING *****/
.cr-star-tiny {
  width: 12px;
  height: 12px;
}


/***** GROUP THUMBS SMALL, FOR FAVS *****/

.thumb-group-small-mug a img {
  margin:auto;
  display:block;
  border:1px solid #ccc;
}

.thumb-group-small-link {
  margin:0 auto 2px auto;
  font-size:10px;
}
.thumb-group-small-link a{
  color:#888;
  white-space:nowrap;
}
.thumb-group-small-link a:hover{
  color:#000;
}
.thumb-group-small-container {
  margin:6px auto 2px auto;
  overflow:hidden;
  text-align:center;
  width:52px;
}

/***** PENDING THUMBS *****/

.thumb-pending-user-mug a img {
  margin:auto;
  display:block;
  border:1px solid #ccc;
  filter:alpha(opacity=60);
  opacity: 0.6;
}
.thumb-pending-user-link {
  margin:0 auto 2px auto;
  font-size:12px;
  overflow:hidden;
}
.thumb-pending-user-container {
  margin:auto;
  text-align:center;
}

/*** PHOTO THUMBS ***/

.thumb-photo-mug a img{
  border: 1px solid #ccc;
}
.thumb-photo-caption {
  color:#888;
  font-size:12px;
  width:100px;
  overflow:hidden;
}
.thumb-photo-user {
  color:#888;
  font-size:10px;
  width:100px;
  overflow:hidden;
}
.thumb-photo-user a {
  color:#888;
  font-weight:normal;
}
.thumb-photo-user a:hover {
  color:#000;
}
input.thumb-photo-form {
  width:190px;
  font-size:12px;
  border:none;
  color:#888;
}
input.thumb-photo-formbtn {
  font-size:10px;
  border:1px solid #3d3d3d;
  margin:2px;
  cursor:pointer;
}
.thumb-photo-container {
}
/*** PHOTO THUMBS LARGE ***/

.thumb-photo-large-share-title {
  color: #888;
  display: block;
  font-size: 60%;
}

.thumb-photo-large-share-url,
.thumb-photo-large-share-bbcode,
.thumb-photo-large-share-anchor {
  font-size: 70%;
  width: 150px;
}

/*** GROUP STUFF ***/
form.groupinvite img {
  margin:2px;
  width:26px;height:26px;
}

/*** NOTIFICATION STUFF ***/
.notification-list {
  width:600px;
  margin:4px;
  padding:4px 0 6px 0;
  font-size:12px;
  border-top:1px solid #ddd;
}
.notification-list a:hover {
  text-decoration: underline;
}
.notification-list input.checkbox {
  float:right;
}
.notification-list div div.img {
  float:left;
  margin:4px;
}
.notification-list div div.img a img {
  border:1px solid #ccc;
}
.notification-list div div.body {
  float:left;
  width:450px;
  margin:4px;
}
.notification-list div div.body div.bodyimg {
  display:block; /* fix for opera */
  margin:8px 6px 8px 0px;
}
.notification-list div div.body div.bodyimg span.gtitle{
  font-size:18px;
  font-weight:bold;
}
.notification-list div div.body div.bodyimg span.gmembers{
  color:#888;
  font-size:18px;
  font-weight:normal;
}
.notification-list div div.body div.bodyimg a img {
  padding:4px;
  border:1px solid #ccc;
}
.notification-list div div.links {
  float:right;
  color:#888;
  font-size:10px;
}
.notification-list div div.time {
  float:left;
  color:#888;
  font-size:10px;
}
.notification-list div div.links a {
  color:#888;
  font-size:10px;
}
.notification-list div div.links a:hover {
  color:#000;
}
.notification-list .bodycontainer {
  clear:both;
}
#notification-container h3 {
  font-size:18px;
  margin:6px 6px 0px 6px;
  padding:2px 2px 0px 2px;

}
.notification-list div.subheader {
  position:relative;
  top: -2px;
}
.notification-list-btn {
  margin:4px 4px 0px 0px;
  font-size:12px;
}
.see-more-link {
  margin:6px;
  float:right;
}

.user-my-link, .collection-my-link {
  font-weight:bold;
  font-size:16px;
  margin:6px;
}

.nav_tab {
  padding:4px 0 4px 0;
  font-size:14px;
  width:80px;
  text-align:center;
}
.nav_bar {
  font-size:12px;
  padding: 4px;
  background-color:#ffc26c;
}
.nav_highlight, .nav_highlight *{
  color: #3d3d3d;
  background-color: #D6F3C7;
}

.nav_dim,.nav_dim * {
  color: #3d3d3d;
  background-color: #ffc26c;
}
.nav_dim *:hover, .nav_highlight *:hover {
  color: #888;
}

.uploadnav_tab {
  font-size:14px;
  text-align:center;
  margin:0 20px 0 20px;
  padding: 4px 8px 4px 8px;
  width: 150px;
}
.uploadnav_bar {
  font-size:6px;
  padding: 4px;
}
.uploadnav_highlight, .uploadnav_highlight *{
  color: #3d3d3d;
  background-color: #D6F3C7;
}
.uploadnav_dim,.uploadnav_dim * {
  color: #3d3d3d;
  background-color: #ffc26c;
}
.uploadnav_dim *:hover, .uploadnav_highlight *:hover {
  color: #888;
}

.searchnav_tab {
  font-size:16px;
  text-align:center;
  margin:0 4px 0 6px;
  padding: 2px;
}
.searchnav_bar {
  display:none;
}
.searchnav_highlight, .searchnav_highlight *{
  color: #3d3d3d;
  text-decoration:none;
}
.searchnav_dim,.searchnav_dim * {
  color: #3d3d3d;
  font-weight:normal;
}
.searchnav_dim *:hover, .search_highlight *:hover {
  color: #888;
}

.big-btn {
  text-decoration:none;
  color: #444;
  font-size:12px;
  padding:4px 8px;
  margin:0px 4px;
  border-style: solid;
  border-width: 1px;
  border-color: #FFD07E #CE930E #CE930E #FFD07E;
  background-color: #faaf3f;
}
.big-btn:hover {
  border-color: #CE930E #FFD07E #FFD07E #CE930E;
  background-color: #f5ab3e;
}
.submitbtn {
  cursor:pointer;
  text-decoration:none;
  color: #444;
  padding:3px 6px;
  margin:0px 4px;
  border-style: solid;
  border-width: 1px;
  border-color: #FFD07E #CE930E #CE930E #FFD07E;
  background-color: #faaf3f;
}
.submitbtn:hover,
.submitbtn_hover {
  background-color: #f5ab3e;
  border-color: #CE930E #FFD07E #FFD07E #CE930E;
}

/**** PMs INBOX ****/
.pm-name span,
.pm-title span,
.pm-time span,
.pm-new-name span,
.pm-new-title span,
.pm-new-time span
{
  white-space:nowrap;
}
.inbox-body-contents table a:hover {
  text-decoration: none;
}
div.pm-new-name {
  font-weight: bold;
  width:120px;
  overflow:hidden;
  cursor:pointer;
}
.pm-name {
  font-weight:normal;
  width:120px;
  overflow:hidden;
  cursor:pointer;
}
a.pm-name img,
a.pm-new-name img {
  padding-left:3px;
  position:relative;
  top:-2px;
  vertical-align: middle;
}
a.pm-name,
a.pm-new-name {
  text-decoration:none;
  color: #333;
}
div.pm-title {
  font-weight:normal;
  width:440px;
  overflow:hidden;
  cursor:pointer;
  line-height: 22px;
  vertical-align: middle;
}
.pm-subject {
  color: #333;
}
.pm-subject:hover {
  text-decoration: none;
}
div.pm-new-title {
  width:440px;
  overflow:hidden;
  cursor:pointer;
  line-height: 22px;
  vertical-align: middle;
}
a.pm-title,a.pm-new-title {
  text-decoration:none;
}
.pm-new-subject {
  color: #333;
  font-weight:bold;
}
.pm-new-body,.pm-body {
  font-weight:normal;
  color:#888;
}
.pm-new-time,
.pm-time {
  width:80px;
  overflow:hidden;
  font-size:10px;
  line-height: 22px;
  margin-left: 10px;
}

.pm-single-body {
  width:610px;
  overflow:hidden;
  margin: auto;
}

table.pm-display td {
  padding: 5px;
}

table.pm-display a:hover {
  text-decoration: underline;
}

form.small-text, form.small-text textarea, form.small-text input {
  font-size:12px;
}

.modlink {
  color:red;
}
div.approvemedia-links {
  line-height:12px;
}
div.approvemedia-links a {
  color:#888;
  font-size:10px;
}
div.approvemedia-links a:hover {
  color:#000;
}

.mod-action-link {
  color: red;
  font-size: 12px;
  margin: 4px;
}
.mod-action-link input {
  margin: 0 2px 0 0;
}


.form-validator-indicator {
  border:1px solid transparent; /* for some reason we need this or else captcha indicator is mispositioned... -jl */
  position:relative;
}
.form-validator-indicator div {
  font-size:12px;
  white-space:nowrap;
  position:absolute;
  top:-2px;
  left:4px;
}

.bold {
  font-weight:bold;
}
.normal {
  font-weight:normal;
}
div.tagcloud {
  margin:10px;
  text-align:center;
  font-size:18px;
}
div.tagcloud a {
  padding: 0px 4px 0px 4px;
  color:#259A0E;
  text-decoration:none;
}
div.tagcloud a:hover {
  color:#000;
  text-decoration:underline;
}

.support-body {
  text-align: center;
  width: 97%;
}

.placeholder {
  color:#888;
}

.signup-submit-button {
  padding:4px;
  font-size:16px;
}

.page-instructions {
  color:#666;
  width:80%;
  font-size:12px;
  margin:10px auto;
  text-align:center;
}
.blue-box {
  margin:20px;
  text-align:center;
  background-color:#E8F4F8;
  padding:10px;
}
sup, .footnote {
  font-size:50%;
  vertical-align:super;
}

.new-footer {
  color: #F78C25;
  font-size: .9em;
  z-index: 5;
  vertical-align: super;
}

.localized {
  border-bottom:2px dotted #66EF00;
  cursor:help;
}

.old-template-body .orange-button {
  display:block;
  margin:auto;
  background: transparent url("/i/orange_round_btn_transparent_360_50.png") no-repeat scroll left top;
  text-align:center;
  height:35px;
  padding:15px 0 0 18px;
  color:white;
  font-weight:bold;
  position:relative;
  font-size:14px;
}
.old-template-body .orange-button .right {
  position:absolute;
  top:0;
  right:-18px;
  display:block;
  background: transparent url("/i/orange_round_btn_transparent_360_50.png") no-repeat scroll right top;
  width:18px;
  height:50px;
}

.ie-hidden-submit {
  display:none;
  width:0;
  height:0;
  border:0;
  padding:0;
  margin:0;
}

#yui-history-iframe {
  position:absolute;
  top:0; left:0;
  width:1px; height:1px;
  visibility:hidden;
}
.facebook-like {
  border:none;
  overflow:hidden;
  width:95px;
  height:32px
}
.remove-this-mrec-ad {
  display:block;
  text-align:center;
  height:12px;
}
.remove-this-mrec-ad a {
  vertical-align:center;
  font-size:10px;
  color:#888;
}

#skin_leaderboard {
  display:block;
  position:relative;
}
#skin_leaderboard img {
  display:block;
  filter:alpha(opacity=100);
  opacity:1;
  margin:auto;
}
#skin_leaderboard a:hover img {
  filter:alpha(opacity=100);
  opacity:1;
}
#skin_leaderboard .play-button {
  top:0;
  left:0;
  display:block;
  position:absolute;
  width:100%;
  height:100%;
}

.interstitial {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#333;
  z-index:10000;
}

.android-button {
  -moz-border-radius:7px;
  border-radius:7px;
  background-color:#A4C639;
  color:white;
  font-weight:bold;
}

.news-share-bar {
  text-align:right;
  position:relative;
}
.news-share-bar .fb-like-button {
  position:relative;
  top:6px;
}
.news-share-bar .plus-one-button {
  position:absolute;
  width:90px;
  top:6px;
  left:0;
}
.news-share-bar .twitter-button {
  position:relative;
  margin-right:8px;
  top:1px;
}

.newsfeed .news-share-bar .plus-one-button {
  left: -55px;
}

.ui-autocomplete {
  background-color:white;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  cursor:pointer;
  z-index: 3;
}
.ui-autocomplete .ui-menu-item {
  padding:2px;
  border-bottom:1px solid #ececec;
  color: #DF6300;
}
.ui-autocomplete .ui-menu-item:hover {
  text-decoration: underline;
}
.ui-autocomplete .focused {
  background-color:#f7f7f7;
}
.ui-helper-hidden-accessible {
  display: none;
}

/* jquery validator messages */
label.error {
  font-weight:bold;
}
label.validator-success {
  color:#090;
}
label.validator-failure {
  color:#d00;
}
.search-form-channel {
  float:right;
  margin-right:10px;
  position:relative;
  top:2px;
  width:150px;
}

.search-form-channel input[type=text] {
  position:absolute;
  top:0px;
  left:0px;
  width:130px;
  font-size:14px;
  font-weight:bold;
  height:14px;
  padding:2px;
  border:1px solid #888;
}
.search-form-channel p {
  position:absolute;
  display:inline;
  top:0px;
  left:136px;
}
.search-submit-button {
  width:18px;
  height:18px;
  border-right:1px solid #888;
  border-top:1px solid #888;
  border-bottom:1px solid #888;
  display:block;
  background-image:url("/i/search_18_18.png");
  cursor:pointer;
}

.list-addfav-msg {
  background-color: #ffc;
  border:2px solid #FFD57C;
  font-size: 12px;
  margin: 0px auto 10px auto;
  width: 300px;
  text-align:center;
  padding:2px 0px;
  font-weight:bold;
}

.addfav-char-counter {
  font-size:10px;
  color:#888;
  margin:0px 0px 4px 0px;
}
.list-addfav {
  margin:auto;
  text-align: left;
  width:240px;
}

.list-addfav .status_dropdown {
  width: 127px;
  margin:4px;
}

.list-addfav .rating_dropdown {
  width: 168px;
  margin:4px;
}

.list-addfav #num_watched {
  width: 30px;
  margin:4px;
}

.list-addfav .comment {
  width: 218px;
  margin:4px 0px;
}
.queue-ribbon {
  display: block;
  height: 28px;
  width: 23px;
  background: url('/i/queue_ribbon.png') no-repeat;
  position: absolute;
  top: 4px;
  right: 10px;
}


@-webkit-keyframes full-rotate {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes full-rotate {
  from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); }
}
@-o-keyframes full-rotate {
  from { -o-transform: rotate(0deg); }
  to { -o-transform: rotate(360deg); }
}
@keyframes full-rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.loading-message .loading-image {
  -webkit-animation: full-rotate 1.1s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-animation: full-rotate 1.1s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-animation: full-rotate 1.1s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation: full-rotate 1.1s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
}