/* podomatic main styles
I'm going to swep thgouh an put and label allactive
styles in this single file
*/

/* TOP HEADER------------------------------------------------------------------
    These styles form the top banner, the tabs and subtabs
*/

/* base styles*/

html, body, .body-text
{
    font: 11px/145% arial, trebuchet, TrebuchetMS, lucida grande, tahoma, sans-serif;
    margin: 0px;
    padding: 0px;
    text-align: -moz-center;
    //text-align: center;
    /* color: rgb(64,64,64); */
    color: black;
}
table
{
    border-collapse:collapse;
}
form
{
    margin:0px;padding:0px;clear:both;
}
input
{
    border-width: 1px;
}
img
{
    border:none;
}
a
{
  color: #0033CC;
}

h1
{
    padding:0px;
    padding-top:5px;
    text-align:left;
    font:bold 36px/44px arial, trebuchet, TrebuchetMS, lucida grande, tahoma, sans-serif;
    margin:0px;
}
h4
{
    text-align:left;
    font:bold 120%/100% arial;
    margin:0px;
}
h2
{
    margin: 0px 0px 0px 0px;
    padding-top: 5px;
    font:bold 140%/160% Arial, Trebuchet, TrebuchetMS, Lucida Grande, Tahoma, sans-serif;
}

 .header2
{
    font: bold 1.4em/1em Arial;
    padding:1em 0px 0px 0px;
    vertical-align:baseline;
}
h3
{
    margin:0px;
    position:relative;
    display:block;
    padding:2px 5px 2px 5px;;
    font:bold 110%/140% Arial, Trebuchet, TrebuchetMS, Lucida Grande, Tahoma, sans-serif;
}
th
{
    vertical-align:baseline;
    font-weight:bold;
}
td
{
    vertical-align:top;
}
ul
{
        padding-left:1.5em;
}
ul li
{
        padding-left: 1em;
        /*list-style-position: inside;*/
        list-style-type: square;
}
hr  {
  width: 95%;
  color: #e5e5e5;
  background-color: #e5e5e5;
  border: none;
}

iframe{border:0px;margin:0px;padding:0px;}

.framing
{
    width:960px;
}
table.framing
{
        //table-layout:fixed;
    border-collapse:collapse;
    margin:0px;
    text-align: left;

}
/* top banner (podomatic logo, user links) */


/* top tabs*/

.td-tabs
{
    text-align:center;
    padding:3px 0px 0px 0px;
    border-bottom:1px solid #cccccc;
    position:relative;
}



.closed-tab, .open-tab
{
    display: block;
    margin:0px;
    padding-right: 10px;
    background: url(/images/right-tab-closed.png) no-repeat  right 4px;
    position:relative;
    top:0px;
    left:0px;

}
.closed-end-tab, .open-end-tab
{
    display: block;
    padding: 4px 2px 2px 10px;
    background: url(/images/left-tab-closed.png) no-repeat  left 4px;
    font: bold 1.3em/2.0em arial;
    text-decoration: none;
    color: #000099;
    top:0px;
    left:0px;

}


.open-tab
{
    background: url(/images/right-tab-open.png) no-repeat  right 4px;
    color: #000000;
    margin-right: 0px;
    top:1px;

}
.open-end-tab
{
    background: url(/images/left-tab-open.png) no-repeat left 4px;
}

.subtabs
{
    font:110%/140% arial;
    padding: 0.5em 0px 0.5em 0px;
    text-align:center;
    border:1px solid #CCCCCC;
    border-top:0px;
    background:rgb(255,255,255) url(/images/nav_background.gif) repeat-x bottom;
}
.subtab-link
{
    font:bold 100%/100% arial;
}

.spaced
{
    padding:0px 0.5em;
}

/* base header */
.basic-header, .header-table
{
    text-align:left;
    padding:5px 5px 0px 5px;
    width:100%;
    table-layout:fixed;
    clear:both;
    margin:0px;
}
.header-table
{
    padding:0px;
}

