/***************************************
Site: t5m Publisher Portal v1
Description: Reset/main stylesheet
Author: Laurie Ainley
Date: 18/05/10

CDN prefix: http://images1.t5m.com/site-images/
***************************************/

/* ----- RESET AND BASIC TAG STYLING ----- */

* {
  padding: 0;
  margin: 0;
}

body {
  font-size: 62.5%; /* 16px x 62.5% = 10px */
  background-color: #FFF;
  text-align: center;
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  color: #000;
  padding: 0;
  margin: 0;
  text-align: center;
}

a {
  outline: none; /* remove dotted borders around active image links */
  color: #0A56BD;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

p {
  font-size: 1em;
}

h1 {
  font-size: 1.8em;
  line-height: 1.2em;
}

h2 {
  font-size: 1.4em;
  font-weight: normal;
}

h3 {
  font-size: 1.2em;
}

h4 {
  font-size: 1.1em;
}

.section-header {
  font-size: 1em;
}

h1, h2, h3, .section-header, h5, h6, p {
  padding: 0.5em 0;
  margin: 0;
}

img, fieldset {
  border: 0;
}

input, select, th, td, textarea {
  font-size: 1em;
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  border: 1px solid #C1C1C1;
}

textarea {
  padding: 0.1em;
}

hr {
  border: none 0;
  border-top: 1px dashed #404040;
  width: 100%;
  height: 1px;
  margin: 1em 0;
}

hr.grey-solid-line {
  border-top: 1px solid #B1B1B1;
  margin: 0.5em 0;
}

/* ----- GENERIC STYLES ----- */

.cleaner, .cb {
  clear: both;
  height: 1px;
  font-size: 1pt;
  line-height: 0;
  border: none;
  margin: 0;
  padding: 0;
  display: block;
}

.hide {
  display: none;
}

#container #content #columns .error-border {
  border: 1px solid #d03131;
}

.error, #login_error {
  color: #d03131;
}

.right {
  float: right;
}

.left {
  float: left;
}
.upper {
  text-transform: uppercase;
}

.button-container {
  position: relative;
  display: block;
  float: left;
}

input.generic-button {
  padding: 2px 8px;
  cursor: pointer;
}

.input {
  padding: 3px;
  font-size: 1.2em;
}

.generic-box {
  text-align: left;
  font-size: 1.2em;
  margin-bottom: 10px;
}

.generic-textfield {
  border: 1px solid #C1C1C1;
  padding: 4px;
  color: #222;
}

.generic-box .generic-box {
  font-size: 1em;
}

.generic-pad-10 {
  padding: 10px;
}

.generic-pad-5 {
  padding: 5px;
}

.generic-box .box-title .tabs {
  padding-top: 4px;
  height: 21px;
}

.generic-box .box-title .tabs ul  {
  list-style-type: none;
  margin: 0;
}

.generic-box .box-title .tabs li {
  display: inline;
  float: left;
  height: 21px;
}

