/*CSS Structure
 
Site Layout
  Body, Containers
Query Style

Classes
  Headers, span classes, form and select box styles, overrides
*/
/*------------LAYOUT------------------------------------------ */
/*        Body, Top Bar, Left Side, Right Side                 */
/*                                                             */
/* ---------------------------------------- */
/*| Body                                  | */
/*----------------------------------------- */
body { 
    background-color: #dedece;
    background-image:url(img/bg_green_fade.gif);
    background-repeat:repeat-x;
    color:#444444;
    margin-right:0px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
    height:100%;
    overflow:hidden; /*hides all scrollbars*/
	margin:0px;
}

#bodyContainer {
    position:relative;
    height:100%;
}
#bodyContainer a {
    text-decoration:none;
    color:#006699;
}
#bodyContainer a:hover {
    text-decoration:none;
    color:#000000;
}
/* ---------------------------------------- */
/*| Layout                                | */
/*----------------------------------------- */
#topGreenBar {
    position: absolute;
    height:22px;
    width:100%;
    background-color:#284d1a;
}
#logo {
	text-align:left;
}
/* ---------------------------------------- */
/*| Left Side                             | */
/*|                                       | */
/*----------------------------------------- */
#leftOutter {
	width:225px;
	height:600px;
	overflow:auto;	
}
#leftContainer {
    width:240px;
    overflow:auto;
}
.leftpadding {
    padding-left:10px;
}
#mapZoom {
    width: 208px;
    color: #006699;
    font-size:10px;
    background-color:#ffffff;
    text-align:left;
}
#query {
    width: 208px;
    color: #2299ee;
    background-color:#ffffff;
    text-align:left;
    position:relative;
}
#queryPoints {
    position:absolute;
    top:2px;
    right:7px;
    font-size:10px;
    color:#000000;
    font-weight:normal;
}
#layersLink {
    position:absolute;
    top:2px;
    right:7px;
    font-size:10px;
    color:#000000;
    font-weight:normal;
}
#plantSelect {
    width: 208px;
    color: #2299ee;
    background-color:#ffffff;
    text-align:left;
    position:relative;
}
#leftReports {
    width: 208px;
    color: #2299ee;
    background-color:#ffffff;
    text-align:left;
    position:relative;
}
#legendsInfo {
    color:#336699;
    font-size:14px;
    padding-top:15px;
    padding-bottom:5px;
    padding-left:9px;
}
/*LAYERS LIST*/
#leftLayersContainer {
    height:250px;
    width:208px;
    background-color:#ffffff;
}
#layersTitleText {
    text-align:center;
    color:#336699;
}
/*Layers = formatting for the layers box*/
#layers {
    position:relative;
    top:0px;
    left:0px;
    border:0px;
    width:208px;
    height:250px;
    overflow:hidden;
}
#theResults {
    margin-top:15px;
    left:10px;
}
/* ---------------------------------------- */
/*| Right Side                            | */
/*|                                       | */
/*----------------------------------------- */
#rightContainer {
    position:absolute;
    top:0px;
    left:208px;
    margin-right:20px;
    overflow:hidden;
    height:99%;
    margin-left:17px;
    background-color:#ffffff;
    width:80%;
}
#topBorder {
    background-color:#284d1b;
    height:22px;
    width:100%;
}
#topImage {
    background-image:url(img/header_right.gif);
    position:relative;
    width:380px;
    height:57px;
    width:100%;
    background-position:top right;
    background-repeat:no-repeat;
    top:-21px;
}
/*Top right title stuff*/
#nyMapTitle {
    position:relative;
    color:#336699;
    font-size:24px;
    top:21px;
    left:12px;
    padding:12px;
    height:30px;
    font-weight:bold;
}
#titleLinks {
    position:relative;
    color:#555555;
    font-size:13px;
    text-align:right;
    padding-right:20px;
}
#plantDataText {
    position:absolute;
    color:#555555;
    font-size:14px;
    text-align:right;
    padding-right:20px;
    top:10px;
    left:400px;
    color:#ffffff;
}

/*MID BAR*/
/*div that holds the panel (tools) and links*/
#midBar {
    /*background-color:#cacdfe; */
    position:relative;
    top:0px;
    height:17px;
    background-color:#24482A;
    border-bottom:10px solid #FFFFFF;
    display:block;
    font-weight:bold;
    line-height:1.6em;
    margin:0px 25px 0px 26px;
    padding:10px 0px;
}

