html,body {
height:100%;
width:100%;
padding:0;
}

body {
margin:0%;
background-color:#FFF;
color:#333;
font-size:14px;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
}

a {
color:#369;
}

#header {
height:90px;
background:url(../images/banner-bg.jpg) repeat-x;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
border-top-left-radius:4px;
border-top-right-radius:4px;
margin:0;
z-index:100;

}
#subheader {
height:66px;
background:url(../images/banner-bg.jpg) repeat-x;
}
#logo1{
position:absolute;
padding-top:16px;
padding-left:120px;
}

.logo-icimod {
	background:url(../images/logo-icimod-bg.jpg) no-repeat left top;
	width:167px;
	height:64px;
	float:right;
}
.logo-icimod img{ margin:16px 0 0 30px; }

#logo1{
	background:url(../images/logo-icimod-bg.jpg) no-repeat right top;
	width:140px;
	height:64px;
	float:left;
}

#logoArea{
position:absolute;
padding-top:0px;
padding-left:0px;
}
#app-title
{
   position:absolute;
   background:url(../images/banner-bg.jpg) repeat-x; 
   text-align:right;
   width:100%;
   }
#app-title h1
{
    margin:0px;
	line-height:14px;
	font-size:13px;
	color:#fff;
	text-shadow:0px 0px 0px #000;
	padding:0px 8px 8px 0px;
	}
	

	
#title {
color:#fff;
font-size:20px;
font-family:Arial;
text-align:left;
font-weight:500;
padding-top:10px;
padding-left:400px;
}

#subtitle {
font-size:16px;
color:#f1f1f1;
padding-left:400px;
}


#rightPane {
background-color:#FFF;
color:#3f3f3f;
width:20%;
}

#leftPane{
margin:0px;
padding:0px;
background-color:#e3e9ee;;
color:#3f3f3f;
border: solid 2px #003300;
width:23%;
} 

#leftPaneContent {
background-color:#dadada;
height:100%;
width:23%;
margin:0;
padding:0;
}

#leftPaneBody {
margin:0;
}

#leftPaneBody .panel_content {
padding:23px;
}
#MVtabContainer
width:20px
#tabLink {
text-decoration:none;
color:#3f3f3f;
}



#legendCon{
position:absolute;
top:-1pxpx;
left:65px;
z-index:100;	
}

#topMapTitle{
background-color:#006633;
width:160px;
height:28px;
overflow:none;
white-space:nowrap;
color:#fff;
font-weight:bold;
font-size:14px;
padding:5px;
padding-bottom:0;
margin-bottom:0;
}

#legendDiv{
display:none;
background-color:#04B431;
width:160px;
max-height:550px;
padding:5px;
overflow:auto;
color:#fff;
}

#legendToggle{
background-color:#009933;
width:120px;
height:25px;
padding-left:5px;
cursor:pointer;
}


#legendCon2{
position:absolute;
top:-1px;
right:70px;
z-index:100;	
}

#bottomMapTitle{
background-color:#006633;
width:160px;
height:28px;
overflow:none;
white-space:nowrap;
color:#fff;
font-weight:bold;
font-size:14px;
padding:5px;
padding-bottom:0;
margin-bottom:0;
}

#legendDiv2{
display:none;
background-color:#04B431;
width:160px;
max-height:550px;
padding:5px;
overflow:auto;
color:#fff;
}

#legendToggle2{
background-color:#009933;
width:120px;
height:25px;
padding-left:5px;
cursor:pointer;
}


#maps {
background-color:#d0cfd4;
position:absolute;
width:100%;
overflow:hidden;
}

#map1{
position:absolute;
top:0;
width:100%;
height:100%;
}

#resizeWrapper{
position:absolute;
overflow:hidden;
top:0;
width:100%;
height:100%;
z-index:50;
}

#map2{
background:#d0cfd4;
width:100%;
height:100%;
}

.esriScalebar{
padding-left:15px;
}

.map .bingLogo-lg{
left:18px !important;
}
/* INTRO PANEL */
#modalBackground {
position:absolute;
height:100%;
width:100%;
top:0;
background-color:#CCCCCC;
z-index:100;
}
#intro{
display:none;
position:absolute;
width:740px;
height:490px;
top:80px;
background-color:#c4c4c4;
z-index:101;
}
	  
#introHeader{
width:100%;
height:65px;
line-height:2.0;
background-color:#003300;
color:#fff;
font-family:Arial;
font-size:20px;
text-align:left;
padding:0px 15px ;
white-space: nowrap;  
overflow: hidden;  
text-overflow: ellipsis;
-o-text-overflow:ellipsis;
}
	  
	  
/* Intro Panel */
#introContent{
overflow:hidden;
background-color:#339933;
}
	  
#textPanel{
width:340px;
height:430px;
margin-left:15px;
margin-right:15px;
margin-top:1px;
float:left;
}
  
#introText{
max-height:360px;
overflow:auto;
margin-bottom:15px;
padding-top:5px;
padding-left:25px;
}
	  
#continue{
display:none;
margin-left:115px;
}
 
#introImg{
display:none;
max-width:350px;
max-height:370px;
margin-top:10px;
margin-right:15px;
float:right;
}
	  
	  /* clean gray
	  *******************************************************************************/
.clean-gray {
background-color: #eeeeee;
background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
 /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
background-image: linear-gradient(top, #eeeeee, #cccccc);
border: 1px solid #ccc;
border-bottom: 1px solid #bbb;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
color: #333;
font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
line-height: 1;
padding: 8px 8px;
text-align: center;
text-shadow: 0 1px 0 #eee;
width: 150px;
}

.clean-gray:hover {
background-color: #dddddd;
background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
/* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
background-image: linear-gradient(top, #dddddd, #bbbbbb);
border: 1px solid #bbb;
border-bottom: 1px solid #999;
cursor: pointer;
text-shadow: 0 1px 0 #ddd;
}

.clean-gray:active {
border: 1px solid #aaa;
border-bottom: 1px solid #888;
-webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}	  
  
g,v{
cursor:pointer;
}
#loadingCon{
position:absolute;
z-index:101;
width:100%;
top:40%;
text-align:center;
}
	
#loadingDialog{
margin:auto;
background-color:#dadada;
width:300px	
}
	
#loadingHeader{
background-color:#848484;
color:#fff;
padding-top:10px;
padding-bottom:10px;
width:300px;
}
	
#loading{
padding-top:10px;
}
	
#loadingImg{
margin-top:5px;
padding-bottom:10px;
}
	
g{
cursor:pointer;
}

.ui-resizable-e{
background-color:red;
border-left: solid 1px red;
}

.ui-resizable-e:hover{
border-left: solid 3px red;
}