/* **************************************************************
	File: Maps.css
	Authors: Grant McKenzie & Ryan Whitley
	Project: GeoEye
	Date: June 2008
	Description: The base CSS file for the GeoEye Project
**************************************************************** */

body
{
    margin: 0px;
    font: normal 11px/14px Arial, Helvetica, Geneva, sans-serif;
    color: #4C4C4C;
    height: 100%;
}

#wrapper-page
{
    height: 100%;
    width: 100%;
    margin: 0px;
}
/* #### Main Page Layout #### */

#wrapper-top
{
    top: 0px;
    height: 85px;
    width: 100%;
    left: 0px;
    padding-top: 7px;
    position: absolute;
    border-top: 2px solid #9acd34;
    border-bottom: 3px solid #ffffff;
    background-image: url(../images/top-nav-background.jpg);
    background-repeat: repeat-x;
}

#wrapper-left
{
    left: 0px;
    width: 355px;   /*Left - Side Width update  */
    height: auto;
    bottom: 105px;
    top: 86px;
    background-color: #ffffff;
    padding: 5px;
    position: absolute;
    border-right: solid 1px #9acd34;
    z-index: 0;
}
#wrapper-map
{
    left: 366px;   /*Left - Side Width update  */ /* Same as footer prefs div */
    top: 86px;
    height: 500px;
    position: absolute;
}
#wrapper-footer-map
{
    padding: 5px 15px 5px 15px;
    clear: both;
    bottom: 0px;
    left: 0px;
    height: 25px;
    width: 100%;
    position: absolute;
    background-color: #ffffff;
    border-top: solid 1px #9ACD34;
    font: normal 11px/14px Arial, Helvetica, Geneva, sans-serif;
    color: #4C4C4C;
}

/* #### Interactive Left Panel #### */

#wrapper-tabs
{
    width: 350px;   /*Left - Side Width update  */
    height: auto;
    background-color: #ffffff;
    padding: 0px;
    position: relative;
    z-index: 0;
}
#wrapper-find
{
    position: absolute;
    width: 344px;   /*Left - Side Width update  */
    top: 36px;
    height: auto;
    padding: 4px 5px 5px 5px;
    border-left: 1px solid #547D1C;
    border-right: 1px solid #547D1C;
    background-color: #ffffff;
    bottom: 20px;
    z-index: 1;
}
#wrapper-search
{
    width: 344px;   /*Left - Side Width update  */
    height: auto;
    background-color: #ffffff;
    padding: 5px;
    position: absolute;
    border-left: 1px solid #547D1C;
    border-right: 1px solid #547D1C;
    z-index: 1;
    display: none;
    top: 36px;
    bottom: 105px;
}
#wrapper-gridResults
{
    /*overflow: auto;*/
    overflow-x: hidden;
    overflow-y:auto;
    width: 348px;   /*Left - Side Width update  */
    height: 271px;
    padding: 0px;
    margin: 0px;
}

#myResultsWrapper-gridResults
{
    /*overflow: auto;*/
    overflow-x: hidden;
    overflow-y:auto;
    width: 348px;   /*Left - Side Width update  */
    height: 0px;
    padding: 0px;
    margin: 0px;
}

.disabled
{
    width: 348px;   /*Left - Side Width update  */
    height: 0px;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    background: #ccc;
    z-index: 0;
    margin-top: 7px;
    padding-left: 0px;
    position: absolute;
}

#wrapper-left-base
{
    width: 356px;   /*Left - Side Width update  */
    padding: 0px;
    position: absolute;
    bottom: 13px;
    z-index: 1;
    overflow: hidden;
}

.wrapper-search-horizontal-borders
{
    width: 356px;   /*Left - Side Width update  */
    padding: 0px;
    left: -1px;
    position: absolute;
    z-index: 1;
    overflow: hidden;
}
#wrapper-featuredLocations
{
    left: 0px;
    width: 260px;
    padding: 0px;
    position: relative;
    background-color: #ffffff;
}
#wrapper-featuredLocationsInner
{
    position: relative;
    padding: 10px;
}
#wrapper-searchResults
{
    display: inline;
    overflow: auto;
    bottom: 40px;
    font: normal 10px Arial, Helvetica, Geneva, sans-serif;
    color: #4C4C4C;
    border-left: 2px;
}
#myResultsWrapper-searchResults
{
    display: inline;
    overflow: auto;
    font: normal 10px Arial, Helvetica, Geneva, sans-serif;
    color: #4C4C4C;
    border-left: 2px;
}
#wrapper-newToGeoeye
{
    position: absolute;
    bottom: 45px;
    padding: 0px 2px 0px 2px;
    width: 330px;   /*Left - Side Width update  */
    background-color: #ffffff;
}
#wrapper-resultsBottom
{
    position: absolute;
    height: auto;
    bottom: 5px;
    padding: 0px 2px 0px 2px;
    width: 330px;   /*Left - Side Width update  */
    background-color: #ffffff;
}
#wrapper-findBottom
{
    position: absolute;
    height: auto;
    bottom: 5px;
    padding: 0px 2px 0px 2px;
    width: 330px;   /*Left - Side Width update  */
    background-color: #ffffff;
}

