/* ======================
01. RESET
02. COMMON
03. MAIN STRUCTURE
04. TOP HEADER
05. SUB HEADER
06. STATUS UPDATE STREAM
07. MAIN
08. SIDEBAR
09. GOOGLE
10. FOOTER
=======================*/

/* ============= */
/* = 01. RESET = */
/* ============= */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* ============== */
/* = 02. COMMON = */
/* ============== */

body {
  background: #000;
  color: #fff;
  font: normal 14px/20px helvetica, arial, sans-serif;
}

html.ie7 img { -ms-interpolation-mode:bicubic; }

::-moz-selection { background: #333; color: #fff; text-shadow: none; }
::selection { background: #333; color: #fff; text-shadow: none; }

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

label, input[type="button"], input[type="submit"], button { cursor: pointer; }
button { width: auto; overflow: visible; }
input, select, textarea, button { font: normal 14px helvetica, arial, sans-serif; color: #777; margin: 0; padding: 0; }

a { color: #0079c5; text-decoration: none; }
a:hover { text-decoration: underline; }
.green a { color: #00ce6b; text-decoration: none; }
.green a:hover { text-decoration: underline; }

ul, ol { list-style: none; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }

.sub { font-style:italic;}
.exception { color:red; font-style:italic;}

.tooltip {
  color:#FFF;
  background: #000;
  padding:5px 10px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: inset 0px 1px 3px #777;
  -moz-box-shadow: inset 0px 1px 3px #777;
  -webkit-box-shadow: inset 0px 1px 3px #777;
  position: absolute; left: 414px; top: 124px;
}

/* ====================== */
/* = 03. MAIN STRUCTURE = */
/* ====================== */

#site-wrapper {
  width: 1024px;
  margin: 0 auto;
}

#prime-container {
  background: #fff;
  color: #000;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

#prime-container.greyshade {
  background: url(/img/container-grey-shade.png?v=33) left top repeat-y;
}

#prime-container.whiteshade {
  background: url(/img/container-white-shade.png?v=33) left top repeat-y;
}

#main {
  width: 684px;
  padding: 0 0 50px;
}

aside {
  width: 340px;
  padding: 0 0 50px;
}

aside.homeright{
  float: right;
  width: 650px;
  padding: 0 0 50px;
  text-align: center;
}

/* ================== */
/* = 04. TOP HEADER = */
/* ================== */

#top {
 padding: 20px 0; 
}

#top h1 a {
  display: block;
  width: 350px;
  height: 55px;
  //background: url(/img/beta_logo.png?v=33) 0px 0px no-repeat;
  //background: url(/img/logo_new.png?v=1) 0px 0px no-repeat;
  //background: url(/img/logo_updated.png?v=1) 0px 0px no-repeat;
  background: url(/img/logo_updated_centered.png) 0px 0px no-repeat;
}

#top .search input {
  display: block;
  border: 0;
}

#top .search {
  padding: 4px 0 0;
  color: #fff;
}

#top .search .text {
  display: block;
  background: #fff;
  height: 20px;
  line-height: 20px;
  padding: 5px 6px;
  width: 350px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: inset 0px 1px 3px #777;
  -moz-box-shadow: inset 0px 1px 3px #777;
  -webkit-box-shadow: inset 0px 1px 3px #777;
}

#top .search .submit {
  width: 70px;
  height: 30px;
  background: #0079c5 url(/img/search.png?v=33) center center no-repeat;
  margin: 0 0 0 15px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-bottom: 1px solid #000;
  box-shadow: 0 1px 0 #444;
  -webkit-box-shadow: 0 1px 0 #444;
  -moz-box-shadow: 0 1px 0 #444;
}

#top .search .radio {
  margin: 7px 5px 0 0;
}

#top .search label {
  margin: 3px 12px 0 0;
}

/* ================== */
/* = 05. SUB HEADER = */
/* ================== */

#hero img {
  display: block;
  margin: auto;
}

#trending {
  overflow:hidden;  
}

#sub-head {
  background: #0079c5;
  height: 40px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

#sub-head .nav {
  padding: 0 0 0 10px;
}

