html {
       overflow-y: scroll;
}

body {
        font-size:20px;
        text-align:center; 
        margin:0px;
/*        background-color:#fffadd;   */
        background-color:white;   
        font-family:arial;
        -webkit-tap-highlight-color: rgba(0,0,0,0);   
        box-sizing: border-box;        
    }

    textarea {
        resize:none;
    }    

    #page {
        margin:8px;
        margin:auto;
        min-height:500px;
        width:1245px;
        z-index:5;
        background:white;
        text-align:left;
        background-color:white;
        position:relative;
    }    
    
    .clear-fix{
        clear:both;
        display:block;
    }
    
    .float-left{
        float:left;
    }
    
    .full-width{
        width:100%;
    }
    
    .text-disabled{
        color:#cccccc;
        -moz-user-select:none;
        -webkit-user-select:none;        
    }
    
    #main-header{
        font-size:15px;
        font-weight:bold;
        background-color:white;
        color:white;        
        position:absolute;
        left:0px;
        top:0px;
        z-index: -1;

    }

    .override{
        cursor:pointer;
    }
    
    h1 {
        font-size:15px;
    }
    
    hr{
        height:1px;
/*        width:50%;*/
        background-color:#0066cc;
        margin:8px;
        border:none;
    }
    
    #debug{
        width:600px;
        background-color:lightblue;
        height:40px;
        color:black;
        font-family: arial;
        text-align:left;
        display:none;
    }    
    
    .content{
        padding:10px;
        background-color:white;
        
    }
    
    #left-column {
        float:left;
        width:180px;
        /*padding: 20px 60px 20px 60px;*/
        margin:5px;

    }
    
    #right-column {
        float:left;
        width:310px;
        margin:5px;

    }    
    
    #middle-column {
        min-width:600px;
/*        width:600px;*/
        background-color:white;
        margin: 5px;        
        float:left;
        position:relative;

    }

    #news-browser-wrapper {
        width:600px;        
        background-color:#ededed;
        padding: 0px 60px 20px 60px;
    }
    
.scroll::-webkit-scrollbar-track {
      background-color: white;
} /* the new scrollbar will have a flat appearance with the set background color */
 
.scroll::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.2); 
} /* this will style the thumb, ignoring the track */
 
.scroll::-webkit-scrollbar-button {
      background-color: #f8f8f8;
      background-color:red;
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
 
.scroll::-webkit-scrollbar-corner {
      background-color: black;
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */ 
    
.scroll::-webkit-scrollbar {
    width: 10px;
}



.scroll::-webkit-scrollbar-thumb {
/*    border-radius: 10px;*/
/*    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); */
    background-color:#c2c2c2;
    background-color:green;
}


.widget-more{
    text-align:right;
    font-size:.6em;
    color: black;
    margin-right:15px;
    font-weight:normal;
    font-family:arial;
}

.widget-more a {
    text-decoration:none;
    color: black;    
}

.widget-more a:hover {
    text-decoration:underline;    
    color: black;    
}

    .news-widget-content, .newsworthy-widget-content, .trending-widget-content {
        float:left;
        width:290px;
        padding: 10px;
        background-color:transparent;
        outline:transparent;  
/*        overflow:hidden;*/
        background-color:#ededed;        
    }        
    
    .news-widget-content{
        height:215px;        
        overflow:hidden;
    }   
    
    .news-widget, .newsworthy-widget, .trending-widget{
        font-family: 'Roboto Slab', sans-serif;
        font-weight:bold;
        overflow:hidden;
        background-color:#ededed; 
    }

    .trending-widget{
        margin-top:10px;
    }
    
    .news-widget{
        height:285px;        
        background-color:#ededed;     
        padding-bottom:5px;
    }
    
    .news-widget-list-item, .newsworthy-widget-list-item, .trending-widget-list-item{
        margin-bottom:5px;
        border-bottom:1px solid #0066cc;
        line-height:.8em;
    }
    
    #bn-measure {
/*        visibility:hidden;*/
        height:auto;
        background-color:yellow;
    }
    
    .small-circle-up {
        background: url("../images/round_paddles_sprite.png") 0px -100px no-repeat; 
        height:25px;
        width:25px;
        margin-top:3px;        
    }
    
    .small-circle-up-hover{
        background: url("../images/round_paddles_sprite.png") 0px -125px no-repeat;                
        height:25px;
        width:25px;
        margin-top:3px;        
    }
    
    .small-circle-down {
        background: url("../images/round_paddles_sprite.png") -25px -100px no-repeat;                        
        height:25px;
        width:25px;
        margin-top:3px;        
    }
    
    .small-circle-down-hover{
        background: url("../images/round_paddles_sprite.png") -25px -125px no-repeat;                                
        height:25px;
        width:25px;
        margin-top:3px;        
    }    
    
    .small-circle-left {
        background: url("../images/round_paddles_sprite.png") -50px -100px no-repeat; 
        height:25px;
        width:25px;
        margin-top:3px;        
    }
    
    .small-circle-left-hover{
        background: url("../images/round_paddles_sprite.png") -50px -125px no-repeat;                
        height:25px;
        width:25px;
        margin-top:3px;        
    }
    
    .small-circle-right {
        background: url("../images/round_paddles_sprite.png") -75px -100px no-repeat;                        
        height:25px;
        width:25px;
        margin-top:3px;        
    }
    
    .small-circle-right-hover{
        background: url("../images/round_paddles_sprite.png") -75px -125px no-repeat;                                
        height:25px;
        width:25px;
        margin-top:3px;        
    }        
    
    .news-widget p, .newsworthy-widget p, .trending-widget p {
        margin-top:0px;
        margin-bottom:0px;
    }
    

    
    #rssOutput {
/*        float:left;*/
        width:100%;
        min-width:600px;
/*        height:1000px;*/
        overflow:hidden;
        overflow-x: hidden;
        font-family:arial;
        font-size:1em;
        background-color:transparent;
        outline:transparent;
        
    }    
    
    #footer-wrapper {
        display:block;
/*        position:fixed;*/
        bottom:0px;
        margin-right:5px;
        
        width:1230px;
    }
    #footer {
        background-color:white;
        padding:10px;
        text-align:center;
        font-size: .5em;
        border:1px solid #f2f2f2;
    }
    
    #message {
        display:none;
    }
    
    #header {
        padding-top:0px;
        margin:0px;
        margin-bottom:0px;
        background-color:#0066cc;
        position:fixed;
        width:100%;
        z-index:15;
        opacity:1;
        height:75px;
    }

    .header-row{
        background-color:#0066cc; 
        width:100%;        
    }    
    
    .header-table-row{
        height:50px;
        vertical-align:top;
    }
    
    #header-title-wrapper {
        width:100%;
        overflow:hidden;
    }
    
    #welcome{
        font-family: 'Open Sans', sans-serif;                
        position:absolute;
        right:0px;
        bottom:5px;
        color:white;
        font-size:.75em;
        margin-right:20px;
    }
    
    .header-logo-cell {
        padding-left:2px;
        padding-top:2px;
        height:50px;
        width:50px;
    }
    #header-inner-wrapper {
        padding:8px;
        position:relative;
        background-color:white;
    }    
    
    #header-spacer {
