/*
-----------------------------------------------------------------------------------------

File Name: 
tab.css

Description:
Sytlesheet that applies to only site-wide elements, or elements that are close to
being site-wide on TAB; targets both layout and typophraphical elements.

Inherited Pre-summer 2007 CSS Files:
+ tab_e.css
+ tab_j.css
+ colors_tab.css
+ color_tab_e.css
+ color_tab_j.css

-----------------------------------------------------------------------------------------
*/
/*
Layout
----------------------------------------------------------------------------------------- */
body {  background: #F2F2F0 url(/resources/images/header_bg.gif) 0 110px repeat-x }
#site {  border-bottom: 1px solid #E62D8B }
#disclaimer {  color: #838587 }
#blog .discuss {  background-image: url(/resources/images/mytab/grey_comment.gif) }
#main div.main-pic {  background: white } /* ?location */
/* Promo Pages */
body.en h3#promo {  padding-top: 0 }
body.ja h3.promo {
  padding-top: 0;
  padding-bottom: 4px;
    }
/* TAB Jobs ad block */
#tabjobs_slug_rt {
  display: inline;
  float: left;
  width: 213px !important;
  margin: 15px 0px 0px 0px;
  padding-bottom: 15px !important;
  background: #FBFBFB;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
    }
    #tabjobs_slug_rt h3 {
      display: inline;
      float: left;
      width: 201px !important;
      margin: 0px 0px 0px 2px !important;
      padding: 0px 3px 0px 3px;
      border: 1px solid #148BCF;
      background-color: #00A2FF;
        }
        #tabjobs_slug_rt h3 a {
          display: inline;
          float: left;
          height: 15px;
          width: 201px;
          overflow: hidden;
            }
    #tabjobs_slug_rt h4 {
      padding: 0px 3px 0px 3px;
      border-left: 1px solid #E3E3E3;
      border-right: 1px solid #E3E3E3;
        }
    #tabjobs_slug_rt p {
      width: 204px !important;
      margin: 3px 0px 0px 2px !important;
      padding: 3px;
      border-top: 1px solid #e3e3e3;
      border-left: 1px solid #e3e3e3;
      border-right: 1px solid #e3e3e3;
        }
body.en #tabjobs_slug_rt h3 a {  background: #00A2FF url(/resources/images/jobs_slug_h3.gif) top no-repeat }
body.ja #tabjobs_slug_rt h3 a {  background: #00A2FF url(/resources/images/jobs_slug_h3_j.gif) top no-repeat }
/* TAB Jobs Ad block that goes on the homepage */
#tabjobs_slug_home {
  display: inline;
  float: left;
  width: 425px;
  margin-top: 15px;
  background: #FBFBFB;
  border-top: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
  border-right: 1px solid #E3E3E3;
    }
    #tabjobs_slug_home h3 {
      display: inline;
      float: left;
      width: 28px;
      margin: 0px 5px 0px 0px;
      padding-top: 0px;
      background: #d2d2d2;
      color: #fff;
      background-color: #00A2FF;
        }
        #tabjobs_slug_home h3 a {
          display: inline;
          float: left;
          height: 24px;
          width: 26px;
          overflow: hidden;
            }
    #tabjobs_slug_home h4 {
      padding: 0px 3px 3px 3px;
      border-left: 1px solid #e3e3e3;
      border-right: 1px solid #e3e3e3;
        }
    #tabjobs_slug_home p {
      margin: 0;
      padding: 5px 3px 5px 3px;
      border-left: 1px solid #e3e3e3;
        }
body.en #tabjobs_slug_home h3 a {  background: #00A2FF url(/resources/images/jobs_slug_home_h3.gif) 0px 0px no-repeat }
body.ja #tabjobs_slug_home h3 a {  background: #00A2FF url(/resources/images/jobs_slug_home_h3_j.gif) 0px 0px no-repeat }
/* coming soon    */
#soonbox {
  background: #fff;
  border: 2px solid #FF00CC;
    }
    #soonbox h2 {  border-left: 30px solid #0E8FCF }
.mytab_signup_button {
  background: transparent url(/resources/images/misc_graphics/button_generic_right_tab.png) top right no-repeat;
  height: 40px;
  float: left;
  display: inline;
  margin-bottom: 16px;
    }
    .mytab_signup_button a {
      padding: 10px 10px 10px 10px;
      background: transparent url(/resources/images/misc_graphics/button_generic_left_tab.png) top left no-repeat;
      height: 20px;
      display: block;
      color: #fff !important;
      font-size: 1.8em;
      line-height: 1.1;
      font-weight: bold;
        }
/*
Typography
-------------------------------------------------------------------------------------------------- */
h2 {  color: #E72D89 }
a:link,
a:visited {  color: #148BCF }
a:hover,
a:active {  color: #E72D89 }
#twitter li a:link,
#twitter li a:visited {  color: #666 }
#twitter li a:hover,
#twitter li a:active {  color: #333 }
#twitter li span a:link,
#twitter li span a:visited {  color: #148BCF }
#twitter li span a:hover,
#twitter li span a:active {  color: #E72D89 }
#banner h1 {  color: #FBFBFB } /* ?delete */
h3.promo em {  color: #E72D89 }
body.ja h3.promo {
  font-size: 100%;
  font-weight: 600;
    }
/* TAB Jobs ad block */
#tabjobs_slug_rt h3 a {
  text-indent: -5000px;
  line-height: 15px;
    }
/* six main tabs on top */
#mainNav .tab,
#mainNav .tab_selected {  color: #148BCF }
#venue_list ul li,
#event_list ul li {  color: #BFC0C0 }
.inline_list {  color: #E3E3E3 }
#badge_slogan,
#nearby ul,
#nearby_tabelog ul {  color: #5B5D60 }
.nearby_categ {  color: #5B5D60 }
#tablogpreview .postedby {  color: #5B5D60 } /* ?delete ?location */
/* TAB Jobs ad block */
#tabjobs_slug_rt {  text-align: left }
    #tabjobs_slug_rt h3 {
      color: #fff;
      font-size: 0.8em;
      text-align: left;
        }
    #tabjobs_slug_rt h4 {
      line-height: 1.2;
      font-size: 1.2em;
        }
    #tabjobs_slug_rt p {
      color: #838587;
      font-size: 1.2em;
      line-height: 1.2;
        }
/* TAB Jobs Ad block that goes on the homepage */
#tabjobs_slug_home h3 {
  font-size: 0.8em;
  line-height: 1;
  text-align: left;
    }
    #tabjobs_slug_home h3 a {
      text-indent: -4000px;
      line-height: 24px;
        }
