/************************************/
/*********Main Page Elements*********/
/************************************/
body
{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
    overflow: hidden;
    font-family: Arial, Calibri, Helvetica, Sans-Serif; /*font-size: 8pt;*/
}

html
{
    /* hides the disabled IE vertical scrollbar */
    overflow: auto; /*overflow: hidden;*/
}


/************************************
    Toolbar Styling
************************************/
.PageContent
{
    /*border: medium solid red;*/ /*position: absolute;*/
    border-style: none none solid none;
    border-width: 3px;
    border-color: #008080;
    position: relative;
    float: left;
    left: 0px;
    padding: 0px 0px 0px 0px;
    margin: auto;
    width: 100%;
    height: 575px; /*600px;*/
    overflow: hidden;
}


.HorizontalToolbarContainer /* tool bar container that runs along the top of the page */
{
    position: relative;
    float: left;
    display: block; /*position: absolute;*/
    top: 0px;
    margin: 0px 0px 0px 0px;
    left: 0px;
    z-index: 20;
    width: 100%;
    height: 30px;
    background-image: url(images/green1-gradient-30x1.gif);
}


.HorizontalToolbar
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 400px;
    height: 25px;
}


/************************************
    Quickmap Toolbar and Items
************************************/

.QuickMapToolbar
{
    position: relative;
    float: right;
    display: block;
    margin: 0px 0px 0px 0px;
    top: 0px;
    right: 20%;
    width: 400px;
    height: 25px;
    background-color: Transparent;
}

#quickMapContainer select
{
    width: 250px;
    height: 25px;
    padding: 3px 0px 0px 3px;
    display: inline;
    vertical-align: bottom;
    z-index: 1;
}

#quickMapContainer h4
{
    padding: 0px 3px 0px 3px;
    display: inline;
    font-weight: bold;
    font-size: medium;
    color: #0000FF;
    text-align: right;
    width: 50px;
    height: 25px;
    vertical-align: bottom;
}

/*************************/



.PageHeader
{
    margin: 0px 0px 0px 0px;
    position: relative;
    float: left;
    width: 100%;
    height: 82px;
    top: 0px;
    left: 0px;
    padding: 0px;
    overflow: hidden;
    background-color: #033;
    background-image: url(images/RestorationHeaderPlainMap.jpg);
    background-repeat: no-repeat;
}





/************************************
    OverView Map
************************************/
.OverViewMap
{
    border: 3px solid #008080;
    width: 150px;
    height: 100px;
    z-index: 1000;
    position: absolute;
    bottom: 0px; /*30px;*/
    left: 0px;
}

/************************************
    Results Area - TOC/Legend
************************************/
.TocContainer
{
    padding: 0px;
    margin: 0px 0px 0px 0px;
    border: 3px solid #008080;
    width: 34%;
    height: 100%;
    float: right; /*position: absolute;*/
    top: 30px;
    right: 0px;
    bottom: 50px;
    overflow: hidden;
}


/************************************
    Map Container
************************************/
.MapContainer
{
    padding: 0px;
    width: 65%;
    height: 100%; /*position: absolute;*/
    float: left;
    top: 30px;
    left: 0px;
    overflow: hidden;
    background-color: White;
}

/************************************
    Scalebar
************************************/
.ScaleBar
{
    z-index: 1;
    right: 43%;
    top: 517px;
    position: absolute;
}

/**************************************/
/* Default AGS 9.3 MapViewer settings */
/**************************************/
.MapViewer_TitleBarStyle
{
    background-color: #004080;
    font-weight: bold;
    font-size: xx-large;
    vertical-align: middle;
    color: white;
    font-family: Arial, Verdana, Sans-Serif;
}

.MapViewer_TitleBannerStyle
{
    display: block;
    background-color: #b3d599;
    background-image: url(images/TitleBanner.jpg);
    background-repeat: no-repeat;
    font-weight: bold;
    font-size: small;
    font-family: Verdana, Sans-Serif, Arial;
    color: #666666;
}

.MapViewer_TaskbarStyle
{
    background-color: #4A3673;
    font-weight: bold;
    font-size: 9pt;
    color: white;
    font-family: Verdana, Sans-Serif, Arial;
    background-image: url(images/green1-gradient-30x1.gif);
    background-repeat: repeat-x;
}

.MapViewer_SmallTitleBarStyle
{
    background-color: Navy;
    font-weight: bold;
    font-size: small;
    color: white;
    font-family: Arial, Verdana, Sans-Serif;
}