#midBar a {
    border-color:#24482A -moz-use-text-color;
    border-width:8px 0pt;
    color:#ffffff;
    font-family:Verdana,Tahoma,Arial,sans-serif;
    font-weight:bold;
    text-decoration:none;
    padding-left:5px;
    padding-right:5px;
    border:1px dotted #ffffff;
}
#midBar a#current {
    background-color:#FFFFFF;
    border-bottom:12px solid #FFFFFF;
    border-top:5px solid #A0D08C;
    color:#24482A;
    border-left:1px solid #A0D08C;
    border-right:1px solid #A0D08C;
}
#midBar a:hover {
    background:#A0D08C none repeat scroll 0%;
    border-bottom:5px solid #A0D08C;
    border-top:5px solid #A0D08C;
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
    border-left:1px solid #A0D08C;
    border-right:1px solid #A0D08C;
}
/* -------------------- */
/*| Panel Div / Nav   | */
/*--------------------- */
#paneldivContainer {
    position:absolute;
    left:8px;
    top:8px;
    cursor:pointer;
    background-color:#ffffff;
    /*border-width:1px 0pt;
    border-top:5px solid #A0D08C;
    padding:5px;*/
    width:154px;/*154*/
}
/* --------------------- */
/*| Map Container / Map| */
/*---------------------- */
#rightMapContainer {
    top:10px;
    position:relative;
    height:100%;
    background-color:#dedece;
}
#mapinfo {
    width:100%;
    height:95%;
    text-align:right;
}
#map {
    text-align:right;
    position:relative;
    height:85%;
    width:100%;
    background-color:#ffffff;
}
//North arrow image
#northArrow {
    width:100px;
    height:100px;
    position:absolute;
    top:0px;
    left:0px;
    background-image:url(img/n_arrow.gif);
    background-repeat:no-repeat;
    z-index:9000;
}
/*------------Query Window------------------------------------ */
/*        Styles for the query window popup                    */
/*                                                             */
/*Filter / Query Window Style*/
#querymindiv {
    top:0px;
    position:absolute;
    left:132px;
    width:0px; /*22*/
    height:0px;/*22*/
    background-repeat:no-repeat;
}
.querymindivOff {
   
}
.querymindivOn {
    background-image:url(img/tool_box_query_on.png);
}
#plantQuerySelect {
display:inline;
}


/*------------Classes----------------------------------------- */
/*        Headers, span classes, forms, overrides              */
/*                                                             */

.identifyTable {
font-size:10px;
width:100%;
}
.identifyTable th {
font-size:12px;
font-weight:bold;
}
/* --------------------- */
/*| Headers            | */
/*---------------------- */
h1 {
    color:#006699;
    font-weight:bold;
    font-size:11px;
    padding-left:5px;
    display:inline;
}
h2 {
    color:#006699;
    font-weight:bold;
    font-size:16px;
    padding-left:5px;
    padding-top:2px;
    background-image:url(img/headerbg.jpg);
    z-index:99;
}
h3 {
    color:#006699;
    font-weight:bold;
    font-size:16px;
    padding-left:5px;
    padding-top:2px;
    background-image:url(img/headerbg.jpg);
    z-index:99;
    display:inline;
    width:208px;
}
#reportsToggle {
    color:#006699;
    font-weight:bold;
    font-size:16px;
    padding-top:2px;
    background-image:url(img/headerbg.jpg);
    z-index:99;
    width:208px;
}
#reportsToggle a, #reportsDiv a:hover {
border-bottom: 0px solid #000000;
}
#mapZoomToggle {
    color:#006699;
    font-weight:bold;
    font-size:16px;
    padding-top:2px;
    background-image:url(img/headerbg.jpg);
    z-index:99;
    width:208px;
}
#mapZoomToggle a{
border-bottom: 0px solid #000000;
}
#queryToggle {
    color:#006699;
    font-weight:bold;
    font-size:16px;
    padding-top:2px;
    background-image:url(img/headerbg.jpg);
    z-index:99;
    width:208px;
    height:25px;
    position:relative;
}
#queryToggle a, #reportsDiv a:hover {
border-bottom: 0px solid #000000;
}
#layersToggle {
    color:#006699;
    font-weight:bold;
    font-size:16px;
    padding-top:2px;
    background-image:url(img/headerbg.jpg);
    z-index:99;
    width:208px;
    height:25px;
    position:relative;
}
#layersToggle a, #layersToggle a:hover {    border:1px dotted #ffffff;
border-bottom: 0px solid #000000;
}
/* --------------------- */
/*| Span Classes       | */
/*---------------------- */
.centerAlign {
text-align:center;
}
.leftAlign {
text-align:left;
}
.rightAlign {
text-align:right;
}
.blackText {
color:#000000;
}
/* --------------------- */
/*| Form Styles        | */
/*---------------------- */
form {
    display:inline;
}