#sub-head .nav li {
  float: left;
}

#sub-head .nav a {
  display: block;
  width: 40px;
  height: 40px;
  background-image: url(/img/sub-head-nav.png?v=35);
  background-repeat: no-repeat;
  text-indent: -9999px;
  position: relative;
}

#sub-head .nav .active a:after {
  position: absolute;
  content: "";
  width: 16px;
  height: 8px;
  background: url(/img/arrow-down1.png?v=33) 0 0 no-repeat;
  left: 11px;
  top: 40px;
  z-index: 0;
}

#sub-head .nav .home a {
  background-position: 6px 6px;
}

#sub-head .nav .home a:hover {
  background-position: 6px -133px;
}

#sub-head .nav .home.active a {
  background-position: 6px -169px;
  background-color: #000;
}

#sub-head .nav .home.notif a {
  background-position: 6px -621px;
}

#sub-head .nav .home.notif a:hover {
  background-position: 6px -691px;
}

#sub-head .nav .home.notif.active a {
  background-position: 6px -656px;
  background-color: #000;
}

#sub-head .nav .broadcast a {
  background-position: 7px -203px;
}

#sub-head .nav .broadcast a:hover {
  background-position: 7px -238px;
}

#sub-head .nav .broadcast.active a {
  background-position: 7px -273px;
  background-color: #000;
}

#sub-head .nav .interest a {
  background-position: 7px -411px;
}

#sub-head .nav .interest a:hover {
  background-position: 7px -446px;
}

#sub-head .nav .interest.active a {
  background-position: 7px -481px;
  background-color: #000;
}

#sub-head .nav .listener a {
  background-position: 10px -516px;
}

#sub-head .nav .listener a:hover {
  background-position: 10px -553px;
}

#sub-head .nav .listener.active a {
  background-position: 10px -586px;
  background-color: #000;
}

#sub-head .nav .stations a {
  background-position: 7px -203px;
}

#sub-head .nav .stations a:hover {
  background-position: 7px -238px;
}

#sub-head .nav .stations.active a {
  background-position: 7px -273px;
  background-color: #000;
}

#sub-head .nav .profile a {
  background-position: 10px -308px;
}

#sub-head .nav .profile a:hover {
  background-position: 10px -343px;
}

#sub-head .nav .profile.active a {
  background-position: 10px -378px;
  background-color: #000;
}

#sub-head .nav .station a {
  background-position: 7px -29px;
}

#sub-head .nav .station a:hover {
  background-position: 7px -64px;
}

#sub-head .nav .station.active a {
  background-position: 7px -99px;
  background-color: #000;
}

#sub-head .dropdown {
  padding: 0 20px 0 0;
}

#sub-head .dropdown .down {
  float: right;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  color: #2b2b2b;
  padding: 0 25px 0 10px;
  font-weight: bold;
  background: url(/img/arrow-down2.png?v=33) 88% 18px no-repeat;
}

#sub-head .login {
  padding: 0 20px 0 0;
}

#sub-head .login .down {
  float: right;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  color: #2b2b2b;
  padding: 0 25px 0 10px;
  font-weight: bold;
}

#sub-head .login .down a {
  color: #2b2b2b;
}

/* ============================ */
/* = 06. STATUS UPDATE STREAM = */
/* ============================ */

#refresh-update-stream {
  float:right;
  font-size:.9em;
  margin-right:20px;  
}

#updates-stream {
  padding: 0 20px 0 20px;
}

#updates-stream .update {
  padding: 15px 0 0;
  border-bottom: 1px dotted #d0d0d0;
}

#flag-detail {
  padding: 15px 20px 15px 20px;
}

/*
#updates-stream .update .status .actions  {
  display:none;
}

#updates-stream .update:hover .status .actions  {
  display:block;
}
*/
.update .identity {
  text-align: center;
  width: 90px;
  font-weight: bold;
  font-size: 12px;
}

.update .identity img {
  width: 90px;
  height: 90px;
  display: block;
  margin: 14px 0 10px;
}

.update .identity .avatar_dj {
    z-index: 1;
}