/* vignette styles */
.vignette-table
{

    border-collapse:collapse;
    width:100%;
    float:left;
    display:table;
    //display:block;
}

.vignette-header
{
    background-image: url(/images/bar/dark_gray_gradient.gif);
    background-attachment: top left;
    text-align:left;
    color:rgb(255,255,255);
    width:100%;  display:table;
    //display:block;

    margin:0px;
    margin-bottom:0.5em;
     font:bold 120%/140% Arial, Trebuchet, TrebuchetMS, Lucida Grande, Tahoma, sans-serif;
}


h3.vignette-header
{

     display:block;
     width:100%;
     padding:2px 5px 2px 5px;;
}

.vignette-td-75-image, .vignette-td-60-image,
.vignette-td-100-image,.vignette-td-175-image
{
    width:85px;
    height:85px;
    padding:5px 0px 0px 5px;
    vertical-align:top;
    text-align:left;
    background: url(/images/shadow75.png) no-repeat top left;
    //background:transparent;
    cursor:inherit;
}

.vignette-td-100-image
{
    width:110px;
    height:110px;
    background: url(/images/shadow100.png) no-repeat top left;
    //background:transparent;
    overflow:hidden;
}

.vignette-td-175-image
{
    width:185px;
    height:185px;
    background: url(/images/shadow175.png) no-repeat top left;/**/ //FIXME:  jkolyer commented out Dec 11, 06
    //background:transparent;
}


.vignette-td-60-image
{
    width:70px;
    height:70px;
    background: url(/images/shadow60.png) no-repeat top left;
    //background:transparent;
}

.vignette-td-55-image
{
    width:59px;
    height:70px;
    padding:5px 0px 0px 5px;
    vertical-align:top;
    text-align:left;
    /* background: url(/images/shadow55.png) no-repeat top left;
    //background:transparent;
    */
    cursor:inherit;
}

.vignette-td-120-image-no-shadow {
  width: 120px;
  height: 120px;
  padding:5px 10px 1em 10px;
  vertical-align:top;
  text-align:left;
  cursor:inherit;
}

.vignette-td-120-image
{
    width:130px;
    height:140px;
    padding:5px 0px 1em 5px;
    vertical-align:top;
    text-align:left;
    background: url(/images/shadow120.png) no-repeat top left;
    //background:transparent;
    cursor:inherit;
}


/* assumes a standard 45pixel image*/
.vignette-img-sm
{
    border:1px solid rgb(96,96,96);
    clear:both;
    display:block;
    margin-bottom:2px;
    //border-bottom:2px solid rgb(100,100,100);
    //border-right:2px solid rgb(100,100,100);
    cursor:pointer;
}


.vignette-td-content
{
    text-align:left;
    vertical-align:top;
    padding:1px 1em 1px 0.5em;
    cursor:inherit;
}
COL
{
    text-align:left;
}


.header-button
{
    line-height: 1em;
    vertical-align:baseline;
}

/* href-buttons */
A.link-button, A:hover.link-button
{
    border: 0px;
    padding:2px 50px 4px 5px ;
    width:auto;
    text-decoration: underline;
    display:block;
    float:left;
    font-weight:bold;
}
A:hover.link-button
{
    border: 1px solid rgb(168,168,240);
    padding:1px 49px 3px 4px ;
    padding-top:1px;
    color:rgb(0,0,128);
}

/* search term highlevel */
A.search-tag, A:hover.search-tag
{
    font: 100%/140% tahoma;
    color: rgb(96,96,255);
    padding-left:0.7em;
    text-decoration:none
}
A:hover.search-tag
{
    font: 100%/140% tahoma;
    text-decoration:underline;
     color: rgb(0,0,192);
}

