/* 
Title:        GALILEO Teen screen styles and ie/win fixes
Author:     jay.forbes@usg.edu
*/

/* import stylesheets and hide from ie/mac \*/
@import url("/css/global2.css");
@import url("/css/yahoo/menu.css");
/* end import/hide */

/* BG colors
---------------------------------------------------------- */

body {
    background: #FDF1FD;
}

/* Main navigation
---------------------------------------------------------- */

.school_nav li a.teens, .school_nav li a.teens:visited {
    color: #fff;
    background-color: #923399;
    border: 1px solid #923399;
}

/* Main navigation
---------------------------------------------------------- */

.main_nav {
    background: #8D1A98 url(/teen/images/main_nav_off.png) 0 0 repeat-x;
    border: 1px solid #8D1A98;
}

.main_nav li a, .main_nav li a:visited {
    border-right: 1px solid #8D1A98;
    color: #fff;
}

.main_nav li a:hover {
    background: #8D1A98;
    /* background: #8D1A98 url(/teen/images/main_nav_hover.png) 0 0 repeat-x; */
}

.main_nav li.selected a, 
.main_nav li.selected a:hover, 
.main_nav li.selected a:visited {
    color: #000;
    background: #FDF1FD url(/teen/images/main_nav_on.png) 0 0 repeat-x;
}

.main_nav li.selected span {
    background:  url(/teen/images/main_nav_ar.png) 50% 0 no-repeat;
}

/* Sub navigation
---------------------------------------------------------- */

.sub_nav li.selected a, 
.sub_nav li.selected a:visited, 
.sub_nav li.selected a:hover {
    background: #5EB238 url(/teen/images/sub_nav_on.png) 0 0 repeat-x;
    color: #fff;
}

.sub_nav li.selected span {
    background:  url(/teen/images/sub_nav_ar.png) 50% 0 no-repeat;
}

dl.image_list {
    float: left;
    margin: 0 0 1.5em 0;
    padding: 0;
    display: inline;
}

.onecol dl.image_list {
    width: 900px;
}

.twocol dl.image_list {
    width: 690px;
}

dl.image_list dt {
    float: right;
    margin: 0;
    padding: 0;
}

.onecol dl.image_list dt {
    width: 802px;
}

.twocol dl.image_list dt {
    width: 592px;
}

dl.image_list dd {
    margin: 0 0 0 98px;
    padding: 0;
}

dl.image_list dd.img {
    margin: 0;
}

dl.image_list dd.img img {
    border: 1px solid #ccc;
    float: left;
    margin: 0 8px 0 0;
}

/* Global Navigation
---------------------------------------------------------- */

.teen #global_nav a.selected, 
.teen #global_nav a.selected:hover {
    background: #681470 url(/teen/images/global_nav.png) 50% 100% no-repeat;
    color: #fff;
}

/* Teen boxes
---------------------------------------------------------- */

#teen_browse ul {
    margin: 0;
    padding: 0;
    overflow: auto;
}

#teen_browse li {
    background: #fff;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    list-style: none;
    float: left;
    margin: 0 5px 1px 0;
    min-height: 41px;
    padding: 30px 74px 15px 6px;
    text-align: center;
    width: 132px;
}

#teen_browse li a {
    color: #000;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

#teen_browse li a:hover {
    text-decoration: underline;
}

/* by topic */

#teen_browse li.art-music {
    background-image: url(/teen/images/art.png);
}

#teen_browse li.college-careers {
    background-image: url(/teen/images/college.png);
}

#teen_browse li.countries {
    background-image: url(/teen/images/countries.png);
}

#teen_browse li.educator-resources {
    background-image: url(/teen/images/educator.png);
}

#teen_browse li.georgia {
    background-image: url(/teen/images/georgia.png);
}


#teen_browse li.health {
    background-image: url(/teen/images/health.png);
}

#teen_browse li.history-government {
    background-image: url(/teen/images/history.png);
}
#teen_browse li.language-arts {
    background-image: url(/teen/images/language.png);
}

#teen_browse li.math {
    background-image: url(/teen/images/math.png);
}

#teen_browse li.news-current-events {
    background-image: url(/teen/images/news.png);
}

#teen_browse li.science {
    background-image: url(/teen/images/science.png);
}

#teen_browse li.social-studies {
    background-image: url(/teen/images/social.png);
}

#teen_browse li.spanish-espanol {
    background-image: url(/teen/images/spanish.png);
}

#teen_browse li.sports {
    background-image: url(/teen/images/sports.png);
}

#teen_browse li.technology {
    background-image: url(/teen/images/tech.png);
}


/* by type */

#teen_browse li.articles-magazines {
    background-image: url(/teen/images/articles.png);
}


#teen_browse li.books-book-reviews {
    background-image: url(/teen/images/books.png);
}

#teen_browse li.dictionaries {
    background-image: url(/teen/images/dictionaries.png);
}

#teen_browse li.encyclopedias {
    background-image: url(/teen/images/encyclopedia.png);
}

#teen_browse li.full-text-resources {
    background-image: url(/teen/images/fulltext.png);
}

#teen_browse li.library-catalogs {
    background-image: url(/teen/images/catalogs.png);
}

#teen_browse li.multimedia {
    background-image: url(/teen/images/multimedia.png);
}

#teen_browse li.newspapers {
    background-image: url(/teen/images/news.png);
}

#teen_browse li.people {
    background-image: url(/teen/images/people.png);
}

#teen_browse li.pictures-maps-flags {
    background-image: url(/teen/images/pictures.png);
}

#teen_browse li.primary-source-documents {
    background-image: url(/teen/images/primary.png);
}

#teen_browse li.quotations {
    background-image: url(/teen/images/quot.png);
}

#teen_browse li.search-engines-web-sites {
    background-image: url(/teen/images/search.png);
}


.dbs_name {
    font-weight: bold;
}

.remote_note {
    display: none;
}

.thumbnail {
    border: 1px solid #ccc;
}