.update .identity .dj_layer {
    /*opacity: 0.95;*/
    background-image: url(/img/dj_star.png);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    position: relative;
    left: -15px;
    top: -28px;
    z-index: 2;
    margin-bottom: -30px;
}

.update .identity .artist_layer {
    /*opacity: 0.95;*/
    background-image: url(/img/artist_personality_icon.png);
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    position: relative;
    left: -15px;
    top: -28px;
    z-index: 2;
    margin-bottom: -30px;
}

.update .status {
  width: 535px;
  position: relative;
}

.update .status p {
  clear: both;
}

.update .status .station {
  float: left;
  font-weight: bold;
  padding: 0 0 8px;
}

.update .status .station img {
  vertical-align: middle;
  margin: 0 8px 0 0;
}

#updates-stream .status .share {
    float:right;
}

#updates-stream .status .share a {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(/img/share.png?v=33);
  background-repeat: no-repeat;
  text-indent: -9999px;
  margin-left:4px;
}

#updates-stream .status .share .twitter {
  float: right;
}

#updates-stream .status .share .twitter a {
  background-position: -36px 0;
}

#updates-stream .status .share .facebook a {
    background-position: -18px 0;
}

#updates-stream .status .share .facebook {
  float: right;
}

#updates-stream .status .share .mail a {
  background-position: 0 0;
}

#updates-stream .status .share .mail {
  float: right;
}

#updates-stream .status .reflag {
  font-size:.8em;
  color: #777;
}

#updates-stream .status .actions {
    /*float:left;*/
    font-size:.8em;
}

#updates-stream .status .actions a {
  display: block;
  height: 15px;
  background-image: url(/img/actions.png?v=33);
  background-repeat: no-repeat;
  margin-right:8px;
  padding: 0 2px 4px;
}

#updates-stream .status .actions .comment {
  float: left;
}

#updates-stream .status .actions .comment a {
  background-position: 0 2px;
  text-indent: 11px;
}

#updates-stream .status .actions .reply a {
  background-position: 0 -13px;
  text-indent: 11px;
}

#updates-stream .status .actions .reply {
  float: left;
}

#updates-stream .status .actions .reflag a {
  background-position: 0 -28px;
  text-indent: 13px;
}

#updates-stream .status .actions .reflag {
  float: left;
}

#updates-stream .status .actions .delete a {
  background-position: 0 -43px;
  text-indent: 13px;
}

#updates-stream .status .actions .delete {
  float: left;
}

.update .status .time {
  float: right;
  color: #777;
  font-size: 12px;
  padding: 10px 0 0;
  font-weight: bold;
}

.update .status .now {
  color: #00ce6b; 
}

.pagination {
    width:644px;
    box-shadow: 0 1px 0 #444;
    -webkit-box-shadow: 0 1px 0 #444;
    -moz-box-shadow: 0 1px 0 #444;
    height: 30px;
    text-align: center;
    vertical-align:middle;
    font-weight: bold;
    border: 0;
    background: #0079C5;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 20px;
}

.pagination a {
    color:#fff;
    padding-top:5px;
}
/* ============ */
/* = 07. MAIN = */
/* ============ */

#main h1 {
  font-size: 1.6em;
  line-height: 1.2;
}

#station-info {
  padding: 15px;
  font-size: 12px;
  line-height: 17px;
  border-bottom: 1px solid #d8d8d8;
}

#station-info p {
  margin-top: 10px;
  font-size: 1.1em;
  line-height: 1.4em;
  font-style: italic;
  font-family: Georgia,serif;
  color: #777;
  -webkit-font-smoothing: antialiased;
}

#station-info h3 {
  font-size:1.2em;  
}

#no-results, #getting-started {
  padding: 15px;
  font-size: 12px;
  line-height: 17px;
}

#no-results h1, #getting-started h1 {
    color: #0079c5;
}

#no-results h3, #getting-started h3 {
    padding: 5px 0 0 0;
    font-size:1.2em;
}

#getting-started p {
    font-size:1.1em;
    line-height: 1.4em;
    -webkit-font-smoothing: antialiased;
    color: #444;
    padding: 5px 0;
}