/* #### Footer Layout #### */

#footer-copyright
{
    padding: 0px;
    position: absolute;
    background-color: #ffffff;
    top: 5px; /*width: 150px;*/
    left: 5px;
    float: left;
}
#footer-prefs
{
    padding: 0px;
    position: absolute;
    top: 5px;
    background-color: #ffffff; /*width: 350px;*/
    text-align: left;
    z-index: 2;
    float: left;
    text-align: left;
}
#footer-vlayer
{
    padding-right: 5px;
    position: absolute;
    background-color: #ffffff;
    top: 5px; /*width: 160px;*/
    float: right;
    text-align: right;
}
#footer-mouse
{
    padding: 0px;
    position: absolute;
    background-color: #ffffff;
    top: 5px;
    right: 5px; /*width: 160px;*/
    text-align: right;
    float: right;
}

/* #### Divs that sit over the map #### */

#wrapper-mapalert
{
    position: absolute;
    top: 150px;
    left: 350px;   /*Left - Side Width update  */
    color: #000000;
    background-color: #ffffff;
    border-style: solid;
    border-width: thin;
    border-color: #000000;
    padding: 2px 5px 3px 5px;
    z-index: 5;
}

#wrapper-searchingCover
{
    width: 100%;
    height: 100%;
    z-index: 10;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: 0px;
    left: 0px;
    display: none; /*background-color: #000000; 	opacity:0.1; 	filter: alpha(opacity=10); */
}

/* #### SidePanel for openning and closing interactive panel #### */
#wrapper-left
{
    overflow: hidden;
}

#wrapper-left-l
{
    left: 0px;
    width: 5px;
    top: 55%;
    margin: 0px;
    padding: 0px;
    position: absolute;
    z-index: 4;
    display: none;
}
#wrapper-left-r
{
    left: 360px;   /*Left - Side Width update  */
    width: 5px;
    top: 55%;
    margin: 0px;
    padding: 0px;
    z-index: 4;
    position: absolute;
    display: block;
}

/* #### Modals #### */

#wrapper-searchPrefs
{
    margin: 20% 0% 0% 50%;
    top: -200px;
    left: -350px;   /*Left - Side Width update  */
    width: 580px;
    height: auto;
    padding: 0px;
    position: absolute;
    background-color: #ffffff;
    border: 4px solid #cccccc;
    display: none;
    z-index: 5;
}
#wrapper-downloadPrefs
{
    margin: 20% 0% 0% 50%;
    top: -200px;
    left: -350px;   /*Left - Side Width update  */
    width: 480px;
    height: auto;
    padding: 0px;
    position: absolute;
    background-color: #ffffff;
    border: 4px solid #cccccc;
    display: none;
    z-index: 5;
}
#wrapper-permaLink
{
    margin: 20% 0% 0% 50%;
    top: -200px;
    left: -350px;   /*Left - Side Width update  */
    width: 480px;
    height: auto;
    padding: 0px;
    position: absolute;
    background-color: #ffffff;
    border: 4px solid #cccccc;
    display: none;
    z-index: 5;
}
#wrapper-help
{
    margin: 20% 0% 0% 50%;
    top: -200px;
    left: -350px;   /*Left - Side Width update  */
    width: 520px;
    height: auto;
    padding: 0px;
    position: absolute;
    background-color: #ffffff;
    border: 4px solid #cccccc;
    display: none;
    z-index: 5;
}
#wrapper-error
{
    margin: 20% 0% 0% 50%;
    top: -200px;
    left: -350px;   /*Left - Side Width update  */
    width: 600px;
    height: auto;
    padding: 0px;
    position: absolute;
    background-color: #ffffff;
    border: 4px solid #cccccc;
    display: none;
    z-index: 5;
}
#wrapper-searchPrefs-bg
{
    margin: 0px;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #cccccc;
    display: none;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 2;
}

/* #### Google Map Tools Buttons #### */