input {
    border: 3px double #999999;
    border-top-color: #CCCCCC;
    border-left-color: #CCCCCC;
    padding: 0.25em;
    background-color: #FFFFFF;
    background-image: url(img/background_form_element.gif);
    background-repeat: repeat-x;
    color: #333333;
    font-size: 75%;
    width:180px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}
input:active{
    border: 3px double #CCCCCC;
    border-top-color: #999999;
    border-left-color: #999999;
}
select{
    background-color:#FFFFFF;
    border-bottom-color:#000000;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-left-color:#000000;
    border-left-style:solid;
    border-left-width:1px;
    border-right-color:#000000;
    border-right-style:solid;
    border-right-width:1px;
    border-top-color:#000000;
    border-top-style:solid;
    border-top-width:1px;
    font-size:10px;
    width:190px;
}
#mapZoom select{
    background-color:#FFFFFF;
    border-bottom-color:#000000;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-left-color:#000000;
    border-left-style:solid;
    border-left-width:1px;
    border-right-color:#000000;
    border-right-style:solid;
    border-right-width:1px;
    border-top-color:#000000;
    border-top-style:solid;
    border-top-width:1px;
    font-size:10px;
    width:120px;
}
checkbox {
    float:left;
}

/*Override default height as the layer list width is longer*/
.l_vis {
    font-size:11px;
    height:25px;
    position:relative;
    left:22px;
    font-weight:normal;
    color:#555555;
}
.l_vis_dis {
    font-size:11px;
    height:25px;
    position:relative;
    left:22px;
    font-weight:normal;
    color:#aaaaaa;
    padding:0px;
}
.l_vis_dis input {
    float:left;
}
#l_nyaerials {
    left: 22px;
    top:10px;
}
.check {
    float:left;
}
#fold_f_New York Invasives{
    clear:both;
    position:relative;
    display:inline;
}
#maxZoom {
    position:absolute;
    z-index:99999;
    color:#ff0000;
    font-size:0px;
    font-weight:bold;
    left:200px;
    width:400px;
    height:40px;
}
/* --------------------- */
/*| Overrides          | */
/*---------------------- */
/*LAYERS LIST*/
/* So the layers that are greyed out are properly aligned */
.img_f_open{
    float:left;
}
.img_f_closed{
    float:left;
}
.l_open{
    padding-top:5px;
}
.f_open{
    color:#006699;
    font-weight:bold;
    font-size:12px;
    padding-left:2px;
}
.f_closed{
    color:#555555;
    font-weight:bold;
    font-size:12px;
    padding-left:2px;
}
/*PANEL DIV*/
/* Change if we want buttons to be styled differently, here for refrence */
.controlNavItemActive { }
.controlNavItemInactive { }

.controlZoomboxItemActive { }
.controlZoomboxItemInactive { }

.controlZoomoutItemActive { }
.controlZoomoutItemInactive { }

.controlZoomtomaxItemActive { }
.controlZoomtomaxItemInactive { }

.controlZoomtolastItemActive { }
.controlZoomtolastItemInactive { }

.controlIdentifyItemActive { }
.controlIdentifyItemInactive { }

.controlEmailItemInactive {}
.controlEmailItemActive {}

/*SCALE BAR*/
.olControlScaleBar {
    color:#24482A;
    bottom:25px;
    left:0px;
    position:absolute;
}
.olControlScaleBarBar {
    background-color:#24482A;
    background-image:url(img/scalebar-bar.png);
}
.olControlScaleBarBarAlt {
    background-color:#24482A;
    background-image:url(img/scalebar-bar.png);
}
.olControlScaleBarMarkerMajor {
    background-image:url(img/scalebar-marker.png);
}
.olControlScaleBarMarkerMinor {
    background-image:url(img/scalebar-marker.png);
}

/*OVERVIEW MAP*/
.olControlOverviewMapContainer {
    position: relative;
    bottom:0%;
    right: 0%;
}
.olControlOverviewMapElement {
    background-color: #ffffff;
    border-bottom: 7px solid #dedece;
    border-top: 15px solid #dedece;
    border-left: 15px solid #dedece;
    height:125px;
    width:150px;
}
.olControlOverviewMapMinimizeButton {}
.olControlOverviewMapRectReplacement  {
    border: 2px solid #000000; 
    background-color:#2299ee;width:150px;height:150px;
    opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;width:100%; height:100%;
}
/*Style for the draggable rectangle in the map overview*/
.olControlOverviewMapExtentRectangle{}