﻿body { 
	position:absolute; 
	height:100%; 
	width:100%; 
}

#header
{
    width:100%;
    height:66px;
    float:left;
    overflow:hidden;
}
#headerTop
{
    width:100%;
    height:16px;
}
#headerTopLeft
{
    height:14px;
    float:left;
    padding: 2px 100px 0px 10px;
}
#headerTopRight
{
    height:14px;
    float:right;
    padding: 1px 20px 0px 20px;
}
#headerTopCap
{
    height:15px;
    width:14px;
    float:right;
    padding: 1px 10px 0px 0px;
}
#headerImage
{
    height:50px;
}
#pgLogo
{
    width:586px;
    height:37px;
    margin: 6px 0px 0px 10px;
}
#navigation
{
    width:100%;
    height:24px;
    float:left;
}
#navigation ul
{
    /*width:1024px;*/
    float:left;
}
#navigation ul li
{
    float:left;
    height:24px;
}
#navigation ul li a
{
    float:left;
    display:block;
    padding: 5px 10px;
    height:14px;
}
#footer
{
    float:left;
}

#map {
	position:relative;
	width:100%;
	height:400px;
	float:left;
}
#navToolbar{
    width:1100px;
}
#toolbar {
	width:100%;
	height:50px;
	float:left;
	margin-bottom:1px;
	overflow:hidden;
}
.tundra .dijitToolbar {
	height:50px;
}
.toolCat
{
    float:left;
    margin:5px;
    padding:0px 5px;
}
.toolCat h4
{
    margin:-6px auto 0px auto;
    text-align:center;
    width:80px;
    height:12px;
    padding: 0px 0px 3px 0px;
    /*border: solid 1px #f00;*/
}
.toolCat button
{
    margin: 0px 1px;
    padding: 0px;
    /*width:100px;*/
    float:left;
}
.toolCat span.dijitButton
{
    /*border: solid 1px #f00;*/
    margin:0px;
    padding:0px;
    float:left;
    
}
.toolCat span.dijitButton span
{
    float:left;
    
}


#accordian {
	position:absolute;
	z-index:500;
	height:100%;
	/*top:0;*/
}
#accordian_contents {
	width:300px;
	height:100%;
	float:left;
	display:none;
}
#accordian_tab {
	width:16px;
	height:100%;
	float:left;
	padding: auto;
}
#accordian_tab div
{
    width:16px;
	height:200px;
	margin: auto;
}

#resultlist {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#resultlist div {
	padding: 0px 0px 0px 10px;
}
#resultlist div h3 {
	margin: 0px 0px 5px 0px;
	float:left;
	clear:both;
	padding-left:20px;
	cursor:pointer;
}

#resultlist #emptylayers h3{
    padding-left:0px;
    margin-top:10px;
}

#resultlist div.disabled
{
    display:none;
}
#resultlist div.disabled h3
{
    clear:both;
}
#resultlist div table 
{
    margin:5px;
 
}
#resultlist div table td, #resultlist div table th 
{
    padding:5px;
    margin:0px;
    /*margin:2px;
    border: solid 1px #666;*/
}

#resultlist div table th.maplink
{
    width:50px;
}

#resultlist .export {

}

#resultlist div table .detailsTable td
{
    padding:0px;
}

#resultlist div table .detailsTable td table
{
    margin:0px;
    width:100%;
    border:none;
    background-color:#eee;
}

#resultlist div table .detailsTable td table td
{
    padding:5px;
}

#accordian_tab div
{
    cursor:pointer;
}

.custbtn
{
    padding: 5px;
    float:left;
    cursor:pointer;
    margin: 3px;
}

.iconbtn
{
    width: 16px;
    height:16px;
    padding: 1px;
    float:left;
    cursor:pointer;
    margin:4px 0px 0px 6px;
}

.delete, .save
{
    margin:0px 0px 0px 25px;
    padding:0px 0px 0px 17px;
    height:15px;
}

.save
{
    margin-left:10px;
}

.iconbtn div
{
    /*display:none;*/
    display:block;
    font-size:8pt;
    font-weight:bold;
    margin-top:0px;
}

.iconbtn:hover div
{
    display:block;
    font-size:6pt;
    font-weight:bold;
    margin-top:0px;
}

.delete:hover div, .save:hover div
{
    font-size:8pt;
}

.drawbtn
{
    width: 24px;
    height:24px;
    padding: 1px;
    float:left;
    cursor:pointer;
    margin:5px 0px 20px 14px;
}

.drawbtn div
{
    display:block;
    font-size:6pt;
    font-weight:bold;
    margin-top:30px;
}

.selectall
{
    height:14px;
    padding-right:18px;
    padding-top:4px;
    width:50px;
    margin-top:7px;
    float:left;
    text-align:right;
}

.statusfilter
{
    width:65px;
    margin-left:15px;
}

.search
{
    height:14px;
    padding-left:4px;
    padding-right:18px;
    padding-top:6px;
    width:auto;
    margin-top:4px;
}

.dijitAccordionBody
{
    padding:6px;
}

.accordianpanelhead
{
    border-bottom-color:#CCCCCC;
    border-bottom-style:solid;
    border-bottom-width:1px;
    float:left;
    padding-bottom:6px;
    width:94%;
    margin-bottom:5px;
}

.closed *
{
    display:none;
}

.closed label
{
    display:block;
}

#startColor
{
    margin-left:28px;
    margin-top:6px;
}