/* inline form buttons*/

    A.button,  A:hover.button
    {
        display:block;
        border:1px solid rgb(140,140,160);
        background: url(/images/button-bkg.png) repeat-x  center center;
        color:rgb(220,220,220);
        text-decoration:none;
        font:bold 11px/11px tahoma;
        padding:1px 1em 4px 1em;
        height:auto;
        margin:1px;
        text-align:center;
        float:none;clear:both;

    }
    A:hover.button
    {
         background: url(/images/button-bkg-over.png) repeat-x  center center;
          border:1px solid rgb(120,120,140);
         color:rgb(230,230,230)
    }

    A:active.button
    {
         background: url(/images/button-bkg-over.png) repeat-x  center center;
         border:1px solid rgb(64,64,128);
         color:rgb(255,255,255)
    }

/* IE specific colors */

.skyscraper-column, .s-column
{
    width:160px;
    vertical-align:top;
    padding-left:10px;
    overflow:auto;
}
.skyscraper-content-column, .s-content-column
{
    width:792px;
    vertical-align:top;
    padding-left:10px;
    overflow:auto;
  }

/* column widths these are secondary styles */
.one-quarter-column
{
    width:238px;
    vertical-align:top;
    padding-left:10px;
    overflow:auto;
}
.two-quarters-column
{
    width:476px;
    vertical-align:top;
    padding-left:10px;
    overflow:auto;
}

.three-quarters-column
{
    width:714px;
    vertical-align:top;
    padding-left:10px;
    overflow:auto;
}


.one-column
{
    width:955px;
    vertical-align:top;
    padding-left:10px;
    overflow:auto;
}
.two-thirds-column
{
    width:640px;
    vertical-align:top;
    padding-left:10px;
    overflow:auto;
}
.one-third-column
{
    text-align:left;
    width:310px;
    overflow:hidden;
    vertical-align:top;
}
.three-column { width:33%; }
.two-column   { width:50%; }
.four-column   { width:24.9%; }
.right  { text-align:right;}
.clickable      {cursor:pointer;}
/*style for crap */
.floats-suck {clear:both;width:100%;height:1em;}

.sixty-column {  width: 60%; }
.forty-column {  width: 40%; }

.inter {
    border:1px solid rgb(200,200,200);
    padding:0.5em;
    height:1em;

    margin:3px;
}
A.podcast-title, A:hover.podcast-title{

    clear:both;
    display:block;
    height:40px;
    overflow:auto;
    padding:0.0em;
    padding-top:6px;
    padding-left:80px;
    text-align:left;
    text-decoration:none;
    background-image:url("");
    background-position:4px 4px;
    background-repeat:no-repeat;
    border-bottom:0px;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    }

A.inlineplay
{
    display: block;
    height:30px;
    left: 100px;
    text-decoration:none;
    background: url(/images/play_glossy.png) no-repeat;
    /*
     // background: transparent;
     // filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/play_glossy.png", sizingMethod="crop");
     */
}

    /* form inputs */


.form-input-cell
{

    border:1px solid rgb(180,180,200);
    border-right:0px;
    background: rgb(255,255,255);
    vertical-align:middle;
}
.form-input-label
{
    font:9px tahoma;
    color: rgb(128,128,128);
}
.form-input-button-cell
{
    padding:0px;
    border:1px solid rgb(180,180,200);
    border-left:0px;
    background: rgb(210,210,246);

}
.form-top-gradient
{
    background: url(/images/top-gradient.png) repeat-x top;
    padding: 0.5em 1em 0.5em 0.5em;
    border:1px solid #CCCCCC;
    border-bottom:0px;
    text-align:left;
    margin-top:0.5em;
}
.form-input-table
{
    width:100%;
   border-collapse:collapse;
    text-align:left;
    margin-top:0.5em;

}