.generic-box .box-title .tabs li a {
  float: left;
  display: block;
  color: #FFF;
  background-image: url(http://images1.t5m.com/site-images/template/v3/title_tabs_sprite.gif);
  min-height: 1em; /* Fixes IE7 whitespace bug */
  background-repeat: no-repeat;
  background-position: left -21px;
  padding: 0 0 0 15px;
  font-weight: bold;
  overflow: hidden;
}

.generic-box .box-title .tabs li a span {
  float: left;
  display: block;
  background-color: #191A1B;
  background-image: url(http://images1.t5m.com/site-images/template/v3/title_tabs_sprite.gif);
  background-repeat: no-repeat;
  background-position: right -21px;
  height: 18px;
  padding: 3px 15px 0px 0px;
  cursor: pointer;
  overflow: hidden;
}

.generic-box .box-title .tabs li a.active {
  color: #0A0000;
}

.generic-box .box-title .tabs li a:hover {
  background-position: left 0;
  text-decoration: none;
  color: #0A0000;
}

.generic-box .box-title .tabs li a:hover span {
  background-position: right 0;
}

.generic-box .box-title .tabs li a.active {
  background-position: left 0;
}

.generic-box .box-title .tabs li a.active span {
  background-position: right 0;
}

.generic-box .box-title .tabs li a.active:hover {
}

.generic-box .box-title .tabs li a.active:hover span {
}

.generic-box .box-title .tabs.numeric-tabs li {
  margin-left: -1px;
  margin-right: -1px;
}

.generic-box .box-title .tabs.numeric-tabs li a {
  padding-left: 7px;
}

.generic-box .box-title .tabs.numeric-tabs li a span {
  padding-right: 7px;
}

.generic-box .box-content .box-subtitle {
  display: block;
  background-color: #F2F2F2;
  font-weight: bold;
  padding: 6px;
}

.generic-table {
  border-collapse: collapse;
}

.generic-table th {
  text-align: center;
  padding: 2px;
  background-color: #EEEEEE;
}

.generic-table td {
  padding: 2px;
}

.new-generic-arrow {
  background-image: url(http://images1.t5m.com/site-images/template/v3/black/title_arrow.gif);
  background-position: left top;
  background-repeat: no-repeat;
  display: block;
  height: 4px;
  width: 8px;
  position: absolute;
  bottom: -4px;
  left: 8px;
}

.play-button-140, .play-button-70 {
  background-image: url(http://images1.t5m.com/site-images/template/v3/png_icon_sprite.png);
  background-repeat: no-repeat;
  background-position: left top;
  display: block;
  width: 42px;
  height: 42px;
  position: absolute;
  top: 20px;
  left: 50px;
  cursor: pointer;
}

.play-button-70 {
  background-position: left -141px;
  top: 10px;
  left: 25px;
  width: 22px;
  height: 22px;
}

a:hover .play-button-140 {
  background-position: 2px 2px;
}

a:hover .play-button-70 {
  background-position: 2px -139px;
}

.mpu {
  width: 300px;
  height: 250px;
  margin-bottom: 8px;
  background-color: #FFF;
}

.generic-link-button {
  background: transparent url(http://images1.t5m.com/site-images/publisher-portal/tab-sprites9.gif) no-repeat left top;
  height: 14px;
  line-height: 14px;
  padding: 5px 0 6px 9px;
  color: #383838;
  margin: 0;
  overflow: hidden;
}

.generic-link-button:hover {
  color: #555;
}

.generic-link-button strong {
  background: transparent url(http://images1.t5m.com/site-images/publisher-portal/tab-sprites9.gif) no-repeat right -50px;
  height: 14px;
  line-height: 14px;
  padding: 5px 28px 6px 0;
}

.grey-box {
  background-color: #d2d2c9;
  padding: 10px;
}

.grey-details {
  line-height: 1.5em;
  color: #797979;
  font-size: 0.9em;
}

.generic-rounded-box {
  background: transparent url(http://images1.t5m.com/site-images/publisher-portal/png-rounded-box.png) no-repeat right top;
  width: 640px;
  margin-bottom: 15px;
}

.generic-rounded-box h1, .generic-rounded-box h2, .generic-rounded-box h3, .generic-rounded-box h4 {
  padding-top: 0;
}

.generic-rounded-box .generic-rounded-t {
  background: transparent url(http://images1.t5m.com/site-images/publisher-portal/png-rounded-box.png) no-repeat left top;
  padding: 10px 10px 5px;
  margin-right: 5px;
}

.generic-rounded-box .generic-rounded-b {
  background: transparent url(http://images1.t5m.com/site-images/publisher-portal/png-rounded-box.png) no-repeat right bottom;
  height: 5px;
  text-align: left;
}

.generic-rounded-box .generic-rounded-b div {
  background: transparent url(http://images1.t5m.com/site-images/publisher-portal/png-rounded-box.png) no-repeat left bottom;
  width: 12px;
  height: 5px;
}

.generic-video-list {
  list-style-type: none;
}

.generic-video-list li {
  width: 122px;
  margin-right: 6px;
  line-height: 1.3em;
  color: #797979;
  font-size: 0.9em;
  margin-bottom: 20px;
  position: relative;
  float: left;
}

.generic-video-list.horizontal li {
  float: none;
  min-height: 130px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  _height: 130px;
}

.generic-video-list li h4, .generic-video-list li p {
  padding: 0;
}

.generic-video-list li.third-item {
  margin-right: 0;
}

.generic-video-list .rollover-link {
  color: #FFF;
  text-decoration: none;
}

.generic-video-list .rollover-thumb {
  border: 1px solid #686868;
  width: 120px;
  height: 68px;
  margin-bottom: 2px;
}

.generic-video-list .rollover-tagline, .generic-video-list .rollover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 116px;
  height: 64px;
  padding: 2px 3px;
  font-weight: normal;
  color: #FFF;
  display: none;
  font-size: 1em;
  cursor: pointer;
  line-height: 1.25em;
  overflow: hidden;
}

.generic-video-list .rollover-overlay {
  background-color: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  width: 122px;
  height: 70px;
  padding: 0;
}

.embed-code {
  font-family: "Courier New", Courier, monospace, serif;
  color: #535353;
  width: 350px;
  height: 120px;
  border: 1px solid #CBCBCB;
  font-size: 0.9em;
}

.bold {
  font-weight: bold;
}

.grey-text {
  color: #565656;
}

.success-msg {
  background-color: #d0f5be;
  border: 1px solid #61af3b;
  color: #535353;
  padding: 4px;
}

.error-msg {
  background-color: #ffd1d1;
  border: 1px solid #e8a5a5;
  color: #912121;
  padding: 4px;
}

.single-column-600 {
  width: 600px
}

.play-button-640 {
  position: relative;
  display: block;
}

.play-button-640 span {
  background-image: url(http://images1.t5m.com/site-images/template/v3/png_icon_sprite.png);
  background-repeat: no-repeat;
  background-position: left top;
  display: block;
  width: 42px;
  height: 42px;
  position: absolute;
  top: 160px;
  left: 300px;
  cursor: pointer;
}

a.play-button-640:hover span {
  background-position: 2px 2px;
}

.left-column {
  background: transparent url(http://images2.t5m.com/site-images/site-images/corporate-2010-04/titles_page_bg.jpg) no-repeat right top;
  float: left;
  width: 450px;
  padding: 20px 20px 20px 0;
  margin-bottom: 20px;
}

.right-column {
  margin-left: 490px;
  margin-bottom: 20px;
}

.three-col-left, .three-col-middle {
  float: left;
  margin-right: 60px;
  margin-bottom: 20px;
  width: 254px;
}

.three-col-right {
  margin-left: 630px;
  margin-bottom: 20px;
  width: 254px;
}

.three-col-double {
  margin-left: 316px;
  margin-bottom: 20px;
  width: 567px;
}

.generic-title-grey {
  background: transparent url(http://images2.t5m.com/site-images/publisher-portal/titles_sprite2.gif) no-repeat left -500px;
  color: #333;
  line-height: 29px;
  padding: 0 10px;
  height: 35px;
  margin-bottom: 5px;
  font-weight: bold;
}

.box-illustration {
  background: transparent url(http://images2.t5m.com/site-images/corporate-2010-04/images_sprite.jpg) no-repeat 0px 0px;
  height: 80px;
  width: 80px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-top: 5px;
  float: left;
}

.box-audience .box-illustration {
  background-position: 0px 0px;
  width: 60px;
  height: 60px;
}

.box-analytics .box-illustration {
  background-position: -100px 0px;
  width: 88px;
  height: 60px;
}

.box-distribution .box-illustration {
  background-position: -200px 0px;
  width: 67px;
  height: 66px;
}

.box-video .box-illustration {
  background-position: -300px 0px;
  width: 55px;
  height: 60px;
}

.box-monetise .box-illustration {
  background-position: -400px 0px;
  width: 40px;
  height: 60px;
}

.box-industry .box-illustration {
  background-position: -500px 0px;
  width: 85px;
  height: 70px;
}

.box-premium .box-illustration {
  background-position: 0px -100px;
  width: 65px;
  height: 65px;
}

.box-dialogue .box-illustration {
  background-position: -100px -100px;
  width: 75px;
  height: 65px;
}

.box-positive .box-illustration {
  background-position: -200px -100px;
  width: 55px;
  height: 55px;
}

.box-social .box-illustration {
  background-position: -300px -100px;
  width: 70px;
  height: 60px;
}

.box-roi .box-illustration {
  background-position: -400px -100px;
  width: 80px;
  height: 95px;
}

.box-exclusivity .box-illustration {
  background-position: -500px -100px;
  width: 80px;
  height: 80px;
}

.box-self .box-illustration {
  background-position: 0px -200px;
  width: 75px;
  height: 65px;
}

.box-publishing .box-illustration {
  background-position: -100px -200px;
  width: 60px;
  height: 65px;
}

h1.page-title {
  font-size: 2em;
}

h2.em-heading {
  font-weight: bold;
  font-size: 2em;
}

.register-input {
  width: 294px;
  padding: 5px;
  float: left;
}

select.register-input {
  padding: 3px;
  height: 27px;
  line-height: 27px;
}

.bottom-margin {
  margin-bottom: 15px;
}

/* ----- LAYERS ----- */

#container {
  width: 960px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}

#header {
  height: 117px;
  border-bottom: 1px dashed #404040;
}

#header-logo {
  height: 73px;
  width: 170px;
  position: absolute;
  top: 0;
  left: 0;
}

#header-logo a {
  height: 38px;
  width: 170px;
  padding: 22px 40px 13px 0;
  display: block;
}

#header-account {
  position: absolute;
  right: 0;
  font-size: 1.1em;
  padding-top: 22px;
  text-align: center;
  color: #696963;
}

#header-account a {
  font-weight: bold;
  margin: 0 5px;
  color: #0a56bd;
}

#header-nav {
  position: absolute;
  top: 71px;
}

#header-nav ul {
  list-style-type: none;
  width: 650px;
  height: 33px;
  font-size: 1.3em;
}

#header-nav ul li {
  float: left;
  border-right: 1px solid #BBB;
  border-left: 1px solid #EAEAEA;
  position: relative;
}

#header-nav ul li a {
  color: #454545;
  display: block;
  padding: 8px 16px;
  height: 16px;
  background: #e2e2db url(http://images1.t5m.com/site-images/publisher-portal/png-sprite8.png) no-repeat center top;
  float: left;
}

#header-nav ul li a:hover, #header-nav ul li.on a,
#home #header-nav #nav-home a, #dashboard #header-nav #nav-home a,
#videos #header-nav #nav-videos a, #reports #header-nav #nav-reports a,
#settings #header-nav #nav-settings a, #about #header-nav #nav-about a,
#help #header-nav #nav-help a {
  background-color: #cfcfca;
}

#header-nav ul li.first-item {
  border-left-width: 0;
}

#header-nav ul li.first-item a {
  background-position: left top;
}