/*        display:none;*/
        width:100%;
        background-color:white;
        height:75px;
    }    
    #header-top-spacer-h {
        width: 100%;
    }
    
    #content-wrapper{
        margin-top:5px;
    }
    
    .nav-row {
        color:black;
/*        background-color:white;*/
    }
    
    #header-category-title{
        font-family: 'Roboto Slab', sans-serif;       
        font-size:1em;
        line-height:1em;
        font-weight:bold;
        float:left;
        height:1em;
/*        margin-left:1em;*/
/*        color:white;*/
        overflow:hidden;
    }
    
    .swiper-active{
        float:left;
        height:18px;
        width:30px;
        margin-right:5px;
        margin-left:5px;
        background: url("../images/sprite.png") -180px -180px no-repeat; 
        cursor:default;
    }

    .swiper-inactive{
        float:left;
        height:18px;
        width:30px;
        margin-right:5px;        
        margin-left:5px;        
        background: url("../images/sprite.png") -180px -210px no-repeat; 
        cursor:pointer;
    }    
    
    .group-indent {
        float:left;
        height:30px;
        width:30px;
        margin-left:20px;
        margin-right:10px;
        background: url("../images/sprite.png") -210px 0px no-repeat; 
        position:relative;
        top:-5px;
    }
    
    #header-feed-title{
        font-family: 'Roboto Slab', sans-serif;
        text-align:left;
        font-size:.9em;
/*        width:100%;*/
        line-height:.9em;
        float:left;
        height:1.2em;
/*        color:white;*/
        overflow:hidden;
        display:none;
    }    
    
    #header-feed-name {
        font-family: 'Roboto Slab', sans-serif;        
        float:left;
        font-size: .9em;
        line-height:.9em;   
        height:1.2em;
/*        color:white;
        margin-top:5px;*/
        cursor:pointer;
        overflow:hidden;
    }    
    
    #header-choose-icon {
        cursor:pointer;
        float:left;
        height:30px;
        width:30px;
        background: url("../images/sprite.png") -120px -90px no-repeat;          
    }
    
    
    #footer a:link, #footer a:hover, #footer a:visited{
        color:black;
        text-decoration:none;
        font-size:10px;
        font-weight:bold;
    }
    
    #footer a:hover {
        text-decoration:underline;
    }
    
    #logo-tagline{
        font-size:11px;
        line-height:11px;
    }
    
    .search-icon {
        cursor:pointer;        
        float:right;
        height:30px;
        width:30px;
        background: url("../images/sprite.png") -120px -150px no-repeat;         

    }    
    
    #search {
        width:30px;
        margin-right:20px;
        margin-top:5px;
        text-align:right;
    }
    
    #search-form-wrapper{
        height:50px;
        width:100%;
        background-color:#0066cc;
        display:none;
        border-top:1px solid #c2c2c2;
    }
    
    .search-popup-content-wrapper {
        padding:6px;
    }
    
    #search-instructions{
        color:black;
        font-size:.8em;
        text-align:right;
        margin-right:10px;
    }
    
    #search-next{
        color:white;
        text-align:left;
        font-size:.8em;
    }
    
    
    .search-ui-textbox{
        width:100%;
        margin-bottom:5px;
    }
    
    #header-feed-name-wrapper{
        display:none;
    }
    
    #browse{
        cursor:pointer;   
        margin-right:20px;
        margin-top:5px;
        float:left;        
        height:30px;
        width:30px;        
        background: url("../images/sprite.png") -120px -120px no-repeat;          
    }
    
    #sort, #swipe-mode{
        cursor:pointer;   
        margin-right:20px;
        float:left;        
        height:30px;
        width:30px;   
        margin-top:5px;
    }    

    .sort-recent-white{
        background: url("../images/sprite.png") -150px -150px no-repeat;                  
    }   
    
    .sort-trending-white{
        background: url("../images/sprite.png") -180px -30px no-repeat;                  
    }
     
    .sort-newsworthy-white{
        background: url("../images/sprite.png") -180px 0px no-repeat;                  
    }
    
    .swipe-groups-white{
        background: url("../images/sprite.png") -180px -120px no-repeat;                          
    }
    
    .swipe-sources-white{
        background: url("../images/sprite.png") -180px -150px no-repeat;                          
    }
    
    .main-message{
        border: 1px solid #f2f2f2;
/*        margin-right:4px;*/
        margin-top:10px;
        background-color:white;
        position:relative;
        padding:5px;
/*        box-shadow: 2px 2px 2px #888888;*/
        margin-bottom:10px;
    }    
    .main-message a:visited, .main-message a:link {
        color:black;
    }
    
    #paddle-anchor {
        position:fixed;
        width:600px;
        height:1px;
        background-color:transparent;
        display:none;
    }
    
    .nav-arrow {
        float:left;
        height:50px;
        width:50px;
        cursor:default;
        position:relative;
    }
    
    .nav-arrow-left-n{
        background: url("../images/round_paddles_sprite.png") 0px 0px no-repeat;
        top:100px;
        left:-55px;
    }
    
    .nav-arrow-right-n{
        background: url("../images/round_paddles_sprite.png") -50px 0px no-repeat;
        top:100px;
        left:50px;
    }
    
    .nav-arrow-left-h{
        background: url("../images/round_paddles_sprite.png") 0px -50px no-repeat;
        top:100px;
        left:-55px;
    }
    
    .nav-arrow-right-h{
        background: url("../images/round_paddles_sprite.png") -50px -50px no-repeat;
        top:100px;
        left:50px;
    }    
    
    #done {
        float:right;
        margin-right:30px;
        margin-top:10px;
        cursor:pointer;
    }
    
    #logo-wrapper {
        float:left;
        overflow:hidden;
    }

    #form-wrapper {
/*        width:100%;*/
        float:left;
        text-align:left;
        /*margin-left:20px;*/