/* for podcast page */

 .top-image
{
        height: 148px;
    padding-top: 10px;
    padding-right:10px;
    padding-bottom:10px;
    padding-left: 40px;
    vertical-align:bottom;
    overflow:hidden;
}
.banner-content
{
    border:1px solid rgb(32,32,32);
    border-top:2px solid rgb(16,16,16);

    /* background-color:rgb(64,64,64); */
    padding-left:1em;
    position:relative;
    top:2px;
    //top:2px;
    height:24px;
    overflow:hidden;
    line-height:22px;
}
.rt-shadow
{
   height:140px;
    background: url(/images/rt-gradient.png) repeat-y top left ;
    /* 
    //background:transparent;
    //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/rt-gradient.png", sizingMethod="scale");
    */
}
.left-shadow
{
    height:140px;
    background: url(/images/lft-gradient.png) repeat-y top right ;
    /*
    //background:transparent;
    //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/lft-gradient.png", sizingMethod="scale");
    */
}
#title-shadow
{
    padding:0px;

    text-align:left;
    font:bold 350%/100%  Arial, Trebuchet, TrebuchetMS, Lucida Grande, Tahoma, sans-serif;
    margin:0px;
    position:relative;
    top: -50px;
    left:5px;
    line-height:0px;
}



/* for profiles page*/
.empty-content
{
    margin:2em;
    border:1px dotted rgb(216,216,216);
    padding:2em;
    text-align:center;
    color:rgb(128,128,128)
}
.vignette-actions
{
    font: 100%/100% Arial, Trebuchet, TrebuchetMS, Lucida Grande, Tahoma, sans-serif;
}
.panel
{
    overflow:hidden;
    overflow-x:hidden;
    background-color: rgb(255,255,255);
    margin-top:1em;
    text-align:left;
    font-weight:normal;
    padding:0px;
    position:static;
}
.vignette-list
{
    width:100%;
    margin:0px ;
    position:static;
}
.vignette-row
{
    padding-bottom:3px;
    border-bottom:1px dotted rgb(168,168,168)

}

/* for profiles */
.stripe
{
   background-color:white;
}
A.playlist, A.playlist_selected
{
    display:block;
    padding: 1px 3px 1px 3px;
    text-decoration:none;
    font-weight: normal;
    white-space:pre;
    overflow:hidden;

}
A.playlist_selected, a:visited.playlist_selected,
a:active.playlist_selected, td.playlist_selected
{

    background-color:rgb(96,116,168);
    color:white;
    font-weight: bold;
    text-decoration:none;
}


.main {
    color:black;
    font-weight:normal;
}
.shadow {
  background-color: rgb(196,196,196)
}



/* tabnav */
.open-stab, .closed-stab,
.open-stab:visited, .closed-stab:visited{
  background: #DEDEDE;
  height: 30px;
  font: 15px/30px  arial, trebuchet, TrebuchetMS, lucida grande, tahoma, sans-serif;
  font-weight: bold;
  color: #000000;
  border-bottom: 1px solid #B2B2B2;
  border-left: 1px solid #B3B3B3;
  text-decoration:none;
  display:block;
  text-align: center;
  vertical-align: middle;
}
.closed-stab, .closed-stab:visited {
  background: url('/images/nav/background_unselectedTab.jpg') repeat-x;
  border-bottom: 1px solid #9B9B9B;
}
.with-subnav {
  border-bottom: 1px solid #DEDEDE !important;
}
.left {
  border-left: 0px solid #ffffff !important;
}
.subnav {
  background: #DEDEDE;
  text-align:center;
  color:#999999;
  font: 13px/30px arial, trebuchet, TrebuchetMS, lucida grande, tahoma, sans-serif;
  border-bottom: 1px solid #B2B2B2;
}
.subnav a, .subnav a:visited {
  text-decoration:none;
  font-weight: lighter;
  color: #000000;
}
.subnav a:hover {
  text-decoration: underline;
}

.subsubnav {
  text-align:center;
}