#header-nav ul li.last-item {
  border-right-width: 0;
}

#header-nav ul li.last-item a {
  background-position: right top;
}

#header-nav ul li a:hover {
  text-decoration: none;
}

#header-nav ul li ul.nav-submenu {
 position: absolute;
 top: 32px;
 left: 0;
 width: 160px;
 font-size: 0.9em;
 height: auto;
 display: none;
 z-index: 10;
}

#header-nav ul li ul.nav-submenu li {
  float: none;
  border-width: 0;
  height: 30px;
}

#container #header #header-nav ul li.on ul.nav-submenu li a,
#about #header-nav ul li#nav-about ul.nav-submenu li a {
  background-color: #e2e2db;
}

#container #header #header-nav ul li.on ul.nav-submenu li a:hover,
#about #header-nav ul li#nav-about ul.nav-submenu li a:hover {
  background-color: #cfcfca;
}

#header-nav ul li ul.nav-submenu li a {
  background-image: none;
  float: none;
}

#header-nav ul li ul.nav-submenu li.on a {
  font-weight: bold;
}

#header-search-options {
  position: absolute;
  right: 290px;
  width: 100px;
  top: 76px;
  text-align: right;
  font-size: 1.1em;
}

#header-search {
  position: absolute;
  right: 5px;
  width: 280px;
  top: 73px;
  font-size: 1.2em;
}