.MapViewer_PanelHeaderStyle
{
    background-color: #4A3673;
    color: White;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: small;
    font-weight: bold;
    width: 100%;
}

.MapViewer_PanelContentsStyle
{
    background-color: white;
    color: black;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: small;
    width: 100%;
    display: block;
}

.MapViewer_WindowTitleBarStyle
{
    background-color: #4A3673;
    font-weight: bold;
    font-size: 9pt;
    color: white;
    font-family: Verdana, Sans-Serif, Arial;
    background-image: url(images/green1-gradient-24x1.gif);
    background-repeat: repeat-x;
}

.MapViewer_WindowStatusBarStyle
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: x-small;
    color: white;
}

.MapViewer_WindowContentsStyle
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: x-small;
    background-color: White;
    color: Navy;
    border: 1px solid black;
    overflow: hidden;
}

.MapViewer_WindowBodyStyle
{
    background-color: #00008b;
    color: White;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: x-small;
    border: solid thin Black;
}

.MapViewer_ResizeHandleStyle
{
    width: 250px;
    height: 8px;
    background-image: url(images/blank.gif);
    background-color: White;
    -moz-opacity: 0.1;
    filter: alpha(opacity=10);
    cursor: sn-resize;
    opacity: 0.1;
}

.MapViewer_CollapsePanel
{
    background-color: white;
    cursor: n-resize;
}


/********** FOOTER 	
                #footer2 {background: transparent url(images/backgroundshadowbottom.gif) no-repeat 0px 0px;clear:both;height:69px;width:825px;margin-left:-26px;}
				/*#footer2 {clear:both;height:69;margin-left:22px;margin-bottom: 0px; padding-bottom: 0px;}
				#footer2 img {float:right;margin-top:1px;margin-right:40px;}
				#footer2 ul {margin-left:50px;margin-top:0px;margin-bottom:0px;}
				#footer2, #footer2 ul, #footer2 a {background-color:#060;color:#FFFFFF;}
				#footer2 li {display:inline;float:left;line-height:2.2em;padding:0px 10px;margin-left:0px;}
				#footer2 a {font-size:80%;text-decoration:none;}
				#footer2 a:hover {text-decoration:underline;}**********/
#footer
{
    background: transparent;
    clear: both;
    height: 40px;
    width: 100%;
    margin-top: 0px;
    border: solid 1px #000000;
}
#footer img
{
    float: right;
    margin-top: 1px;
}
#footer, #footer ul, #footer a
{
    background-color: #060;
    color: #FFFFFF;
}
#footer ul
{
    margin-left: 220px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}
#footer li
{
    display: inline;
    float: left;
    line-height: 2.2em;
    padding: 0px 10px;
    margin-left: 0px;
}
#footer a
{
    font-size: 80%;
    text-decoration: none;
}
#footer a:hover
{
    text-decoration: underline;
}

/************************************
Print Dialog
************************************/
.modalPopup
{
    background-color: #FFFFFF;
    border: 1px solid #000000;
}

#printTitle
{
    height: 24px;
    background-image: url(images/green1-gradient-24x1.GIF);
    background-repeat: repeat-x;
}

#printTitle .title
{
    position: relative;
    top: -5px;
    color: #FFFFFF;
    font-weight: bold;
}

#printTitle #closePrint
{
    position: absolute;
    right: 4px;
    top: 2px;
}


/************************************
    Search Project Name UI
************************************/

.lblProjectSearch
{
    left: 3px;
}

.txtProjectSearch
{
    left: 3px;
    width: 70%;
    display: inline;
    margin-left: 20px;
}

.txtSearch
{
    left: 3px;
    width: 290px;
    display: inline;
    margin-left: 10px;
}
.txtSearchNotVisible
{
    left: 3px;
    width: 95%;
    margin-left: 15px;
    width: 310px;
    display: none;
}

#btnProjectSearch
{
    background-color: #008000;
    color: #FFFFFF;
    font-weight: bold;
    display: inline;
}

.autocomplete_completionListElement
{
    background-color: white;
    border: 1px solid buttonshadow;
    color: WindowText;
    height: 200px;
    list-style-type: none;
    margin: 0 !important;
    overflow: auto;
    text-align: left;
    z-index: 1000;
    visibility: hidden;
}

.autocomplete_highlightedListItem
{
    background-color: #FFFF99;
    color: Black;
    padding: 1px;
}