.closed-stab:hover {
  background: url('/images/nav/background_rolloverTab.jpg') repeat-x;
  text-decoration: none;
  color: #000000;
}

.open-stab:hover {
  text-decoration: none;
  color: #000000;
}

/* podcast section */
#tagHelp {
  background-color: #ffffaa;
  border: 1px solid black;
  z-index: 3;
  color: black;
  width: 160px;
  top: 230px;
  left: 5px;
  padding: 5px;
  position: absolute;
  display: none;
}

.castflash .closebutton {
  text-align: right;
  margin-right: -3px;
}

.castflash {
  background-color: #ffa;
  border: 1px solid black;
  z-index: 3;
  color: black;
  padding: 0 5px 5px 5px;
  width: 200px;
  text-align: center;
  height: 140px;
  clear: both;
  float: right;
  position: relative;
  display: none;
}

.strike {
  text-decoration: line-through;
}

tr.even, tr.even td {
  background-color:  #EBEBEB;
}

#stats table {
  width: 100%;
}

#stats table td.description {
  padding-left: 1em;
}

#stats table th,
#stats table td.data {
  text-align: center;
}


/* old progress bar fu
structure:  div.progressBar { div.border { div.background { div.foreground } } } div.uploadStatus
*/
div.progressBar {
  border: none;
  float: left;
  width: 600px;
}

.uploadStatus {
  padding-left: 8px;
  font-family:arial;
  font-size:12px;
  font-weight:normal;
  color:#000;
}

div.progressBar div.border {
  background-color: #fff;
  border: none;
  width: 100%;
}

div.progressBar div.border div.background {
  background: url(/images/nav.jpg) no-repeat top;
  border: none;
  height: 14px;
  width: 0%;
}

/* the upload progress stuff creates a structure like the following
   div#progress-bar { div#status-bar div#status-text }


#progress-bar {
  float:left;
  width:600px;
  background-color: white;
}

#progress-bar #status-bar {
  background: url(/images/nav.jpg) no-repeat top;
  height:14px;
  width:0px;
}

#progress-bar #status-text {
  font-family: Arial;
  font-size: 12px;
  line-height: 14px;
  color: black;
  font-weight:normal;
  padding-left: 8px;
}
 */

.kustomizer_ad_section { text-align:center }
/* OLD tooltip stuff
.tooltip {
  background-color:#FFFFEA;
  border:1px solid black;
  font-size:12px;
  margin:1em;
  padding:2px;
  position:absolute;
  width:240px;
  visibility:hidden;
}
.tooltip h1 {
  background-color:#6A6A6A;
  color:white;
  font-size:14px;
  font-weight:bold;
  height:18px;
  line-height: 18px;
  text-align: center;
  margin:0pt;
}
tooltip p {
  line-height:1.2em;
  margin-top:0.5em;
  padding:2px;
}
*/
.bubble {
  background-color:transparent;
  background-image:url(/images/bubble.png);
  background-repeat:no-repeat;
  border:medium none;
  height:299px;
  margin-left:30px;
  margin-top:-230px;
  padding-left:60px;
  position:absolute;
  width:328px;
  z-index:1000;
}
.bubble h1 {
  background-color:transparent;
  margin-top:17px;
}
.bubble p {
  font-size:10px;
  width:230px;
}
.bubble .close {
  display:none;
}

* html #podcast_ad_frame {
  margin: 5px 0 5px 0;
}

/* base styles for home page */
.home-box {
  margin-bottom:0.5em;
}

.home-box #active_content { background: rgb(195,217,255); padding-top: 0.5em;}
.home-box #fpod_content { background: rgb(239,239,239);}
.home-box#fpod #ad { text-align: center; }
.home-box #recent_content { background: rgb(232,238,247);}
.home-box #fmem_content { background: rgb(224,236,255); }
.home-box #popular_content { background: rgb(239,239,239);}