#header-search #search-text {
  background: transparent url(http://images1.t5m.com/site-images/publisher-portal/tab-sprites9.gif) no-repeat left -50px;
  border: 0;
  padding: 8px 40px 8px 20px;
  width: 220px;
  height: 17px;
}

#header-search #search-submit {
  background: transparent url(http://images1.t5m.com/site-images/publisher-portal/tab-sprites9.gif) no-repeat -310px -50px;
  width: 18px;
  height: 18px;
  text-indent: -9999px;
  border: 0;
  padding: 0;
  position: absolute;
  right: 15px;
  top: 7px;
  line-height: 0;
}

#header-search #search-submit {
  cursor: pointer;
}

#content {
  margin: 10px 0;
  line-height: 1.5em;
  font-size: 1.2em;
  min-height: 300px;
}

/* ----- FOOTER LINKS ----- */

#footer {
  color: #3F3F3F;
  font-size: 1.1em;
  margin-top: 2em;
  margin-bottom: 30px;
  background: transparent url(http://images1.t5m.com/site-images/publisher-portal/tab-sprites9.gif) no-repeat left top;
  height: 14px;
  padding: 6px 10px;
}

#footer a:link, #footer a:visited {
  color: #3F3F3F;
  text-decoration: none;
}

#footer a:active, #footer a:hover {
  color: #3F3F3F;
  text-decoration: underline;
}

#footer #bottom-nav {
  float: left;
}

#footer #bottom-nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#footer #bottom-nav ul li {
  display: block;
  float: left;
  padding-left: 6px;
  padding-right: 6px;
  border-left: 1px solid #3F3F3F;
}

#footer #bottom-nav ul li.first-item {
  padding-left: 0;
  border-width: 0;
}

#footer #copyright {
  float: right;
  font-weight: bold;
  color: #181818;
}

#footer #copyright a {
  color: #181818;
}

/* ----- DASHBOARD HOME ----- */

#dashboard .columns3-1 {
  float: left;
  margin-right: 15px;
  width: 315px;
}

#dashboard #dashboard-featured-video h3 {
  font-size: 1.4em;
}

#dashboard .columns3-1 #dashboard-news {
  font-size: 0.92em;
}