#post-update, #update-profile {
  padding: 15px 15px 15px;
  border-bottom: 1px solid #d8d8d8;
}

#post-update .text, #update-profile .text, #add-interest-container .post {
  display: block;
  width: 635px;
  padding: 6px;
  border: 1px solid #d8d8d8;
  margin: 0 0 5px;
}

#post-update .post, #update-profile .bio, #add-interest-container .post {
  display: block;
  width: 635px;
  height: 50px;
  padding: 6px;
  border: 1px solid #d8d8d8;
  margin: 0 0 5px;
  resize: none;
  overflow: auto;
  color: gray;
}

#filter {
  vertical-align:middle;
  height: 20px;
  line-height: 40px;
  color: #2b2b2b;
  padding-left: 3px;
  padding-right: 5px;
  /*padding: 0 25px 0 10px;*/
  /*margin: 0 10px 0;*/
  /*background: url(/img/arrow-down2.png?v=32) 18px no-repeat;*/
  /*background-color: #0079C5;*/
  background-position: 90%;
}

/* jquery.ui.button.css style override */
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { font-weight: bold; }
.ui-button-text-only .ui-button-text { padding: 0.1em 1em; }

#add-interest-container .post {
  width:300px;
}

#post-update .submit, #update-profile .submit, #add-interest-container .submit {
  box-shadow: 0 1px 0 #444;
  -webkit-box-shadow: 0 1px 0 #444;
  -moz-box-shadow: 0 1px 0 #444;
}

#update-profile p {
  font-size:.9em;
  font-style:italic;
  color:#444;
}

#update-profile h2 {
  padding-top:8px;
}
/* =============== */
/* = 08. SIDEBAR = */
/* =============== */

aside h2 {
  font-size: 18px;
  padding: 0 0 8px;
}

aside h3 {
  font-weight: normal;
  font-size: 17px;
  color: #444;
  padding: 0 0 10px;
}

aside h4 {
  font-weight: normal;
  font-size: 15px;
  color: #444;
  padding: 0 0 10px;
}

aside .formstyle {
  margin: 15px;
  padding: 0 0 15px;
  border-bottom: 1px solid #444;
  position: relative;
}

aside .formstyle:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -2px;
  width: 100%;
  border-top: 1px solid #fff;
}

aside .formstyle .text {
  background: #1C1E21;
  padding: 5px 8px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 0;
  box-shadow: inset 0px 1px 3px #777;
  -moz-box-shadow: inset 0px 1px 3px #777;
  -webkit-box-shadow: inset 0px 1px 3px #777;
  height: 22px;
  line-height: 22px;
  display: block;
  margin: 0 0 10px;
  width: 290px;
}

aside .formstyle .submit, #post-update .submit, #update-profile .submit, #add-interest-container .submit {
  float: right;
  width: 75px;
  height: 30px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  border: 0;
  margin: 0 5px 0 0;
  background: #0079C5;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

aside .get {
  width: 310px;
  height: 44px;
  margin: 0 auto;
  padding: 0 0 14px 0px;
  border-bottom: 1px solid #444;
}

aside .get a {
  width: 134px;
  height: 44px;
  display: block;
  background-image: url(/img/appstores.png?v=33);
  background-repeat: no-repeat;
  text-indent: -9999px;
}

aside .get .iphone {
  float: left;
}

aside .get .iphone a {
  background-position: 0 0;
}

aside .get .android {
  float: right;
}

aside .get .android a {
  background-position: -159px 0;
}

aside .ads {
  padding: 10px 0 14px 0px;
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #D8D8D8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #D8D8D8;
}

#station-meta {
  padding: 20px;
  border-bottom: 1px solid #d8d8d8;
}

#station-meta .logo {
  z-index: 1;
  display: block;
  text-align: center;
}

#station-meta .dj_layer {
  background-image: url(/img/dj_star2x.png);
  background-repeat: no-repeat;
  position: relative;
  z-index: 2;
  height: 62px;
  top: -62px;
  left: 0px;
  margin-bottom: -40px;
}

