/**
 * @fileOverview    Universal CSS file which contains global styles for: (all files) / (planet green).
 *                  Browsers: (all).
 *                  User agent that claims support for media type: (screen).
 *                  Init Date: Wed, 30 Jan 2008 23:39:17 EST.
 *                  Build Date: $Id: tophat.css,v 1.1.2.3 2009/09/25 20:01:56 trotton Exp $
 *                  Copyright (C) Discovery.com 2008. All Rights Reserved.
 * @name            carl lewin, dave hogge
 */

/**
 * @description     CLASSES / IDS / XHTML TAGS for TOPHAT (top advertising area) definitions
 */
#top-editorial-promotions {
        float: left;
        line-height: 0;
        text-align: center;
}

#top-ad-placement {
        float: left;
        line-height: 0;
        text-align: center;
}

/**
 * @description     CLASSES / IDS / XHTML TAGS for TOPHAT (highlite navigation) definitions
 */
#navigation-highlite {
        height: auto;
        border: solid #CCC;
        border-width: 0 0 1px 0;
        background-color: #E4E4E4;
}

#navigation-highlite ul { list-style-type: none; }

#navigation-highlite ul li { float: left; }

#navigation-highlite .links {
        padding-left: 42px;
        width: 435px;
}

#navigation-highlite .ticker {
        overflow: hidden;
        width: 500px;
        height: 20px;
        border-width: 0 1px 0 1px;
        border-style: solid;
        border-color: #CCC;
}

#navigation-highlite .links {
        font-size: 0.8em;
        text-align: left;
        line-height: 18px;
        margin: 2px 0 0 0
}

#navigation-highlite .links a, #navigation-highlite .links a:visited, #navigation-highlite .links a:hover, #navigation-highlite .links a:focus, #navigation-highlite .links a:active { color: #495352; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for TOPHAT (page banner) definitions
 */
#page-banner {
        height: 132px;
        background: #FFF url('/images/tophat/page-banner-background-gradient.gif') repeat-x top left;
}

img.tophat-logo {
        width: 216px;
        height: 79px;
        margin: 26px 200px 27px 42px;
}

img.tophat-company {
        margin-left:-185px;
        margin-bottom:30px
}

#page-banner #banner-cluster {
        margin: -105px 0 0 407px;
        width: 570px;
        height: 72px;
}

#banner-cluster #profile-overview {
        width: 319px;
        height: 45px;
        border: solid #DDD;
        border-width: 0 1px 0 0;
        background: url('/images/tophat/cluster/top-half-background.gif') no-repeat top left;
        overflow: hidden;
}

#banner-cluster #profile-overview a {
color: #8d3437!important;
}

#profile-overview .avatar p { padding: 5px 7px 4px 5px; }
#profile-overview .avatar img {
        width: 35px;
        height: 35px;
}

#profile-overview .member-data { margin: -39px 0 0 51px; }

.member-data a, .member-data a:visited, .member-data a:hover, .member-data a:focus, .member-data a:active {
        font-size: 0.85em;
        font-weight: bold;
}

#banner-cluster #search-box {
        margin: -45px 0 0 320px;
        width: 250px;
        height: 45px;
        background: url('/images/tophat/cluster/top-half-background.gif') no-repeat top right;
}

#search-box .text-field { padding: 12px 0 0 12px; }

#search-box .query-input {
        font-size: 0.9em;
        font-weight: bold;
        color: #495352;
        width: 188px;
        height: 17px;
        padding: 4px 0 0 5px;
        border: 1px solid #999;
        border-radius: 0.3em;
        -moz-border-radius: 0.3em;
        -webkit-border-radius: 0.3em;
}

#search-box .button { margin: -21px 0 0 218px; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for TOPHAT (secondary navigation) definitions
 */
#navigation-secondary {
        position: relative;
        z-index: 200;
        width: 570px;
        height: 26px;
        font-family: Arial, Helvetica, sans-serif;
        font-size : 12px;
        list-style-type: none;
        background: transparent url('/images/tophat/navigation/secondary-linear.gif') no-repeat top left;
}

#navigation-secondary dd {
        position: relative;
        float: left;
        width: 110px;
        cursor: pointer;
}