#dashboard .columns3-2 {
  float: left;
  margin-right: 10px;
  width: 390px;
}

#dashboard .columns3-3 {
  float: right;
  width: 226px;
}

#dashboard .columns3-3 .grey-box {
  margin-bottom: 5px;
}

#dashboard .columns3-3 .summary-table th {
  color: #5E5E5E;
  padding-bottom: 5px;
  border-width: 0;
}

#dashboard .columns3-3 .summary-table td {
  font-size: 1.6em;
  padding-bottom: 10px;
  border-width: 0;
}

#dashboard .columns3-3 .summary-table td small {
  font-size: 0.6em;
}


/* ----- HOME ----- */

#home #header {
  border-bottom-width: 0;
}

#home #content {
  margin-top: 0;
}

#home #home-carousel {
  position: relative;
  margin-left: -6px;
  padding-bottom: 6px;
  width: 972px;
  background: transparent url(http://images1.t5m.com/site-images/publisher-portal/carousel_bg.gif) no-repeat left top;
}

#home #home-carousel #carousel-nav {
  position: absolute;
  top: 37px;
  right: 54px;
  list-style-type: none;
  z-index: 20;
}

#home #home-carousel #carousel-nav li {
  background: transparent url(http://images1.t5m.com/site-images/publisher-portal/png-sprite8.png) no-repeat -50px -100px;
  float: left;
  text-indent: -9999px;
  width: 14px;
  height: 14px;
  padding-right: 9px;
  z-index: 21;
}

#home #home-carousel #carousel-nav li.active {
  background-position: left -100px;
}


#home #home-carousel #carousel-nav li a {
  display: block;
  z-index: 22;
  width: 14px;
  height: 14px;
}

#home #home-carousel #home-carousel-items {
  width: 960px;
  height: 444px;
  margin-left: 6px;
  padding-top: 6px;
  position: relative;
}

#home #home-carousel #home-carousel-items ul {
  list-style-type: none;
  position: relative;
}

#home #home-carousel #home-carousel-items ul, #home #home-carousel #home-carousel-items li {
  width: 960px;
  height: 444px;
}

#home #home-carousel #home-carousel-items li.first-item {
  display: block;
}

#home #home-carousel #home-carousel-items li {
  width: 960px;
  height: 444px;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

#home #home-carousel #carousel-join-now {
  position: absolute;
  top: 357px;
  left: 721px;
  background: transparent url(http://images1.t5m.com/site-images/publisher-portal/png-sprite8.png) no-repeat -200px -100px;
  width: 198px;
  height: 60px;
  padding: 4px;
  text-indent: -9999px;
}

#home #home-carousel #carousel-join-now a {
  display: block;
  width: 198px;
  height: 60px;
  padding: 4px;
}

#home #columns4-container {
  width: 972px;
  position: relative;
  margin: 20px 0 20px -6px;
}

#home .columns4 {
  width: 212px;
  float: left;
  padding: 0px 15px 0;
  border-right: 1px dashed #808080;
  height: 250px;
  position: relative;
}

#home #columns4-container #columns4-bg {
  position: absolute;
  top: -20px;
  left: 0;
  background-color: #ded7c7;
  width: 213px;
  height: 305px;
  padding: 0px 15px 0;
}

#home .columns4 .generic-link-button {
  position: absolute;
  top: 250px;
}

#home .columns4.column-on .generic-link-button {
  background-position: 400px 400px;
}

#home .columns4.column-on .generic-link-button strong, #home .columns4.column-on .generic-link-button:hover strong {
  background-position: right -100px;
  padding-right: 28px;
}

#home .columns4 h2 {
  /* background: transparent url(http://images1.t5m.com/site-images/publisher-portal/tab-sprites9.gif) no-repeat left -150px;
  text-indent: -9999px; */
  font-size: 1.7em;
  padding-top: 0;
}

#home .columns4 h2 a {
  font-weight: normal;
  color: #000;
}

#home .columns4 h2 a:hover {
  color: #131313;
}


#home #columns4-2 h2 {
  background-position: -225px -150px;
}

#home #columns4-3 h2 {
  background-position: -450px -150px;
}

#home #columns4-4 h2 {
  background-position: -675px -150px;
}

#home .columns4 a {
  font-weight: bold;
}

#home #columns4-1 {
  padding-left: 15px;
}

#home #columns4-4 {
  float: none;
  padding-right: 15px;
  border-right-width: 0;
  margin-left: 729px;
  width: 210px;
}

/* ----- SINGLE VIDEO PAGE ----- */

#video-single #left-column {
  width: 640px;
  float: left;
}

#video-single #left-column h1 {
  padding-bottom: 0;
  font-size: 1.6em;
  font-weight: normal;
}