#station-meta .artist_layer {
  background-image: url(/img/artist_personality_icon_2x.png);
  background-repeat: no-repeat;
  position: relative;
  z-index: 2;
  height: 62px;
  top: -62px;
  left: 0px;
  margin-bottom: -40px;
}

#station-meta .addfav {
  display: block;
  margin: 20px 0 0;
  height: 30px;
  line-height: 30px;
  background: #0079c5;
  color: #fff;
  text-align: center;
  font-weight: bold;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0 1px 0 #444;
  -webkit-box-shadow: 0 1px 0 #444;
  -moz-box-shadow: 0 1px 0 #444;
}

#station-meta .fav {
  display: block;
  margin: 20px 0 0;
  height: 30px;
  line-height: 30px;
  background: #0079c5;
  color: #fff;
  text-align: center;
  font-weight: bold;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0 1px 0 #444;
  -webkit-box-shadow: 0 1px 0 #444;
  -moz-box-shadow: 0 1px 0 #444;
  background-image: url(/img/fav.png?v=33);
  background-repeat: no-repeat;
}

#station-meta .fav:hover, #station-meta .addfav:hover {
  text-decoration: none;
}

#station-meta .remove {
  background-position: 0 -30px;
}

#station-meta .player {
  padding: 10px 0 8px;
  text-align:center;
}

#station-meta .player img {
  vertical-align: middle;
  margin: 0 8px 0 0;
}

#station-meta .mini-launcher {
  padding: 10px 0 8px;
  text-align:center;
}

#mini-player-container {
  padding:20px;  
}

aside .flagcasts {
  padding: 15px 20px 10px;
  border-bottom: 1px solid #d8d8d8;
}

aside .flagcasts a {
  padding: 0 0 0 22px;
}

aside .flagcasts .active a {
  background: url(/img/arrow-right-blue.png?v=33) 0px 3px no-repeat;
}

.interests {
  padding: 10px 0 10px 20px;
  border-bottom: 1px solid #d8d8d8;
}

#interests li { float: left; list-style-type: none; white-space:nowrap; margin: 0 10px 10px 0;
height: 30px;
line-height: 30px;}
#interests li.interest { background: #0079C5;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
padding: 1px 5px 2px;}

#interests li a {
  color: #fff;
}

#interests { margin: 0 !important }
#interests li.interest { position: relative; }
#interests li.delete { padding-right: 18px; position: relative; z-index:1000;}
#interests li.interest a.delete { color:#D3D3D3; position: absolute; right: 5px; top: 2px; display: block; font-size: .8em;}

#add-interest-container {
    
}

aside a.viewall {
  font-size: 12px;
  font-style: italic;
  padding: 0 18px 0 0;
  background: url(/img/arrow-right-blue.png?v=33) right 4px no-repeat;
}

aside .notifications {
  border-bottom: 1px solid #d8d8d8;
  padding: 10px 10px 10px 20px;
}

li .new { font-weight: bold; }
.inlinepopup-content #notification-history {height:300px; overflow-x:hidden; overflow-y:auto;}
.inlinepopup-content #newnotifications {height:300px; overflow-x:hidden; overflow-y:auto;}

#notificationslist a { color: #000; }
#notification-history a { color: #000; }
#newnotifications a { color: #000; }
#notificationslist a:hover { text-decoration: none; }
#notification-history a:hover { text-decoration: none; }
#newnotifications a:hover { text-decoration: none; }
#notificationslist li:hover { background-color: #eee; cursor: pointer; }
#notification-history li:hover { background-color: #eee; cursor: pointer; }
#newnotifications li:hover { background-color: #eee; cursor: pointer; }

.notif-avatar img {
  float: left;
  margin: 0 10px 10px 0;
}

.timeago {
  font-size: 12px;
}

aside a.addinterest {
  font-size: 12px;
  font-style: italic;
  padding: 0 18px 0 0;
}

aside .favstations {
  border-bottom: 1px solid #d8d8d8;
  padding: 10px 0 10px 20px;
}

aside .favstations img {
  float: left;
  width: 50px;
  height: 50px;
  margin: 0 10px 10px 0;
}

aside .favlisteners {
  border-bottom: 1px solid #d8d8d8;
  padding: 10px 0 10px 20px;
}