/*        margin-top:4px;*/
position:relative;
top:-5px;
height:1.5em;
        display:none;
    }        



    .select-tool {
        font-size:.9em;
        outline:transparent;
        display:none;
    }
    
    .styled-select select {
        background: transparent;
        padding:0px;
        cursor:pointer;
/*        padding-left:30px;        */
        font-size: .9em;
        border: 0;
        border-radius: 0;
        height: 1.5em;
        -webkit-appearance: none;
        
     }

     .styled-select {
        height: .9em;
        overflow: hidden;
        cursor:pointer;

     }   
     
    .favorite-item {
        background-color: #e0efff;
    }

    #messenger{
        display:none;
    }    
    
    #loader {
        display:none;
        width:100%;
        text-align:center;
        font-family:arial;
        font-size: 1.2em;
        margin-top:20px;
    }

    #loading-text{
        margin-top: 15px;
    }
    
    #loader-spinner {
        width:280px; 
        height:280px;
        margin:auto;
    }
    
    .item-icon-wrapper{
        margin-top:5px;
        margin-left:5px;        
        float:left;
        margin-right:10px;          
    }
    
    .item-icon {
        width:140px;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,.6);
	box-shadow: 0 0 6px rgba(0,0,0,.6);        
    }
    
    .item-image{
        max-width:100%;
        margin-bottom:5px;
    }

    .item-read-count{
        float:right;
        font-size:.5em; 
        margin-right:10px;
        margin-top:5px; 
        color:#c2c2c2;
    }

    .item-read-count-wrapper{
        text-align:right;
        vertical-align:top;        
    }
    .item-mail-wrapper{
        width:40px;
        vertical-align:top;
    }
    
    .item-ups-wrapper {
         width:40px;
         vertical-align:top;
    }

    #ui-tools{
        font-family:arial;
        font-size:.8em;
        text-align:left;
    }

   #tools {
        float:right;
        margin-top:5px;
/*        margin-left:15px;*/
        margin-right:5px;
        margin-bottom:0px;
        cursor:pointer;
        width:30px;
        height:30px;
        background: url("../images/sprite.png") -120px -60px no-repeat;        
    }
    
    #tools-help {
        float:left;
        width:30px;
        height:30px;
        background: url("../images/sprite.png") 0px -120px no-repeat;        
    }    
        
    #item-list-wrapper{
        overflow:scroll;
        outline:transparent;
        overflow-x: hidden;
        height:700px;
    }
    
    .item-link-wrapper {
         padding-right:55px;
         line-height:.85em;
    }
    
    .wrapped-around-thumbnail{
        font-size:.65em;
        text-align:justify;
        text-justify:inherit;
        padding-right:10px;
        font-family: 'Open Sans', sans-serif;        
    }
    
    .item-link {
      cursor:pointer;
      font-family: 'Roboto Slab', arial;      
        font-size:.75em;
        margin-bottom:3px;
        text-decoration:none;
        font-weight:bold; 
        color: #b35900;
    }
     
    .item-link:link{
        color: #b35900;            
        text-decoration:none;         
    }
    .item-link:hover{
        text-decoration:underline;               
    }        

    .item-link:visited{
        color:grey;
        text-decoration:none;            
    }
        
    .item-description {
        margin-left:10px; 
        margin-bottom:15px;
        padding-right:10px;
        font-family: 'Open Sans', sans-serif;
        font-size:.65em;
        overflow:hidden;
        text-align:justify;
        text-justify:inherit;        
      
    }
    
    .byline-wrapper{
        min-height: 1.3em;
        float:left;
        
    }
    
    .minutes-elapsed {
        font-family:arial;   
        font-size:.5em;
    }
    
    .item-creator, .feed-name {
        font-family:arial;   
        font-size:.5em;
        
    }
    
    .feed-name a:link, .feed-name a:visited{
        color:black;
        text-decoration:none;
    }
    .feed-name a:hover {
        text-decoration: underline;
    }
    

    
    .feed-item{
        border: 1px solid #C2C2C2;
        margin-right:4px;
        background-color:white;
        position:relative;
        padding:5px;
        box-shadow: 2px 2px 2px #888888;
    }
    
    .item-divider{
        height:10px;
        width:100%;
        background-color: transparent;
    }    
    
    #channel-title a, #channel-title a:link{
        font-family:arial;
        font-size:1em;
        color:black;
        text-decoration:none;
        font-weight:bold;
    }
    #channel-title{
        margin-bottom:10px;
        padding:8px;
    }
    
    .media-description {
        font-family:arial;   
        font-size:.8em;
        margin-top:10px;
    }
    
    .media-image-description {
        font-family:arial;   
        font-size:.8em;
        margin-bottom:5px;
        margin-top:20px;
    }    
    
    .more-content {
        width:100%;
        display:none;
        float:left;
        font-family:arial;   
        font-size:.8em;
        height:auto;
    }

    .more-content-more{
        background: url("../images/sprite.png") -60px -60px no-repeat;        
    }
    
    .more-content-less{
        background: url("../images/sprite.png") -60px 0px no-repeat;                
    }
    
    .more-content-button{
        font-size:.6em;        
        float:right;
        font-family:arial;
        cursor:pointer;
        width:30px;
        height:20px;
        
    }
    
    #feed-header-wrapper{
        margin-bottom:5px;
        /*background-color:white;*/
        padding:3px;

    }
    #feed-header-wrapper-nfg{    
        padding:10px;
    }
    
    #feed-header{
        float:left;
        position:relative;
/*        margin-bottom:5px;*/
        background-color:white;   
        padding-left:8px;