.autocomplete_listItem
{
    background-color: window;
    color: WindowText;
    padding: 1px;
}

/*
    Details Grid Hyperlink items
*/

.GridUrl a
{
    color: #006600;
    text-decoration: underline;
}

.GridUrl a:visited
{
    color: #424A32;
    text-decoration: underline;
}

.GridUrl a:hover
{
    color: #740019;
    text-decoration: underline;
}

.GridUrl a:active
{
    color: #740019;
    text-decoration: underline;
}

/************************************
    Results Panel
************************************/
.resultsCount
{
    background-color: #FFFFFF;
    color: #000000;
    font-size: 0.8em;
    text-align: left; /*height:30px;*/
    vertical-align: middle;
    font-weight: normal;
    font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
    margin-left: 5px;
}
.resultsCell
{
    text-align: left;
    font-size: .9em;
    font-weight: normal;
    color: Black;
    margin-left: 5px;
    line-height: 12px;
}

.resultsSpatialCell
{
    text-align: left;
    font-size: .8em;
    font-weight: normal;
    color: Black;
    margin-left: 5px;
    line-height: 12px;
    width: 50%;
}

.resultsFieldCell
{
    text-align: left;
    font-size: .8em;
    font-weight: bold;
    color: Black;
    margin-right: 5px;
    line-height: 12px;
}

.resultsActions
{
    color: Blue;
    font-size: .75em;
    text-align: left;
}
.resultsActions A:link
{
    color: #425D63;
    text-decoration: none;
}
.resultsActions A:visited
{
    color: #425D63;
    text-decoration: none;
}
.resultsActions A:hover
{
    color: #425D63;
    text-decoration: none;
}
.resultsActions A:active
{
    color: #425D63;
    text-decoration: none;
}

.ResultItemRow
{
    background-color: #FFFFFF;
}

.ResultItemAltRow
{
    background-color: #F0F0F0;
}

.noZoom
{
    color: Gray;
    font-size: 9px;
    text-align: center;
}


div#divSearchPagination
{
    margin-top: 10px;
    font-size: 13px;
    color: Gray;
}
div#noResults
{
    margin-top: 10px;
    color: #425D63;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.currentResultsPage
{
    font-weight: bold;
    color: Black;
}
.resultsPage
{
    cursor: pointer;
    color: Gray;
}

/************************************
    Advanced Search
************************************/
.ASTitle
{
    margin-top: 5px;
    height: 17px;
    font-size: 16px;
    font-weight: bold;
    margin-left: 5px;
    color: #060;
}
#AdvancedSearch_TitleBar h3
{
    margin: 0px;
    padding: 0px;
    left: 3px;
    vertical-align: text-bottom;
    width: 550px;
    line-height: 100%;
    text-align: left;
    color: #FFFFFF;
}

/********************************************
/*Edit Panel
/*************************  */
.fieldName
{
    font-weight: bold;
    font-size: 11px;
    color: #060;
    padding-left: 4px;
}
.fieldValue
{
    font-weight: normal;
    font-size: 11px;
    color: Black;
    padding-left: 4px;
}
.idfieldName
{
    font-weight: bold;
    font-size: 11px;
    color: #999999;
    padding-left: 4px;
}
.idfieldValue
{
    font-weight: normal;
    font-size: 11px;
    color: #999999;
    padding-left: 4px;
}
.required
{
    font-weight: bold;
    color: Red;
    font-size: 18px;
}
.MyCalendar .ajax__calendar_container
{
    border: 1px solid #646464;
    background-color: lemonchiffon;
    color: Gray;
}
.MyCalendar .ajax__calendar_today
{
    background-color: White;
}
.MyCalendar .ajax__calendar_title
{
    background-color: White;
    color: Black;
}
.MyCalendar .ajax__calendar_months
{
    background-color: Gray;
    color: Black;
}


/********* Authentication Controls ***********/
#loginContainer
{
    z-index: 100; 
    position: absolute;
    width: 200px; 
    height: 50px; 
    top: 10px; 
    right: 10px;
    
}


#LoginView1_LoginName1
{
    position: absolute;
    z-index: 102; 
    top: 1px;
    padding: 0px 0px 5px 5px;
    left: 90px;
    font-weight: bold;
    color: #0000FF;    
}

#LoginView1_LabelLoggedIn
{
    z-index: 101;
    top: 1px;
    left: 5px;
    padding: 0px 5px 5px 0px;
    position: absolute;
    font-weight: bold;
    color: #0000FF;    
}