#navigation-secondary dd a {
        display: block;
        width: 100%;
        height: 26px;
        text-decoration: none;
        /*color: #335E64;*/
	color: #FFFFFF;
        cursor: pointer;
        background-image: url('/images/tophat/navigation/primary-secondary.gif');
        background-repeat: no-repeat;
}

#navigation-secondary dd a span { visibility: hidden; }

#navigation-secondary .divider {
        padding-right: 1px;
        background: url('/images/tophat/navigation/secondary-divider.gif') no-repeat center right;
}

/*#navigation-secondary dd.on-tv { width: 72px; }*/
#navigation-secondary dd.on-tv { width: 71px; }
#navigation-secondary dd.on-tv a { background-position : 0px -384px; }
#navigation-secondary dd.on-tv a:hover { background-position : 0px -410px; }

/*#navigation-secondary dd.features { width: 94px; }*/
#navigation-secondary dd.features { width: 92px; }
#navigation-secondary dd.features a { background-position : 0px -436px; }
#navigation-secondary dd.features a:hover { background-position : 0px -462px; }

/*#navigation-secondary dd.community { width: 102px; }*/
#navigation-secondary dd.community { width: 101px; }
#navigation-secondary dd.community a { background-position : 0px -488px; }
#navigation-secondary dd.community a:hover { background-position : 0px -514px; }

/*#navigation-secondary dd.video { width: 72px; }*/
#navigation-secondary dd.video { width: 70px; }
#navigation-secondary dd.video a { background-position : 0px -540px; }
#navigation-secondary dd.video a:hover { background-position : 0px -566px; }

/*new*/
#navigation-secondary dd.slideshows { width: 106px; }
#navigation-secondary dd.slideshows a { background-position : 0px -592px; }
#navigation-secondary dd.slideshows a:hover { background-position : 0px -618px; }

#navigation-secondary dd.go-green { width: 99px; }
#navigation-secondary dd.go-green a { background-position : 0px -592px; }
#navigation-secondary dd.go-green a:hover { background-position : 0px -618px; }

/*#navigation-secondary dd.games-quizzes { width: 126px; }*/
#navigation-secondary dd.games-quizzes { width: 125px; }
#navigation-secondary dd.games-quizzes a { background-position : 0px -644px; }
#navigation-secondary dd.games-quizzes a:hover { background-position : 0px -670px; }

#navigation-secondary dd ul {
        position: absolute;
        z-index: 199;
        display: none;
        left: 0;
        width: 200px;
        height: auto;
        list-style-type: none;
        cursor: pointer;
}

#navigation-secondary dd:hover ul { display: block; }

#navigation-secondary dd.on-tv ul { left: 5px; }

#navigation-secondary dd.features ul { left: 0; }

#navigation-secondary dd.community ul { left: 0; }

#navigation-secondary dd.video ul { left: 0; }

/*new*/
#navigation-secondary dd.slideshows ul { left: 0; }

#navigation-secondary dd.go-green ul { left: 0; }

#navigation-secondary dd.games-quizzes ul { left: -88px; }

#navigation-secondary dd ul li {
        position: relative;
        width: 200px;
        border-bottom: 1px solid #A08685;
}

#navigation-secondary dd ul li a {
        display: block;
        position: relative;
        width: 181px;
        height: auto;
        padding: 2px 5px 2px 14px;
        /*color: #509099;
        background-color: #ADE6ED;*/
        color: #FFF;
        background-color: #8E7173;
        cursor: pointer;
}

#navigation-secondary dd.on-tv li a, #navigation-secondary dd.features li a, #navigation-secondary dd.community li a, #navigation-secondary dd.video li a, #navigation-secondary dd.go-green li a, #navigation-secondary dd.slideshows li a, #navigation-secondary dd.games-quizzes li a { background-image: none; }

#navigation-secondary dd.on-tv li a:hover, #navigation-secondary dd.features li a:hover, #navigation-secondary dd.community li a:hover, #navigation-secondary dd.video li a:hover, #navigation-secondary dd.go-green li a:hover, #navigation-secondary dd.slideshows li a:hover, #navigation-secondary dd.games-quizzes li a:hover {
        /*color: #335E64;
        background-color: #C6EFF3;*/
        color: #FFF;
        background-color: #A08685;
}