#video-single #left-column h2 {
  padding-top: 0.2em;
  font-weight: bold;
}

#video-single #left-column #video-cpv {
  font-size: 1.2em;
  padding-bottom: 0;
}

#video-single #right-column {
  width: 280px;
  margin-left: 670px;
}

#video-single #single-related-videos li {
  width: 280px;
  margin-bottom: 10px;
}

#video-single #single-related-videos .rollover-thumb {
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
}

#video-single #video-tags {
  background-color: #EEEEE7;
}

#video-single #video-tags h3 {
  font-size: 1.4em;
  font-weight: normal;
  padding-bottom: 0;
}

#video-single #video-tags a {
  text-decoration: underline;
}

#video-single #video-tags a:hover {
  text-decoration: none;
}

#video-single #video-embed {
  background-color: #FFF;
}

#video-single #video-embed h3 {
  font-size: 1.4em;
  font-weight: normal;
}

#video-single #video-embed #video-embed-left-col {
  float: left;
  margin: 0.5em 0;
}

#video-single #video-embed #video-embed-code {
}

#video-single #video-embed #video-embed-options {
  margin-left: 390px;
}

#video-single #video-embed #video-embed-options input {
  margin: 1px 5px 1px 0;
}

#video-single #d_clip_container {
  margin-top: 10px;
  position: relative;
}

#video-single #d_clip_button {
  width: 100px;
  background-color: #EEE;
  font-size: 1.2em;
  text-align: center;
}

#video-single #d_clip_button.hover {
  background-color: #DDD;
}

/* ----- PROJECT PROFILE PAGE ----- */

#video-project #project-label {
  color: #4f4f4f;
  font-size: 1.1em;
  font-weight: bold;
}

#video-project h1 {
  padding: 0;
  font-size: 2em;
}

#video-project .columns3-1 {
  float: left;
  margin-right: 15px;
  width: 315px;
}

#video-project #highlighted-video h3 {
  padding-bottom: 0;
}

#video-project #project-synopsis {
  margin-bottom: 1em;
}

#video-project #project-download {
  width: 315px;
  background-color: #EEE;
}

#video-project #project-download h3 {
  padding-bottom: 0;
}

#video-project ul#download-links {
  list-style-type: none;
}

#video-project ul#download-links li {
  background: transparent url(http://images1.t5m.com/site-images/publisher-portal/png-sprite8.png) no-repeat -522px -98px;
}

#video-project ul#download-links li a {
  padding-left: 30px;
  padding-bottom: 3px;
  font-weight: bold;
}

#video-project .columns3-2 {
  float: left;
  width: 260px;
}

#video-project #project-videos li {
  float: none;
  width: 260px;
  margin-bottom: 10px;
}

#video-project #project-videos .rollover-thumb {
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
}

#video-project .columns3-3 {
  float: right;
  width: 360px;
}

#video-project #photo-gallery {
  background-color: #EEE;
  padding: 14px;
  margin-bottom: 15px;
}

#video-project #photo-gallery ul {
  list-style-type: none;
}

#video-project #photo-gallery li {
  list-style-type: none;
  float: left;
  width: 104px;
  height: 60px;
  margin-right: 10px;
  margin-bottom: 10px;
}

#video-project #photo-gallery li.third-item {
  margin-right: 0;
}

/* ----- PROJECT LISTINGS ----- */

#projects #view-select {
  float: right;
  width: 167px;
  margin-top: 16px;
  margin-right: 20px;
  position: relative;
}

#projects #view-select ul {
  list-style-type: none;
  position: absolute;
  right: 0;
  top: 0;
}

#projects #view-select ul li {
  float: left;
  background: transparent url(http://images1.t5m.com/site-images/publisher-portal/tab-sprites9.gif) no-repeat left -200px;
  padding-left: 10px;
}

#projects #view-select ul li a {
  display: block;
  color: #979797;
  height: 20px;
  padding: 1px 7px 1px 20px;
  background: transparent url(http://images1.t5m.com/site-images/publisher-portal/tab-sprites9.gif) no-repeat 5px -225px;
}

#projects #view-select ul li a.current, #projects #view-select ul li a:hover  {
  background-position: 5px -245px;
  color: #000;
  text-decoration: none;
}

#projects #view-select ul li a.current {
  font-weight: bold;
}

#projects #view-select ul li#view-tiles {
  background-position: right -200px;
  padding-left: 0px;
  padding-right: 10px;
}

#projects #view-select ul li#view-tiles a {
  background-position: 5px -265px;
}

#projects #view-select ul li#view-tiles a.current, #projects #view-select ul li#view-tiles a:hover {
  background-position: 5px -285px;
}