#tabjobs_slug_home h4 {
  font-size: 1.2em;
  line-height: 1.2;
    }
#tabjobs_slug_home p {
  font-size: 1.2em;
  line-height: 1.2;
  color: #838587;
    }
/* venues and events pages */
p.review_meta {  color: #5B5D60 }
    p.review_meta strong {  color: #292929 }
span.artistname {  color: #E72D89 }
#add_review label {  color: #5B5D60 }
ul#textlinkads li span {  color: #292929 }
    ul#textlinkads li span a {  color: #148BCF }
/* QR news */
#news div.blogbody h3 {  color: #111 }
/* MyTAB */
p#mytabseen,
span.mytabseen {  color: #838587 }
.loginPanel h3 {  color: #E72D89 }
/* pick */
#holidaynote strong {  color: #E72D89 }
/* coming soon    */
h2 a {  color: #0E8FCF }
/* city switcher with glam banner */
body {  background-position: 0 110px }
#firstrow {  height: 18px }
#header {
  height: 111px;
  background-position: center 0;
    }
/* HOME 2013 */
#spot:hover a,
#spot:active a {  color: #ef1884 }
#spot:hover .main-pic a,
#spot:active .main-pic a {  border: 1px solid #ef1884 }
#event_list_switcher li.selected a {  color: #ef1884 }
#event_list_switcher li a:hover {  color: #ef1884 }
.event_list ul li h3 {  color: #148BCF }
.event_list ul li:hover h3 {  color: #ef1884 }
div#events_content ul li:hover .event_image,
.event_list ul li:hover .event_image {  border: 1px solid #ef1884 }
div.event_list ul li .timeleft .timealert {  color: #E72D89 }
.pivot #event_list_switcher li.selected a,
.pivot #nearby ul li .timealert,
.pivot #event_list_contents span {  color: #ef1884 }
.mobile #masthead,
.mobile #masthead h1,
body.en .mobile #lang-switcher,
body.ja .mobile #lang-switcher,
.mobile #disclaimer {  background-color: #ef1884 }
.mobile #mainNavMobile ul#tabsMobile li.tab_selected a:link,
#mainNavMobile ul#tabsMobile li.tab_selected a:visited {  color: #E72D89 }
.mobile #masthead h1 {
  background-image: url(/resources/images/h1_smaho_tab.png);
  -moz-background-size: 87.5px 62.5px;
  -webkit-background-size: 87.5px 62.5px;
  background-position: 30px 30px;
    }
    
    
/*new Ads format*/
#firstad img{
    width:300px !important;
    height:120px !important;
}

.mobile #firstad{
    width:600px !important;
}

.mobile #firstad img{
    width:600px !important;
    height:240px !important;
}


/* fundraising-goal 
#donation-widget #tab-fundraising-goal{
    padding-bottom:0px;
}
#donation-widget #tab-fundraising-goal h3{
    padding-top:0px;
    padding-bottom:5px;
    margin:0 0 0 0;
    color:#ff1076;
    font-size:12px;
    text-align:center;
    font-weight:bold;
}


 fundraising-goal-bar 
#donation-widget {height:50px; width:180px; margin:0 0 0 18px; float:left; display: inline;}

#donation-widget #tab-fundraising-goal #tab-fundraising-goal-bar{
    position:relative;
    width:148px;
    height:21px;
    margin:0 auto;
    overflow:hidden;
    background:url(/resources/images/donations/donation-bar-bg_sm.png) 0 0 no-repeat;
}
#donation-widget #tab-fundraising-goal #tab-fundraising-goal-bar strong{
    position:relative;
    display:block;
    font-size:13px;
    color:#FFF;
    z-index:1000;
}
#donation-widget .tab-fundraising-goal-bar,
#donation-widget .tab-fundraising-goal-bar-maskleft,
#donation-widget .tab-fundraising-goal-bar-maskright{
    position:absolute;
    top:0;
    display:block;
    height:21px;
}
#donation-widget .tab-fundraising-goal-bar{
    padding-right:9px;
    margin-left:-9px;
    background:transparent url(/resources/images/donations/donation-bar.png) right 1px no-repeat;
}
#donation-widget .tab-fundraising-goal-bar-maskleft{
    left:0;
    width:6px;
    background:transparent url(/resources/images/donations/donation-mask-left.png) 0 0 no-repeat;
    _background:transparent;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='resources/images/donation-mask-left.png');
}
#donation-widget .tab-fundraising-goal-bar-maskright{
    right:0;
    width:6px;
    background:transparent url(/resources/images/donations/donation-mask-right.png) 0 0 no-repeat;
    _background:transparent;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='resources/images/donation-mask-right.png');
}

#donation-widget strong.tab-fundraising-goal-bar-amount {vertical-align: middle; line-height: 1.1; padding-top: 4px; text-align: left;}
#donation-widget .action {text-indent: -4000px; overflow: hidden; height:140px; width:180px; display: block;}

*/