﻿@media interactive, braille, emboss, handheld, projection, screen, tty, tv
{
    body 
    {
        font-family:Tahoma;
        font-size:11px;
        margin:0px;
        padding:0px;
        background:#dae4ec; 
        overflow:hidden;
        height:100%;
        min-height:600px;
        width:100%;
    }

    select,input 
    { 
        font-family:Tahoma;
        font-size:11px; 
    }
    
    a:link { color:#006699;text-decoration:none; }
    a:visited { color:#006699;text-decoration:none; }
    a:hover { color:#006699;text-decoration:underline; }
    a:active { color:#006699;text-decoration:none; }

    .topleft 
    {
        position:absolute;
        top:0px;
        left:0px;
    }
    .topright 
    {
        position:absolute;
        top:0px;
        right:0px;
        cursor:pointer;
    }
    .bottomright 
    {
        position:absolute;
        bottom:1px;
        right:1px;
    }
    .left 
    {
        text-align:left;
    }
    .right 
    {
        text-align:right;
    }
    .center 
    {
        text-align:center;
    }
    .clickable 
    {
        cursor:pointer;
    }
    .error_text 
    {
        color:Red;
        cursor:default;
    }
    .textitem
    {
        font-weight:bold;
        color:#006699;
    }
    .templates 
    {
        display:none;
    }
    .flatButton
    {
        border:outset 1px;
        background:url(../Images/button.bg.png) repeat-x;
    }
    .checkbox
    {
        border:none;
    }

    /**
        Application Banner 
    **/
    .app_banner 
    {
        height:92px;
        width:100%;
        background:#dae4ec url(../Images/panel.bg.gif) repeat-x;
        color:Black;
        position:absolute;
        left:0px;
        top:-78px;
        clip:rect(78px auto auto auto);
        text-align:center;
    }
    .app_banner_footer 
    {
        background:#dae4ec url(../Images/banner.footer.bg.png) repeat-x;
        height:15px;
        width:100%;
        position:absolute;
        bottom:0px;
        left:0px;
        overflow:hidden;
        text-align:center;
    }
    .app_banner_footer_exp 
    {
        position:absolute;
        top:3px;
        cursor:pointer;
    }
    .app_banner_c
    {
        position:absolute;
        right:1px;
        top:1px;
    }
    .app_footer 
    {
        position:absolute;
        right:2px;
        bottom:2px;
        color:Black;
        background:#efefef;
        padding:1px;
    }
    .coll_summary 
    {
        font-size:12px;
        visibility:hidden;
    }

    /**
        VirtualEarth Map
    **/
    #theMap
    { 
        position:relative;
        left:0px;
        top:0px;
        min-height:600px;
        height:100%;
        /*width:1123px;*/
        /*margin:auto*/
        overflow:hidden; 
    }

    .pushpin 
    {
        z-index:502;
    }
    .itemContainer 
    { 
        position:relative;
        width:254px;
        z-index:502;
        overflow:visible; 
        background:Transparent;
    }  
    .item 
    { 
        position:relative;
        width:254px;
        background-color:Yellow;
        /*
        border-left:1px solid #006699;
        border-top:1px solid #006699;
        border-right:2px solid #006699;
        border-bottom:2px solid #006699;
        */
        padding:3px;
        z-index:501;
        text-align:center;
    }
    .mapItem_status 
    {
        display:block;
        position:absolute;
        left:5px;
        top:7px;
        cursor:default;
    }
    .mapItem_slideshow 
    {
        display:block;
        position:absolute;
        right:1px;
        top:1px;
    }
    .mapItem_slideshow_prog 
    {
        display:block;
        position:absolute;
        left:225px;
        top:-5px;
        cursor:pointer;
        z-index:502;
    }
    .mapItem_close 
    {
        display:block;
        position:absolute;
        left:242px;
        top:-5px;
        cursor:pointer;
        z-index:502;
    }
    .mapItem_desc 
    {
        text-align:left;
        padding:0px 3px;
    }

    /**
        Tabs
    **/
    .tab_main 
    {
        position:absolute;
        left:0px;
        top:100px;
        cursor:pointer;
    }
    .tab_geotag 
    {
        position:absolute;
        left:0px;
        top:202px;
        cursor:pointer;
    }
    .tab_search 
    {
        position:absolute;
        left:0px;
        top:151px;
        cursor:pointer;
    }
    .tab_news 
    {
        position:absolute;
        left:0px;
        top:253px;
        cursor:pointer;
    }
    .tab_info 
    {
        position:absolute;
        top:304px;
        left:0px;
        cursor:pointer;
    }

    /**
        Panels
    **/
    .panel_loading_parent 
    {
        position:absolute;
        top:30px;
        left:0px;
        width:100%;
        z-index:501;
        visibility:hidden;
    }
    .panel_loading 
    {
        position:relative;
        overflow:hidden;
        padding:1px;
        background:#e7e9ed url(../Images/panel.bg2.gif) repeat-y;
        border-top:solid 1px #92b0c7;
        border-right:solid 2px #92b0c7;
        border-left:solid 1px #92b0c7;
        border-bottom:solid 2px #92b0c7;
        z-index:502;
        text-align:center;
        margin:auto;
    }
    .panel_title 
    {
        position:relative;
        text-align:center;
        font-weight:bold;
        background:#003366 url(../Images/panel.title.bg.gif) repeat-x;
        color:White;
        margin:1px;
        padding:1px;
        overflow:hidden;
    }
    .panel_header 
    {
        position:relative;
        text-align:center;
        font-weight:bold;
        background:none;
        border-bottom:solid 1px #006699;
        color:#006699;
        padding:1px;
        width:90%;
        margin:1px auto;
    }
    .panel_footer 
    {
        position:absolute;
        bottom:2px;
        right:2px;
    }
    .panel_note 
    {
        text-align:left;
        padding:0px 3px 0px 3px;
        font-size:10px;
        width:95%;
        margin:auto;
    }
    .panel_item 
    {
        text-align:center;
        margin:3px 0px 3px 0px;
    }
    .panel_main 
    {
        height:450px;
        width:275px;
        background:#e7e9ed url(../Images/panel.bg2.gif) repeat-y;
        border-top:solid 1px #92b0c7;
        border-left:solid 1px #92b0c7;
        border-right:solid 2px #92b0c7;
        border-bottom:solid 2px #92b0c7;
        position:absolute;
        left:-225px;
        top:100px;
        clip:rect(auto auto auto 278px);
        overflow:hidden;
    }
    .panel_geotag 
    {
        height:280px;
        width:275px;
        background:#e7e9ed url(../Images/panel.bg2.gif) repeat-y;
        border-top:solid 1px #92b0c7;
        border-left:solid 1px #92b0c7;
        border-right:solid 2px #92b0c7;
        border-bottom:solid 2px #92b0c7;
        position:absolute;
        left:-225px;
        top:201px;
        overflow:hidden;
        clip:rect(auto auto auto 278px);
    }
    .panel_upload 
    {
        width:275px;
        background:#e7e9ed url(../Images/panel.bg2.gif) repeat-y;
        border-top:solid 1px #92b0c7;
        border-left:solid 1px #92b0c7;
        border-right:solid 2px #92b0c7;
        border-bottom:solid 2px #92b0c7;
        position:absolute;
        left:-225px;
        top:151px;
        overflow:hidden;
        clip:rect(auto auto auto 278px);
    }

    /**
        RSS Reader
    **/
    .readview 
    {
        position:absolute;
        top:40px;
        right:3px;
        width:76.5%;
        height:351px;
        background:#e7e9ed;
        overflow:auto; 
        border:solid 1px #92b0c7;
        padding:3px;
    }
    .listview 
    {
        position:absolute;
        top:40px;
        left:3px;
        width:21%;
        height:357px;
        background:#e7e9ed;
        overflow:auto; 
        font-weight:bold;
        border:solid 1px #92b0c7;
    }
    .aggregator_container 
    { 
        position:absolute;
        left:350px;
        top:0px;
        width:750px;
        height:400px;
        background:#e7e9ed url(../Images/panel.bg.gif) repeat-x;
        border:solid 1px #92b0c7;
        z-index:501; 
        padding:0px;
        margin:0px;
        visibility:hidden;
    }
    .aggregator_item
    { 
        height:60px;
        width:98%;
        border:solid 1px #ddd; 
    }
    .aggregator_item_sel 
    { 
        height:58px;
        width:98%;
        background:url(../Images/reader.item.bg.gif);
        border:solid 1px #ddd;
    }
    .reader_item_title 
    {
        font-weight:bold;
        color:Navy;
        font-size:10pt;
    }
    .reader_pager 
    {
        border-bottom:solid 1px #808080;
        overflow:hidden;
    }
    .reader_form_container { position:absolute;left:5px;top:17px;width:500px;z-index:502; }
    .reader_form_dropdown { position:absolute;top:1px;left:367px; }
    .reader_form_textbox { position:absolute;top:1px;left:77px;width:300px;margin:0px;}
    .reader_form_read { position:relative;top:0px;left:311px; }
    .reader_form_search { position:relative;top:0px;left:310px; }
    .feed_url 
    {
        width:300px; 
    }
    .feed_search 
    {
        position:absolute;
        top:-261px;
        left:77px;
        width:300px;
        height:275px;
        background:#e7e9ed url(../Images/panel.bg.gif) repeat-x;
        border:solid 1px #92b0c7;
        overflow:hidden;
        z-index:502;
        clip:rect(281px auto auto auto);
        padding:2px;
        font-weight:bold;
    }
    .feed_search_item 
    {
        padding-left:2px;
        background-color:#e7e9ed;
    }
    .feed_search_alt_item 
    {
        padding-left:2px;
        background-color:#e7e9ed;
    }

    /**
        Collection Search
    **/
    .coll_search_head 
    {
        background-color:#92b0c7;
        font-weight:bold;
        color:#000;
        text-align:center;
    }
    .coll_search_item 
    {
        background-color:#e7e9ed;
        color:#006699;
        font-weight:bold;
    }

    /**
        Progress Bar
    **/
    .progbar_container 
    { 
        z-index:99999;
        position:relative;
        top:100px;
        margin:auto;
        height:12px;
        width:250px;
        background:#dae4ec;
        border:solid 1px #aaa;
        overflow:hidden; 
    }
    .progbar_parent 
    { 
        position:absolute;
        width:98%;
        margin:auto;
        left:1px;
        top:1px;
        height:8px;
        overflow:hidden;
        background:#aaa;
        border:solid 1px #808080; 
    }
    .progbar_line 
    { 
        position:absolute;
        left:0px;
        top:0px;
        height:8px;
        background:#f5cc2d;
        overflow:hidden;
    }
}