#projects #view-select ul li#view-tiles a.current {
  font-weight: bold;
}

#projects #project-tiles {
  padding-top: 10px;
  list-style-type: none;
  margin-bottom: 150px;
}

#projects #project-tiles li {
  width: 281px;
  margin-right: 30px;
  vertical-align: top;
  min-height: 200px;
  font-size: 1em;
}

#projects #project-tiles li h2 {
  line-height: 1.1em;
}

#projects #project-tiles li a {
  color: #20468d;
}

#projects #project-tiles li .creation-date {
  font-size: 0.9em;
  padding-top: 1em;
}

#projects #project-tiles li.third-item {
  margin-right: 0;
}

#projects #project-tiles li .info-container {
  padding: 0px 10px;
  width: 261px;
}

#projects #project-tiles li a.main-thumb {
  padding-bottom: 3px;
  display: block;
  background: #e6ded1 url(http://images1.t5m.com/site-images/publisher-portal/projects-corners4.png) no-repeat left bottom;
}

#projects #project-tiles li a.main-thumb img {
  padding: 3px 3px 0 3px;
  background: #e6ded1 url(http://images1.t5m.com/site-images/publisher-portal/projects-corners4.png) no-repeat left top;
}

#projects #project-tiles li .project-videos {
  display: none;
  list-style-type: none;
  position: absolute;
  padding-top: 15px;
}

#projects #project-tiles li .project-videos li {
  margin-bottom: 3px;
  min-height: 0;
  width: auto;
  font-size: 0.9em;
}

#projects #project-tiles li .project-videos a.project-thumb {
  display: block;
  float: left;
}

#projects #project-tiles li .project-videos a.project-thumb img {
  border: 1px solid #FFF;
}

#projects #project-tiles li .project-videos .project-title {
  margin-left: 80px;
}

#projects #project-tiles li.over {
  color: #000;
}

#projects #project-tiles li.over .info-container {
  background: transparent url(http://images1.t5m.com/site-images/publisher-portal/projects-corners4.png) no-repeat left bottom;
}

#projects #project-tiles li.over a.main-thumb {
}

#projects #project-tiles li.over a.main-thumb img {
}

#projects #project-tiles li.over .project-videos {
  display: block;
}

#projects #project-list {
  padding-top: 30px;
  padding-left: 40px;
  display: none;
}

#projects.order-list #project-list {
  display: block;
}

#projects.order-list #project-tiles {
  display: none;
}

/* ----- LOGIN ----- */

#auth .error-msg {
  margin-bottom: 15px;
  padding: inherit 10px;
}

#auth #login-form {
  position: relative;
  margin-bottom: 10px;
}

#auth #login-form form {
  font-size: 1.2em;
  padding: 15px;
}

#auth #login-form label {
  padding: 3px;
  float: left;
  width: 80px;
}

#auth #login-form .login-text-box {
  width: 200px;
  margin-left: 100px;
  padding: 3px;
  display: block;
}

/* ----- REGISTRATION ----- */

#register h1 {
  padding-bottom: 0;
  font-size: 2em;
}

#register #registration-form {
  padding-top: 15px;
}

#register #registration-form h2 {
  padding-top: 1em;
  font-weight: bold;
}

#register #registration-form label {
}

#register #registration-form select option {
  padding: 1px;
}

#register #rp.bottom-margin {
  padding: 0;
}

#register #registration-form p.no-pad {
  padding: 0;
  margin-bottom: 5px;
}

#register #registration-form .register-publisher {
  border-top: 1px dotted #AAA;
  margin-top: 10px;
}

#register #publisher-blurb {
  width: 780px;
}

#register #publisher-blurb #member-benefits {
  list-style-type: none;
  margin-left: 1.5em;
}

#register #publisher-blurb #member-benefits ul {
  list-style-type: disc;
  margin-top: 0.5em;
}

#register #publisher-blurb #member-benefits li {
  margin-top: 5px;
  margin-bottom: 5px;
}

#register #publisher-blurb #member-benefits li h4 {
  background-image: url(http://images1.t5m.com/site-images/template/v3/expand_arrow.gif);
  background-repeat: no-repeat;
  background-position: left 2px;
  font-size: 1.1em;
}

#register #publisher-blurb #member-benefits li h4 a {
  padding-left: 15px;
}

#register #publisher-blurb #member-benefits li .expand {
  display: none;
  padding-left: 15px;
}

#register #registration-form small {
  color: #748085;
  font-size: 0.9em;
}

#register #registration-form #submit {
  margin-top: 8px;
}

#register #registration-form #topic-selection label {
  display: block;
  height: 20px;
  width: 230px;
  font-size: 1em;
  float: left;
  padding-bottom: 3px;
}