aside .favlisteners img {
  float: left;
  width: 50px;
  height: 50px;
  margin: 0 8px 8px 0;
}

/* ============== */
/* = 09. GOOGLE = */
/* ============== */

.ac-renderer {
  position: absolute;
  background: #fff;
  color:#444;
  border: 1px solid #000;
  width: 640px;
}

.ac-row {
  cursor: pointer;
  padding: .4em;
}

.ac-row span {
    font-size: 1.0em;
    display:inline-block;
    vertical-align:top;
}

.ac-highlighted {
  font-weight: bold;
}

.ac-active {
    font-weight:bold;
}

/* ============== */
/* = 10. FOOTER = */
/* ============== */

footer {
  text-align: center;
  color: #0079c5;
  font-size: 12px;
  padding: 25px 0;
  font-weight: bold;
}

footer li.logoitem {
  border-right: 0;
}

.logoimg{
  background: url(/img/logos.png?v=3);
  background-repeat: no-repeat;
  //text-indent: -9999px;
  height: 37px;
  cursor: pointer;
}

.iphone{
  width: 19px;
}

.android {
  width: 29px;
  background-position: 0px -43px;
}

.bb{
  width: 42px;
  background-position: 0px -86px;
}

.windows{
  width: 41px;
  background-position: 0px -126px;
}

.dj{
  width: 44px;
  background-position: 0px -168px;
}

footer li {
  display: inline;
  margin: 0 5px 0 0;
  padding: 0 10px 0 0;
  border-right: 1px solid #0079c5;
}

footer li:last-child {
  margin: 0;
  padding: 0;
  border-right: 0;
}

/* ========== */
/* = FINISH = */
/* ========== */