.subtabs .vignette-header { background-color: rgb(216, 216, 216); }
.subtabs div {
  text-align: left;
  margin-left: 10px;
}
.subtabs td.right a {
  line-height: 80%;
  font-weight: normal;
}
.subtabs {
  margin-bottom:10px;
  padding-top:0px;
  border: none;
}


/* styles for the search/directory page */
.directory-container {
  margin-bottom:0.5em;
  border-bottom:1px solid rgb(255,255,255);
}

.directory-container #more-top_content {
  background: #EFEFEF;
}

#featured-list_content  {
  background: #EFEFEF;
}

.directory-container #more-category_content,
.directory-container #tl-category_content {
  background: rgb(255,255,255);
  padding-left:10px;
  line-height:24px;
}

.directory-container .catname { font-weight:bold; }
.directory-container .catname a { font-weight: normal; font-size: 120%; }

.directory-container #top_content { background: rgb(224,236,255); }

#search-list {
  margin-bottom:0.5em;
  border-bottom:1px solid rgb(216,216,240);
}
#search-list div{
  background: rgb(230,230,255);
}

/* styles for the My Podcast tab */
.center-box div {
  margin: 0 0.25em;
}

.emph {
  font-size: 150%;
}
.dark {
  font-weight: bold;
}
.light {
  font-weight: normal;
  color: #666666;
}

.evenb {
  background: rgb(255,255,255);
  line-height: 23px;
}
.oddb {
  background: #f1f5fa;
  line-height: 23px;
}

/* podcast episode comment form */
.comment-form .body  {
  vertical-align: top;
}
.comment-form .captcha {
  text-align: center;
}
.comment-form .submit {
  text-align: left;
}

.disabledform input, 
.disabledform textarea {
  color: #333333;
  background-color: #aaaaaa;
}

/* flash notice and such */

.podcast-alertrc{display:block}
.podcast-alertrc *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#f8d65a}
.podcast-alertrc1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #fbedb8;
  border-right:1px solid #fbedb8;
  background:#f9e083}
.podcast-alertrc2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fefaee;
  border-right:1px solid #fefaee;
  background:#f9dd79}
.podcast-alertrc3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f9dd79;
  border-right:1px solid #f9dd79;}
.podcast-alertrc4{
  border-left:1px solid #fbedb8;
  border-right:1px solid #fbedb8}
.podcast-alertrc5{
  border-left:1px solid #f9e083;
  border-right:1px solid #f9e083}
.podcast-alertrcfg{
  background:#f8d65a}

/* episode comment moderation styles */
.mcomment {
}
.screened { background: #dedede }
.state { font-style: italic; }

#calendar { text-align:center }
table.calendar { width:100%; }
table.calendar th { text-align:right }

/* search results */

.searchform {
  text-align:center;
  margin-top: 1em;
  margin-bottom: 1em;
}
.search-result {
  padding: 0.5em;
}
.search-result table {
  text-align: left;
  width: 710px;
  font-size: 1.2em;
  margin-bottom: 1px;
}

.search-result .title {
  font-size: 1.5em;
}
.search-result .thumb { width: 85px; padding: 3px; }
.search-result .thumb a img { border: 0; }


.white-bg { background-color: #ffffff }
.light-bg { background-color: #efefef }

/* media library browse */
.medialist tbody td {
  line-height: 220%;
  vertical-align: middle;
}
.medialist tbody td.mitem img { margin: 5px 0; }
.medialist td.micon { vertical-align: middle; text-align: center;  }
.medialist td.micon img { display: block; margin: 5px; }

.pro-28x15 {
  display: inline !important;
  position:relative;
  top: 3px;
}

/* paginator */

#paging_content {
  float:left;
  width: 80%;
  vertical-align:top;
  overflow: auto;
}

#paging_advert {
  width: 20%;
  text-align: right;
  vertical-align:top;
  overflow: auto;
}

/* icon styles */
.icon15x15 { position:relative; top: +2px }