#register #registration-form #fansite_label {
  font-size: 1em;
}

#register #registration-form #topic-selection input {
  margin-right: 5px;
}

#content #activate .box-content label {
  font-weight: bold;
  font-size: 1.2em;
}

/* ----- CONTENT PRODUCERS ----- */

#content-producers #content {
  margin-top: 30px;
}

#content-producers .left-column {
  background: transparent url(http://images2.t5m.com/site-images/site-images/corporate-2010-04/titles_page_bg.jpg) no-repeat right top;
}

#content-producers .right-column {
  padding-top: 80px;
}

/* ----- SPONSORS ----- */

#sponsors #content {
  margin-top: 30px;
}

#sponsors .right-column {
  padding-top: 70px;
}

/* ----- ADVERTISERS ----- */

#advertisers #content {
  margin-top: 30px;
}

#advertisers .right-column {
  padding-top: 120px;
}

/* ----- PUBLISHERS ----- */

#publishers #content {
  margin-top: 30px;
}

#publishers .right-column {
  padding-top: 100px;
}

/* ----- ABOUT ----- */

#about #about-stakeholders {
  list-style-type: none;
  margin-top: 10px;
}

#about #about-stakeholders li {
  float: left;
  margin-right: 13px;
}

#about #about-stakeholders li h2 {
  font-size: 1.6em;
  padding-left: 6px;
}

#about #about-stakeholders li h2 a {
  color: #000;
}

#about #about-stakeholders li.last-item {
  margin-right: 0;
}

/* ----- LONDON PACT EVENT ----- */

#london ul.pact-list {
  padding-left: 40px;
  margin-top: 10px;
}

#london .box-adjacent-image-wrapper {
  width: 100%;
}

#london .box-content-adjacent-image {
  width: 600px;
  clear: left;
  float: left;
  line-height: 1.8em;
}

#london .box-adjacent-image {
  width: 279px;
  margin-bottom:10px;
  float: right;
  clear: right;
  vertical-align:top;
}

#london .bottom-margin {
  margin: 0;
}

#london #submit {
  margin-top: 8px;
}

/* ----- ERROR HANDLING ----- */

.testresult {
  color: #666;
  padding: 0px 0px 0px 10px;
  height: 28px;
  float: left;
  display: block;
  position: relative;
}

.testresult span {
  padding: 4px 20px 4px 0px;
  margin: 0px 0px 0px 20px;
  height: 19px;
  display: block;
}

.shortPass, .shortPass span, .badPass, .badPass span, .goodPass, .goodPass span, .strongPass, .strongPass span {
  background-image: url(http://images1.t5m.com/site-images/publisher-portal/png-sprite8.png);
  background-repeat: no-repeat
}

.shortPass {
  background-position: -200px -170px;
}

.shortPass span {
  background-position: right -170px;
  margin-left: 0;
}

.badPass {
  background-position: -200px -170px;
}

.badPass span {
  background-position: right -170px;
  margin-left: 0;
}

.goodPass {
  background-position: -200px -210px;
}

.goodPass span {
  background-position: right -210px;
}

.strongPass {
  background-position: -200px -250px;
}

.strongPass span {
  background-position: right -250px;
}

#topics-error.badPass, #terms_conditions-error.badPass {
  background-position: -197px -170px;
  margin-bottom: 5px;
}

#topics-error.strongPass {
  background-position: -197px -250px;
  margin-bottom: 5px;
}

/* ----- SEARCH ----- */

/*#videos #left-column {
  width: 175px;
  float: left;
}

#videos #right-column {
  width: 780px;
  margin-left: 180px;
}*/

#videos #right-column {
  width: 100%;
  position: relative;
}

#videos .list-order {
  float: left;
}

#videos .pagination {
  padding-top: 1em;
  float: right;
  line-height: 1em;
  padding-right: 30px;
}

#videos #bottom-pagination.pagination {
  padding-top: 0;
}

#videos .pagination .page-caption {
  float: left;
  font-weight: bold;
}

#videos .pagination ul {
  list-style-type: none;
  margin-left: 35px;
}

#videos .pagination ul li {
  float: left;
  padding-left: 4px;
  padding-right: 4px;
  border-left: 1px solid #454545;
}

#videos .pagination ul li.first-item {
  border-left-width: 0;
}

#videos #right-column #video-listing-videos li {
  margin-right: 9px;
}

#videos #right-column #video-listing-videos li.sixth-item {
  margin-right: 0;
}

/* ----- COLORBOX ----- */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(http://images1.t5m.com/site-images/publisher-portal/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; font-size: 1.2em; color: #454545; }
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(http://images1.t5m.com/site-images/publisher-portal/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}