/*        padding-bottom:8px;  */
    }

    #toolbar{
        position:relative;
        width:600px;
        height:80px;
        border: 1px solid #f2f2f2;     
        display:none;
    }

    
    #refresh-icon {
        float:left;
        margin-right:10px;
        width:30px;
        height:30px;
        background: url("../images/sprite.png") 0px -180px no-repeat;        
        cursor:pointer;        
    }    
    
    #favorites, #refresh, #settings, #about, #test, #custom-feed, #remove-feed, #add-feed{
        cursor:pointer;
    }
    #remove-feed, #add-feed {
        visibility:hidden;
    }
    
    #favorite-icon{
        cursor:pointer;
        float:right;
        margin-right:10px;
        width:30px;
        height:30px;
        display:none;
    }

    .favorite-help{
        float:left;
        margin-right:10px;
        width:30px;
        height:30px;
    }    
    
    #remove-feed-icon{
        float:left;
        margin-right:10px;
        width:30px;
        height:30px;
        
    }    
    
    .favorite-enabled {
/*        background: url(".../images/sprite.png") -120px 0px no-repeat;*/ /* star*/
        background: url("../images/sprite.png") 0px -60px no-repeat; /* heart */       
    }
    
    .favorite-disabled {
/*        background: url(".../images/sprite.png") -120px -30px no-repeat;*/ /* star*/
        background: url("../images/sprite.png") 0px -90px no-repeat; /* heart */
    }    
    
    .remove-feed-enabled {
        background: url("../images/sprite.png") -60px -180px no-repeat;
    }
    
    .remove-feed-disabled {
        background: url("../images/sprite.png") -60px -210px no-repeat;
    }        
    
    #settings-icon{
        float:left;
        margin-right:10px;
        width:30px;
        height:30px;

    }        
    
    .settings-icon-disabled {
        background: url("../images/sprite.png") 0px -30px no-repeat;                      
    }
    
    .settings-icon-enabled {
        background: url("../images/sprite.png") 0px 0px no-repeat;              
    }    
    
    .setting-title {
        font-weight:bold;
    }
    
    #custom-feed-icon{
        float:left;
        margin-right:10px;
        width:30px;
        height:30px;
        background: url("../images/sprite.png") -60px -120px no-repeat;              
    }            
    
    #add-feed-icon{
        float:left;
        margin-right:10px;
        width:30px;
        height:30px;
        background: url("../images/sprite.png") -60px -120px no-repeat;              
    }                
    
    #stats-icon{
        float:left;
        margin-right:10px;
        width:30px;
        height:30px;
        background: url("../images/sprite.png") -60px -90px no-repeat;              
    }      
    
    #add-link-icon{
        float:left;
        margin-right:10px;
        width:30px;
        height:30px;
        background: url("../images/sprite.png") -180px -60px no-repeat;              
    }          
    
    #edit-feeds-icon{
        float:left;
        margin-right:10px;
        width:30px;
        height:30px;
        background: url("../images/sprite.png") -60px -30px no-repeat;              
    }      

    #see-sources-icon{ 
        float:left;
        margin-right:10px;
        width:30px;
        height:30px;
        background: url("../images/sprite.png") -60px -30px no-repeat;              
    }        
    
    
    #logout-icon{
        float:left;
        margin-right:10px;
        width:30px;
        height:30px;
        background: url("../images/sprite.png") -90px 0px no-repeat;              
    }                

    .logout-a {
        float:left;
        cursor:pointer;
        margin-right:10px;        
    }
    
    .reg-links{
/*        cursor:pointer;        */
        color:white;
    }
    
    #welcome a:link {
        text-decoration:none;
    }
    
    #welcome a:hover {
        text-decoration:underline;
    }    
   
    #login-icon{
        float:left;
        margin-right:10px;
        width:30px;
        height:30px;
    }                    

    .login-icon-enabled{
        background: url("../images/sprite.png") -90px -60px no-repeat;                      
    }
    
    .login-icon-disabled{
        background: url("../images/sprite.png") -90px -90px no-repeat;                      
    }    
    
    #account-icon{
        float:left;
        margin-right:10px;
        width:30px;
        height:30px;
        background: url("../images/sprite.png") -90px -180px no-repeat;              
    }                        
    
    #location-icon{
        float:left;
        margin-right:10px;
        width:30px;
        height:30px;
        background: url("../images/sprite.png") -150px -60px no-repeat;              
    }                            
    
    
    #register-icon{
        float:left;
        margin-right:10px;
        width:30px;
        height:30px;
    }                            
    
    .register-icon-enabled{
        background: url("../images/sprite.png") -90px -120px no-repeat;                      
    }
    
    .register-icon-disabled{
        background: url("../images/sprite.png") -90px -150px no-repeat;                      
    }    
    
    .tool-item-text {
        float:left;
        margin-top:7px;
        font-size:1em;
        /*width:13em;*/
        
    }
    
    .settings-item-text {
        margin-top:5px;
        float:left;
        margin-left:10px;
    }            
    
    .settings-item-icon-offset{
        margin-top:3px;
    }
    
    .tool-item-normal {
        background-color:white;
    }
    
    .tool-item-highlight {
        background-color:#dadada;
    }
    
    .jscroll-item-normal {
        background-color:white;
        color:white;
    }
    
    .jscroll-item-highlight {
        background-color:#dadada;
        color:black;
    }    
    
    .jscroll-list-item{
/*margin-top:3px;
margin-bottom:3px;
-webkit-border-radius: .3125em;
border-radius: .3125em;*/
height:1.2em;
padding-top:3px;
padding-bottom:2px;
padding-left:2px;
padding-right:2px;
        
    }
    
        
    #about-icon{
        float:left;
        margin-right:10px;
        width:30px;
        height:30px;
        background: url("../images/sprite.png") -30px 0px no-repeat;              
    }        
    
    
    .ups-button-wrapper, .email-button-wrapper {
        float:right;        
        text-align:right;
    }
    
    .ups-button {
        margin-right:10px;
        width:30px;
        height:30px;
        cursor:pointer;            
        -webkit-tap-highlight-color: rgba(0,0,0,0);         
    }

    #ups-help {
        float:left;
        width:30px;
        height:30px;
        background: url("../images/sprite.png") -30px -150px no-repeat;                        
    }
    
    .ups-count {
        margin-right:12px;
        font-size:.5em;
        color:#C2C2C2;
    }
    
    .ups-upped {
        background: url("../images/sprite.png") -30px -120px no-repeat;    
        cursor:default;
    }
    
    .ups-not-upped {
        background: url("../images/sprite.png") -30px -150px no-repeat;                
    }

    .email-button {
        margin-right:10px;
        width:30px;
        height:30px;
        cursor:pointer;            
        -webkit-tap-highlight-color: rgba(0,0,0,0);         
    }    
    
    .email-mailed {
        background: url("../images/sprite.png") -150px 0px no-repeat;    
        cursor:default;
    }
    
    .email-not-mailed {
        background: url("../images/sprite.png") -150px -30px no-repeat;                
    }        
    
       
input.header-checkbox  {
	width : 2em;
	height :2em;
	padding: 0px;
	margin: 0px;
	}
    
        
.qpop-popup input[type="radio"], #radius-wrapper input[type="radio"]{
    display:none;
}


.qpop-popup input[type="radio"] + label:hover, #radius-wrapper input[type="radio"] + label:hover{
    display:inline-block;
    width:30px;
    height:30px;
    font-size:1.5em;;
    cursor:pointer;    
    background: url("../images/sprite2.png") 0px -60px no-repeat;
    line-height:1.25em;            
}

.qpop-popup input[type="radio"]:checked + label, #radius-wrapper input[type="radio"]:checked + label{
    display:inline-block;
    width:30px;
    height:30px;;
    font-size:1.5em;;
    cursor:pointer;    
    background: url("../images/sprite2.png") 0px -30px no-repeat;
    line-height:1.25em;            
}


/* empty box */
.qpop-popup input[type="radio"] + label, #radius-wrapper input[type="radio"] + label{
    display:inline-block;
    width:30px;
    height:30px;;
    font-size:1.5em;;
    line-height:1.25em;            
    background: url("../images/sprite2.png") 0px -90px no-repeat;
    cursor:default;    
}        

.qpop-popup input[type="checkbox"] {
    display:none;
}

.qpop-popup  input[type="checkbox"]:checked + label{
    display:inline-block;
    width:30px;
    height:30px;;
    font-size:1em;;
    cursor:pointer;    
    background: url("../images/sprite2.png") -60px 0px no-repeat;
    line-height:1.25em;            
}

/* empty box */
.qpop-popup  input[type="checkbox"] + label{
    display:inline-block;
    width:30px;
    height:30px;;
    font-size:1em;;
    line-height:1.25em;            
    background: url("../images/sprite2.png") 0px -90px no-repeat;
    cursor:default;    
}