.inlinepopup-bg {
position: absolute;
background-color: #000;
top: 0;
left: 0;
}
.inlinepopup {
position: absolute;
background-color: #000;
width:745px;
z-index:3;
overflow: hidden;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.inlinepopup-title {
position: relative;
background-color: #000;
color: #fff;
padding: 10px 15px;
font-size: 16px;
font-weight: bold;
vertical-align: middle;
cursor: hand;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}

.inlinepopup-title-close {
position: absolute;
top: 10px;
right: 15px;
width: 15px;
height: 16px;
cursor: pointer;
}
.inlinepopup-content { 
  color:#444; background:#fff; 
  margin: 0 15px 7px;
  padding: 10px 10px 0;
  border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; 
}

.inlinepopup-content #updates-stream {height:400px; overflow-x:hidden; overflow-y:auto;}

.inlinepopup-content h1 {
  margin:10px;
  padding:10px;
}

.inlinepopup-buttons button {
  color:black;
  font-weight:bold;
  float: right;
  margin: 0 15px 7px;
  padding: 4px 14px;
}



/*
 * Default rule; only Safari, Webkit, and Opera handle it without hacks.
 */
.goog-inline-block {
  position: relative;
  display: -moz-inline-box; /* Ignored by FF3 and later. */
  display: inline-block;
}

/*
 * Pre-IE7 IE hack.  On IE, "display: inline-block" only gives the element
 * layout, but doesn't give it inline behavior.  Subsequently setting display
 * to inline does the trick.
 */
* html .goog-inline-block {
  display: inline;
}

/*
 * IE7-only hack.  On IE, "display: inline-block" only gives the element
 * layout, but doesn't give it inline behavior.  Subsequently setting display
 * to inline does the trick.
 */
*:first-child+html .goog-inline-block {
  display: inline;
}

.goog-menu {
  background: #fff;
  border-color: #fff #666 #666 #ccc;
  border-style: solid;
  border-width: 1px;
  cursor: default;
  font: normal 13px Arial, sans-serif;
  margin: 0;
  outline: none;
  padding: 4px 0;
  position: absolute;
  line-height:40px;
  z-index: 20000; /* Arbitrary, but some apps depend on it... */
}

/* Pseudo-rounded corners. */
.goog-custom-button-outer-box,
.goog-custom-button-inner-box {
  border-style: solid;
  border-color: #aaa;
  vertical-align: top;
}

.goog-custom-button-outer-box {
  margin: 0;
  border-width: 1px 0;
  padding: 0;
}

.goog-custom-button-inner-box {
  /* By default in FF2, block elements inside a moz-inline-box are stacked
   * horizontally next to each other.  This stops that weird behavior. */
  -moz-box-orient: vertical;
  margin: 0 -1px;
  border-width: 0 1px;
  padding: 3px 4px;
  white-space: nowrap; /* Prevents buttons from line breaking on android. */
}

/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-custom-button-inner-box {
  /* IE6 needs to have the box shifted to make the borders line up. */
  left: -1px;
}
/* Pre-IE7 BiDi fixes. */
* html .goog-custom-button-rtl .goog-custom-button-outer-box {
  /* @noflip */ left: -1px;
}
* html .goog-custom-button-rtl .goog-custom-button-inner-box {
  /* @noflip */ right: auto;
}

/* IE7-only hack; ignored by all other browsers. */
*:first-child+html .goog-custom-button-inner-box {
  /* IE7 needs to have the box shifted to make the borders line up. */
  left: -1px;
}
/* IE7 BiDi fix. */
*:first-child+html .goog-custom-button-rtl .goog-custom-button-inner-box {
  /* @noflip */ left: 1px;
}

/* Safari-only hacks. */
::root .goog-custom-button,
::root .goog-custom-button-outer-box {
  /* Required to make pseudo-rounded corners work on Safari. */
  line-height: 0;
}

::root .goog-custom-button-inner-box {
  /* Required to make pseudo-rounded corners work on Safari. */
  line-height: normal;
}

/* State: disabled. */
.goog-custom-button-disabled {
  background-image: none !important;
  opacity: 0.3;
  -moz-opacity: 0.3;
  filter: alpha(opacity=30);
}

.goog-custom-button-disabled .goog-custom-button-outer-box,
.goog-custom-button-disabled .goog-custom-button-inner-box {
  color: #333 !important;
  border-color: #999 !important;
}

/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-custom-button-disabled {
  margin: 2px 1px !important;
  padding: 0 1px !important;
}

/* IE7-only hack; ignored by all other browsers. */
*:first-child+html .goog-custom-button-disabled {
  margin: 2px 1px !important;
  padding: 0 1px !important;
}

/* State: hover. */
.goog-custom-button-hover .goog-custom-button-outer-box,
.goog-custom-button-hover .goog-custom-button-inner-box {
  border-color: #9cf #69e #69e #7af !important; /* Hover border wins. */
}

/* State: active, checked. */
.goog-custom-button-active,
.goog-custom-button-checked {
  background-color: #bbb;
  background-position: bottom left;
}

/* State: focused. */
.goog-custom-button-focused .goog-custom-button-outer-box,
.goog-custom-button-focused .goog-custom-button-inner-box {
  border-color: orange;
}

/* Pill (collapsed border) styles. */
.goog-custom-button-collapse-right,
.goog-custom-button-collapse-right .goog-custom-button-outer-box,
.goog-custom-button-collapse-right .goog-custom-button-inner-box {
  margin-right: 0;
}

.goog-custom-button-collapse-left,
.goog-custom-button-collapse-left .goog-custom-button-outer-box,
.goog-custom-button-collapse-left .goog-custom-button-inner-box {
  margin-left: 0;
}

.goog-custom-button-collapse-left .goog-custom-button-inner-box  {
  border-left: 1px solid #fff;
}

.goog-custom-button-collapse-left.goog-custom-button-checked
.goog-custom-button-inner-box {
  border-left: 1px solid #ddd;
}

/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-custom-button-collapse-left .goog-custom-button-inner-box {
  left: 0;
}

/* IE7-only hack; ignored by all other browsers. */
*:first-child+html .goog-custom-button-collapse-left
.goog-custom-button-inner-box {
  left: 0;
}

/* State: resting. */
.goog-menu-button {
  /* Client apps may override the URL at which they serve the image. */
  border: 0;
  
  cursor: pointer;
  list-style: none;
  margin: 0 10px 0 0;
  outline: none;
  padding: 0;
  text-decoration: none;
  vertical-align: middle;
}

.goog-menu-button a.login {
  color: #000;
}

.goog-menu-button a.login:hover {
  color: #000;
}

/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-menu-button-inner-box {
  /* IE6 needs to have the box shifted to make the borders line up. */
  left: -1px;
}

/* Pre-IE7 BiDi fixes. */
* html .goog-menu-button-rtl .goog-menu-button-outer-box {
  /* @noflip */ left: -1px;
  /* @noflip */ right: auto;
}
* html .goog-menu-button-rtl .goog-menu-button-inner-box {
  /* @noflip */ right: auto;
}

/* IE7-only hack; ignored by all other browsers. */
*:first-child+html .goog-menu-button-inner-box {
  /* IE7 needs to have the box shifted to make the borders line up. */
  left: -1px;
}
/* IE7 BiDi fix. */
*:first-child+html .goog-menu-button-rtl .goog-menu-button-inner-box {
  /* @noflip */ left: 1px;
  /* @noflip */ right: auto;
}

/* Safari-only hacks. */
::root .goog-menu-button,
::root .goog-menu-button-outer-box,
::root .goog-menu-button-inner-box {
  /* Required to make pseudo-rounded corners work on Safari. */
  line-height: 0;
}
::root .goog-menu-button-caption,
::root .goog-menu-button-dropdown {
  /* Required to make pseudo-rounded corners work on Safari. */
  line-height: normal;
}


/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-menu-button-disabled {
  margin: 2px 1px !important;
  padding: 0 1px !important;
}

/* IE7-only hack; ignored by all other browsers. */
*:first-child+html .goog-menu-button-disabled {
  margin: 2px 1px !important;
  padding: 0 1px !important;
}

/* State: hover. */
.goog-menu-button-hover .goog-menu-button-outer-box,
.goog-menu-button-hover .goog-menu-button-inner-box {
  border-color: #9cf #69e #69e #7af !important; /* Hover border wins. */
}

/* State: active, open. */
.goog-menu-button-active,
.goog-menu-button-open {
  background-color: #fff;
  border-color: #666 #666 #666 #666;
  background-position: bottom left;
}

/* State: focused. */
.goog-menu-button-focused .goog-menu-button-outer-box,
.goog-menu-button-focused .goog-menu-button-inner-box {
  border-color: orange;
}

/* Caption style. */
.goog-menu-button-caption {
  padding: 0 4px 0 0;
  vertical-align: top;
}

/* Pill (collapsed border) styles. */
/* TODO(gboyer): Remove specific menu button styles and have any button support being a menu button. */
.goog-menu-button-collapse-right,
.goog-menu-button-collapse-right .goog-menu-button-outer-box,
.goog-menu-button-collapse-right .goog-menu-button-inner-box {
  margin-right: 0;
}

.goog-menu-button-collapse-left,
.goog-menu-button-collapse-left .goog-menu-button-outer-box,
.goog-menu-button-collapse-left .goog-menu-button-inner-box {
  margin-left: 0;
}

.goog-menu-button-collapse-left .goog-menu-button-inner-box  {
  border-left: 1px solid #fff;
}

.goog-menu-button-collapse-left.goog-menu-button-checked
.goog-menu-button-inner-box {
  border-left: 1px solid #ddd;
}

/* State: resting. */
.goog-menuitem {
  color: #000;
  font: normal 13px Arial, sans-serif;
  list-style: none;
  margin: 0;
  /* 28px on the left for icon or checkbox; 7em on the right for shortcut. */
  padding: 4px 7em 4px 28px;
  white-space: nowrap;
}

/* If a menu doesn't have checkable items or items with icons, remove padding. */
.goog-menu-nocheckbox .goog-menuitem,
.goog-menu-noicon .goog-menuitem {
  padding-left: 12px;
}

/*
 * If a menu doesn't have items with shortcuts, leave just enough room for
 * submenu arrows, if they are rendered.
 */
.goog-menu-noaccel .goog-menuitem {
  padding-right: 20px;
}

.goog-menuitem-content {
  color: #000;
  font: normal 13px Arial, sans-serif;
}