/**
 * @fileOverview    Universal CSS file which contains global styles for: (all files) / (all networks).
 *                  Browsers: (all).
 *                  User agent that claims support for media type: (screen).
 *                  Init Date: Wed, 30 Jan 2008 23:39:17 EST.
 *                  Build Date: $Id: base.css,v 1.2 2008/11/14 19:18:59 npereira Exp $
 *                  Copyright (C) Discovery.com 2008. All Rights Reserved.
 * @name            carl lewin
 */


/**
 * @description     GLOBAL ALL XHTML TAGS + BODY definition(s)
 */
* {
        margin: 0;
        padding: 0;
}


/**
 * @description     GLOBAL XHTML ANCHOR TAG definitions
 */
a, img { border: 0 none; }

a, a:visited { text-decoration: none; }
a:active, a:hover, a:focus { text-decoration: underline; }

a.black, a.black:visited, a.black:active, a.black:hover, a.black:focus { color: #000; }
a.white, a.white:visited, a.white:active, a.white:hover, a.white:focus { color: #FFF; }


/**
 * @description     GLOBAL XHTML HEADER TAG definitions
 */
h1, h2, h3, h4, h5, h6 { letter-spacing: 0; }


/**
 * @description     GLOBAL CLASSES for COLOR definitions
 */
.black { color: #000; }
.dark-grey { color: #333; }
.medium-grey { color: #999; }
.grey { color: #CCC; }
.white { color: #FFF; }

.pass-green { color: #11cc11; }
.fail-red { color: #cc1111; }


/**
 * @description     GLOBAL CLASSES for FLOAT & CLEAR definitions
 */
.float-left { float: left; }
.float-right { float: right; }

.clearfix:after {
        content: ".";
        height: 0;
        visibility: hidden;
        display: block;
        clear: both;
}

.clear { clear: both; }


/**
 * @description     GLOBAL CLASSES for SPACER definitions
 */
.one-by-one {
        width: 1px;
        height: 1px;
        overflow: hidden;
}

.one-by-five {
        width: 1px;
        height: 5px;
        overflow: hidden;
}

.one-by-ten {
        width: 1px;
        height: 10px;
        overflow: hidden;
}

.one-by-fifteen {
        width: 1px;
        height: 15px;
        overflow: hidden;
}

.five-by-five {
        width: 5px;
        height: 5px;
        overflow: hidden;
}

.ten-by-ten {
        width: 10px;
        height: 10px;
        overflow: hidden;
}

.margin-ten { margin: 10px; }

.padding-ten { padding: 10px; }


/**
 * @description     GLOBAL CLASSES for TEXT definitions
 */
.small-text { font-size: 0.6em; }

.displace-line-height { line-height: 0; }


/**
 * @description     GLOBAL CLASSES for DISPLAY & VISIBILITY definitions
 */
.block { display: block; }
.none { display: none; }

.hidden { visibility: hidden; }
.visible { visibility: visible; }


/**
 * @description     GLOBAL IDS for CONTAINER definitions
 */
#container-primary {
        width: 990px;
        margin: 0 auto;
        display: block;
}


/**
 * @description     GLOBAL CLASSES for IFRAME CONTAINER definitions
 */
.iframed-ad-unit {
    background-color: #FFF;
    border: 0;
    margin: 0;
    padding: 0;
}


/**
 * @description     CLASSES / IDS for BREADCRUMBS definitions
 */
#breadcrumbs-top { font-size: 0.85em; }

#breadcrumbs-top .crumbs { padding: 5px 0 5px 20px; }

#breadcrumbs-bottom { font-size: 0.85em; }

#breadcrumbs-bottom .crumbs { margin: 10px 0 10px 20px; }


/**
 * @description     GLOBAL IDS for GOOGLE ADSENSE definitions
 */
#google-adsense {
        width: 990px;
        height: auto;
}

#google-adsense h4 {
        font-size: 0.9em;
        padding: 15px;
}

#google-adsense #adsense-code { padding: 0 0 15px 15px; }

/**
 * @description     CLASSES / IDS for DCI MODAL definitions
 */
 #dci-modal-veil { 
        position: absolute;
        background: url(images/default-veil.gif);
        min-height: 100%;
        left: 0;
        top: 0;
        z-index: 5;
        visibility: hidden;
}

#dci-modal-window { 
        visibility: hidden;
}

.dci-modal-window-container {
        position: absolute;
        visibility: hidden;

}

#dci-modal-content-outer-area {
        width: 150px;
        height: 150px;
        margin:0pt auto;

}

.dcimodalcontentarea {
        clear: both;
        height: 100%;
        overflow: hidden;
        background-color: #FFFFFF;
        border-style: solid; 
        border-width: 1px; 
        border-color: #EAEAEA;
        margin:0pt auto;
}