.qpop-popup  input[type="checkbox"] + label:hover{
    display:inline-block;
    width:30px;
    height:30px;
    font-size:1.5em;;
    cursor:pointer;    
    background: url("../images/sprite2.png") 0px -60px no-repeat;
    line-height:1.25em;            
}

.qpop-popup  input[type="checkbox"]:checked + label:hover{
    display:inline-block;
    width:30px;
    height:30px;
    font-size:1.5em;;
    cursor:pointer;    
    background: url("../images/sprite2.png") 0px -30px no-repeat;
    line-height:1.25em;            
}



.settings-font-text {
    float:left;
    margin-top:5px;
    margin-left:10px;
}

.settings-font-choice{
    margin-bottom:5px;   
}


    .tutorial-hint {
        display:none;
    }
    
    .list-item{
        font-family: 'Open Sans', sans-serif;        
        cursor:pointer;
        height:1.2em;
        padding-top:3px;
        padding-bottom:2px;
        padding-left: 2px;
        padding-right:2px;
    }
    
    .feed-chooser-previous{
        width:4em;
        cursor:pointer;        
        font-size:.8em;        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        background-color:#e0efff;
        padding: 2px 6px 2px 6px;        
        border: 1px solid #c2c2c2;
    }        
    
    .feed-chooser-next{
        border: 1px solid #c2c2c2;
        width:4em;
        cursor:pointer;        
        font-size:.8em;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        background-color:#e0efff;
        padding: 2px 6px 2px 6px;                
    }            
    
    .feed-chooser-direction-highlight{
        background-color:#99cdff;  
    }
    
    #feed-chooser-text {
        font-size: .5em;
    }
    
    #feed-chooser-pagination-wrapper{

        text-align:center;
            width:100%;
/*        margin:auto;*/
    }
    #feed-chooser-pagination-inner-wrapper{
        text-align:center;
        width:15em;
        margin:auto;
    }    
    
    #feed-chooser-previous-wrapper, #feed-chooser-next-wrapper {
        float:left;
        min-width:4em;
        height:25px;
        
    }

    #feed-chooser-text-wrapper {
        float:left;
        width:100px;
        height:25px;
        margin-left:20px;
        margin-right:20px;
        margin-top:5px;        
        
    }    
    
    #feed-chooser-list-wrapper{
        height:29em;
        margin-left:10px;
    }
    
    .feed-chooser-list-item {
        margin-bottom:5px;
    }    
    
    .feed-chooser-check {
        float:left;
        width:20px;
        height:20px;
        margin-right:10px;
        margin-top:2px;
    }        
    
    .feed-chooser-check-checked {
        background: url("../images/sprite2.png") -30px -30px no-repeat;

    }        
    
    .feed-chooser-check-unchecked {
        background: url("../images/sprite2.png") -30px -60px no-repeat;
    }            
    
    #feed-chooser-content-wrapper{
        background-color:white;
    }    
    
    .feed-chooser-checkbox, .feed-chooser-name{
        float:left;
    }
    
    .feed-chooser-suggestions {
        margin-top:5px;
    }
    .feed-chooser-suggestion-item{
        float:left;
        cursor:pointer;
        margin-right:10px;
        -moz-user-select:none;
        -webkit-user-select:none;        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        background-color:#e0efff;
        padding: 2px 6px 2px 6px;
        border: 1px solid #c2c2c2;        
    }
    
    
    .feed-chooser-suggestion-item-highlight {

        background-color:#99cdff;        
    }    
    
    .footer-message-inner-wrapper{
        margin:auto;
        width:30em;        
    }
    
    #footer-spacer {
        background-color:transparent;
        width:100%;
        height:75px;
        background-color:transparent;
    }
    
    .button {
        -moz-user-select:none;
        -webkit-user-select:none;        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        background-color:#e0efff;
        padding: 2px 6px 2px 6px;
        border: 1px solid #c2c2c2;
        cursor:pointer;
        outline:transparent;
    }
    
    .button:focus {
       background-color:#cce6ff;        

    }
    
    .button-disabled {
        cursor:default !important;
        background-color: #e0e0e0;
        color:#c2c2c2 !important;
    }
    
    .button-small {
        -moz-user-select:none;
        -webkit-user-select:none;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        background-color:#e0efff;
        padding: 2px 6px 2px 6px;
        border: 1px solid #c2c2c2;
        cursor:pointer;

    }    
    
    .button-highlight {
        background-color:#99cdff;        
    }
    
    #panel-select{
        width:100%;
        height:200px;
        overflow-x:hidden; 
        overflow-y:hidden;        
        padding:0px;
        text-align:left;
        position:absolute;
        left:0px;
        z-index:10;
        top:100px;
/*        border:2px solid black;*/
    }
    
    #panel-anchor{
        height:1px;
        width:600px;
    }
    .panel-select-title{
         height:35px;
         padding-top:10px;
         font-size:.9em;
         background-color:#e9e9e9;
         text-align:center;
    }
    
    .panel-sort-title{
        height:25px;
        padding-top:5px;
        margin-bottom:4px;
        font-size:.9em;
        background-color:#e9e9e9;
        text-align:center;
    -webkit-border-radius: .3125em .3125em 0 0 /*{global-radii-blocks}*/;
    border-radius:  .3125em .3125em 0 0         
    }

    
    #select-spacer{
        overflow-x:hidden; 
        overflow-y:auto;         
        height:200px;       
    }
    
    #panel-select  {
        visibility:hidden;