#mapPan
{
    width: 32px;
    height: 32px;
    background-image: url(../images/button-map-drag.gif);
}
#mapPan.selected
{
    background-image: url(../images/button-map-drag-active.gif);
}
#mapMarker
{
    width: 32px;
    height: 32px;
    background-image: url(../images/button-map-pin-disabled.gif);
}
#mapMarker.selected
{
    background-image: url(../images/button-map-pin-active.gif);
}
#mapPoly
{
    width: 32px;
    height: 32px;
    background-image: url(../images/button-map-polygon-disabled.gif);
}
#mapPoly.selected
{
    background-image: url(../images/button-map-polygon-active.gif);
}
#mapExtent
{
    width: 32px;
    height: 32px;
    background-image: url(../images/button-map-map-extent-disabled.gif);
}

/* #### HTML Elements #### */

input[type='text'], input.text, textarea
{
    color: #4C4C4C;
}
.search
{
    font: normal 12px/14px Arial,Helvetica,Geneva,sans-serif;
    margin-bottom: 2px;
    margin-top: 3px;
    padding: 5px;
    width: 330px;   /*Left - Side Width update  */
    border: 1px solid #D1D1D1;
    background: #f5f5f5 url(../images/back-formfield.jpg) repeat-x;
}
.permaLink
{
    font: normal 12px/14px Arial,Helvetica,Geneva,sans-serif;
    margin-bottom: 2px;
    margin-top: 3px;
    padding: 5px;
    width: 330px;   /*Left - Side Width update  */
    border: 1px solid #D1D1D1;
    background: #f5f5f5 url(../images/back-formfield.jpg) repeat-x;
}
.calendar
{
    font: normal 10px/12px Arial,Helvetica,Geneva,sans-serif;
    margin-bottom: 1px;
    margin-top: 1px;
    padding: 1px 0px 1px 5px;
    border: 1px solid #D1D1D1;
    background: #f5f5f5 url(../images/back-formfield.jpg) repeat-x;
}
.find
{
    float: right;
    width: 75px;
    height: 24px;
    border: 0px solid #FFFFFF;
    background-image: url(../images/button-find.gif);
}
.ok
{
    width: 75px;
    height: 24px;
    border: 0px solid #FFFFFF;
    background-image: url(../images/button-ok.gif);
}
.cancel
{
    width: 75px;
    height: 24px;
    border: 0px solid #FFFFFF;
    background-image: url(../images/button-cancel.gif);
}
.close
{
    width: 75px;
    height: 24px;
    border: 0px solid #FFFFFF;
    background-image: url(../images/button-close.gif);
}
.download
{
    width: 75px;
    height: 24px;
    border: 0px solid #FFFFFF;
    background-image: url(../images/button-download.gif);
}
select
{
    font: normal 12px/normal Arial, Helvetica, Geneva, sans-serif;
    color: #666666;
    height: 24px;
    background: background-color: #F5F5F5;
    border: 1px solid #D1D1D1;
    margin-bottom: 6px;
    margin-top: 5px;
    padding: 5px 0px 0px 5px;
}
h1
{
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    font-family: Verdana, Arial;
    padding: 0px;
    margin: 10px 0px 10px 0px;
}
h2
{
    font: bold 14px/normal Arial, Helvetica, Geneva, sans-serif;
    color: #669933;
    letter-spacing: -.05em;
    margin-bottom: 2px;
    margin-top: 5px;
}
h3
{
    font: bold 12px/normal Arial, Helvetica, Geneva, sans-serif;
    color: #669933;
    letter-spacing: -.05em;
    margin-bottom: 2px;
    margin-top: 2px;
}
p
{
    padding: 1px 2px 1px 2px;
    font: normal 11px/14px Arial, Helvetica, Geneva, sans-serif;
    color: #4C4C4C;
}
span
{
    font: normal 11px/14px Arial, Helvetica, Geneva, sans-serif;
    color: #4C4C4C;
}
A:link
{
    color: #114477;
    text-decoration: none;
}
A:visited
{
    color: #114477;
    text-decoration: none;
}
A:active
{
    color: #114477;
    text-decoration: none;
}
A:hover
{
    color: #336600;
    text-decoration: underline;
    border-bottom: none;
}
A.aFeaturedLocations:link
{
    border-bottom: 1px dotted #C7C7C7;
}
A.aFeaturedLocations:visited
{
    border-bottom: 1px dotted #C7C7C7;
}
A.aFeaturedLocations:hover
{
}

/* Lego Group Divider Style */
#splitter
{
    position: absolute;
    height: 100%;
    top: 100px;
    left: 330px;
    width: 8px;
    vertical-align: middle;
    text-align: justify;
    color: #000066;
    font-weight: bold;
    font-size: 14px;
    margin-top: 2px;
    cursor: col-resize;
}

/* Green Bold H2 */
.GreenBold
{
    font: bold 14px/normal Arial, Helvetica, Geneva, sans-serif;
    color: #669933;
    letter-spacing: -.05em;
}

/* Green Search result column header */
.searchResultHeader
{
    color: #669932;
}
/* End GeoEye CSS File */