#accordian_drawing .accordianpanelhead label
{
    clear:both;
    float:left;
    margin-left:10px;
    margin-top:8px;
    width:150px;
}

.accordianpanelhead input, .accordianpanelhead select
{
    margin-top:5px;
    
}

#accordian_search .accordianpanelhead input, #accordian_search .accordianpanelhead select, #accordian_drawing .accordianpanelhead input, #accordian_drawing .accordianpanelhead select
{
    float: left;
    margin-top:5px;
    width:130px;
}

#accordian_drawing .accordianpanelhead select
{
    width:100px;
}

#accordian_search .accordianpanelhead div, #accordian_search .accordianpanelhead input, #accordian_search .accordianpanelhead select
{
    /*display:none;*/
}

#accordian_search .accordianpanelhead:hover div, #accordian_search .accordianpanelhead:hover input, #accordian_search .accordianpanelhead:hover select
{
    /*display:block;*/
}

#accordian_search .accordianpanelhead label
{
    /*display:block;*/
}

.accordianpanelhead strong{
    display:block;
    float:left;
    margin-top:10px;
}

#accordian_search div.closed strong{
    display:none;
}

#accordian_search .accordianpanelhead label:hover
{
    cursor:pointer;
}

.legend, .legend .legendgroup
{
    float:left;
    clear:both;
}

.legend .legendgroup
{
    margin-bottom:20px;
}

.legend h3
{
    float:left;
    margin-top:10px;
    width:200px;
    padding-left:20px;
    cursor:pointer;
}

#statemenu
{
    width:100px;
}

.fieldset, .item
{
    margin-left:15px;
}
.item
{
    width:200px;
}
.swatch
{
    /*width:17px;
    height:13px;*/
    width:34px;
    height:27px;
    margin-right: 5px;
}
.swatch:hover
{
    /*width:34px;
    height:27px;*/
}
.fieldset
{
    margin-top:10px;
    clear:both;
    float:left;
}
.fieldsethide
{
    display:none;
}
.detailsTable
{
    display: none;
}
.detailsTable iframe
{
    width:100%;
    height:90px;
}

#resultlist div table
{
    width:95%;
}

#resultbox, #printbox
{
    display:none;
}

#statusbox
{
    position:absolute; 
    z-index:1000;
    top:100px;
    left:400px;
    width:286px;
    height:83px;
    /*border: solid 1px #000;
    background-color:#fff;*/
    background-image:url('Images/status_bkg.png');
    background-position:0px 0px;
    background-repeat:no-repeat;
    padding:35px;
    font-size:medium;
    font-weight:bold;
    color:#fff;
}

#statusmsg
{
    height:65px;
    overflow:hidden;
}

#statusbar
{
    background-image:url('Images/ajax-loader_b.gif');
    background-position:0px 0px;
    background-repeat:no-repeat;
    width:220px;
    height:19px;
    position:relative;
    top:0px;
    left:32px;
}

#measurebox
{
    position:absolute; 
    z-index:1000;
    top:0px;
    left:325px;
    width:545px;
    height:20px;
    /*border: solid 1px #000;
    background-color:#eee;*/
    padding:10px;
    font-size:small;
    font-weight:normal;
    display:none;
}

#scalebox
{
    position:absolute; 
    z-index:1000;
    top:0px;
    left:325px;
    width:255px;
    height:20px;
    /*border: solid 1px #000;
    background-color:#eee;*/
    padding:10px;
    font-size:small;
    font-weight:normal;
    display:none;
}

#scalebox input
{
    width: 150px;
    height:16px;
    border:solid 1px #000;
    background-color:#fff;
    float:left;
}

#latlongbox
{
    position:absolute; 
    z-index:1000;
    top:0px;
    left:525px;
    width:275px;
    height:20px;
    /*border: solid 1px #000;
    background-color:#eee;*/
    padding:10px;
    font-size:small;
    font-weight:normal;
    display:none;
}

#latlongbox input
{
    width: 85px;
    height:16px;
    border:solid 1px #000;
    background-color:#fff;
    float:left;
}

#measurebox #distance, #measurebox #area
{
    width: 150px;
    height:18px;
    border:solid 1px #000;
    background-color:#fff;
    float:left;
}

#measureDistance
{
    margin-left:10px;
}

#measurebox .custbtn, #scalebox .custbtn, #latlongbox .custbtn
{
    margin-top:1px;
    padding: 2px 5px;
    
}

#selectLayer option
{
    width:500px;
}

.helpbtn
{
    width:16px;
    height:16px;
    cursor:pointer;
    float:right;
}

.helpbtn span
{
    display:none;
}

.helptip
{
    display:none;
}

#landscapewarning
{
    display:none;
}

.fieldset legend input{
    float:left;
}

.fieldset legend{
    display:block;
    width:200px;
}

.layertitle{
    float:left;
    margin-top:5px;
}

#scalebar
{
    padding:2px;
}

.dojoPopup{
    margin: -1000px 0px 0px -1000px;
}

.dijitContentPane{
    margin: 0px 0px 0px 0px;
}

.searchexample
{
    font-size:smaller;
    font-weight:bold;
    color:#666;
    margin: 10px 0px 0px 10px;
}

#tutorial ul{
    margin:10px;
}

#tutorial ul li ul li{
    margin: 0px 0px 5px 20px;
    list-style: disc;
}

#tutorial ul li strong{
    display:block;
    margin:20px 0px 5px 0px;
}