/*	-webkit-box-shadow: 0 0 12px rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 12px rgba(0,0,0,.6);
	box-shadow: 0 0 12px rgba(0,0,0,.6);
        background-color: white;        */
	-webkit-box-shadow: 0 0 12px rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 12px rgba(0,0,0,.6);
	box-shadow: 0 0 12px rgba(0,0,0,.6);
        -webkit-border-radius: .3125em /*{global-radii-blocks}*/;
	border-radius: .3125em /*{global-radii-blocks}*/;
        background-color: #f8f8f8;
    }
    
    #panel-left{
        background-color: #ededed;
        text-align:center;
        visibility:visible;
        padding-top:4px;
    }
    
    .panel-left-title {
        height:25px;
        padding-top:5px;
        font-weight:bold;
        margin-bottom:4px;
        font-size:14px;
        background-color:#e9e9e9;
        text-align:center;
    -webkit-border-radius: .3125em .3125em 0 0 /*{global-radii-blocks}*/;
    border-radius:  .3125em .3125em 0 0                 
    }
    
    .panel-close {
        color:white;
        font-size:.8em;
        cursor:pointer;
        -webkit-tap-highlight-color: rgba(0,0,0,0);         
    }
    
     .index-button{
        text-align:center;
        font-size:.9em;  
        cursor:pointer;
        font-family: 'Roboto Slab', sans-serif;        
    }
    
    .index-item-button{
        font-size:.8em;  
    }
    
     .feed-select-button{
        font-size:.9em;  
        cursor:pointer;
        float:left;
    }    
    
    .index-button-enabled, .feed-select-button-enabled {
        cursor:pointer;
        color:black;
    }     
    
    .my-account-title, .about-title, .faq-title, .qs-title, .h-title, .privacy-title, .feedback-title{
        font-family: 'Roboto Slab', sans-serif;        
    }
    
    .about-title, .faq-title, .qs-title, .h-title, .privacy-title, .feedback-title{
        margin-bottom:10px;
    }
    
    #about-content, #faq-content, #qs-content, #hints-content, #privacy-content, #feedback-content{ 
        border:1px solid #c2c2c2;
        box-shadow: 2px 2px 2px #888888;   
        padding:10px;
        margin-bottom:10px;

    }
    
    /*
    * login form style
    */
    .account-form{
        display:none;
    }
    
    #login-submit, #password-submit, #reg-submit, #forgot-submit {
        float:left;
    }
    
    #reg-email-1, #reg-email-2, #reg-pass-1, #reg-pass-2, #login-email, #login-pass, #forgot-email{
        width:200px;
    }
    
    #login-form-wrapper, #password-form-wrapper, #register-form-wrapper, #forgot-form-wrapper, #account-form-wrapper{
        margin-top:10px;
        background-color:white;
        padding:10px;
        min-height:380px;
        border:1px solid #c2c2c2;
        box-shadow: 2px 2px 2px #888888;   
        text-align:center;
    }
    

    
    #password-pass-old, #password-pass-1, #password-pass-2 {
        width:200px;
    }
    
    .form-field{
        float:left;
    }

    input[type=text], input[type=password], input[type=textarea]{
        outline:transparent;
/*        border: 1px solid #0066cc;        
        height:1.7em;        
        padding-left:.5em;*/
    }
    
/*    input[type=text]:focus, input[type=password]:focus{
        background-color:#fffadd;
        border: 1px solid #0066cc;        
        height:1.7em;
        margin-top:0px;
    }*/
    
    .form-field-wrapper{
        margin-left:15px;
    }
    
    .form-field-title{
        
        font-weight:bold;
    }
    
    .form-field-status{
        width:15px;
        height:15px;
        float:left;
    }
    
    .form-field-ok{
        background: url("../images/sprite2.png") -30px -105px no-repeat;
    }
    
    .form-field-fail{
        background: url("../images/sprite2.png") -30px -90px no-repeat;
    }    
    
    .spacer-small {
        width:100%;
        height:10px;
    }
    
    #account-tab-wrapper{
        margin-bottom:10px;
        background-color:white;
        margin-top:10px;
/*        font-size:1.5em;*/
    }
    
    .account-tab {
        float:left;
        margin-right:5px;
        font-size: .6em;
    }
    
    .error-message {
        display:none;
        background-color:#ffd8d8;
        font-size:.8em;
        padding:5px;
        border:1px solid red;
    }
    
    .form-message {
        display:none;
        background-color:#ffd8d8;
        font-size:.8em;
        padding:5px;
        border:1px solid red;
        margin-top:5px;
        margin-bottom:5px;
    }    

    .form-message-ok {
        display:none;
        background-color:lightgreen;
        font-size:.8em;
        padding:5px;
        border:1px solid green;
    }    
    
    .form-message-nfg {
        display:none;
        background-color:#ffd8d8;
        font-size:.8em;
        padding:5px;
        border:1px solid red;
    }        
    
    #content {
        
        background-color:white;
        padding:10px;
    }
    
    .contentWrap {
        padding:6px;        
    }
    
    #content-left, #content-right {
        float:left;
    }
    
    .loader-wrapper{
        float:left;
        margin-top:1px;
        margin-left:10px;
        width:16px;
        height:16px;
    }
    
    .loader-image-wrapper{
        display:none;
    }    
    
    .submit-wrapper {
        float:left;
    }
    
    .form-wrapper{
        font-size:.75em;        
        float:left;
        border:solid 1px #c2c2c2;
        padding:5px;
        min-height:10em;
        margin-right:10px;
        width:250px;
    }
    
    .form-description{
        font-size:.8em;
        padding:10px;
    }
    .field-hint-content{
/*        display:none;*/
    }
    
    .field-hint {
        font-size:.6em;
        float:left;
        width:250px;    
        border:1px solid #c2c2c2;
        padding:5px;
        min-height:10em; 
    }
    
    
    
    .hint-title{
        font-weight:bold;
        text-decoration:underline;
        margin-bottom:5px;
    }
    
        
    .password-hint-line{
        margin-bottom:5px;
    }
    
    .password-hint-status {
        float:left;
        width:15px;
        height:15px;
    }
    
    
    .password-hint-text {
        float:left;
        width:20em;
    }

    #password-gradient {
        height:30px;
        width:200px;
        background: -webkit-linear-gradient(left, #f78181, #f3f781, #9ff781); /* For Safari */
        background: -o-linear-gradient(right, #f78181, #f3f781, #9ff781); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(right, #f78181, #f3f781, #9ff781); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to right, #f78181, #f3f781, #9ff781); /* Standard syntax */   
        border: 1px solid #c2c2c2;;
    }    
    
    #password-mask{
        display:none;
        position:absolute;
        right:1px;
        top:1px;
        background-color:white;
        height:30px;
        width:50px;
    }
    
    #password-pointer{
        position:relative;
        width:10px;
        margin:0px;
    }

    #password-meter-wrapper {
        margin:auto;
        text-align:center;
        font-family:arial;
        font-size:.8em;
        width:202px;
        font-weight:bold;
    }    
    

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 14px;
	height: 100%;
	background: white;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: white;
}

#select-spacer .jspCap
{
	/*display: none;*/
        height:10px;
        background-color:white;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #ededed;
	position: relative;
        width:14px;
}

.jspDrag
{
	background: #c2c2c2; 
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
        margin-left:2px;
        width:10px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 10px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}    

.button:disabled {
    background: #f6f6f6;
    cursor:default;
    
}

    .button:hover{
        background: #ededed;
        border-color: #ddd;
        color: #333;
        text-shadow: 0 1px 0 #f3f3f3;
    }
    
    .button-big{
        outline:transparent;
        background: #f6f6f6;
        border-color: #ddd;
        color: #333;
        text-shadow: 0 1px 0 #f3f3f3;
        -webkit-border-radius: .3125em;
        border-radius: .3125em;        
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;        
/*        width:auto;*/
        vertical-align: middle;
        margin-right: .625em;    
        font-size:20px;
        /*margin: .5em 0;*/
        padding: .5em 1em;
        cursor:pointer;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
        box-shadow: 0 1px 3px rgba(0,0,0,.15);
        font-weight: 700;
        border-width: 1px;
        border-style: solid;
        line-height: 1.3;
        font-family: sans-serif;
            border-image-source: initial;
        border-image-slice: initial;
        border-image-width: initial;
        border-image-outset: initial;
        border-image-repeat: initial;
    }
    
    .button-big:focus {
	-webkit-box-shadow: 0 0 12px 	#3388cc /*{a-active-background-color}*/;
	-moz-box-shadow: 0 0 12px 		#3388cc /*{a-active-background-color}*/;
	box-shadow: 0 0 12px 			#3388cc /*{a-active-background-color}*/;
    }
    
    .button-big:hover {
            background: #e9e9e9 /*{b-bhover-background-color}*/;
    }


