/* Copyright(c) 2009,Yahoo!Inc. All rights reserved. Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txt version:3.0.0 build:1549 *//* TODO will need to remove settings on HTML since we can't namespace it.
TODO with the prefix, should I group by selector or property for weight savings?
*/
html{
color:#000;
background:#FFF;
}
/*
TODO remove settings on BODY since we can't namespace it. *//* TODO test putting a class on HEAD. - Fails on FF. */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
/* TODO think about hanlding inheritence differently,maybe letting IE6 fail a bit... */address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
/* TODO Figure out where this list-style rule is best set. Hedger has a request to investigate. */li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
/* to preserve line-height and selector appearance */sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
/*to enable resizing for IE*/input,textarea,select{*font-size:100%}
/*because legend doesn't inherit in IE */legend{color:#000}/* Copyright(c) 2009,Yahoo!Inc. All rights reserved. Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txt version:3.0.0 build:1549 *//** * Percents could work for IE,but for backCompat purposes,we are using keywords. * x-small is for IE6/7 quirks mode. */body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;/* for IE */*font:x-small;/* for IE in quirks mode */}
/** * Nudge down to get to 13px equivalent for these form elements */select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}
/** * To help tables remember to inherit */table{font-size:inherit;font:100%}
/** * Bump up IE to get to 13px equivalent for these fixed-width elements */pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}/* Copyright(c) 2009,Yahoo!Inc. All rights reserved. Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txt version:3.0.0 build:1549 *//* base.css,part of YUI's CSS Foundation */
h1 {
/*18px via YUI Fonts CSS foundation*/
font-size:138.5%;
}
h2 {
/*16px via YUI Fonts CSS foundation*/
font-size:123.1%;
}
h3 {
/*14px via YUI Fonts CSS foundation*/
font-size:108%;
}
h1,h2,h3,h4,h5,h6 {
margin: 1em 0 0.5em 0;
line-height: 1.25em;
}
h1,h2,h3,h4,h5,h6,strong {
/*bringing boldness back to headers and the strong element*/
font-weight:bold;
}
abbr,acronym {
/*indicating to users that more info is available */
border-bottom:1px dotted #000;
cursor:help;
}
em {
/*bringing italics back to the em element*/
font-style:italic;
}
blockquote {
/*giving blockquotes and lists room to breath*/
margin:1em;
}
ul,ol,dl {
/*bringing lists on to the page with breathing room */
margin: 1em 0 1em 2em;
}
li {
margin: 0 0 0.7em 0;
}
ol li {
/*giving OL's LIs generated numbers*/list-style:decimal outside}
ul li{/*giving UL's LIs generated disc markers*/
list-style: disc outside;
}
ul li li {
list-style: circle outside;
}
dl dd {
/*providing spacing for definition terms*/
margin-left:1em;
}
th,td {
/*borders and padding to make the table readable*/
border:1px solid #000;
padding:.5em;
}
th {
/*distinguishing table headers from data cells*/
font-weight:bold;
text-align:center;
}
caption {
/*coordinated margin to match cell's padding*/margin-bottom:.5em;/*centered so it doesn't blend in to other content*/
text-align:center;
}
p,fieldset,table,pre {
/*so things don't run into each other*/margin-bottom:1em}
td table{margin:0}
td td,td th{border:0}
/* setting a consistent width,160px;control of type=file still not possible */input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em}/* common styles that are reusable between sites *//* clear floats http://www.quirksmode.org/css/clearing.html */.clear{overflow:hidden;width:100%}
.error{color:#c00}
/* Dwyer Image Replacement Method,see:http://www.mezzoblue.com/tests/revised-image-replacement/ */span.replaced{display:block;width:0;height:0;overflow:hidden}
.hidden{display:none}
.loading{padding-left:14px;background:url(spin-tiny.gif) no-repeat 0 50%}
.loading-right{padding-right:14px;background:url(spin-tiny.gif) no-repeat 90% 50%}
.notice,.warning{background:#ffc;border:solid 1px #D4CD87;padding:10px;margin:10px 0;overflow:hidden}
.warning{background:#ffc url(icon-alert.gif) no-repeat 10px 10px;padding-left:30px}
.notice h1{margin-top:0}
.notice h2{color:#AA9F3E}
.small{font-size:11px}
blockqoute{display:block;margin:1.5em 2em}
sup{font-size:50%;position:relative;top:-0.5em}
a.excel{background:url(page_excel.png) no-repeat 0 50%;padding-left:20px}/* grid,inspired by:http://www.usabilitypost.com/2009/05/29/the-1kb-css-grid-part-1/ *//* switched to older float clearing technique to avoid cutting off overflow:http://dtott.com/thoughts/2007/12/10/clear-your-floats-the-right-way/ */.span-1{width:40px}
.span-2{width:120px}
.span-3{width:200px}
.span-4{width:280px}
.span-5{width:360px}
.span-6{width:440px}
.span-7{width:520px}
.span-8{width:600px}
.span-9{width:680px}
.span-10{width:760px}
.span-11{width:840px}
.span-12{width:920px}
.column{float:left;margin:0 20px;display:inline}
.row{width:960px;margin:0 auto}
.row .row{margin:0 -20px;width:auto;display:inline-block}
.row:after,.column:after{content:".";display:block;height:0;clear:both;visibility:hidden}/* common form styles */form,.form{background-color:#eee;border:solid 1px #ddd;color:#000;padding:16px;margin:12px 0;overflow:hidden}
td form{margin:0;border:0}
form .field{clear:both;overflow:hidden;margin:10px 0}
label{color:#666;display:block;line-height:30px;font-weight:bold;text-align:right;width:120px;padding:0;float:left}
.checkbox label,label.radio{display:inline;font-size:16px;line-height:20px;font-weight:normal;width:auto;float:none}
.note{color:#666;display:block;line-height:14px;font-size:11px;font-weight:normal}
form .note{margin-left:100px;clear:left}
input.text-box,select,textarea{float:left;font-size:16px;line-height:20px;padding:4px 2px;border:solid 2px #ddd;width:360px;margin:0}
select{padding:0;height:32px;width:368px}
textarea.multi-line{height:150px}
input.button{background-color:#666;color:#fff;float:none;font-size:14px;font-weight:bold;line-height:30px;padding:0 20px;width:auto}
form input.button{margin:0 10px 0 140px}
form input.disabled{background-image:none;background-color:#ddd}
fieldset{border:solid 1px #ddd;margin:0 0 16px 0;padding:0 0 10px 0}
legend{color:#666;margin:0 0 0 6px;padding:4px;font-size:10px;font-weight:bold}
/* inline forms */form.inline{display:inline;background:0;border:0;margin:0;padding:0}
form.inline input.text-box,form.inline select{float:none;width:auto;height:auto;border:solid 1px #ddd;font-size:11px;line-height:11px;padding:2px}
form.inline input.text-box{width:220px}
form.inline input.button{border-width:1px;font-size:11px;font-weight:bold;line-height:18px;padding:0 6px;margin:0;width:auto}
/* validation styles */.message{display:none}
.indicator{display:block;float:left;width:11px;height:30px;margin:0 4px;background:url(bg-indicator.png) no-repeat 0 50%}
.required .indicator{background-position:-11px 50%}
.valid .indicator{background-position:-22px 50%}
.invalid .indicator{background-position:-33px 50%}
.valid input.text-box,.valid select,.valid textarea{border:solid 2px #0c0}
.invalid input.text-box,.invalid select,.invalid textarea{border:solid 2px #c00}
.invalid .message{color:#c00;display:block;clear:left;margin-left:140px;margin-right:10px;line-height:14px;font-size:11px;font-style:normal}
.help{display:block;clear:left;margin-left:140px;margin-right:10px;line-height:14px;font-size:11px;font-style:normal;color:#666}
.pending .indicator{background:url(spin-tiny.gif) no-repeat 0 50%}
.cancel{float:left;padding:8px;font-size:13px}/* mixins.less - various convenience methods for complex styles */.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.ellipsis{overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;text-overflow:ellipsis}
/* grid.less - a simple grid system Depends on:mixins.less Intro ----- This is a basic grid system that uses percentage-based widths for the grid columns. The grid requires the following structure:a container with class "g" to wrap the grid,a container with class "gr" to wrap each grid row,and a container with one of the "gc-*" classes for each column in the row. The column class names use a fractional notation where the solidus in e.g. 1/2 is replaced with an underscore,so the class name for a grid column that takes up half of the available space would be "gc-1_2",etc. For example:...would look like this:------------- | 1 | ------------- | 2 | 3 | ------------- This grid automatically applies a gutter in the form of left/right margin and padding to any immediate child nodes of the grid column. If you need to prevent this you can add a class to the child container that resets the margins/padding. */.g{display:block}
.gr{*zoom:1}
.gr:before,.gr:after{content:"";display:table}
.gr:after{clear:both}
[class^='gc-']>*,[class*=' gc-']>*{margin-left:8px;margin-right:8px;padding-left:4px;padding-right:4px}
[class^='gc-']>.gr,[class*=' gc-']>.gr{margin-left:0;margin-right:0;padding-left:0;padding-right:0}
.gc-1,.gc-1_2,.gc-1_3,.gc-1_4,.gc-1_6,.gc-2_3,.gc-3_4,.gc-5_6{float:left}
.gc-1{width:100%}
.gc-1_2{width:50%}
.gc-1_3{width:33.333333333%}
.gc-1_4{width:25%}
.gc-1_6{width:16.666666667%}
.gc-2_3{width:66.666666667%}
.gc-3_4{width:75%}
.gc-5_6{width:83.333333333%}
/* grid-responsive.less - add responsive behavior to the basic grid system Depends on:grid.less Intro ----- This is my best attempt at creating a responsive grid system that's not tied to any
particular site design. There are several responsive grid projects available online,
but most seem limited to maintaining the full column layout until the smallest size
break, when they just collapse all columns at once. One of the goals of this system is
to allow for different grid columns to collapse at different size breaks in the design,
and to be specified in a way that isn't tightly coupled to the content. In order to acheive that,I've come up with a convention for the grid column class
names that tries to capture how a particular column changes during its "lifecycle"
of moving from one size break to the next. I was inspired by this article:
http://www.bitspushedaround.com/of-grids-class-names-responsiveness-and-lifecycles/
...but instead of just giving each "lifecycle" an abstract name, I'm trying to use the class names to capture exactly what happens at each size break. This system is taking a "mobile first" approach of assuming that the default design is the most narrow layout,and the size breaks occur in order of increasing screen size. We're baking in pixel sizes corresponding to the following device orientations:
Size 0: mobile phone portrait
Size 1: mobile phone landscape
Size 2: tablet portrait
Size 3: tablet landscape, laptop, standard desktop
Size 4: wide-screen desktop
To indicate that a column should change proportion at a particular size break, add
one of the "gc*-*" classes to the base column definition. For example, a column that
starts out at full-width for the default size, then changes to half-width at the
first size break, and quater-width at the second size break, would have the following
class attribute:
class="gc-1 gc1-1_2 gc2-1_4"
The following html structure:
...would look like this at Size 0:
-------
| 1 |
-------
| 2 |
-------
| 3 |
-------
| 4 |
-------
...like this at Size 1:
-------------
| 1 | 2 |
-------------
| 3 | 4 |
-------------
...and like this at Size 2 and above:
-------------------------
| 1 | 2 | 3 | 4 |
-------------------------
*/
/*
.size-break::after {
content: "0";
}
.size-break-1::after {
content: "625px";
}
.size-break-2::after {
content: "975px";
}
.size-break-3::after {
content: "1375px";
}
.size-break-4::after {
content: "1500px";
}
*/
[class^='hide-until-'],
[class*=' hide-until-'] {
display: none;
}
@media screen and (min-width: 1360px) {
.size-break::after {
content: "1";
}
.hide-until-1 {
display: block;
}
td.hide-until-1 {
display: table-cell;
}
.show-until-1 {
display: none;
}
.gc1-1 {
width: 100%;
}
.gc1-1_2 {
width: 50%;
}
.gc1-1_3 {
width: 33.333333333%;
}
.gc1-1_4 {
width: 25%;
}
.gc1-1_6 {
width: 16.666666667%;
}
.gc1-2_3 {
width: 66.666666667%;
}
.gc1-3_4 {
width: 75%;
}
.gc1-5_6 {
width: 83.333333333%;
}
}
/*
@media screen and (min-width: 975px) {
.size-break::after {
content: "2";
}
.hide-until-2 {
display: inherit;
}
td.hide-until-2 {
display: table-cell;
}
.show-until-2 {
display: none;
}
.g {
margin-left: 16px;
margin-right: 16px;
}
[class^='gc-'] > *,
[class*=' gc-']>*{margin-left:12px;margin-right:12px}
.gc2-1{width:100%}
.gc2-1_2{width:50%}
.gc2-1_3{width:33.333333333%}
.gc2-1_4{width:25%}
.gc2-1_6{width:16.666666667%}
.gc2-2_3{width:66.666666667%}
.gc2-3_4{width:75%}
.gc2-5_6{width:83.333333333%}
}
@media screen and (min-width:1375px){.size-break::after{content:"3"}
.hide-until-3{display:block}
td.hide-until-3{display:table-cell}
.show-until-3{display:none}
.g{margin-left:64px;margin-right:64px}
.gc3-1{width:100%}
.gc3-1_2{width:50%}
.gc3-1_3{width:33.333333333%}
.gc3-1_4{width:25%}
.gc3-1_6{width:16.666666667%}
.gc3-2_3{width:66.666666667%}
.gc3-3_4{width:75%}
.gc3-5_6{width:83.333333333%}
}
@media screen and (min-width:1500px){.size-break::after{content:"4"}
.hide-until-4{display:block}
td.hide-until-4{display:table-cell}
.show-until-4{display:none}
.g{margin-left:128px;margin-right:128px;max-width:2000px}
.gc4-1{width:100%}
.gc4-1_2{width:50%}
.gc4-1_3{width:33.333333333%}
.gc4-1_4{width:25%}
.gc4-1_6{width:16.666666667%}
.gc4-2_3{width:66.666666667%}
.gc4-3_4{width:75%}
.gc4-5_6{width:83.333333333%}
}
*/html{background-color:#082233;color:#2C8CBA}
/* overrides for common elements */body{font-size:16px;line-height:1.3em}
blockqoute{font-size:13px;color:#666}
h1{color:#0069AD;font-size:30px}
h2{text-transform:uppercase;color:#005893;margin:2em 0 1em 0}
h3{margin-top:1.5em;color:#0069AD}
h3.sub{font-size:120%}
h3.sub span{font-size:80%;display:block;color:#333}
a{color:#79B8D9}
td,th{border:solid 1px #ddd}
th{background:#eee;font-size:11px;font-weight:normal;color:#666;line-height:13px;padding-top:1px;padding-bottom:1px;white-space:nowrap}
th img.sort{position:relative;top:3px}
.disabled td{opacity:.3;filter:alpha(opacity = 30);background-color:#fff;/* http://jszen.blogspot.com/2005/04/ie-bold-text-opacity-problem.html */}
.disabled td.menu-cell{opacity:1}
.noborder,.noborder td,.noborder th{border:0}
.tight{border-spacing:0;padding:0;margin:0}
/* a table that uses a th column on the left side */.row-headings th{padding-top:8px;padding-bottom:8px;width:20%;text-align:right}
/* an h1 paired with a tag line below it */h1.tagline{margin-bottom:0}
p.tagline{font-size:12px;color:#51ABD7;margin-bottom:18px}
/* a link that styled like a button */a.button,input.button{background:#003B59 url(bg-button.gif) repeat-x 0 0;border-top:solid 2px #96C8E1;border-left:solid 2px #96C8E1;border-right:solid 2px #2A6787;border-bottom:solid 2px #2A6787;color:#fff!important;cursor:pointer;display:block;float:left;font-size:14px;font-weight:bold;line-height:30px;padding:0 20px;text-decoration:none}
input.disabled{border:2px solid #ddd}
/* customize the colors set in form.css */form,.form{background:#F1F7FA url(bg-grad-blue.png) repeat-x top left;border-color:#D4E3EC}
label{font-size:14px}
legend{line-height:1em}
/* common link styles used on forms */.edit{float:left;font-size:13px;background:url(icon-edit.gif) no-repeat 0 50%;padding:0 0 3px 20px}
/* the top bar appears when a user is logged in */.top{background:#fff}
.top .inner{line-height:26px;padding-bottom:10px;font-size:11px;background:url(bg-user-bar.png) repeat-x bottom left}
.top a{text-decoration:none}
.top a:hover{text-decoration:underline}
.user-info{text-align:right;position:relative}
#top-login{float:right;background:url(bg-top-login.png) no-repeat center right;padding:0 12px 0 10px}
#top-login-dialog{color:#444;display:none;position:absolute;right:0;top:28px;background-color:#A0D7F3;border-left:4px solid #082132;border-bottom:4px solid #082132;border-right:4px solid #082132;text-align:left}
#top-login-dialog a{color:#2C8CBA}
#top-login-dialog h3{color:#444;margin:6px 0;font-size:14px}
#top-login-dialog td{border:0;padding:20px;width:50%}
#top-login-dialog form{background:0;border:0;padding:0}
#top-login-dialog .field{margin:4px 0}
#top-login-dialog label{width:auto;font-size:11px;line-height:20px}
#top-login-dialog .indicator{height:20px}
#top-login-dialog .message{margin:0}
#top-login-dialog .text-box{width:200px;float:none;font-size:13px;line-height:17px;clear:left;display:block}
#top-login-dialog .button{margin:0;font-size:11px;line-height:23px;padding:0 10px}
/* header is the area that includes the logo,but not the user bar */.header{background:#fff}
.header h1{font-size:36px;font-weight:normal;margin:.5em 0;text-align:right}
/* used in the master for content that appears in a pop-up window */.window{background:#F1F7FA url(bg-grad-blue.png) repeat-x top left;color:#333;min-height:560px;padding:20px}
.window h1,.window h1.tagline{color:#005893;margin:.25em 0}
.window a,.window p.tagline{color:#0069AD}
/* link that indicates more info will pop up */a.more{background:url(pop-up-icon.gif) no-repeat center right;padding-right:14px}
/* the main content area */.main{background-color:#fff;color:#333;padding:1px 0 20px 0}
.main a{color:#2C8CBA}
/* logo image replacements */#logo{background:url(podtrac-logo-new-tagline.png) no-repeat 0 0;margin:10px 0 10px 0;width:280px;height:70px;display:block;overflow:hidden}
#logo-sm{background:url(podtrac-logo-small.gif) no-repeat 0 0;margin:5px 0 15px -10px;width:150px;height:36px;display:block;overflow:hidden}
/* home page */.home-top{background:url(bg-home-top.png) no-repeat 0 24px;color:#fff;font-size:16px;padding-top:70px}
.home-top h2{color:#fff;margin:0 0 4px 0;text-transform:uppercase;font-size:20px;font-weight:normal}
.home-main{background:url(bg-main.png) repeat-x 0 0}
.home-main-inner{background:url(bg-people.png) no-repeat 50% 0;padding-bottom:50px}
#home-button-publisher{display:block;width:208px;height:58px;background:url(button-home.png) no-repeat top left}
#home-button-publisher:hover{background-position:top right}
#home-button-advertiser{display:block;width:208px;height:58px;background:url(button-home.png) no-repeat bottom left;margin-top:18px}
#home-button-advertiser:hover{background-position:bottom right}
.featured{margin-top:80px}
.featured h2{color:#133F5C;text-transform:uppercase}
.featured-shows{margin:0 -40px}
.featured-inner{width:900px;margin:0 10px;height:150px;overflow:hidden;float:left;position:relative}
.featured-shows ul{margin:0;padding:0;width:5000px;/* big enough for 5 "pages" of shows,adjust as needed */position:absolute}
.featured-shows li{list-style:none;float:left;margin:5px}
.featured-shows a{border:5px solid #78B9D9;display:block;width:130px;height:130px}
.featured-shows a:hover{border-color:#6ECFFF}
.featured-shows img{width:100%;height:100%}
.featured-prev,.featured-next{background:url(button-home-scroll.png) no-repeat 0 50%;width:40px;height:150px;float:left;cursor:pointer}
.featured-next{background-position:-80px 50%}
.featured-prev:hover{background-position:-40px 50%}
.featured-next:hover{background-position:-120px 50%}
.featured-page{clear:both;width:40px;height:20px;margin:0 auto;background:url(home-scroll-page.png) no-repeat -50px 50%}
/* styles for content pages */.main-fade{background:url(bg-main.png) repeat-x 0 0;padding:15px 0}
.main-fade h1{color:#fff}
.main-fade p.tagline{color:#C2E1F5}
.main-fade .list-nav{text-align:right}
.main-fade .list-nav ul{text-align:right;margin:0}
.main-fade .list-nav li{list-style:none;padding:0;margin:0}
.main-fade .list-nav a{text-decoration:none;color:#000}
.main-fade .list-nav a:hover{text-decoration:underline}
.main-fade .list-nav h3{text-align:right;margin-bottom:4px;font-size:12px}
/* publisher page styles */ul.advertiser-services,ul.publisher-services{margin:0}
ul.advertiser-services li,ul.publisher-services li{list-style:none}
ul.advertiser-services li a,ul.publisher-services li a{text-decoration:none;color:#000;font-weight:bold;padding:10px 0 10px 50px;display:inline-block;background-repeat:no-repeat;background-position:0 50%}
ul.advertiser-services li a.measurement,ul.publisher-services li a.measurement{background-image:url(pub-icon-measurement.png)}
ul.advertiser-services li a.demographics,ul.publisher-services li a.demographics{background-image:url(pub-icon-demographics.png)}
ul.advertiser-services li a.search{background-image:url(pub-icon-search.png)}
ul.publisher-services li a.feeds{background-image:url(pub-icon-feeds.png)}
ul.advertiser-services li a.ads,ul.publisher-services li a.player{background-image:url(pub-icon-player.png)}
ul.advertiser-services li a.effectiveness,ul.publisher-services li a.opportunities{background-image:url(pub-icon-opportunities.png)}
/* dashboard tabs */#tabs{background:url(bg-tabs.gif) repeat-x bottom left;position:relative;padding:1px 0 0 0}
#tabs ul{margin:0;padding:0;position:absolute;right:0;bottom:0}
#tabs li{background-color:#eee;display:block;float:left;border:solid 2px #ddd;margin:0 10px 0 0}
#tabs li.selected{background-color:#fff;border-bottom:solid 2px #fff}
#tabs li a{color:#999;display:block;line-height:50px;text-decoration:none;padding:0 30px}
#tabs li.selected a{color:#069}
#tabs li a:hover{background-color:#E9F0F5}
#tabs li.selected a:hover{background-color:#fff}
/* highlight admin-only links */.admin{background:#CF6 url(icon-wrench.png) no-repeat 15px 50%;border:1px solid #360;color:#333;overflow:hidden;padding:10px 20px 10px 40px}
/* indicator for admin impersonation */.admin-bar{background-color:#CF6;color:#333;padding:6px 0}
/* default style for show icons(see also site.js where broken images are fixed) */.icon{width:46px;height:46px;border:solid 1px #ddd}
/* cell styles that used in dashboard tables */.date-cell{text-align:right}
.icon-cell{border-right:0;padding-right:0;width:52px}
.title-cell{border-left:none;font-weight:bold}
.episode-cell{font-weight:bold}
.count-cell{width:70px;text-align:center;font-size:22px}
.stats-cell{position:relative;width:130px;text-align:center;font-size:22px;white-space:nowrap}
.status-cell{text-align:center;width:30px}
.status-cell .check,.status-cell .error,.status-cell .warn,.status-cell .unknown{height:24px;background-position:50% 50%;background-repeat:no-repeat}
.status-cell .check{background-image:url(tick.png)}
.status-cell .warn{background-image:url(alert-icon.png)}
.status-cell .unknown{background-image:url(icon-question.png)}
.change-cell{width:110px;text-align:center;font-size:18px}
.change-cell .up{color:#0c0}
.change-cell .down{color:#c00}
.feed-cell{height:20px}
.stats-detail{display:none;position:absolute;z-index:100;right:0;opacity:1!important;margin-top:5px;background:#ffd;padding:14px;border:solid 1px #ddd;color:#666;font-size:12px;line-height:1.2em;max-width:250px;height:auto;white-space:normal;text-align:left;-moz-box-shadow:4px 4px 4px #888;-webkit-box-shadow:4px 4px 4px #888;box-shadow:4px 4px 4px #888}
.stats-detail th,.stats-detail td{background:0;text-align:right;padding:2px 4px;white-space:nowrap}
.trend-arrow{display:inline-block;width:11px;height:18px}
.stats-cell .up{background:url(bg-trend-arrow.png) no-repeat 0 50%}
.stats-cell .down{background:url(bg-trend-arrow.png) no-repeat -11px 50%}
/* drop menus attached to dashboard tables */.menu-cell{width:28px;padding:0}
.menu-cell .inner{background:url(menu-open.gif) no-repeat 50% 50%;cursor:pointer;height:60px;width:28px;position:relative}
.menu-cell ul{display:none;position:absolute;background:#F1F7FA;border:solid 1px #ddd;/* border-right:solid 2px #aaa;border-bottom:solid 2px #aaa;*/-moz-box-shadow:4px 4px 4px #888;-webkit-box-shadow:4px 4px 4px #888;box-shadow:4px 4px 4px #888;list-style:none;margin:0;padding:0;top:60px;left:-1px;width:180px;z-index:100;overflow:auto}
.menu-cell .right ul{left:auto;right:-1px}
.selected .menu-cell .inner{background-color:#F1F7FA}
.menu-cell li{font-size:11px;list-style:none;line-height:1.2em;margin:0}
.menu-cell li a{display:block;padding:5px 10px;text-decoration:none}
.menu-cell li a:hover{background:#069;color:#fff}
/* generic table expander(see site.js) */table a.expander{background:url(expander.png) no-repeat 0 0;display:block;float:left;height:11px;margin:2px 8px 0 0;overflow:hidden;text-decoration:none;width:11px}
table a.expander:hover{background-color:#F1F7FA}
table a.check{background-position:-22px 0}
table a.error{background-position:-33px 0}
table a.plus{background-position:0 0}
table a.warn{background-position:-11px 0}
tr.expanded{display:none}
tr.expanded td{background:#f9f9f9;font-size:11px;line-height:1.2em;padding:12px 12px 12px 20px}
tr.expanded td td{padding:3px}
/* cut off long text(see site.js) */.cutoff{height:1.25em;width:100px;white-space:nowrap;overflow:hidden}
/* styles for add-feed/show form */.feed-summary{overflow:hidden}
.feed-summary .icon{width:118px;height:118px}
.feed-summary .data{width:390px;overflow:hidden}
.feed-summary table{background-color:#fff}
/* content page nav */.list-nav li{color:#069;font-size:12px;margin:0 0 8px 0}
/* dashboard services nav */.nav{position:relative;margin:16px 0 0 0;border:solid 1px #ddd;overflow:auto}
.nav a{text-decoration:none}
.nav h1{background-color:#eee;border-top:solid 1px #ddd;color:#666;font-size:10px;text-transform:uppercase;margin:0;padding:5px}
.nav li a.show{background-color:#f9f9f9;border-top:solid 1px #ddd}
.nav table{margin:5px 0}
.nav td{border:0;padding:0;font-size:11px;font-weight:bold}
.nav .icon{width:22px;height:22px;margin-right:5px}
.nav ul{margin:0;padding:0}
.nav li{list-style:none;margin:0;font-size:11px;line-height:1.2em}
.nav li a{display:block;overflow:hidden;padding:5px}
.nav li a:hover{background-color:#DEEDF3}
.nav li.disabled td{background-color:#f9f9f9}
.nav li.disabled a:hover td{background-color:#DEEDF3}
.nav .selected a{background-color:#F1F7FA}
.nav ul.services{border-top:solid 1px #ddd}
.nav ul.services a{padding-left:36px}
/* overview tab tables */.overview table{width:100%;margin:0}
/* tool tips */.tip{cursor:help}
.tooltip{display:none;position:absolute;z-index:100;background:#ffd;padding:14px;border:solid 1px #ddd;color:#666;font-size:12px;line-height:1.2em;max-width:250px;height:auto;white-space:normal;text-align:left;-moz-box-shadow:4px 4px 4px #888;-webkit-box-shadow:4px 4px 4px #888;box-shadow:4px 4px 4px #888}
/* services tab show icon */.service-icon{float:right;margin:24px 0 0 0}
.service-icon .icon{width:56px;height:56px}
/* numbered steps on service pages */ol.steps{display:block;background:#F1F7FA url(bg-grad-blue.png) repeat-x top left;border:solid 1px #D4E3EC;padding:16px 16px 16px 40px;margin:12px 0}
ol.steps li{color:#069;font-size:16px;font-weight:bold}
ol.steps ul li{color:#333;font-size:13px;font-weight:normal}
ol.steps h3{color:#069;margin:0 0 .5em 0;font-size:16px}
ol.steps div{color:#000;font-size:13px;font-weight:normal}
ol.steps div.url{background:#F8FAFC;border:solid 1px #ddd;color:#069;font-size:11px;font-weight:bold;margin:0;padding:10px}
/* used to embed reports(see site.js) */iframe.auto-size{width:100%;border:0}
/* press page */.press-news{overflow:hidden;margin:20px 0}
.press-news img{float:left;width:60px;height:60px;border:1px solid #ddd}
.press-news h3{margin:0 0 0 75px;font-size:16px}
.press-news .link{margin:6px 0 6px 75px;font-size:13px;line-height:1.2em}
.press{margin:0 0 1em 0}
.press .date{font-size:11px;color:#777}
/* ad placement reporting */.placement{background-color:#F8FAFC;border:solid 1px #ddd;margin:20px 0;padding:4px}
.placement table{margin:0}
.placement td{border:0;padding:2px 4px}
.timestamps input{float:none;text-align:center;width:30px}
.placement .readonly{background:url(lock.png) no-repeat bottom right}
.placement .readonly input,.placement .readonly select{background-color:#eee;color:#999}
.placement .enter input,.placement .over input{border-color:#2C8CBA}
/* on/off indicator for services pages */.service-disabled{padding-left:18px;background:url(delete.png) no-repeat center left}
.service-enabled{padding-left:18px;background:url(tick.png) no-repeat center left}
/* thumbnails on episode page */.filmstrip div{background-color:#000;padding:4px 0;overflow:hidden;margin:0 0 18px 0}
.filmstrip div div{border-top:5px dotted #fff;border-bottom:5px dotted #fff;margin:0}
.filmstrip img{width:131px;margin:0 0 0 5px;float:left}
/* transcoding progress bar */.progress-bar{position:absolute;background:#abcde3;width:0;height:20px}
.progress-percent{position:absolute;padding:0 3px;font-size:11px}
/* play button on episode page */.play-button{float:left;width:12px;height:12px;background:red;margin:18px 0 0 10px;background:#069;border:solid 3px #abcde3;border-radius:22px;padding:8px 8px 12px 12px}
.play-button div{border-left:solid 12px #fff;border-top:solid 8px transparent;border-bottom:solid 8px transparent;width:1px;height:0}
/* reports stuff */.report .gross{color:#888;font-size:9px;text-align:left;margin-top:-8px;margin-left:-4px}
.report .unique{text-align:right}
.report .data-row td{background-color:#f9f9f9}
.report .data-row td.total-cell,.report .total-row td{background-color:#fff}
.report .total-cell .unique,.report .total-row .unique{font-weight:bold}
.report select{float:none;font-size:13px;border-width:1px;height:auto;width:auto;padding:1px;line-height:13px}
.report .selected{font-weight:bold}
.report .data-row th{width:300px;text-align:left}
.report .data-row .truncate{width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.report .total-row th{text-align:left;font-weight:bold}
.report .total-row th,.report .total-row td{border-top-width:2px}
.report .group-row th{line-height:2em;background-color:#069;color:#fff}
.report .group-label{text-align:left;font-weight:bold}
/* match baked-in flash report background */.report-chart{background-color:#CBE6EF;border-right:1px solid #ddd;border-left:1px solid #ddd;padding:0;margin:0}
.report-tabs{background:url(bg-report-tabs.gif) repeat-x bottom left;position:relative;padding:1px 0 0 0;height:32px;overflow:hidden}
.report-tabs ul{margin:0;padding:0;position:absolute;left:0;bottom:0}
.report-tabs li{background-color:#eee;display:block;float:left;border:solid 1px #ddd;margin:0 0 0 10px}
.report-tabs li.selected{background-color:#CBE6EF;border-bottom:solid 1px #CBE6EF}
.report-tabs li a{color:#999;display:block;line-height:30px;font-size:12px;text-decoration:none;padding:0 30px}
.report-tabs li.selected a{color:#069}
.report-tabs li a:hover{background-color:#E9F0F5}
.report-tabs li.selected a:hover{background-color:#CBE6EF}
.report-sub-nav{padding:10px;font-size:13px}
.report-period{text-align:center;width:500px;margin:0 auto}
.report-prev{background:url(report-prev-next.png) no-repeat 0 4px;padding:1px 0 1px 13px;float:left;line-height:13px}
.report-next{background:url(report-prev-next.png) no-repeat 100% -18px;padding:1px 13px 1px 0;float:right;line-height:13px}
/* site footer */.foot{border-top:solid 5px #78B9D9;font-size:11px}
.foot a{color:#9ce;text-decoration:none}
.foot a:hover{text-decoration:underline}
.foot-nav{background:#0066A8 url(bg-foot.png) repeat-x top left;padding:20px 0}
.foot-nav h3{color:#ccc;margin:0 0 2px 0;text-transform:uppercase}
.foot-nav h3 a{color:#ccc}
.foot-nav ul{margin:0}
.foot-nav li{list-style:none;margin:2px 0;line-height:1.2em}
.foot-nav-tbd{color:#999;height:90px;text-align:center;background:url(bg-foot-tbd.png) no-repeat 0 50%}
.twitter{padding-right:17px;background:url(twitter-bird.png) no-repeat right 50%}
#legal{font-size:10px;padding:10px 0 20px 0}
#copyright{padding:6px 0}
.attribution{font-size:12px;text-align:center}
a.delete-link{display:none;float:right;background-color:#bbb;line-height:16px;width:16px;border:0;border-radius:50%;text-align:center;color:#fff!important;font-size:14px;font-weight:bold;cursor:pointer;margin-top:2px;text-decoration:none}
a.delete-link:hover{background-color:#c00}
.deletable:hover a.delete-link{display:block}
.deleted td{background-color:#f9f9f9}
.deleted td,.deleted td a{color:#ccc}
.failed td{background-color:#ffebeb}
.failed td,.failed td a{color:#c00}
.pending td,.processing td{background-color:#ffe}
.scheduled{display:inline-block;padding-left:20px;background:url(calendar.png) no-repeat top left}
@media print{.admin-bar,.top,.header,.foot{display:none}
}