@CHARSET "ISO-8859-1";
      html, body {
        height: 98%;
        margin: 10px 10px 5px;        
        width: 1200px ;
 	 	margin-left: auto ;
 	 	margin-right: auto ; 
        height: 900px;
        overflow:auto;
      }
      body {
        background-color: #FFFFFF;
        color: 			#333333;
        font-family:	"Helvetica Neue", Helvetica, "Trebuchet MS", Arial, sans-serif;
        font-size : 	1em;
        overflow: 		hidden;
        filter: 		progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=0 ); /* IE6-9 */
        height: 		98%;
      }
      a {
        color: #336699;
      }
      #mainWindow{
      	width: 100%;
      }
      #header {
        background: 				-moz-linear-gradient(top, #c5deea 0%, #8abbd7 31%, #066dab 100%); /* FF3.6+ */
        background: 				-webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5deea), color-stop(31%,#8abbd7), color-stop(100%,#066dab)); /* Chrome,Safari4+ */
        background: 				-webkit-linear-gradient(top, #c5deea 0%,#8abbd7 31%,#066dab 100%); /* Chrome10+,Safari5.1+ */
        background: 				-o-linear-gradient(top, #c5deea 0%,#8abbd7 31%,#066dab 100%); /* Opera11.10+ */
        background: 				-ms-linear-gradient(top, #c5deea 0%,#8abbd7 31%,#066dab 100%); /* IE10+ */ */
        filter: 					progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=0 ); /* IE6-9 */
        border: 					1px solid #066DAB;
        border-top-left-radius: 	15px;
        border-top-right-radius: 	15px;
        border-bottom-left-radius: 	15px;
        border-bottom-right-radius: 15px;
        vertical-align: 			middle;     
        height: 					120px;
        width:						100%;
        clear:						both;
      }
      .soria .dojoxExpandoTitle {
        background: -moz-linear-gradient(center top, #C5DEEA 0%, #8ABBD7 31%, #066DAB 100%) repeat scroll 0 0 transparent;
      }
      #logo-left {
      	position:	absolute;
      	width: 		12%;
      	left: 		2%;
      	top:		15%;
      }
      #logo-right {
      	position:	absolute;
      	width: 		14%;
      	right:		0;
      	top:		15%;
      }      
      #title {
     	position:		absolute;
     	left:			15%;
        color: 			#FFFFFF;
        font-size: 		35px;
        font-weight:	bold;
        width: 			70%;
        top:			18%;
		text-align:	 	center;
      }
      
      ul.tabs {
		margin: 		10px;
		padding: 		5px;
		list-style: 	none;
		width:			100%;		
		height: 		30px;
		top:			130px;
		left:			100px;
		position:		absolute;
	  }
	  
	  ul.tabs li {
		float: 						left;
		margin: 					10px;
		cursor: 					pointer;
		padding: 					0px 21px ;
		height: 					100%;
		width:						70px;
		line-height: 				31px;
		border: 					1px solid #066DAB;
		border-top-left-radius: 	10px;
        border-top-right-radius: 	10px;
        border-bottom-left-radius: 	10px;
        border-bottom-right-radius: 10px;
		font-weight: 				bold;
		font-size:	 				15px;
		foreground:  				#FFFFFF;
		background:				 	#c5deea;
		overflow: 					hidden;
		position: 					relative;
	  }
	  ul.tabs li:hover {
		background: #CCCCCC;
	  }	
	  ul.tabs li.active{
		foreground: #CCCCCC;
	  }
	  
	  .tab_container {
		border: 					1px solid #066DAB;
		border-top-left-radius: 	15px;
        border-top-right-radius: 	15px;
        border-bottom-left-radius: 	15px;
        border-bottom-right-radius: 15px;
		width: 						99%;
		height:						65%;
		top:						200px;						
		background: 				#FFFFFF;
		position:					absolute;
	 }
	 .tab_content {
		font-size: 	1em;
		height:		100%;
		width:		100%;
	 }
      
     #map {
     	height:    					98%;
     	width:						55%;
        padding:					5px;
        border-right:				1px solid #066DAB;
        position:					absolute;
      }
      
      #rightPane {
        background-color: 			#FCFFF5;
        width:						42%;
        border-bottom: 				1px solid #066DAB;
        color:						#004460;
        height:						130px;
        left:						57%;
        position:					absolute;
        clear:						both;
      }
      
      #details, stationInfo{
        position: 		absolute;     
        padding: 		0px;	
        top:			1px;	
      	height: 		120;
      	width:			230px;
      	font-size:		9px;
      	font-weight:	bold;
       }
       
       #productInfo{
		position: 		absolute;
		padding: 		1px;
		left: 			190px;
		top:			0px;
		height: 		125px;
      	width: 			350px;
 		border-left: 	1px solid #066DAB;
 		font-size: 		8px;
      	font-weight:	bold;
       }
       
      #uvDiv{
      	position: 		absolute;
        top: 			130px;
        width:			360px;
        height:			430px;
        left:			30px;
        padding: 		10px;
      }
      #u,  #v{
      	width: 	100%;
      	height: 44%;
      }
      #uimg,  #vimg{
      	width: 	90%;
      	height: 57%;
      	left:   5%;
      }
       #utbl, #vtbl{
      	width: 90%;
      	height:38%;
		left: 5%;
		}
      .roundedCorner {
        background-color:	#EE82EE;
        border: 			1px solid #066DAB;
        border-radius: 		4px 4px 4px 4px;
      }
      #clearButton {
      	background-color:	#FFCC00;
        bottom: 			15px;
        color: 				#45484D;
        cursor: 			pointer;
        left: 				1%;
        padding: 			4px;
        position: 			absolute;
        z-index: 			100;
      }
      #clearButton a {
        text-decoration: none;
      }
      #addButton {
        background-color: 	#FFCC00;
        bottom: 			15px;
        color: 				#45484D;
        cursor: 			pointer;
        right: 				2%;
        padding: 			4px;
        position: 			absolute;
        z-index: 			100;
      }
      #addButton a {
        text-decoration: none;
      }
      
      #addButton2 {
        background-color: 	#FFCC00;
        bottom: 			5px;
        color: 				#45484D;
        cursor: 			pointer;
        right: 				50%;
        padding: 			4px;
        position: 			absolute;
        z-index: 			100;
      }
      .tdr{text-align:right;}
		p {font-family:"Helvetica Neue", Helvetica, "Trebuchet MS", Arial, sans-serif; }
		#line {color:blue; font-size:24px;}
		#form_p1 {font-size:16px; color:black;}
		#form_input {background-color: lightblue;}
      

      .esriAttributeInspector .dijitTextBox { width:10em;}
      .esriAttributeInspector .atiLayerName {display:none;}
      .esriAttributeInspector .atiLabel { font-weight:bold; color:#705B35; }
      .esriAttributeInspector .atiField { background:#FFF6D9; }  
      .esriAttributeInspector .atiButtons{ color:#705B35;}