input{
   
} 

.text-input{
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
margin-bottom: 5px;
width:100%;
margin:0;
border:none;
 margin: 0;
    min-height: 2.2em;
    text-align: left;
    border: 0;
/*    background: transparent none; MIKEY */
    -webkit-appearance: none;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    
    padding: .4em;
line-height: 1.4em;
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
outline: 0;
   font-size: 1em;
line-height: 1.3;
font-family: sans-serif;
color: inherit;
text-shadow: inherit;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
font: -webkit-small-control;
-webkit-writing-mode: horizontal-tb;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
}

.fresca-text input[type="text"]:focus, .fresca-text input[type="password"]:focus, .text-input:focus{
-webkit-box-shadow: inset 0 0px 12px #38c;
-moz-box-shadow: inset 0 0px 12px #38c;
box-shadow: inset 0 0px 12px #38c;    
background-color:white;
padding-left:.5em;
}


.catsel{
    background-color:#c2c2c2;
}
.text-input-wrapper{
    margin-bottom:5px;
    /*background:#fff; MIKEY*/ 
    border-color:#ddd;
    color:#333;
    text-shadow: 0 1px 1 #f3f3f3;
    margin: .5em 0;
    border-width:1px;
    border-style:solid;

-webkit-border-radius: .3125em;
border-radius: .3125em;
font-size: 1em;
line-height: 1.3;
font-family: sans-serif;
}

#feedback-text-area{
    resize:none;
    width:100%;
    height:10em;
}

#feedback-text{
    font-size:15px;
    margin-bottom: 15px;
}

#char-count{
    font-size:15px;
    height:1em;
}

.faq-question{
font-size:15px;
font-weight:bold;
margin-bottom:5px;
    
}
.faq-answer{
    font-size:12px;
    margin-bottom:15px;
}

.hints-title{
font-size:15px;
font-weight:bold;
margin-bottom:5px;
    
}
.hints-text{
    font-size:12px;
    margin-bottom:15px;
}

.gs-hint-icon {
    width:84px;
    text-align:center;
}

.hint-inner-wrapper {
    padding:12px;
    width:280px;
    text-align:left;
    font-size:.9em;    
}

.tools-hint-image{
    width:30px;
    height:30px;
    background: url("../images/sprite.png") 0px -120px no-repeat;
}

.categories-hint-image{
    width:30px;
    height:30px;
    background: url("../images/sprite.png") -120px -210px no-repeat;
}

.search-hint-image{
    width:30px;
    height:30px;
    background: url("../images/sprite.png") -120px -180px no-repeat;
}

.newsworthy-hint-image{
    width:30px;
    height:30px;
    background: url("../images/sprite.png") -30px -150px no-repeat;
}

.trending-hint-image{
    width:30px;
    height:30px;
    background: url("../images/sprite.png") -60px -90px no-repeat;
}

.recent-hint-image{
    width:30px;
    height:30px;
    background: url("../images/sprite.png") -150px -120px no-repeat;
}

.newsworthy-sort-hint-image{
    width:30px;
    height:30px;
    background: url("../images/sprite.png") -30px -120px no-repeat;
}

.favorites-hint-image{
    width:30px;
    height:30px;
    background: url("../images/sprite.png") 0px -60px no-repeat;
}


#group-list a:link {
    text-decoration:none;
    color:black;

}

#group-list a:visited {
    text-decoration:none;
    color:black;
}

.group-parent {
    font-weight:bold;
    float:left;
}

.group-child{
    margin-left:25px;
}

.group-children{
    display:none;
}

.expander{
    margin-top:3px;
    width:20px;
    height:10px;
    float:left;    

}

.expander-plus{
    background: url("../images/sprite.png") -150px -90px no-repeat;
    cursor:pointer;    
}

.expander-minus{
    background: url("../images/sprite.png") -150px -100px no-repeat;
    cursor:pointer;
}

#sort-control-wrapper{
    background-color:white;
    cursor:pointer;
    position:absolute;
    top:55px;
    left:95px;
/*    padding:5px;*/
    display:none;
    -webkit-box-shadow: 0 0 12px rgba(0,0,0,.6);
    -moz-box-shadow: 0 0 12px rgba(0,0,0,.6);
    box-shadow: 0 0 12px rgba(0,0,0,.6);
    -webkit-border-radius: .3125em /*{global-radii-blocks}*/;
    border-radius: .3125em /*{global-radii-blocks}*/;
    background-color: #f8f8f8;

    
}

.sort-control-button{
    padding:2px;
}

.sort-control-icon{
    float:left;
    width:30px;
    height:30px;
}

.sort-control-label {
    float:left;
    margin-left:5px;
    margin-top:3px;
}

.sort-recent-blue{
    background: url("../images/sprite.png") -150px -120px no-repeat;                      
}

.sort-trending-blue{
    background: url("../images/sprite.png") -60px -90px no-repeat;                      
}

.sort-newsworthy-blue{
    background: url("../images/sprite.png") -30px -120px no-repeat;                       
}

#select-table {
    width:100%;
/*    padding:0px;
    border-spacing:0px;*/
    
}

#home-location{
    float:left;
    font-size:.8em;
    font-weight:bold;
}

#change-this{
    font-family:"Roboto Sans", sans-serif;
    margin-top:2px;
    margin-left:10px;
    font-size:.5em;
    float:left;
    cursor:pointer;

}

.scrollbar-measure {
	width: 100px;
	height: 100px;
	overflow: scroll;
	position: absolute;
	top: -9999px;
}

#message-popup-popup .message-text {
    padding:6px;
    width:280px;
}

#help-0-popup .hint-text, #help-4-popup .hint-text, #help-5-popup .hint-text, .hint-text {
    margin-bottom:10px;
    text-align:center;    
}

#help-1-popup .hint-text {
    padding:12px;
}

#help-3-popup .hint-text {
    padding:12px;
    text-align:left;    
}

#tutorial-hint-feed-browser-0-popup .tutorial-content {
    padding:12px; 
    width:280px;
    text-align:center;    
}

#tutorial-hint-feed-browser-1-popup .tutorial-content {
    padding:12px;
    width:280px;
}

#no-cookies-popup-popup .tutorial-content {
    padding:12px;
    width:280px;
}

#getting-started-popup .tutorial-content {
    padding:12px;
    width:280px;
    text-align:left;
    font-size:.9em;
}