/**
 * @description     CLASSES / IDS / XHTML TAGS for TOPHAT (primary navigation) definitions
 */
#navigation-primary {
        position: relative;
        z-index: 100;
        width: 990px;
        height: 32px;
        font-family: Arial, Helvetica, sans-serif;
        font-size : 12px;
        list-style-type: none;
        background: url('/images/tophat/navigation/primary-linear.gif') no-repeat top left;
}

#navigation-primary dd {
        position: relative;
        float: left;
        width: 164px;
        cursor: pointer;
}

#navigation-primary dd a {
        display: block;
        width: 100%;
        height: 32px;
        text-decoration: none;
        /*color: #7B9E32;*/
	color: #65403F;
        cursor: pointer;
        background-image: url('/images/tophat/navigation/primary-secondary.gif');
        background-repeat: no-repeat;
}

#navigation-primary dd a span { visibility: hidden; }

#navigation-primary .divider {
        padding-right: 1px;
        background: url('/images/tophat/navigation/primary-divider.gif') no-repeat center right;
}

#navigation-primary dd.fashion-beauty { width: 165px; }
#navigation-primary dd.fashion-beauty a { background-position: 0 0; }
#navigation-primary dd.fashion-beauty a:hover { background-position: 0 -32px; }

#navigation-primary dd.food-health { width: 164px; }
#navigation-primary dd.food-health a { background-position: 0 -64px; }
#navigation-primary dd.food-health a:hover { background-position: 0 -96px; }

#navigation-primary dd.home-garden { width: 164px; }
#navigation-primary dd.home-garden a { background-position: 0 -128px; }
#navigation-primary dd.home-garden a:hover { background-position: 0 -160px; }

#navigation-primary dd.tech-transport { width: 164px; }
#navigation-primary dd.tech-transport a { background-position: 0 -192px; }
#navigation-primary dd.tech-transport a:hover { background-position: 0 -224px; }

#navigation-primary dd.travel-outdoors { width: 164px; }
#navigation-primary dd.travel-outdoors a { background-position: 0 -256px; }
#navigation-primary dd.travel-outdoors a:hover { background-position: 0 -288px; }

#navigation-primary dd.work-connect { width: 164px; }
#navigation-primary dd.work-connect a { background-position: 0 -320px; }
#navigation-primary dd.work-connect a:hover { background-position: 0 -352px; }

#navigation-primary dd ul {
        position: absolute;
        z-index: 99;
        display: none;
        left: 0;
        width: 210px;
        height: auto;
        list-style-type: none;
        cursor: pointer;
}

#navigation-primary dd:hover ul { display: block; }

#navigation-primary dd.fashion-beauty ul { left: 10px; }

#navigation-primary dd.food-health ul { left: 20px; }

#navigation-primary dd.home-garden ul { left: 15px; }

#navigation-primary dd.tech-transport ul { left: 9px; }

#navigation-primary dd.travel-outdoors ul { left: 6px; }

#navigation-primary dd.work-connect ul { left: -36px; }

#navigation-primary dd ul li {
        position: relative;
        width: 210px;
        /*border-bottom: 1px solid #ECFCCB;
        background-color: #DDF9A1;*/
	border-bottom: 1px solid #ECE3E4;
        background-color: #E6DADC;
}

#navigation-primary dd ul li a {
        display: block;
        position: relative;
        width: 180px;
        height: auto;
        padding: 2px 15px;
        /*color: #4A6A33;*/
	color: #65403F;
        cursor: pointer;
}

#navigation-primary dd.fashion-beauty li a, #navigation-primary dd.food-health li a, #navigation-primary dd.home-garden li a, #navigation-primary dd.tech-transport li a, #navigation-primary dd.travel-outdoors li a, #navigation-primary dd.work-connect li a { background-image: none; }

#navigation-primary dd.fashion-beauty li a:hover, #navigation-primary dd.food-health li a:hover, #navigation-primary dd.home-garden li a:hover, #navigation-primary dd.tech-transport li a:hover, #navigation-primary dd.travel-outdoors li a:hover, #navigation-primary dd.work-connect li a:hover {
        /*color: #4A6A33;
        background-color: #ECFCCB;*/
	color: #65403F;
	background-color: #ECE3E4;
}

#test-property {
        /* this is just a test */
}