html ,div , textarea
{   
   		SCROLLBAR-FACE-COLOR: #e9e9e9;	
   		SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;	
   		SCROLLBAR-SHADOW-COLOR: #e9e9e9;	
   		SCROLLBAR-3DLIGHT-COLOR: #dbdbdb;	
   		SCROLLBAR-ARROW-COLOR: #787878;	
   		SCROLLBAR-TRACK-COLOR: #f5f5f5;	
   		SCROLLBAR-DARKSHADOW-COLOR: #aeaeae;
    }
body
{
	font-size: .8em;
	margin: 0px 0px 0px 2px;
	padding: 0px;
}

body, div, p, td, th, li, select, span, textarea, input, a, span 
{ font-family:Arial, Sans-Serif; font-size:8pt;}
th{ text-align:left;}
td{vertical-align: top;}
select, textarea{font-size:8pt; BACKGROUND: #eee; border: 1px #eee inset;}
hr{color: #cccccc; background-color:#c01c16;}
fieldset{padding:1px;}
iframe{background-color:#FFFFFF; margin:0px; padding:0px;}
a {color: #000000;}
a:hover {color: #c01c16; text-decoration:none;}



#BannerPan{margin-top: 2px;  margin: 2px 0px 2px 2px;}

 
#HelpPan{width: 100%;text-align: right;}

#PanDiv {z-index:100;border: 1px solid #cccccc;background-color:#A5AFB8;}
#loginFooter {color:#666666; display:none;}
#loginFooter a {color:#A5AFB8;text-decoration:none;}
#loginFooter a:Hover {color:#000000;text-decoration:underline;}
 
#toolHelpHeader{background-color:#A5AFB8;font-size:7pt; font-weight:bold; padding:2px;}
#toolHelpBody{padding:2px;background-color:#ffffff;}
#toolHelp{border:1px solid #cccccc;width:150px;margin-left:2px;}
#HelpPan{font-size: 9pt;color:#FF0000;font-style: italic;font-weight: bold;text-decoration: underline;text-align: right;}
#SearchControlLayer{ display:none; z-index:160; background-color:#ffffff}
#BufferMoreOptionLayer{padding:2px; border-bottom:1px solid #cccccc;}
#SearchControlLayer{display:none; overflow:visible; z-index:50;}
#RedLiningTable{ background-color:#ffffff;width:100%}
#ResultPageContent{border:1px solid #cccccc;  padding:6px;}
#tb_columnViewer{border:0px solid #cccccc; empty-cells:show;}
#tb_columnViewer td { border-bottom:0px solid #cccccc;word-spacing:normal; background-color:#ffffff; empty-cells:inherit;	white-space: nowrap;}


/********************************* MAP TABS ************************************************************************/
.MapOuterTable{ margin:0px 0px 0px 1px;}

.MapTabMenu td { margin-right:3px;}

.MapTab,.MapTabSelected
	{
	text-align:center;
	margin:0px;  
	border:1px solid #cccccc; 
	border-bottom:0px solid #ffffff; 
	padding:3px; 
	text-decoration:none; 
	font-size:9pt;
	
	}
	.MapTabSelected
	{	
	 cursor: not-allowed; background-color:#cccccc;  
	}
.MapTab a{color:#000000;}
 
.MapTabSelected a,.MapTabSelected a:hover, .MapTab a:hover{color:#c01c16;}

.MapTabCellWraperTD
{ 
    background-color: #efefef; border-top:1px solid #cccccc; padding:0px; vertical-align:baseline;
  }
  .MapTabCellWraper
{ 
   margin-top:2px; margin-left:0px; 
  }

/********************************* END MAP TABS *************************************************************************/

.MapCompass{color:#FFFFFF;background-color:#FFFFFF; border: 0px 1px 1px 1px solid #cccccc; text-align:left}
.HeaderMapCompas{font-size:7.5pt; font-weight:bold;color: #FFFFFF;background: #A5AFB8;height: 19px;width: 100%;padding: 0px;vertical-align: middle;white-space: nowrap; cursor:move;}

.BorderSmartNavigator{color:#FFFFFF;background-color:#BFE0F1;text-align:left}
.SmartNagigatorActiveImageCssClass{border:2px solid #000000}
.SmartNagigatorCellCss{border:1px solid #c0c0c0}


/********************************* MAP VIEWS *************************************************************************/
.btn
{
	background:#eee ; 	
	color:#900;
	padding: 1px 2px 1px 2px; border:1px solid #999; 
	text-align:center; vertical-align:middle; margin-bottom:3px; 
	 
}

.btn:hover
{
	background:#cccccc ; 	
	color:#900;
	padding: 1px 2px 1px 2px; border:1px solid #999; 
	text-align:center; vertical-align:middle; margin-bottom:3px;
}
.LeftRightBlueBorder{border-top-width: 0px;border-right: 1px solid #cccccc;border-left: 1px solid #cccccc;padding-right: 4px;padding-left: 4px;}

.ToolBarBasic{padding: 0px;font-size: 9pt;color: #A5AFB8;margin:0px;background-color: #A5AFB8; text-align:left}
.ToolBarBasic a{color: #A5AFB8; text-decoration: none;text-align:left}	
.ToolBarBasic a:hover{color:#ffffff;text-align:left}
.ToolBar{margin:0px;padding:0px;display: run-in;color:#FFFFFF;background-color:#ffffff;border:1px solid #cccccc; width:30px; text-align:center;text-align:left}
.ToolBar img{margin-top:4px; margin-left:5px; margin-right:5px;text-align:left}

/*-------------- TOOLS ---------------*/
.Tool{ cursor:pointer;text-align:left}
.ToolSel{cursor: not-allowed;text-align:left}
.ToolMouseOver{cursor: pointer; text-align:left}
.ToolDisabled{cursor: not-allowed; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=35);-moz-opacity:0.3;text-align:left}
.ToolMouseOver img,.ToolSel img,.ToolDisabled img,.Tool img{padding: 1px; text-align:left; border:1px solid #cccccc;}
.ToolMouseOver img,.ToolSel img {padding: 1px; text-align:left; border:1px solid #c01c16;}

.ToolMouseOver a:hover,.ToolSel a:hover,.ToolDisabled a:hover,.Tool a:hover{ text-decoration:none; color:#c01c16;}
.ToolBasic{ cursor:pointer;text-align:left}
.ToolSelBasic{cursor: not-allowed;text-align:left}
.ToolMouseOverBasic{cursor: pointer;text-align:left}
.ToolDisabledBasic{cursor: not-allowed;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=35);-moz-opacity:0.3;text-align:left}
.ToolMouseOverBasic img,.ToolSelBasic img,.ToolDisabledBasic img,.ToolBasic img{margin-top:0px; margin-left:0px; margin-right:0px; border-top:1px solid #cccccc;text-align:left}



.ToolSearch{ cursor:pointer;text-align:left;}
.ToolSearch img,.ToolSelSearch img,.ToolMouseOverSearch img, .ToolDisabledSearch img {margin:0px; border-left:1px solid #cccccc;border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;}

.ToolSelSearch{cursor:default;}
.ToolMouseOverSearch{cursor: pointer;}
.ToolDisabledSearch{cursor:default;}

.ToolSearchSelection{ cursor:pointer;text-align:left;}
.ToolSearchSelection img,.ToolSelSearchSelection img,.ToolMouseOverSearchSelection img, .ToolDisabledSearchSelection img {margin:4px;}

.ToolSelSearchSelection{cursor:default;}
.ToolMouseOverSearchSelection{cursor: pointer;}
.ToolDisabledSearchSelection{cursor:default;}
.ToolBarSearchSelection{ border-top: 1px solid #cccccc;border-left: 1px solid #cccccc;border-right: 1px solid #cccccc; background-color:#ffffff;}
.ToolBarSearchSelection td { border-bottom: 1px solid #cccccc;}
/*----------- END TOOLS --------------*/

.ToolBarHeader{padding:2px;background-color: #A5AFB8; color:#FFFFFF; width:100%;cursor:move;}
.RoutingHeader{padding:4px;text-align:left;background-color: #A5AFB8;text-decoration:none;color:#FFFFFF;font-size:9pt;font-weight:bold;vertical-align:middle;width:100%;}

.infoFooter{border-top:1px solid #cccccc;font-size: 9pt;}
.InfoControlTopSection{padding-top:3px;padding-bottom:3px;height:20px; vertical-align:text-bottom; border-bottom:1px solid #cccccc;}
.InfoControlTopSection span{font-size: 8pt;}

.MapViewsLblCell{padding-top:0px;padding-left:6px;padding-right:3px;font-weight:bold;font-size:10pt;}
.ScalePickerGobtn{margin-top:2px; border:0px;margin-left:2px;}
.ratioTextBox
{       
    border: 1px solid #cccccc;color: #333333;
  
    width:70px;
    height:14px;
    vertical-align:bottom; border:1px #eee inset; BACKGROUND: #eee;
    margin-top:0px;
              }
.ScalePIckerTxtLbl{vertical-align:middle;text-align:left;padding:2px;}
.TopBottomBlueBorder
{
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
    border-top-color: #cccccc; 
    background:#ffffff;}
.MapSizesCell{ 
              border-top-width: 0px;
              border-bottom-width: 1px;
              border-top-style: solid;
              border-bottom-style: solid;
              border-color: #cccccc; background-color: #efefef;
              
              }
.ToolbarPan{background-color: #efefef; height: 100%; border-right:1px solid #cccccc; border-top:1px solid #cccccc; border-bottom:0px solid #cccccc;}
/*--------Common Items--------*/
.CalenderStyle{font-size: 10px;	border:#cccccc 1px Solid;}
.calendar_button{border:none;cursor:pointer;}
.picker{background-color: #FFFFFF;border: 1px solid #A5AFB8;padding: 2px;cursor: pointer; width:150px;}
.calendar{border-style:solid;border-width:1px;border-color:#A5AFB8;border-collapse:collapse;background-color:#FFFFFF;cursor:default;}
.calendar td{font-size:8pt;}
.header{font-size: 10pt;color: #FFFFFF;text-decoration:none; background-color:#A5AFB8; font-weight:bold; text-align:left;padding:3px;vertical-align:middle;}
.headerbutton{font-size:10pt;padding-left:5px;padding-right:5px; font-weight:bold; cursor:pointer; width:10px}

.day{width:25px;cursor:pointer;text-align:center;border-width:1px; border-color:#F6F6F6;border-style:solid;}
.dayhover{width :25px;cursor:pointer;text-align:center;text-decoration:underline;border-width:1px;border-color:#F6F6F6;	border-style:solid;}
.dayheader{width :25px;text-align:center;border-width:1px;border-color:white;border-style:solid;font-weight:bold;background-color:#FFFFFF;}
.othermonthday{color:#999999;}	
.othermonthdayhover{color:#B2B1CA;text-decoration:underline;}
.footer TD{	color:white;font-size:10pt;	font-weight:bold;}
.button{background-color:#E0DFE3;background-image:url(images/dayheader_bg.gif);	font-weight:bold;	color:#333333;vertical-align:middle;}
.selectedday{width:25px;background-color:#FBE694;color:#000000;border-width:1px;border-color:#BB5503 !important;border-style:solid;font-weight:bold;}
.month{background-color:#F6F6F6;margin-left:5px;margin-right:5px;margin-bottom:5px;margin-top:0px;}
.nextprev{cursor:pointer;height:25px;vertical-align:middle; text-align:center;padding:0px 5px 0px 5px;}
/**        Printint temporary ***/
.addLblPopUp{border:1px solid #cccccc;background-color: #ffffff;text-decoration:  none;color:#000000;vertical-align:   middle;}
.SelectionListTable
{
    background-color:#ffffff; 
    border:0px solid #cccccc; 
    padding:10px; 
    width:100%;
    white-space: nowrap; }	
.SelectionListTable td{padding-left:5px;padding-right:5px;}	
.tblRouteSummer{width: 100%; border:1px solid #cccccc;}
.tblRouteSummer td{padding:3px; border:1px solid #cccccc;}	
.tblRouteDirections{width: 100%;}	
.tblRouteDirections td{border:1px solid #cccccc;}
.blueLink{color:#0000FF;text-decoration:underline;}
.attributeEditor{cursor:pointer;color:#000000;}
/*--------Common Items--------*/
.floatRight{float:right;}
.MapViwesImage{float:left; clear:none;}	
.txtSmall{
          vertical-align:baseline; 
          width:82px;
          }
.txtMid{
        vertical-align:baseline; 
        width:100px;
        }
       .TextBoxMid, .txtMid,.txtSmall, .TextBoxMidSearchEditor, .TextBoxMidSearch 
       {BORDER: #eee 1px inset; BACKGROUND: #eee;}
       .TextBox {BORDER: #eee 1px inset; BACKGROUND: #eee;}
.SubTitleBar
{
     font-weight:bold; 
             color: #c01c16; 
             background-color:#cccccc;
             height: 19px; 
             padding: 0px;
             text-align: left;
             vertical-align:middle;
             white-space: nowrap; 
             padding-left:1px}
             
.SubTitleBar td{ vertical-align:middle; }
.SubTitleBar img{margin-bottom:2px;}
.SidePanelsBottomCell{padding:3px 0px 3px 0px;background-color:#ffffff;height:24px; vertical-align:text-bottom;}
.ActiveSnapHeader{ background-color:#c01c16; width:100%; white-space: nowrap; color:#ffffff; font-weight:bold; vertical-align:middle;}
.ActiveSnapHeader A{color:#000000; font-weight:bold; text-decoration:none; white-space: nowrap;}
.ActiveSnapHeader A:visited{color:#000000; font-weight:bold; text-decoration:none; white-space: nowrap;}
.ActiveSnapHeader A:Hover{color:#000000; font-weight:bold; text-decoration:none; white-space: nowrap;}
.SnapHeader{ background-color:#A5AFB8; width:100%;white-space: nowrap; color:#000000; font-weight:bold; text-decoration:none; vertical-align:middle; }
/*.TextBoxMidSearch{ height:13px;}*/
/*.TextBoxMidSearchEditor{height:20px;}*/
.TextBoxMid{width:154px;height:13px;vertical-align:top;margin-bottom:2px;}
/*--- START OF BOX BORDERS ---*/

.CommonBoxTableSignUp
{
	border:0px solid #cccccc;	
	background-color:#fff;
	padding:0px 0px 0px 0px;
	margin:0px 0px 2px 0px;	 border-bottom:0px; position:relative !Important;
}
.CommonBoxTableSignUp .ContentDiv { padding:2px; margin:0px; border:1px solid #c0c0c0; border-top:0px; min-height:115px;}
.CommonBoxTableSignUp .HeaderTable{border:1px solid #c0c0c0; border-bottom:0px; margin:0px; padding:0px;}

.CommonBoxTable
{
	border:1px solid #cccccc;	
	background-color:#fff;
	margin:0px 0px 2px 0px;	
}
.CommonBoxTableContent
{
	background-color:#fff;
	padding: 0px;
}	

.CommonBoxTableContent a, .CommonBoxTableContent a:visited{ text-decoration:none; cursor:pointer;}
.CommonBoxTableContent a:hover{ text-decoration:none; cursor:pointer; color:#c01c16}
.HideItForClassicInIE{display:none; visibility:hidden; width:0px; height:0px;}
.HeaderTableFloating
{
     font-weight:bold; color:#c01c16; background-image: url(images/menu_bg.gif); 
                     background-repeat: repeat-x; 
                     height: 20px; width: 100%; padding: 0px; vertical-align: middle; white-space: nowrap; cursor:move;
                     border-bottom:0px solid #c0c0c0;
                     }
.HeaderTable
{
   
    font-weight:bold;
    color:#c01c16; 
    background-image: url(images/menu_bg.gif);
    background-repeat: repeat-x;
    height: 20px;
    width: 100%;
    vertical-align: middle;
    white-space: nowrap; border-bottom:0px solid #c0c0c0;
}

.HeaderTableFloating a, .HeaderTable a{font-weight:bold; color:#c01c16 !important;}
.HeaderTable td,.HeaderTableFloating td{ vertical-align:middle; padding:2px 1px 2px 0px; margin:0px;}
.HeaderTable img,.HeaderTableFloating img{cursor:pointer; padding:0px; margin:0px; border:0px}
.RoutingHeader{padding:4px;text-align:left;background-color: #A5AFB8;text-decoration:none;color:#000000;font-size:9pt;font-weight:bold;vertical-align:middle;width:100%;}

/*---END OF BOX BORDERS ---*/
.AdvancedToolBar{margin:0px;padding:0px;display: run-in;color:#FFFFFF;cursor:pointer;}
.AdvancedToolBar a{cursor:pointer;}
.AdvancedToolBar a:hover{color:#c01c16;cursor:pointer; text-decoration:none;}
.AdvancedToolBar img{ margin-top:4px; margin-left:5px; margin-right:5px;}
.HorizonTalToolBar, .SelectionListToolBar{cursor:pointer;}
.HorizonTalToolBar img{margin-top:4px; margin-left:5px; margin-right:5px;}
.SelectionListToolBar img{margin:0px;}
.ApplyButtonCell
{
	vertical-align:text-bottom;
}
 
.LabelStyle{white-space:nowrap;}
.ImageButton{ cursor:pointer; border:0px; padding:0xp; margin:0px;}
.ThemeCtrl{	border:0px solid #006699;padding:1px;}
.LangCtrl{border:0px solid #006699; padding:1px;}
.InfoHeaderXSLTbl 
{ color:#c01c16;   
    background-image: url(images/menu_bg.gif);
    background-repeat: repeat-x;
    height: 20px;
    text-align:center;
    vertical-align: middle;
    border-bottom:1px solid #cccccc;    
    font-size: 9pt;font-weight:bold;                   
 }
.InfoXSLHeaderRow{border-bottom:1px solid #ffffff;}
.InfoXSLRowLeftCell{background-color: #EFEFEF;border-bottom:1px solid #ffffff; border-left:1px solid #ffffff;border-top:1px solid #ffffff;  padding:2px;}
.InfoXSLRowRightCell{background-color: #EFEFEF;border-bottom:1px solid #ffffff;border-right:1px solid #ffffff;border-left:1px solid #ffffff;border-top:1px solid #ffffff;  padding:2px;}
.InfoXSLHeaderText { color:#A5AFB8;}
.OuterTable{ border:1px solid #cccccc;}	
/*----PRINT ----*/
.tblBorderAll {	border: 1px solid #666666;}
.tblBorderBottom {border-bottom: 1px solid #666666;}
.tblBorderleft {border-left: 1px solid #666666;}
/*---------- Printint temporary -----------*/
.clsPrintScaleBar {BACKGROUND-COLOR: #ffffff;FONT-WEIGHT: normal; FONT-SIZE: 7pt;}
.clsPrintTitle {BACKGROUND-COLOR: #ffffff;COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 13pt;}
.clsPrintSubTitle {BACKGROUND-COLOR: #ffffff;COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 10pt; border-bottom:1px solid #333333;border-right:1px solid #333333;}
.clsPrintSubTitlePortrait {BACKGROUND-COLOR: #ffffff;COLOR: #999999;FONT-WEIGHT: bold;FONT-SIZE: 10pt;}
.ContactPrintTitle{border-bottom:1px solid #666666;}
.ToolTipsCls{padding:3px; background-color: #FFFFEA;}
.WizardPageHeader,.SearchHeader
{  font-weight:bold; color:#c01c16;
    border-bottom:1px solid #eee; 
    padding-bottom:8px;
    }
    
.XSLSearchResult
{
    border:1px solid #eee; 
    empty-cells:show; 
    margin:10px;}

/*LAYER MANAGER**/
.ActiveLayer
{
  vertical-align:top; width:100%; color:#000000; font-weight:bolder; 
}
.GreyedLayer
{
	color: gray; font-style:italic;	
}
.MapNode, .GroupedLayer
{
	font-weight:bold; 
}

 
.tdt
{
-moz-user-select: none;
} 
/*LAYER MANAGER END **/
.WizardSidebarButtonStyle{white-space:nowrap; padding-right:10px;}
.WidgetCSSClass{ white-space:nowrap}
.MoreSearchesTbl{ width:100%; margin-bottom:20px;}
.MoreSearchesTbl td{white-space:nowrap; padding:6px;}
.Dir{ text-align:left; float:left;top:800;}
.DirRight{ text-align:right; float:right}
.ddlCtrlLabel{padding:1px 0px 0px 4px;}
/*Info tool*/
.hrBackColor{height:3px;background-color:#cccccc;}


/* Error label style */
.Error{ 
	font-size:9pt;
	color:#FF0000;
	background-color:#ffffff; white-space:nowrap;}
   
/******** Notification ***********/
.Notification{border:1px solid #c0c0c0;border-collapse:collapse;}
.NotificationWizard{border:1px solid #c0c0c0;vertical-align:middle;text-align:center;}
.NotificationStepMenu{border-right:1px solid #c0c0c0;width:auto;width:150px}
.NotificationWizardHeaderText{font-size:10pt;}
.NotificationStepHeaderText{font-weight:bold}
.NotificationSearch{border:1px solid #c0c0c0;}
.NotificationToolBar img{margin-top:4px; margin-left:5px; margin-right:5px;} 
.NotificationToolBar {border:1px solid #c0c0c0}
/*******/      

.ContentDiv { padding:0px; margin:0px;}
.CommonBoxCloseButtonCell{ text-align:right; width:1%;}

#ctl01_cpMapBody_updMap{ min-height: 100px;}

  
  #LeftSidePan{margin-top:2px;}
  
  #MapToolsHeaderPan{width: 270px; float: left;clear: none; margin:0px 2px 2px 0px;}
  .SearchLinks{ padding-left:6px;}
 
 #divTree{ color:#c01c16; font-size:11px;}
 #HelpPan{ display:none;}
 .ToolsHeader {color:#000000; font-size:14pt; font-weight:bold;}
  .ToolsHeader a {color:#000000; text-decoration:none;}
  .ToolsHeader a:hover {color:#c01c16; text-decoration:none;}
  
  
  #MapViewsPan {color:#000000; font-weight:bold;}
    .ScalePickerTD{ text-align:right; float:right; padding-right:20px;}
  .SelectedSearchLink{ font-weight:bold;}

  .SelectedSearchLink a{ color:#c01c16;}
 
  #ctl01_cpMapTools_updFullViewToolbar{max-height:25px;}
  .pluginTable
        {
            width: 202px;
        }

.pluginNavigatorHeader{border-bottom: 1px solid #000000;  color: #c01c16; font-weight: bold; font-style: normal; text-align: center; font-family: 'Segoe UI'; font-size: 11px;}
.pluginOrientationHeader{border-bottom: 1px solid #000000; color: #c01c16; font-weight: bold; font-style: normal; text-align: center; font-family: 'Segoe UI'; font-size: 11px;}
.measureHeader{font-weight: bold; font-style: normal; color: #c01c16;border: 1px solid #cccccc;  font-family: 'Segoe UI'; font-size: 11px;	background-color: #cccccc ;}
.pluginMeasureDivResult{border: 1px solid #000000; padding: inherit; margin: inherit; width: 150px; height: 150px; font-family: 'Segoe UI'; font-size: 11px; font-weight: normal; font-style: normal; color: #000000; text-decoration: none; visibility: visible; overflow: auto; display: block;}
  .mapStatusDiv{background-color:#cccccc ;}
  
  .VERouteTable{color:#000000;background-color:#FFFFFF;border:1px solid #666666; text-align:left}
.VERouteHeader{background-color:#0066a7; font-weight: bold; font-style: normal; color: #FFFFFF;}
#_outctl01_cpBoxes_BoxMeasure{ background-color:#ffffff; border:1px solid #999999; width:196px; overflow:visible;}
/* Simple text right alignment to work both in Firefox and IE*/
.TextRightAlign{ text-align:right;}
/*******/