#search-popup-content-wrapper {
    
    padding:12px;
}

.category-row {
    padding-left:4px;
    padding-right:4px;
}

.tutorial-content {
    width:500px;
    text-align:left;
    padding:6px;
}

.p-item {
    font-weight:bold;
}

.p-paragraph{
    margin-left:25px;
    margin-bottom:20px;
    padding:10px;
    text-align:justify;
    text-justify:inter-word;
}

#weather-icon{
    float:left;
    border:1px solid #f2f2f2;
    font-size:0px;
}

.weather-city{
    float:left;
    font-family:Open Sans, sans-serif;
    font-size:.8em;
    font-weight:normal;
    margin-left:10px;
}

#weather-wrapper{
    font-family: 'Roboto Slab', sans-serif;
    font-weight:bold;
    height:auto;
    background-color:#ededed;   
    margin-top:10px;
    padding-bottom:10px;

}

#weather-details{
    font-family:Open Sans, sans-serif; 
    font-size:.7em;
    font-weight:normal;
    float:left;
    margin-left:10px; 
}

.weather-detail-item{
    
}

#weather-detail-wrapper{
    padding:5px;
    background-color:white;
    box-sizing: border-box;
    margin-left:10px;
    margin-right:10px;
    display: none;    
}

#weather-wait-wrapper{
    float:left;
 font-size:.7em;
 font-family:arial;
 font-weight:normal;
 margin-left:20px;
 margin-top:3px;
}

.byline{
    font-weight:bold;
    margin-top:10px;
    font-size:.7em;
    text-align:right;
}

.quote-text{
    font-style:italic;
}

.qotd-logo{
    text-align:center;
    margin-top:10px;
}

#quotation {
    font-size:.75em;
    padding:10px;
    background-color:#ededed;
}

#wotd {
    font-family: 'Roboto Slab', sans-serif;
    font-weight: bold;    
    background-color:#ededed;   
    
}

.wotd-word a{
    font-size:.9em;
    font-weight:bold;
    color:#b35900 !important;
    overflow:hidden;
    padding-left:5px;    

}

.wotd-title{
    padding-left:5px;
}

.wotd-word a:visited, .wotd-word a:link {
    text-decoration:none;
}

.wotd-word a:hover {
    text-decoration:underline;
}

.wotd-definition{
    margin-bottom:10px;
    font-size:.8em;
    font-weight:normal;
    font-family: arial; 
    padding:10px;    
}

.wotd-credit{
    text-align:center;
    font-size:.6em;
    font-weight:normal;
    font-family: arial;    
}

.wotd-logo{
    text-align:center;
    padding-bottom:5px;
}

#tdih{
    box-sizing: border-box;    
    font-family: 'Roboto Slab', sans-serif;
    font-weight: bold;    
    background-color:#ededed;   
    
}

.tdih-title{
    margin-left:5px;
    text-align:left;
    margin-bottom:10px;
}

.tdih-date{
    font-family: arial;
    font-weight: bold;        
    font-size:.7em;
    margin-left:5px;
}

.tdih-text{
    font-family: arial;    
    font-weight:normal;
    font-size:.7em;
    margin-left:20px;
    padding:5px;
    margin-bottom:5px;
}

.tdih-logo{
    text-align:center;
}

#tdih-more{

    font-family:arial;
    font-size:.65em;
    text-align:right;
    margin-right:20px;
    font-weight:normal;
}

#tdih-more a{
    color:black !important;    
    text-decoration:none;
}

#tdih-more a:hover{
    text-decoration:underline;
}

#potd{
    box-sizing: border-box;        
    font-family: 'Roboto Slab', sans-serif;
    font-weight: bold;    
    background-color:#ededed;   
}

.potd-title{
    padding-left:5px;
}

#potd-image-title{
    text-align:center;
    font-family:arial;
    font-size: .7em;
    font-weight:normal;
    margin-bottom:5px;
    margin-top:5px;
}

#jotd{
    box-sizing: border-box;        
    font-family: 'Roboto Slab', sans-serif;
    font-weight: bold;    
    
    width:720px;
    background-color:#ededed;  
    padding:10px;
}

.jotd-text{
    font-family: arial;
    font-weight:normal;
    font-size:.75em;
    background-color:white;
    padding:10px;
    margin-top:5px;
    
}

#fact {
    font-family: 'Roboto Slab', sans-serif;
    font-weight: bold;    
    background-color:#ededed;   
    
}

.fact-title{
    padding-left:5px;
}

.fact-text{
    margin-bottom:10px;
    font-size: .75em;
    font-weight:normal;
    font-family: arial; 
    padding:10px;    
}

/* tag editor */
.tag-suggestions{
    height:20px;

    border:1px solid #f2f2f2;
    font-family:courier;
}

.tag-choice-selector {
    float:left;
    height:20px;
    margin-right:20px;
    font-family:courier;
    cursor:pointer;
    font-size:13px;
}

#form-tags {
    width:100%;
    height:100px;
    resize:none;
}

#add-link-form-wrapper #title-form, 
#add-link-form-wrapper #description-form, 
#add-link-form-wrapper #thumbnail-form, 
#add-link-form-wrapper #tag-form, 
#add-link-form-wrapper #add-link-submit-button {
    display:none;
}

#add-link-wrapper {
    text-align:left;
}

#contributions{
    font-family: 'Roboto Slab', sans-serif;    
    width:720px;    
    background-color:#ededed;    
    text-align:left;
    margin-top:10px;    
    padding-top:10px;
    padding-bottom:20px;    
}

#contributions-content {
    font-family: 'Arial', sans-serif;     
    width:650px;
  text-align:left;
  margin:auto;

}

#contributions-title{
    margin:auto;
    font-weight:bold;
    padding-left:10px;
    margin-bottom:5px;
}

.paginator-inner-wrapper{
    height:auto;
    width:auto;
    text-align:center;
    margin:auto;
}

.paginator-wrapper {
    width:100%;
    text-align:center;
}

.paginator-previous{
    float:left;
    width:25px;
    height:25px;
/*    background-color:lightblue;*/
}

.paginator-next{
    float:right;
    width:25px;
    height:25px;
/*    background-color:lightblue;*/
}

.paginator-previous a:link, .paginator-next a:link{
    text-decoration:none;
}

.paginator-text-wrapper {
    text-align:center;
    float:left;
    width:100px;
}

.paginator-text {
    width:auto;
    font-size:.6em;
    margin-right:10px;
    margin-left:10px;
    margin-top:.5em;
}

.paginator-arrow-wrapper {
    width:150px;
    text-align:center;
    margin:auto;
}

.read-more{
    float:right;
    margin-right:5px;
}

.read-more a {
    margin-right:30px;
    color:black;
    text-decoration:none;
    font-family:arial;
    font-weight:normal;
}

.read-more a:hover {
    text-decoration:underline;
}