html
{
    font-size: 16px;
}

*
{
	padding: 0px;
	margin: 0px;
}

.appModeGrpBtn, .mapNavigationbar, .resultRowHeader, .HeaderTableFloating, .activeLayerCtrl, #lmTree ul, .btnGroups, .divBtnViews, .mapViewsGrpBtn
{
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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
{
	min-width: 200px;
	min-height: 150px;
	margin: 0;
	padding: 0;
}

p, td, th, li, select, div, span, textarea, input, a, span
{
	font-family: normal Helvetica, Arial, sans-serif;
	/*font-size: 12px;*/
	font-size: 0.750rem;
}

label
{
    white-space: nowrap;
}

#upnlPrintTemplateSettings label
{
    white-space: normal !important;
}

.divMapSnapshot
{
    overflow: hidden;
}

.divMapSnapshot label, .lbl-msg-r label
{
    white-space: normal;
}

.infoTd
{
    width: 25px;
    vertical-align: top;
    background: url('../../App_Themes/Sapphire/Images/alert_icon.png') no-repeat;
}

.tblCopy
{
    width: 100%;
}



/*---------------------------------------------*/
/* GLOBAL DECLARATION -  CSS STYLES            */
/*---------------------------------------------*/

/* BACKGROUND THEMES FOR HEADER, POPOVERS, BUTTONS, DROPDOWN MENUS */
.pagination ul li, .divBtnViews, .divHeader, .resultRowHeader,
.OverviewMapHandleRTL, .OverviewMapHandle, #balloon, .dropdownMenuStyle, #divMapTabs #ctl01_cpMapTabs_ctrlMapTabs_mMapTabsn0Items, 
ul.mapViewsGrpBtn li, ul.viewModesGrpBtn li, #divMapContent, .popover, #balloonWrapper, .OMHandleTranslucent,.popoverCtrl, .lyrMgrMenu, .divMoreTools, .moreResultTabsContainer,
.addressSearch, .addressSearchContainer, #popupBlockerDiv table, .ProfileSettingsLinkSelected, .tab-wrapper ul.tabs li a, 
.InfoHeaderXSLTbl, #calendarPickerWrapper, .CommonBoxTableSelectionList .HeaderTableFloating ul li.ntabs, .resultContextMenuInner, .btnInfo, .btnNotificationReports,
#ucGeoprocJobs_btnRefresh, .LoadingDiv, .MapTabSelected, .back-R, .back-L, .wrapper-emb-map .ToolBasic, .ChartTab, .gradi01
{
	/*background: #fdfdfc; /* Old browsers */
	background: -moz-linear-gradient(top,  #fdfdfc 0%, #DCDCDC 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfc), color-stop(100%,#DCDCDC)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fdfdfc 0%,#DCDCDC 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fdfdfc 0%,#DCDCDC 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fdfdfc 0%,#DCDCDC 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fdfdfc 0%,#DCDCDC 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#fdfdfc' , endColorstr= '#DCDCDC' ,GradientType=0 ); /* IE6-9 */
	/*text-shadow: 0 1px 0px #fff;*/
}

/* BACKGROUND THEMES FOR NAVIGATION BAR, ALL APPLICATION POPUP HEADERS, WEST PANEL HEADER, SOUTH PANEL HEADER */
.headerStyle, .mapNavigationbar, .CommonBoxTableSelectionList .HeaderTableFloating, .HeaderTableFloating, .layerMgrHeader, .divDisclaimer, 
#popupBlockerDiv, #popup_title, .ToolBarHeader, .panel-head, .HeaderTable, .VERouteHeader, .btn-g, .dashboard-nav-style
{
	/*background: #0b2e70; /* Old browsers */
	background: -moz-linear-gradient(top,  #2977b7 0%, #165699 40%, #0b2e70 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2977b7), color-stop(40%,#165699), color-stop(100%,#0b2e70)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2977b7 0%,#165699 40%,#0b2e70 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2977b7 0%,#165699 40%,#0b2e70 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2977b7 0%,#165699 40%,#0b2e70 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2977b7 0%,#165699 40%,#0b2e70 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#2977b7' , endColorstr= '#0b2e70' ,GradientType=0 ); /* IE6-9 */
}

/* SELECTED STATE */
ul.mapViewsGrpBtn li.active, ul.viewModesGrpBtn li.active, ul.btnGroups li.active, #tb_ExportAllSelectionsToKMZToolbar td:hover,
  .pagination-clean .active, .ToolSel, .selectedMapTool, .ToolSelSearchSelection
/*#td_SELECTIONLIST_TOOLBARSelection_SplitView /* This needs to be replace with class*/
{
	color: #ABDEEA;
	background: #07204E; /*IE9 */
	background: -moz-linear-gradient(top,  #000000 0%, #07204E 20%, #07204E 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2977b7), color-stop(40%,#165699), color-stop(100%,#0b2e70)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #000000 0%, #07204E 20%, #07204E 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #000000 0%, #07204E 20%, #07204E 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #07204E 0%, #07204E 100%) !important; /*IE10+ */
	background: linear-gradient(top bottom,  #07204E 0%, #07204E 100%) !important; /*W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#07204E' , endColorstr= '#07204E' ,GradientType=0 ) !important; /* IE6-9 */
}

/* BUTTONS WITH DARK THEME */
.keyword-buttons, #tb_ExportAllSelectionsToKMZToolbar td
{
	background: #abdeea;
	background: -moz-linear-gradient(top, #abdeea 0%, #38a1f7 8%, #2c7fc2 40%, #15569C 98%, #ABDEEA 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #abdeea), color-stop(8%, #38a1f7), color-stop(40%, #2c7fc2), color-stop(98%, #15569C), color-stop(100%, #ABDEEA));
	background: -webkit-linear-gradient(top, #abdeea 0%, #38a1f7 8%, #2c7fc2 40%, #15569C 98%, #ABDEEA 100%);
	background: -o-linear-gradient(top, #abdeea 0%, #38a1f7 8%, #2c7fc2 40%, #15569C 98%, #ABDEEA 100%);
	background: -ms-linear-gradient(top, #abdeea 0%, #38a1f7 8%, #2c7fc2 40%, #15569C 98%, #ABDEEA 100%);
	background: linear-gradient(to bottom, #abdeea 0%, #38a1f7 8%, #2c7fc2 40%, #15569C 98%, #ABDEEA 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#3498e8' , endColorstr= '#15569C' , GradientType=0 );
}

/* PANEL HANDLES(EAST, WEST & SOUTH) */
#imgLabeldiv, #layerManagerHandle, #toolHandle
{
	border: 1px solid #24313a;
	-webkit-box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.2);
	box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.2);
	background-color: #26272b;
	background-color: -moz-linear-gradient(top, #44484b 0%, #26272b 100%);
	background-color: -webkit-gradient(left top, left bottom, color-stop(0%, #44484b), color-stop(100%, #26272b));
	background-color: -webkit-linear-gradient(top, #44484b 0%, #26272b 100%);
	background-color: -o-linear-gradient(top, #44484b 0%, #26272b 100%);
	background-color: -ms-linear-gradient(top, #44484b 0%, #26272b 100%);
	background-color: linear-gradient(to bottom, #44484b 0%, #26272b 100%); /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44484b', endColorstr='#26272b', GradientType=0 );*/
}

/* CSS TRANSITION */
.LyrMngrHandleArrowLeft, .LyrMngrHandleArrowRight, ToolsPnlHandleArrowRight, ToolsPnlHandleArrowLeft, .Tool, .selectedMapTool, .ToolMouseOver, .divBtnViews, .right_pnl, #divMapContent,#toggleSearchResultdiv, 
ul.listMenuStyle li:hover, #balloonWrapper table tr td:hover, #lmTree ul li, .layerLi ul > div,.ToolBarBasic tr:hover, .divMoreToolsTableContainer tr,
.resultContextMenu UL LI, .ulSocialNetwork li, .DashBoardMenuItemHover:hover, div.popupToolbar div.popupTools, ul.basemaps li ul li
{
	-webkit-transition: all .20s ease-in-out;
	-moz-transition: all .20s ease-in-out;
	-ms-transition: all .20s ease-in-out;
	-o-transition: all .20s ease-in-out;
	transition: all .20s ease-in-out;
}

/* DROPDOWN MENUS */
.DashBoardMenuItem
{
	background: #ECECEC;
}

/* DROPDOWN MENUS HOVER STATE */
.DashBoardMenuItemHover:hover
{
	/*background-color: #E5E5E5;*/
}

/* TEXT COLORS */
.headerStyle
{
	color: #ABDEEA;
}

/* BUTTONS STYLE */
.btn, .btnInfoReportPerFeature, .tab-wrapper .btn-browse, #ucGeoprocJobs_btnRefresh
{
	border: 1px solid #000000;
	padding: 0px 15px;
	cursor: pointer;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: 0 0 4px #000;
	height: 24px;
}

/* TEXT INPUT STYLE */
.TextBoxMid, .txtMid, .txtSmall, .txtVerySmall, .TextBoxMidSearchEditor, .TextBoxMidSearch, .TextBox, .tab-wrapper .tab-content DL DD .slt02,
input[type="password"], input[type="search"], input[type="text"]
{
	border: #CDCDCD 1px inset;
	background: #F5F5F5;
	border-radius: 2px;
	height: 19px;
	padding: 1px 5px;
	/*width: auto !important;
    min-width: 128px;*/
    margin: 1px 0px;
}

/* SCROLLBARS */

::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #C6C6C6;
}

::-webkit-scrollbar
{
	width: 10px;
	height: 10px;
    background-color: #CCCCCC;
}

::-webkit-scrollbar-thumb
{
	background-color: #D6D6D6;
    border: 1px solid #8A8989;
    border-width: 1px 1px 1px 1px;
}

/* MESSAGES */

.errMsg
{
    border: solid 1px rgb(237, 201, 103);
	border-radius: 3px;
	margin: 10px 0px;
    padding: 8px 8px 8px 33px;
    background: url("../../App_Themes/Sapphire/Images/alert_icon.png") no-repeat 10px 8px rgb(249, 237, 184);
	display: block;
	color: #000;
    font-weight: bold;
    width: 380px;
}

.errMsg1
{
    margin: -10px 0px 30px 30px !important;
}

.successMsg
{
    border: solid 1px rgb(237, 201, 103);
	border-radius: 4px;
	margin: 10px 0px 10px;
	width: 372px !important;
	padding: 8px 8px 8px 33px;
	background: url("../../App_Themes/Sapphire/Images/green_tick_16.png") no-repeat 10px 8px rgb(249, 237, 184);
	display: block;
	color: #000;
    font-weight: bold;
    width: 380px;
}

/*----------------------------------------------*/
/* END                                          */
/*----------------------------------------------*/

/*----------------------------------------------*/
/* GENERIC STYLES                               */
/*----------------------------------------------*/
.float-left, .fl, .float-left{float:left;}	
.float-right, .fr, .float-right, .floatRight{float:right;}

.float-none{float:none!important;}

/*---------------------------------------------*/
/* END                                         */
/*---------------------------------------------*/


/*---------------------------------------------*/
/* ICONS START                                 */
/*---------------------------------------------*/

.icon-personalization, .icon-password, .icon-new-password, .icon-confirm-password, .icon-alert, .icon-help, .icon-email, .icon-security-question, .icon-security-answer
{
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	display:block;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
}

.icon-help
{
    background: url("../../App_Themes/Sapphire/Images/sprite-onp.png") no-repeat -345px -39px;
}

.icon-personalization
{
	background: url("../../App_Themes/Sapphire/Images/sprite-onp.png") no-repeat -3px -35px;
}

.icon-password
{
	background: url("../../App_Themes/Sapphire/Images/sprite-onp.png") no-repeat -37px -37px;
}

.icon-new-password
{
	background: url("../../App_Themes/Sapphire/Images/sprite-onp.png") no-repeat -105px -35px;
}

.icon-confirm-password
{
	background: url("../../App_Themes/Sapphire/Images/sprite-onp.png") no-repeat -72px -35px;
}

.icon-alert
{
	background: url("../../App_Themes/Sapphire/Images/sprite-onp.png") no-repeat -380px -40px;
}

.icon-success
{
	background: url("../../App_Themes/Sapphire/Images/sprite-onp.png") no-repeat -380px -35px;
}

.icon-email
{
	background: url("../../App_Themes/Sapphire/Images/sprite-onp.png") no-repeat -206px -37px;
}

.icon-security-question
{
	background: url("../../App_Themes/Sapphire/Images/sprite-onp.png") no-repeat -140px -37px;
}

.icon-security-answer
{
	background: url("../../App_Themes/Sapphire/Images/sprite-onp.png") no-repeat -174px -38px;
}

/*---------------------------------------------*/
/* ICONS END                                   */
/*---------------------------------------------*/


:focus
{
	outline: 0;
}

.basemap-wrap .basemaps span.lev01, .MapNode, .result-uty p, .result-items LI H4, .result-items LI P, #toolHelpBody div, #tblRouteInputs td span, #tblRouteInputs td label, #pnlOptions label, #pnlOptions span,
#lblError, #pnlMapOptions table label, .form-wrapper div, .form-wrapper div label, .form-wrapper span, .form-wrapper .img-btn a  
{font-family: 'RobotoCondensedLight', Helvetica, Arial, sans-serif;}

 #ucGeoprocJobs_pnlDataExportJobs td span, #ucGeoprocJobs_pnlDataExportJobs td a,/*#ucGeoprocJobs_pnlSettings label, #ucGeoprocJobs_pnlSettings td span, #ucGeoprocJobs_pnlRefresh td span*/ { font-size:15px; }
 #ucGeoprocJobs_pnlRefresh td span#ucGeoprocJobs_lblRefreshLabel{ display:block; width:185px;}
.liContent span, .moreOptionPopupLabel a, .lblStyle span, #taskmenu ul li span{ font-size:12px;}

h1{ font-weight:normal;}
svg
{
	font-family: Arial, Sans-Serif;
	/*font-size: 11px;*/ font-size: 0.688rem;
	-webkit-user-select: none !important;
}

.hr
{
	color: #e8ecf9;
    background-color: #CCC;
    margin: 9px 0px;
}

.lyrMgrMenu hr 
{
    margin:0;
}

fieldset
{	
	padding: 5px;
	border-radius: 3px;
    border: 1px solid #CCC;
    /*margin-bottom: 10px;*/
    text-align: left;
}

legend {
    font-weight: bold;
}

iframe
{
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

#lblClipboardErr
{
    white-space: nowrap;
}

a
{
	/*color: #000000;*/
}

a:hover
{
}

#btnApply_2
{
	display: none;
}

#BannerPan
{
	width: 100%;
	border: 0px solid #d5ddf3;
	vertical-align: middle;
	padding: 0px;
	background: #ffffff;
}
#topBar
{
	width: 100%;
	border: 1px solid #cccccc;
	vertical-align: bottom;
	padding: 0px;
	background: #e8ecf9;
	height: 2.3em;
}

#LangLoginBar
{
	background-color: #e8ecf9;
	width: 100%;
}
#LangLoginBar table
{
	text-align: right;
	float: right;
	clear: none;
}
#HelpPan
{
	width: 100%;
	text-align: right;
}


#loginFooter
{
	color: #666666;
	display: none;
}
#loginFooter a
{
	color: #44728D;
	text-decoration: none;
}
#loginFooter a:Hover
{
	color: #000000;
	text-decoration: underline;
}

#toolHelpHeader
{
	float: left;
	padding: 8px;
	width: 142px;
	color: #494848;
	word-wrap: break-word;
}

#toolHelpBody
{
	float: left;
	padding: 0px 8px 8px;
	width: 142px;
	color: #494848;
	word-wrap: break-word;
}

#toolHelp
{
	position: absolute;
	z-index: 99999;
	width: 160px !important;
	border-radius: 4px;
	background: #FDFABC;
	border: 1px solid #999;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}

#toolHelp H2, #toolHelp P
{
	margin: 0;
	padding: 0;
}
#toolHelp #toolHelpHeader H2, #toolHelp #toolHelpHeader
{
	/*font-size: 9pt;*/
	font-size: 0.750rem;
	font-weight: bold;
	color: #2c435a;
}
#toolHelp #toolHelpBody, #toolHelp #toolHelp P
{
	color: #555;
}

#HelpPan
{
	/*font-size: 9pt;*/ font-size: 0.750rem;
	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
{
	padding: 2px;
}
#tb_columnViewer
{
	/*border: 1px solid #cccccc;
    empty-cells: show;
    padding: 5px 25px 5px 5px;
    max-height: 420px;
    display: inline-block;
    overflow-y: auto;
    margin-bottom: 10px;*/
}
#tb_columnViewer td
{
	border-bottom: 0px solid #cccccc;
	word-spacing: normal;
	background-color: #ffffff;
	empty-cells: inherit;
	white-space: nowrap;
	vertical-align: middle;
}

/**
Dot Container style is commented.
It is defined in MapViewer.aspx instead
{
	border:solid 2px #31456A;
}
*/

/********************************* MAP TABS ************************************************************************/
.MapOuterTable
{
}

/* css style for Chart Properties Tab  */

/* css style for View Chart data Grid content  */
.mChartPropsTabs_2{position:absolute; z-index:9; top:0; left:0; margin:0 0 0 4px;}
#updMain{margin:5px 0 0 0;  max-height: 380px;  overflow: auto;  overflow-x: hidden;}
.ChartLabelContent
{
	text-align: left; padding:0 4px;
}
.ChartGridContent
{
	text-align: right;  padding:0 4px;
}
.tdAlign4Chart
{
	text-align: right;
}
.ChartEditContent
{
	text-align: center;
}
.ChartTab
{
	/*background: url( "../../App_themes/Sapphire/images/menu_table_off.jpg" ) repeat-x;*/
	color: #808080;
	padding: 3px 4px;
	margin:0 4px 0 0;
	font-weight: bold;
	/*font-size: 11px;*/ font-size: 0.688rem;
	white-space: nowrap;
	border:1px solid #ccc;
}
.ChartTabSelected
{
	/*background: url( "../../App_themes/Sapphire/images/menu_table_on.jpg" ) repeat-x;*/
	color: White;
}
.ChartTab a
{
	background: none;
}

.MapTabHoverStatic
{
	background: ;
}

.MapTab
{
	color: #000000;
	/*font-size: 11px;*/ font-size: 0.688rem;
	font-weight: bold;
	border-top: 1px solid #CCCCCC;
	text-shadow: 0 1px 0px #FFFFFF;
	-webkit-transition: background-color 0.3s ease-in-out;
	-moz-transition: background-color 0.3s ease-in-out;
	-ms-transition: background-color 0.3s ease-in-out;
	-o-transition: background-color 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out;
	
	border: 1px solid #CCC;
    padding: 5px 5px 5px !important;
    border-radius: 3px 3px 0px 0px;
    margin-top: 5px;
    border-bottom: 0px solid;
}

table.MapTab
{
	padding: 3px;
}

div.divMapTabs:hover
{
	margin-right: -1px;
}

#divMapTabs #ctl01_cpMapTabs_ctrlMapTabs_mMapTabsn0Items
{
	left: auto !important;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.7);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 3px rgba(0, 0, 0, 0.7);
	border-radius: 0 0 4px 4px;
	margin-left: 0px;
	margin-top: 39px !important;
	z-index: 99 !important;
	/*clip: inherit !important;*/
	max-height: 350px;
	overflow-y: auto;
	overflow-x: hidden;
}

.ctl01_cpMapContent_ctrlLyrMgr_mnuLayerQueryLabelFilter_0
{
    background: transparent!important;
    clip: inherit!important;
}

.dropdownMenuStyle
{
	/*-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.4);*/
	/*border-radius: 0 0 4px 4px;
	border: 1px solid #CCC;
	border-bottom: 0px;*/
	box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
	border: 1px solid #999;
	border-width: 0 0 0 1px;
	overflow: hidden;
}

.menuContent
{
	text-overflow: ellipsis;
	white-space: normal;
	font-weight: normal;
	vertical-align: top;
}

.MapTab:last-child
{
	/*border-bottom: 1px solid #C6C6C6;*/
}

.MapTabSelected
{
    height: 25px;
    margin: 5px -1px 0px 0px;
    border-radius: 3px 3px 0px 0px;
    padding: 5px !important;
    border: 1px solid #CCC;
    border-bottom: 0px solid;
}

.MapTab a
{
	background: none;
}

.MapTabHover
{
	/*background: #2977B7;*/
	color: White;
	text-shadow: 0 0 0px #000;
}

.MapTabHover a
{
	color: White;
}

.MapTabHover img
{
	border: 1px solid #999999;
}

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

.MapCompass
{
	color: #FFFFFF;
	background-color: #FFFFFF;
	border: 0px 1px 1px 1px solid #31456A;
	text-align: center;
}
.HeaderMapCompas
{
	/*font-size: 9px;*/
	font-size: 0.563rem;
	font-weight: bold;
	color: #FFFFFF;
	background: #31456A;
	width: 100%;
	height: 18px;
	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;
}
.btnDisabled
{
	background: #cacaca;
	color: #666;
	border: 1px solid #929292;
	padding: 4px 6px;
	cursor: pointer;
	height: auto;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.btnInfo, .btnNotificationReports
{
	font: 8pt Arial, Helvetica, sans-serif;
    border: 1px solid #999;
    padding: 3px;
    border-radius: 2px;
}

.btnInfo
{
	height: 18px;
	color: #000;
}

.btnNotificationReports
{
	height: 22px;
}

.btn2
{
	background-image: url( "../../App_themes/Sapphire/images/btn_bg.png" );
	height: 24px;
	color: #31456A;
	font-weight: bold;
	border: 1px solid transparent;
	vertical-align: middle;
}

.btn2:hover
{
	background-image: url( "../../App_themes/Sapphire/images/btn_bg_on.png" );
	color: #ffffff;
}

#divPersonlizedToolbar .btn2
{
	height: 24px;
	color: #333;
	font-weight: bold;
	border: 1px solid transparent;
	vertical-align: middle;
	background-image: none !important;
}

#divPersonlizedToolbar .btn2:hover
{
	border: 1px solid #CCCCCC;
	border-radius: 2px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

#divSNIcon:hover
{
	border: 1px solid #CCCCCC;
	border-radius: 2px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

#divPersonlizedToolbar a
{
	color: #333;
	text-decoration: none;
	font-weight: bold;
	margin: 0 2px;
}

#divPersonlizedToolbar a:hover
{
	text-decoration: underline;
}

.btnViewBar
{
	background-image: url( "../../App_themes/Sapphire/images/btn_bg.png" );
	border: 1px solid #514f4f;
	height: 19px;
	color: #31456A;
	font-weight: bold;
	margin-left: 1px;
	margin-top: 3px;
}

.btnViewBarSelected
{
	background-image: url( "../../App_themes/Sapphire/images/btn_bg_on.png" );
	border: 1px solid #514f4f;
	height: 19px;
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 1px;
	margin-top: 3px;
}

.btnViewBar:hover
{
	background-image: url( "../../App_themes/Sapphire/images/btn_bg_hover.png" );
	border: 1px solid #514f4f;
	height: 19px;
	color: #31456A;
	font-weight: bold;
	margin-left: 1px;
	margin-top: 3px;
}

.btnViewBar:disabled
{
	color: #999999;
}

.btnViewBarBg
{
	background-image: url( "../../App_themes/Sapphire/images/footerBg.png" );
	height: 25px;
	border: 0px;
}

.btn3
{
	background-image: url( "../../App_themes/Sapphire/images/btn3.png" );
	background-position: right;
	margin-left: 1px;
	padding-right: 20px;
	height: 24px;
	color: #31456A;
	font-weight: bold;
	border: 0px;
}

.btn3:hover
{
	background-image: url( "../../App_themes/Sapphire/images/btn3_on.png" );
	color: #ffffff;
}



.btnAdv
{
	float: left;
	background:url( "../../App_themes/Sapphire/images/tools.png" ) no-repeat 1px 1px!important;
	filter: none !important; /* IE6-9 */    
	height: 24px;
	width: 30px;
	color: #fafaf9;
	font-size: 0%;
	border: 0px;
	text-indent: 50px;
	border:0!important;	
	border-color:transparent!important;
	box-shadow: none!important;
}

.btnAdv:hover
{
	background: url( "../../App_themes/Sapphire/images/tools_on.png" ) no-repeat 1px 1px;
	color: #cacaca;
	cursor: pointer;
}

.btnSep
{
	width: 1px;
	background-image: url( "../../App_themes/Sapphire/images/btn_sep.png" );
	background-repeat: no-repeat;
	background-position: center;
	height: 29px !important;
	padding: 0 5px;
}

.btnGel
{
	background-image: url( "../../App_themes/Sapphire/images/btnGel_bg.png" );
	height: 25px;
	border: none;
	font-weight: bold;
	color: #31456A;
}

.btnGel:hover
{
	color: black;
}

.btnGel:disabled
{
	color: #999999;
}

.LeftRightBlueBorder
{
	border-top-width: 0px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	padding-right: 4px;
	padding-left: 4px;
}


.ToolBar
{
    background: #FFF;
    border: 1px solid #000;
    border-radius: 4px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.3),0 4px 15px -5px rgba(0,0,0,0.3);
}
.ToolBarBasic
{
	width: 100%;
	display: block;
    overflow: hidden;
}
.ToolBarBasic a, .ToolBar a
{
}

.ToolBarBasic a {
    font-weight: normal!important;
}
.ToolBarBasic table tr > td
{
    padding:5px 2px;    
}
.ToolBarBasic tr:hover
{
    background:#DCDCDC;
}

.ToolBarBasic a:hover, .ToolBar a:hover
{   
    text-decoration:none!important;
}
.ToolBarBasic img, .ToolBar img
{
}

.Tool
{
	padding: 4px;	
	overflow:hidden!important;
	border:1px solid transparent;
}

/*.Tool:hover
{
	border:1px solid #bbb;
	border-radius:3px;
}*/

.ToolSel, .selectedMapTool, .ToolSel p, .ToolSel a
{
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.6);
	color: #ABDEEA !important;
	border-color: #000000;
	padding: 4px;
	border: 1px solid transparent;
}

.ToolMouseOver
{
	background-color: #E0E0E0;
	padding: 4px;
	box-shadow: inset 0 0 3px rgba(0,0,0,0.2), 0 1px 0px #FFF;
	border: 1px solid #CCC;
	border-radius:3px;
}

.ToolMouseOver img, .ToolSel img, .ToolDisabled img, .Tool img
{
}

.ToolMouseOver a:hover, .ToolSel a:hover, .ToolDisabled a:hover, .Tool a:hover
{
}

#tb_MAPTOOLS
{
	width: 35px;
}

.HeaderHeight
{
	height: 30px;
}

.ToolBasic
{
	/*padding: 0px 2px 0px 2px; 	font-size:4px;*/
}

.ToolBasic div
{
	font-size: 1px;
}

#tblAdvancedTools input[type='button'].btnAdv
{
	min-width: 50px;
}


.ToolBarBasic td:hover, #tblAdvancedTools:hover
{
	/*background: #CCCCCC;*/
}

#tblAdvancedTools
{
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 5px;
    margin-top: 5px;
}

.ToolSelBasic
{
}
.ToolMouseOverBasic
{
}

.ToolMouseOverBasic img, .ToolSelBasic img, .ToolDisabledBasic img, .ToolBasic img
{
}
.ToolSearch
{
}
.ToolSearch img, .ToolSelSearch img, .ToolMouseOverSearch img, .ToolDisabledSearch img
{
}
.ToolSelSearch
{
}
.ToolMouseOverSearch
{
    padding: 5px 6px;
}

.ToolSearchSelection
{	
	padding: 5px 6px!important;
}
.ToolSelSearchSelection
{	
	padding: 5px 6px;	
}
.ToolSearchSelection img, .ToolSelSearchSelection img, .ToolMouseOverSearchSelection img, .ToolDisabledSearchSelection img
{
}

.ToolMouseOverSearchSelection
{	
	padding: 5px 6px!important;
	cursor:pointer;
	background-color: #D5D5D5;
}

.ToolDisabledBasic, .ToolDisabledSearchSelection, .ToolDisabledSearch, .ToolDisabled
{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
	-moz-opacity: 0.3;
	opacity: 0.35;
	/*text-align: center;*/
	padding: 5px;
}

.ToolBarSearchSelection
{
	border: 2px solid #31456A;
	padding: 2px;
	background-color: #fcfcfc;
}

.ToolSearchSelection img, .ToolSelSearchSelection img, .ToolMouseOverSearchSelection img
{
    width: 24px;
}

.popupTools.popupOptions .ToolSearchSelection img, .popupTools.popupOptions .ToolMouseOverSearchSelection img, .popupTools.popupOptions .ToolSelSearchSelection img
{
    width: 16px;
}

.ToolBarSearchSelection td
{
}

.ToolBarHeader
{
	border-radius: 3px 3px 0px 0px;
    padding: 8px 5px 7px;
    color: #ABDEEA;
    font-weight: bold;
    box-shadow: inset 0 1px #72AEE0;
    cursor: move;
}

.AdvancedToolBar
{
	margin: 0px;
	padding: 0px;
	display: run-in;
	color: #FFFFFF;
	cursor: pointer;
	border: 1px solid transparent;
}

.AdvancedToolBar td
{
	border: 1px solid transparent;
	width: 70px !important;

	text-align:center;		
}



.AdvancedToolBar a
{
	cursor: pointer;
}
.AdvancedToolBar a:hover
{
	color: #31456a;
	cursor: pointer;
	text-decoration: none;
}
.AdvancedToolBar img
{
	/*padding: 3px 0px 3px 2px;
	margin: 0px -3px 0px 1px;*/
}
.AdvancedToolBar table tr:first-child td
{
	vertical-align:bottom;
}
.AdvancedToolBar .tool
{
	
}
.AdvancedToolBar > tbody tr td
{
	height:30px;
	vertical-align: top;	
}
.Tool .toolIcon
{
	vertical-align:bottom;
	}
	
.Tool .toolText
{
	vertical-align:top;
	}
.AdvancedToolBar .tool
{
	
}
.AdvancedToolBar > tbody tr td
{
	height:30px;
	vertical-align: top;	
}
.Tool .toolIcon
{
	vertical-align:bottom;
	}
	
.Tool .toolText
{
	vertical-align:top;
	}
	
.HorizonTalToolBar, .SelectionListToolBar
{
	padding: 5px;
	border-spacing: 5px;
}
.HorizonTalToolBar img
{
	margin-left: 1px;
	margin-right: 1px;
}
.SelectionListToolBar img
{
	margin: 0px;
}
.ApplyButtonCell
{
	vertical-align: text-bottom;
	/*height:0px*/
}

.HighlightedTableRow
{
	background-color: #DCDCDC;
	cursor: default;
}

.infoFooter
{
	border-top: 1px solid #cccccc;
	/*font-size: 9pt;*/ font-size: 0.750rem;
}
.InfoControlTopSection
{
	padding-top: 3px;
	padding-bottom: 3px;
	height: 20px;
	vertical-align: text-bottom;
	border-bottom: 1px solid #cccccc;
}
.InfoControlTopSection span
{
	/*font-size: 8pt;*/
	font-size: 0.625rem;
    padding: 4px 5px 0px 0px;
    display: block;
}

.MapViewsLblCell
{
	font-weight: bold;
	background-image: none;
}

#MapViewsOuterTable
{
	margin-top: 5px;
}

#MapViewsOuterTable select
{
	width: 100%;
}

.ScalePickerGobtn
{
	border: 1px solid #999999 !important;
	padding: 2px;
	margin: 0px 0px 0px 2px !important;
	border-radius: 2px !important;
	background: #EFEFEF !important;
}
.ratioTextBox
{
	border: 1px solid #cccccc;
	color: #333333;
	width: 70px;
	height: 18px;
	vertical-align: bottom;
	padding: 1px 5px;
	margin-top: 2px !important;
}
.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;*/
	font-size: 0.625rem;
	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: #44728D;
	border-collapse: collapse;
	background-color: #FFFFFF;
	cursor: default;
}
.calendar td
{
	/*font-size: 8pt;*/
	font-size: 0.625rem;
}
.header
{
	/*font-size: 10pt;*/
	font-size: 0.813rem;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #44728D;
	font-weight: bold;
	text-align: left;
	padding: 3px;
	vertical-align: middle;
}
.headerbutton
{
	/*font-size: 10pt;*/
	font-size: 0.813rem;
	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-size: 0.813rem;
	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: #f1f1f1;
	padding: 2px;
	width: 100%;
	white-space: nowrap;
}
.SelectionListTable td
{
}
.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;
	background: none !important;
}
.attributeEditor
{
	cursor: pointer;
	color: #000000;
}

/*--------Common Items--------*/

.MapViwesImage
{
	float: left;
	clear: none;
}
.txtSmall
{
	vertical-align: baseline;
	width: 82px;
}
.txtVerySmall
{
	vertical-align: baseline;
	width: 50px;
}
.txtMid
{
	vertical-align: baseline;
	width: 100px;
}

.TextBox
{
	/*width: auto !important;*/
}
.SubTitleBar
{
	color: #000000;
	font-weight: bold;
	background-color: #dbd8d8;
	white-space: nowrap;
}

.SubTitleBar td
{
}
.SubTitleBar img
{
}
.SidePanelsBottomCell
{
	padding: 3px 0px 3px 0px;
	background-color: #ffffff;
	height: 24px;
}
.SidePanelsBottomCell td
{
	vertical-align: middle;
}

TABLE .ResultTable-Header
{
	color: #fff;
	font-weight: bold;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	/*font-size: 11px;*/ font-size: 0.688rem;
}
TABLE .ResultTable-Header .HeaderTable
{
	font-weight: bold;
	/*font-size: 11px;*/ font-size: 0.688rem;
}
my_selections TABLE .ResultTable-Header TD
{
	padding: 0px 2px 0px 1px;
	/*font-size: 11px;*/ font-size: 0.688rem;
	border-right: 1px solid #5EBDE1;
}
TABLE .ResultTable-Header TD A
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	/*font-size: 11px;*/ font-size: 0.688rem;
	color:#000033!important;
}
TABLE .ResultTable-Body TD
{
	padding: 0px 2px 0px 1px;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	/*font-size: 10px;*/
	font-size: 0.625rem;
}
TABLE .ResultTable-Body TD A
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	/*font-size: 10px;*/
	font-size: 0.625rem;
	color: #0000ff;
	text-decoration: underline;
}
TABLE .ResultTable-Body TD A:hover
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	/*font-size: 10px;*/
	font-size: 0.625rem;
	color: #000;
	text-decoration: none;
}
TABLE .ResultTable-Body TR
{
}
TABLE .ResultTable-Body .active-rows
{
	background-position: 0px -82px;
}
TABLE .ResultTable-Body .inactive-rows
{
}

.ActiveResultTable
{
}
.ActiveSnapHeader
{
	background: url( "../../App_themes/Sapphire/images/ResultGrid/sprite-grid-v.png" ) repeat-x;
	float: left;
	background-position: 0px -148px;
	padding: 0px;
}

.ActiveSnapHeader
{
	background-color: #314b6a;
	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;
}

.TextBoxMid
{
	width: 154px;
	height: 13px;
	vertical-align: top;
	margin-bottom: 2px;
}

/*--- START OF BOX BORDERS ---*/

td.fl select {
    float: right;
    margin: -4px 0px 8px 5px;
}

.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
{
}

.CommonBoxTable
{
	border: 1px solid #333333;
	padding-bottom: 2px;
	background-color: #fcfcfc;
	box-shadow: 0 2px 15px rgba(0,0,0,0.3),0 4px 15px -5px rgba(0,0,0,0.3);
	border-radius: 3px;
	min-width: 200px;
}

.CommonBoxTable table td, .ProfileTabBody table td
{
    /*padding: 2px;*/
}

.CommonBoxTableStreetView
{
	border-left: 1px solid #333333;
	background-color: #fcfcfc;
}

.CommonBoxTableContent
{
    padding: 5px;
}

.CommonBoxTableContent table, .CommonBoxTableContent table div 
{
   /* width: 100%;*/
}

.divResults table div
{
    width: auto;
}

.CommonBoxTableSelectionList .CommonBoxTableContent
{
    padding: 0px;
}

.CommonBoxTableContent table
{
	/*border-spacing: 0px 5px;*/
    padding: 0px !important;
    /*width: 100% !important;*/
}

.CommonBoxTableContent table tr {
    /*height: 27px;*/
}

.CommonBoxTableContent #ctl01_cpBoxes_uctlAdvBufferSelections_Panel1 tr {
    /*height: 0px;*/
}

/*div#ctl01_cpBoxes_ctrlMeasure_pnlContents {
    width: 235px !important;
    border: 1px solid #CCC;
    padding: 5px;
}*/

.ProfileSettingsPanel table {
    width: 355px !important;
}


div.ProfileTabBody table tr {
    /*height: 26px;*/
}

.CommonBoxTableContent a, .CommonBoxTableContent a:visited
{
	text-decoration: none;
	cursor: pointer;
	color: #000000;
}
.CommonBoxTableContent a:hover
{
	text-decoration: none;
	cursor: pointer;
	color: #000000;
}
.HideItForClassicInIE
{
	display: none;
	visibility: hidden;
	width: 0px;
	height: 0px;
}

.HeaderTable
{
	border-top: 1px solid #72AEE0;
	border-bottom: 1px solid #345C90;
	padding: 0 0 0 7px;
	color: #ABDEEA;
	font-weight: bold;
	cursor: default;
	height: 30px;
	border-radius: 3px 3px 0 0;
	width: 100%;
}

td.HeaderTable
{
    width: auto;
}

.HeaderTableFloating
{
	border-top: 1px solid #72AEE0;
	border-bottom: 1px solid #345C90;
	padding: 0 0 0 7px;
	width: 100%;
	color: #ABDEEA;
	font-weight: bold;
	cursor: default;
	height: 30px;
	border-radius: 3px 3px 0 0;
	text-transform: capitalize;
}

.HeaderTableFloating td:last-child
{
    width: 10%;
    white-space: nowrap;
}

.panel-head
{
	border-top: 1px solid #72AEE0;
	border-bottom: 1px solid #345C90;
	padding: 0px;
	width: 100%;
	color: #ABDEEA;
	font-weight: bold;
	cursor: default;
	height: 28px;
	border-radius: 3px 3px 0 0;
}

.HeaderTableFloating td:first-child {
    /*padding-right: 20px;*/
}

.ResultTable-Header .HeaderTable, .ResultTable-Header > tr > td, .ResultTable-Header td
{
	background: #ACDDF0 !important;
	color: #000033;
	font-weight: bold;
	cursor: default;
	height: 30px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999999 !important;
	border-radius: 0;
}

.HeaderTable tr, .HeaderTableFloating tr
{
}

.HeaderTableFloating tr tr
{
	background: none;
}

.HeaderTableFloating a, .HeaderTable a
{
}
.HeaderTable > td, .HeaderTableFloating > td
{
	padding: 0 20px 0 0;
}

.HeaderTable td, .HeaderTableFloating td:last-child
{
	/*padding: 0 6px;*/
}

.HeaderTable img, .HeaderTableFloating img
{
}

/** used by table headers showing route result. */

.RoutingHeader
{
	padding: 4px;
	text-align: left;
	background-color: #44728D;
	text-decoration: none;
	color: #FFFFFF;
	/*font-size: 9pt;*/ font-size: 0.750rem;
	font-weight: bold;
	vertical-align: middle;
	width: 100%;
}
/*---END OF BOX BORDERS ---*/


.LabelStyle
{
	white-space: nowrap;
	padding: 5px;
}
.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: #31456a;
    background-repeat: repeat-x;
    height: 20px;
    vertical-align: middle;
    border-bottom: 1px solid #cccccc;
    /*font-size: 9pt;*/ font-size: 0.750rem;
    font-weight: bold;
    padding-left: 7px;
}
.InfoXSLHeaderRow
{
	border-bottom: 1px solid #ffffff;
}
.InfoXSLRowLeftCell
{
	background-color: #EFEFEF;
    border-bottom: 1px solid #DFDFDF;
    border-top: 1px solid #ffffff;
    padding: 5px;
    /*font-size: 11px;*/ font-size: 0.688rem;
}
.InfoXSLRowRightCell
{
    border-bottom: 1px solid #DFDFDF;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    padding: 5px;
    /*font-size: 11px;*/ font-size: 0.688rem;
}
.InfoXSLHeaderText
{
	color: #31456a;
}
.OuterTable
{
	border: 1px solid #cccccc;
}
.NoBorder
{
	border: none !important;
}
/*----PRINT ----*/
.tblBorderAll
{
	border: 1px solid #666666;
}
.tblBorderBottom
{
	border-bottom: 1px solid #666666;
}
.tblBorderTop
{
	border-top: 1px solid #666666;
	padding: 10px;
}

.tblBorderleft
{
	border-left: 1px solid #666666;
	padding: 10px;
}

/*---------- Printint temporary -----------*/
.tblBorderright
{
	border-right: 1px solid #666666;
}
.clsPrintScaleBar
{
	background-color: #ffffff;
	font-weight: normal;
	/*font-size: 7pt;*/
	font-size: 0.563rem;
}
.clsPrintTitle
{
	background-color: #ffffff;
	color: #000000;
	font-weight: bold;
	/*font-size: 13pt;*/
	font-size: 1.063rem;
}
.clsPrintSubTitle
{
	background-color: #ffffff;
	color: #000000;
	font-weight: bold;
	/*font-size: 10pt;*/
	font-size: 0.813rem;
	border-bottom: 1px solid #333333;
	/*border-right: 1px solid #333333;*/
}
.clsPrintSubTitlePortrait
{
	background-color: #ffffff;
	color: #999999;
	font-weight: bold;
	/*font-size: 10pt;*/
	font-size: 0.813rem;
}
.ContactPrintTitle
{
	border-bottom: 1px solid #666666;
}
.ToolTipsCls
{
	padding: 3px;
	background-color: #FFFFEA;
}

.SearchStyle
{
	width: 100%;
}

.SearchHeader
{
	font-weight: bold;
    color: #333;
    background-color: #F4F4F4;
    width: 100%;
    padding: 7px;
}

.WizardPageHeader
{
}


TABLE .XSLSearchResult
{
	empty-cells: show;
	margin: 0px;
}

TABLE .XSLSearchResult td
{
	border-collapse: collapse !important;
	empty-cells: hide;
	font-family: Arial,Tahoma,Verdana,Helvetica,sans-serif;
	/*font-size: 10px;*/
	font-size: 0.625rem;
	height: 34px;
	padding-left: 4px;
	padding-right: 5px;
	border-right: 1px solid #E0E0E0;
}

.SearchNavigationLinks
{
	background: #4690cd;
	width: 100%;
}

.pagination
{
	float: right;
}

.pagination ul li
{
	border: 1px solid #999999;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 0 2px #999999;
	float: left;
	/*margin: 2px 1px;*/
	list-style: none;
	list-style-image: none;
}

.pagination ul li a
{
	color: #CCCCCC;
}

.pagination ul li a:hover
{
	color: #2183B9;
}

.pagination-clean li
{
	/*font-size: 11px;*/ font-size: 0.688rem;
}
.pagination .pagination-clean
{
	float: left;
	margin: 0px;
	padding-left: 0px;
}
.pagination-clean li, .pagination-clean a
{
	margin-right: 2px;
}
.pagination-clean .previous-off, .pagination-clean .next-off
{
	color: #fff;
	display: block;
	float: left;
	font-weight: bold;
}
.pagination-clean .next a, .pagination-clean .previous a
{
	float: left;
}
.pagination-clean .active
{
	border: 1px solid #000000;
	box-shadow: 0 0 5px #000000 inset;
	color: #FFFFFF;
	padding: 4px 8px 3px 8px;
	margin-right: 3px;
}
.pagination-clean a:link, .pagination-clean a:visited
{
	color: #333333;
	display: block;
	float: left;
	text-decoration: none;
	text-shadow: 0 1px 1px #FFFFFF;
	padding: 3px 7px;
}
.pagination-clean a:hover
{
	text-decoration: none;
	color: #fff;
}

.first a, .previous a, .next a, .last a
{
	padding: 2px 0px 2px 3px !important;
}

.previous-off, .next-off
{
	padding: 2px 2px 3px 2px;
	padding:2px 3px 3px 3px \0/;
}

.first-off, .last-off
{
	padding:1px 2px 1px 2px;
	padding:2px 3px 3px 3px \0/;
}

.pagination-clean li
{
	font-size: 11px;
}

.SearchNavigationLinks .pagination
{
	float: left;
	width: 100%;
	height: 25px;
	background: #ACDDF0;
}

.pagination-clean li
{
	font-size: 11px;
}
.pagination .pagination-clean
{
	float: left;
	margin: 0px;
	padding-left: 0px;
}
.pagination-clean li, .pagination-clean a
{
	margin-right: 2px;
}
.pagination-clean .previous-off, .pagination-clean .next-off
{
	color: #666;
	display: block;
	float: left;
	font-weight: bold;
}
.pagination-clean .next a, .pagination-clean .previous a
{
	float: left;
}

.pagination-clean a:hover
{
	text-decoration: none;
	color: #fff;
}

.pagination .pgae-txt
{
	float: left;
	margin: 6px;
	/*font-size: 11px;*/ font-size: 0.688rem;
	display: block;
	color: #000;
}


.pagination-clean .first-off, .pagination-clean .previous-off, .pagination-clean .next-off, .pagination-clean .last-off, .pagination-clean .first, .pagination-clean .previous, .pagination-clean .next, .pagination-clean .last
{
	/*padding: 2px 2px;*/
}
.pagination-clean .first a, .pagination-clean .previous a, .pagination-clean .next a, .pagination-clean .last a
{
	/*padding: 2px 2px;*/
}

.pagination-clean .d-none
{
	display: none;
}

.pagination-clean .first-off IMG, .pagination-clean .first IMG, .pagination-clean .previous-off IMG, .pagination-clean .previous IMG, .pagination-clean .next-off IMG, .pagination-clean .next IMG, .pagination-clean .last-off IMG, .pagination-clean .last IMG
{
	/*padding:5px 0px; float:left; border-width:0;*/
}

.pagination-clean .first a IMG, 
.pagination-clean .previous a IMG,
.pagination-clean .next a IMG,
.pagination-clean .last a IMG
{
	/*padding:2px 0px; float:left; border-width:0;*/
	border:0;
}

.ResultNavDiv
{
	padding: 2px 0px 3px 0px;
}
.sprite-v
{
	/*background:url("../../App_themes/Sapphire/images/ResultGrid/sprite-grid-v.png") repeat-x;*/
	background-color: #ddd;
}

.sprite
{
	background: url( "../../App_themes/Sapphire/images/ResultGrid/sprite-grid-all.png" ) no-repeat;
}

TD .btn-left
{
	float: left;
	background-position: 0 -52px;
	padding-left: 5px;
	margin: 0 5px;
}
TD .btn-left .btn-right
{
	float: left;
	padding: 3px 5px 4px 0px;
	background-position: 100% 0;
}

.utility-bar
{
	background-position: 0px -319px;
	padding: 0px;
}

.WizardSidebarButtonStyle
{
	white-space: nowrap;
	padding-right: 10px;
}
.WidgetCSSClass
{
	white-space: nowrap;
}
/*.WidgetCSSClass input[type="text"], .WidgetCSSClass SELECT, .WidgetCSSClass input[type='button']{min-width:20px;}*/
.MoreSearchesTbl
{
	width: 100%;
	margin-bottom: 20px;
}
.MoreSearchesTbl td
{
	white-space: nowrap;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.Dir
{
}
.DirRight
{
	text-align: right;
}
.DirLeft
{
	text-align: left;
}
.ddlCtrlLabel
{
	padding: 1px 0px 0px 4px;
}
/*Info tool*/
.hrBackColor
{
	background-color: transparent;
    border: 1px;
    border-bottom: 1px solid;
}

/* Error label style */
.Error
{
	/*font-size: 11pt;*/
	font-size: 0.875rem;
	color: #FF0000;
	background-color: #fff8f8;
	white-space: nowrap;
	color: Red;
}
.ErrorSmall
{
	color: #FF0000;
	background-color: #fff8f8;
	white-space: nowrap;
	color: Red;
}

/******** 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;
	border-left: 1px solid #c0c0c0;
	width: auto;
	width: 150px;
}
.NotificationWizardHeaderText
{
	/*font-size: 10pt;*/
	font-size: 0.813rem;
}
.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;
}



#MapToolsHeaderPan
{
	width: 270px;
	float: left;
	clear: none;
	margin: 0px 2px 2px 0px;
}
.SearchLinks
{
	padding-left: 6px;
}

#divTree
{
	color: #31456a;
	/*font-size: 11px;*/ font-size: 0.688rem;
}
#HelpPan
{
	display: none;
}
.ToolsHeader
{
	color: #000000;
	/*font-size: 14pt;*/
	font-size: 1.125rem;
	font-weight: bold;
}
.ToolsHeader a
{
	color: #000000;
	text-decoration: none;
}
.ToolsHeader a:hover
{
	color: #31456a;
	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: #31456a;
}

#ctl01_cpMapTools_updFullViewToolbar
{
	max-height: 25px;
}
#ctl01_cpMapTools_updFullViewToolbar
{
	display: none;
}

#HeaderPanDiv
{
	display: none;
}
#PanDiv
{
	z-index: 100;
	border: 1px solid #ccc;
	overflow: visible;
	vertical-align: middle;
	text-align: center;
	background-color: #fff;
	filter: alpha(opacity=80);
}


.AdvancedBtn
{
}
.AdvancedBtn:hover
{
}
#LeftSidePan
{
	display: none;
	margin-top: 24px;
	margin-right: 0px;
}
#backToMapPan
{
	min-width: 80px;
	overflow: visible;
}
#backToMapPan a
{
	text-decoration: none;
}

.LeftSidePanHeader
{
	background-color: #d5ddf3;
	padding: 0px 2px 0px 2px;
	width: 196px;
	text-align: right;
}


.pluginNavigatorHeader
{
	border-bottom: 1px solid #000000;
	color: #31456a;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	font-family: 'Segoe UI';
	/*font-size: 11px;*/ font-size: 0.688rem;
}
.pluginOrientationHeader
{
	border-bottom: 1px solid #000000;
	color: #31456a;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	font-family: 'Segoe UI';
	/*font-size: 11px;*/ font-size: 0.688rem;
}
.measureHeader
{
	font-weight: bold;
	font-style: normal;
	color: #31456a;
	border: 1px solid #cccccc;
	/*font-size: 11px;*/ font-size: 0.688rem;
	background-color: #cccccc;
}
.pluginMeasureDivResult
{
	border: 1px solid #000000;
	padding: inherit;
	margin: inherit;
	width: 150px;
	height: 150px;
	font-family: 'Segoe UI';
	/*font-size: 11px;*/ font-size: 0.688rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	visibility: visible;
	overflow: auto;
	display: block;
}
.mapStatusDiv
{
	background: #E6E6E6;
	width: 100% !important;
	color: #333;
	border-top: 1px solid #666;
	border-bottom: 1px solid #999;
	overflow: hidden;
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2);
	white-space: nowrap;
	display: block;
}

.VERouteTable
{
	color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #666666;
    text-align: left;
    border-radius: 3px;
    border-spacing: 0px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.3),0 4px 15px -5px rgba(0,0,0,0.3);
    margin: 10px;
}

.VERouteHeader
{
	font-weight: bold;
	font-style: normal;
	color: #ABDEEA;
	cursor: move;
	padding: 7px 9px !important;
}

.VERouteHeader td {
    padding: 8px !important;
}

.VERouteTable td {
    padding: 1px;
}

tr.VERouteHeader td img {
    position: relative;
    float: right;
    margin: -2px 0px 0px;
    cursor: pointer;
}

/* Simple text right alignment to work both in Firefox and IE*/
.TextRightAlign
{
	text-align: right;
}
/*******/
.SearchNameLabel
{
}

.NoSearchLabel
{
	color: Gray;
}

.ddlLarge
{
	/*font-size: 12px;*/
	font-size: 0.750rem;
}

.SearchBody
{
	background: #f1f1f1;
}

.ContainerPanel
{
	border: solid 1px #314b6a;
}

.SearchPanel
{
	background: #ffffff;
}

.ResultPanel
{
	background: #ffffff;
}

.SpliterIconMinus img
{
	height: 7px;
	width: 11px;
	border-style: hidden;
}

.SpliterIconPlus img
{
	width: 0px;
	border-style: hidden;
}

.SpliterUpPlus
{
	width: 0px;
}

.SpliterUpPlus:hover
{
	width: 0px;
}

.SpliterDownPlus
{
	width: 0px;
}

.SpliterDownPlus:hover
{
	width: 0px;
}

.SpliterUpMinus
{
	width: 11px;
	height: 7px;
	background: url(../../images/SplitUp_Off.png);
	background-repeat: repeat-x;
}

.SpliterUpMinus:hover
{
	width: 11px;
	height: 7px;
	background: url(../../images/SplitUp_On.png);
	background-repeat: repeat-x;
}

.SpliterDownMinus
{
	width: 11px;
	height: 7px;
	background: url(../../images/SplitDown_Off.png);
	background-repeat: repeat-x;
}

.SpliterDownMinus:hover
{
	width: 11px;
	height: 7px;
	background: url(../../images/SplitDown_On.png);
	background-repeat: repeat;
}

.Spliter
{
	width: 47%;
	height: 7px;
	background-image: url(../../images/Split_Off.png);
	background-repeat: repeat-x;
}

.Spliter:hover
{
	width: 47%;
	height: 7px;
	background-image: url(../../images/Split_On.png);
	background-repeat: repeat-x;
}

.SpliterCenter
{
	width: 6%;
	height: 7px;
	background-color: #314b6a;
	background-image: url(../../images/SplitCenter_Off.png);
	background-repeat: repeat-x;
}

.SpliterCenter:hover
{
	width: 6%;
	height: 7px;
	background-color: #314b6a;
	background-image: url(../../images/SplitCenter_On.png);
	background-repeat: repeat-x;
}

.SmallLinks
{
	font-size: smaller;
}

.tdWithSpace
{
	padding-right: 4px;
	vertical-align: middle;
	height: 19px;
}

.IconView
{
}

.IconView Input
{
}

.IconView Label
{
	padding: 4px;
}

.Hide
{
	display: none;
}

.embeddedMapToolsDiv
{
	position: absolute;
	right: 3px;
}

.embeddedMapToolsDivLeft
{
	position: absolute;
	left: 8px;
}

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

.TopNavBar
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	vertical-align: bottom;
	white-space: nowrap;
}

.ddlMD
{
	text-align: left;
}

.ddlSearch
{
	text-align: left; /*width: 100px;*/
}

.ErrorPanel
{
	z-index: 2;
	top: 30px;
	border: solid 1px black;
	background-color: #fff8f8;
}

.ErrorTable
{
	margin-left: 5px;
	margin-top: 7px;
	margin-bottom: 10px;
	margin-right: 3px;
	max-width: 400px;
	width: expression(Math.min(parseInt(this.offsetWidth), 400 ) +  "px" );
}



.ExpandCollapseIcon img
{
	width: 15px;
	height: 15px;
	border-style: hidden;
}

.Expand
{
	width: 15px;
	height: 15px;
	background: url(../../images/expand_Off.gif);
	background-repeat: no-repeat;
}

.Expand:hover
{
	width: 15px;
	height: 15px;
	background: url(../../images/expand_On.gif);
	background-repeat: no-repeat;
}

.Collapse
{
	width: 15px;
	height: 15px;
	background: url(../../images/collapse_Off.gif);
	background-repeat: no-repeat;
}

.Collapse:hover
{
	width: 15px;
	height: 15px;
	background: url(../../images/collapse_On.gif);
	background-repeat: no-repeat;
}
.AlignRight
{
	background-color: #FFFFFF;
	border: 1px solid #666666;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.59);
	float: right;
	padding: 2px;
}
.AlignLeft
{
	float: left;
}
.MeasureDisplayArea
{
	padding-left: 4px;
	text-align: left;
}

.MapScale
{
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
}

.MapDynamicInfo
{
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	float: left;
	margin: 10px 5px 0 5px;
	overflow: hidden;
}

.DisplayCoord
{
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
}

.thDirection
{
	text-align: left;
	border: 0px;
}
.topAlign
{
	vertical-align: top;
}

/*.LoginTable
{
	padding-right: 70px;
	padding-left: 70px;
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: middle;
}

.WelcomeCell
{
	height: 165px;
	background: url("../../App_themes/Sapphire/images/LoginSapphireBackground.png" ) repeat-x;
}

.WelcomeTitle
{
	font-size: 32px;
	color: White;
}
.loginH1
{
}
.WelcomeText
{
	color: Navy;
}

.LoginUserHeader
{
	background-color: #314A6A;
	padding-top: 10px;
	font-family: Arial;
	font-size: 18px;
	color: #E0E0ED;
}

.LoginUser
{
	background-color: #314A6A;
	font-family: Arial;
	color: #80aaca;
}

.LoginUser A
{
	color: #80aaca;
}

.LoginNewUser
{
	background-color: #80AACA;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Arial Narrow;
	font-size: 16px;
	color: #e8ecf9;
}*/


.RightSideBtnVisibility
{
}
.RightSideBtnVisibility2
{
	visibility: hidden;
	display: none;
}

.LMTips
{
	/*font-size: 8pt;*/
	font-size: 0.625rem;
	white-space: nowrap;
}
.AdvBufferOptionsLabel
{
	font-weight: bold;
	color: #000;
}
.SearchOptionsLabel
{
	color: #0066FF;
}

.AdvBufferOptionsPanel
{
	position: absolute;
    width: 290px !important;
    padding: 4px;
    background-color: white;
    border: solid 1px gray;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    padding: 5px;
    z-index:1;
}

.AdvBufferOptionsPanel table table td, .SearchOptionsPanel table td
{
    padding: 2px;
}

.AdvBufferMessage
{
	color: Red;
}

.ReportLinkTab
{
	padding: 0 0 0 0;
	margin-left: 5px;
	margin-right: 5px;
	white-space: nowrap;
	vertical-align: middle;
}
.FilterSearchLinkTab
{
	padding: 0 0 0 0;
	margin-left: 0px;
	margin-right: 0px;
	white-space: nowrap;
	vertical-align: middle;
}

.DisabledReportLinkTab
{
	color: #808080;
	margin-left: 5px;
	margin-right: 5px;
}
.ReportLinkStaticMenuStyle a
{
	background-image: url( "../../App_themes/Sapphire/images/btn_bg1.png" );
	color: #31456A;
	font-weight: bold;
	border: 0px;
	text-decoration: none;
}

.ReportLinkStaticMenuStyle td
{
	background-image: url( "../../App_themes/Sapphire/images/btn_bg1.png" );
	padding-left: 6px;
	padding-right: 6px;
}

.ReportLinkStaticMenuStyle tr
{
	height: 16px;
}
.ReportLinksHover a
{
	color: #FFFFFF !important;
	font-weight: bold;
	background-image: url( "../../App_themes/Sapphire/images/btn_bg_on1.png" );
}

.ReportLinksHover td
{
	color: #FFFFFF !important;
	background-image: url( "../../App_themes/Sapphire/images/btn_bg_on1.png" );
}

.ReportLinksDynamicMenu, .CRReportLinksDynamicSubMenu
{
	background-color: #314b6a;
	white-space: nowrap;
	color: white;
	vertical-align: middle;
	font-weight: normal;
	text-decoration: underline; /*BUG_FIX_19839*/
	z-index: 999; /*BUG_FIX_19839*/
}
/*BUG_FIX_19839*/
.NoTextDecoration
{
	text-decoration: none;
}
/*BUG_FIX_19839*/
.ReportLinksDynamicMenu
{
	border: 1px solid #808080;
}

.CRReportLinksDynamicSubMenu
{
	margin: -1px 0px 0px 0px;
}

.ReportLinksDynamicMenuInfoTool
{
	background-color: #314b6a;
	white-space: nowrap;
	color: white;
	vertical-align: middle;
	font-weight: normal;
	border: 1px solid #808080;
	text-decoration: underline;
	z-index: 99999;
}

.ReportLinksDynamicMenuInfoTool:hover
{
	color: white !important;
	text-decoration: none;
	font-weight: normal !important;
	background-color: DarkBlue !important;
}

/* ---- */
.DynamicReportLinkTab
{
	padding: 0px 1px 0px 3px;
	background-color: #314b6a;
	font-weight: normal;
	white-space: nowrap;
	color: white;
	vertical-align: middle;
}

.DynamicReportLinkTab a
{
	color: white;
	border: 1px solid #808080;
	text-decoration: none;
	font-weight: normal !important;
}

.DynamicReportLinkTab hover
{
	color: white !important;
}
.DynamicReportLinksHover
{
	color: white !important;
	text-decoration: none;
	font-weight: normal !important;
	background-color: DarkBlue !important;
}
.MultiSelReportLinkTab
{
	white-space: nowrap;
	font-weight: normal;
	vertical-align: middle;
}
.MultiReportLinkStaticMenuStyle a
{
	color: #06f;
	text-decoration: underline; /*BUG_FIX_19839*/
	margin-right: 15px; /*BUG_FIX_19839*/
}
.MultiReportLinkStaticMenuStyle a:hover
{
	text-decoration: none;
}
.MultiReportLinkStaticMenuStyle td
{
	padding-left: 6px;
	padding-right: 6px;
}

.MultiReportLinkStaticMenuStyle tr
{
	height: 16px;
}

.MultiSelReportLinksHover a
{
	text-decoration: none;
}

.MultiSelReportLinksHover td
{
}

.MultiSelReportLinksHover table
{
}

.divMultiSelectionReports
{
}
.totalLabel
{
	color: #aed4f2;
	/*font-size: 10px;*/
	font-size: 0.625rem;
	margin-left: 10px;
}


/***** Tip related ***/
.TipContentDiv
{
	margin-top: 3px;
	margin-left: 10px;
	overflow: auto;
	min-height: 50px;
	max-height: 450px;
	display: table-cell;
}
/*.MapTipContentDiv
{    
    min-height:50px;    
	max-height:450px;	
}
.MapTipContentDiv div
{
	margin-top : 3px;
	margin-left : 10px;
	display: table-cell;
}*/
.TipLinksDiv
{
	background-color: #E4EDF3;
	position: relative;
	margin-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 3px;
}
.MapTipLinksDiv
{
	background-color: #E4EDF3;
	margin-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 3px;
}
.TipHyperLink
{
	color: #0066A7;
	font-family: Verdana,Arial,Sans-Serif;
	font-size: 1.0rem;
	text-decoration: none;
}
/**** End Tip ****/

.olControlPanZoomBarOP
{
	position: absolute;
	bottom: 45px;
	left: 10px;
	cursor: default;
}
.CommonBoxTableWithOutWidth
{
	background-color: #FCFCFC;
	border: 1px solid #333333;
	border-radius: 3px;
	box-shadow: 0 2px 15px rgba(0,0,0,0.3),0 4px 15px -5px rgba(0,0,0,0.3);
}

.DashBoardHeaderMsg
{
	font-weight: bold;
	color: #000000;
	font-size: 1.4rem;
	font-family: Verdana, Helvetica, Arial, sans-serif !important;
}
.DashBoardHeaderDetailMsg
{
	color: #000000;
	font-size: 1.2rem;
	font-family: Verdana, Helvetica, Arial, sans-serif !important;
}
.DashBoardHeaderLink
{
	color: #FFFFFF;
	font-size: 1.1rem;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif !important;
	white-space: nowrap;
}
.DashBoardHeaderLink:hover
{
	color: #FFFFFF;
}
.DashBoardItemName
{
	font-weight: bold;
	color: #31456A;
	font-size: 1.2rem;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif !important;
}
.DashBoardItemName:hover
{
	color: #31456A;
	cursor: default;
	text-decoration: none;
}
.DashBoardAccessibilityItemHeader
{
	font-weight: bold;
	color: #006699;
	/*font-size: 16px;*/
	font-size: 1.000rem;
	text-decoration: none;
}
.DashBoardAccessibilityItemName
{
	font-weight: bold;
	color: #006699;
	font-size: small;
	text-decoration: none;
	padding-bottom: 10px;
}
.DashBoardAccessibilityItemName:hover
{
	font-weight: bold;
	color: #006699;
	font-size: 1.1em;
	text-decoration: none;
	padding-bottom: 10px;
}

.DashBoardBarItemName
{
	color: #ABDEEA;
	text-decoration: none;
	cursor: default;
	font-weight: bold;
	white-space: nowrap;
	/*font-size: 96%;*/
	font-size: 0.750rem;
}
.DashBoardBarItemName:hover
{
	color: #ABDEEA;
	cursor: default;
}

#divMapTabs
{
	/*border-right: 1px solid #1E6B9B;
	border-left: 1px solid #0D3271;*/
	float: left;
	background: url( '../../images/down-arrow.png' ) no-repeat right 40% transparent;
	height: 39px;
}

#divMapTabs:hover
{
	background: url( '../../images/down-arrow.png' ) no-repeat right 40% #07204E;
	box-shadow: inset 0 0 8px #000000;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out;
	-ms-transition: box-shadow 0.2s ease-in-out;
	-o-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;
	z-index: 10000;
    position: relative;
}

#divMapTabs span > div
{
	border-right: 1px solid #1E6B9B;
	border-left: 1px solid #0D3271;
}

.divMvHome:hover
{
    background: #07204E;
}

.mapTabs
{
	height: 38px;
	margin-top: 0px;
	padding-right: 23px;
	color: #ABDEEA;
}

.MapTabStatic
{
	color: #ABDEEA;
	cursor: default;
	display: block;
	font-weight: bold;
	padding: 4px 3px 0px;
	text-decoration: none;
}

.MapTabStatic img
{
	padding-right: 5px;
}

.DashBoardHeaderBackground
{
	background-color: #006599;
}
.DashBoardMapBackground
{
	/*background: url( "../../images/MapBackground.png" ) repeat-x;
	
	color: #808080;
	height: 199px;*/
}
.DashBoardItemBackground
{
}
.DashBoardMap
{
	background: url( "../../App_themes/Sapphire/images/Dashboard/MapWithBorder.png" );
}
.DashBoardFooterLine
{
	background-color: #808080;
}
.DashBoardFooterText
{
	font-weight: bold !important;
	color: #666666;
	text-decoration: none;
	font: 90% Verdana, Helvetica, Arial, sans-serif;
}
.DashBoardFooterText:hover
{
	color: #666666;
	text-decoration: underline;
}
.DashBoardHeaderText
{
	color: #fff;
	text-decoration: underline;
}
.DashBoardHeaderText:hover
{
	text-decoration: underline;
	color: #000000;
}
.DashBoardBarItemBackground
{
	background: url( "../../App_themes/Sapphire/images/Dashboard/DashboardBarBackground.png" ) repeat-x;
	color: #31456A;
}
.HeaderBackground
{
	background: url( "../../App_themes/Sapphire/images/header_arc_wide.gif" );
	color: #FFFFFF;
	height: 92px;
}
.HeaderBackground1
{
	background: url( "../../App_themes/Sapphire/images/MinLogo.gif" );
	color: #FFFFFF;
}
.HeaderTextSmall
{
	color: #FFFFFF;
	font-size: 1.6em;
	line-height: 1.2em;
	font-family: Helvetica, Arial, sans-serif !important;
}
.HeaderTextBig
{
	color: #FFFFFF;
	font-size: 2.1em;
	line-height: 1.2em;
	font-family: Helvetica, Arial, sans-serif !important;
	text-transform: uppercase;
}
.DashBoardBarItemAlign
{
	margin-left: 6px;
	vertical-align: bottom;
}
.DashBoardMenuItemHover
{
	/*color:#FFFFFF;*/
	text-shadow: 0 1px 0px #FDFDFD;
}

.DashBoardItemDesc
{
	color: Gray;
	font-size: 1.1em;
	font-family: Verdana, Helvetica, Arial, sans-serif !important;
}
.DashBoardItemDescPadding
{
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-top: 20px;
}
.DashBoardItemDesc:hover
{
	color: Gray;
	cursor: default;
}
.HelpToolTip
{
	border-width: .1px;
	border-color: #31456A;
	border-style: solid;
}
.DashBoardItemLink
{
	color: #0274A4;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif !important;
	display: inline;
	padding-top: 10px;
}
.DashBoardItemLinkImage
{
	display: inline;
}
.DashBoardItemLinkLabel
{
	display: block;
	padding-bottom: 5px;
}
.DashBoardItemLink:hover
{
	color: #0274A4;
}
.DashBoardMenuItemDiv
{
	padding-top: 30px;
	padding-left: 5px;
}
.queryBuilder-off
{
	padding-left: 5px;
}
.layerFilter-off
{
	padding-left: 21px;
}
.layerfilter-on
{
	background: url( "../../images/layer-on.png" ) no-repeat 0 0;
	padding-left: 20px;
}
#toolContextHelpHeader
{
	background-color: #31456A;
	color: #ffffff;
	/*font-size: 7pt;*/
	font-size: 0.563rem;
	font-weight: bold;
	padding: 2px;
}
#toolContextHelpBody
{
	padding: 2px;
	background-color: #ffffff;
	font-weight: normal;
	color: #000000;
}
#toolContextHelp
{
	border: 1px solid #31456A;
	width: 150px;
	margin-left: 2px;
}
.CommonBoxTableSelectionList
{
	background-color: #fcfcfc;
	width: 200px;
	border-top: 1px solid #000;
}
.DynamicColumn
{
	width: 180px;
}
.ShowSelectedCss
{
	/*font-size: 10px;*/
	font-size: 0.625rem;
}
.ShowSelectedTd
{
	padding-top: 2px;
	padding-bottom: 5px;
	padding-right: 5px;
}
.SelectionListBox
{
	width: 240PX;
}

.selectedItemsDiv
{
	overflow-y: scroll;
	overflow-x: hidden;
	display: none;
	border: SOLID 1px black;
	background: #E1E1E1;
	min-width: 78px !important;
}

.UseSelectedLayerNameCss
{
	padding-left: 3px;
	padding-right: 3px;
	color: #31456A;
	/*font-size: 10px;*/
	font-size: 0.625rem;
	font-weight: bold;
	border: SOLID 0px #cccccc;
	border-right-width: 0px !important;
}

.SearchWizardNavigationClass table
{
	float: right !important;
	text-align: right !important;
}

.SearchWizardNavigationClass td
{
	padding-bottom: 4px !important;
}

.WizardSideBarCss
{
	vertical-align: top !important;
	padding: 8px 0px 0px 4px;
}

.WizardPageHeader{}

.Searchfootnote
{
	/*background-color: #E1E1E1;  */
	padding: 1px 0px 1px 1px;
}

.btnLookup
{
	font-family: Tahoma, Trebuchet MS, Verdana, Arial, helvetica;
}

.btnLookup:hover
{
	text-decoration: none;
}

#popupBlockerDiv
{
	/*font-size: 11pt;*/
	font-size: 0.875rem;
    color: #000000;
    text-align: left;
    margin-right: 5px;
    border: 1px solid #000;
    width: 400px;
    padding: 30px 0px 0px;
    border-radius: 4px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.3), 0 4px 15px -5px rgba(0,0,0,0.3), inset 0 1px #72AEE0;
    background-size: 78px;
}

#popupBlockerDiv table, #popupBlockerDiv table td
{
	padding: 5px;
}

.DropDownImageCss
{
	border: SOLID 1px #cccccc !important;
}

.LoadingDiv
{
	position: fixed !important;
    padding: 5px 20px 5px 0px;
    border-radius: 3px;
    box-shadow: inset 0px 0px 2px #FFF, 0px 4px 10px rgba(0,0,0,0.3);
    border: 1px solid #777;
}

.LoadingDiv img
{
    background: url('../../app_themes/sapphire/images/loading-text.png') no-repeat 51px 50%;
    padding: 0px 80px 0px 10px;
}

.DisclaimerAgreement
{
	height: 500px;
}

/* JQuery styles */

#popup_container
{
	font-family: Arial, sans-serif;
	/*font-size: 12px;*/
	font-size: 0.750rem;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 400px; /* Dialog will wrap after this width */
	background: #ffffff;
	border: 1px solid #000000;
	color: #000;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 3px;
	box-shadow: 0 2px 15px rgba(0,0,0,0.3),0 4px 15px -5px rgba(0,0,0,0.3);
}

#popup_title
{
	border-bottom: 1px solid #000000;
	border-radius: 3px 3px 0 0;
	border-top: 1px solid #50AEC2;
	color: #ABDEEA;
	display: block;
	height: 18px;
	/*font-size: 12px;*/
	font-size: 0.750rem;
	margin-top: 0;
	padding: 5px 0px 5px 6px;
	overflow: visible;
	position: absolute;
	z-index: 1000;
	left: 0px;
	right: 0px;
	font-weight: bold;
}

#popup_content
{
	padding: 30px 10px 10px 10px;
}

#popup_message
{
	text-align: left; 
	padding-top: 10px;
	overflow-y:auto;
	overflow-x:hidden;
}

#popup_panel
{
	text-align: right;
	margin: 1em 0 1em 0;
	width: 100%;
	float: right;
}

#popup_prompt
{
	margin: .5em 0em;
}

.MapToolBar
{
	background-color: #E6E6E6;
	border: 1px solid #CCC;
    border-radius: 4px 4px 0px 0px;
    padding: 3px;
}

.MapPoweredByLogo
{
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
	padding: 0px 0px 0px 2px;
	background-image: url(images/onPointlogo.png);
	background-repeat: no-repeat;
	background-position: center;
	background-position-x: 6px;
	height: 22px;
}
.SpatialFilterDetails
{
	vertical-align: middle !important;
	white-space: nowrap;
	padding-left: 4px !important;
	font-weight: bold;
}
.SpatialFilterDetailsDisabled
{
	vertical-align: middle !important;
	white-space: nowrap;
	padding-left: 4px !important;
	color: Gray !important;
}
.SpatialFilterDetailsAnd
{
	vertical-align: middle !important;
	white-space: nowrap;
	padding-right: 2px;
	padding-left: 2px;
}
.SpatialFilterSeparator
{
	height: 2px;
	empty-cells: show;
}
.SpatialFilterSeparatorLine
{
	height: 1px;
    empty-cells: show;
    border-bottom: 1px solid #CCC;
}
.BufferControlCaptionCss
{
	padding-top: 2px !important;
	vertical-align: middle !important;
	padding-right: 5px;
}
table.bufSelectionCombo
{
	border-color: #cccccc;
	border-width: 0px 0px 1px 1px;
	border-style: solid;
	border-collapse: collapse;
}
td.bufSelectionCombo
{
	border-color: #cccccc;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	margin: 0;
}

.MapLookupResultsTable
{
	font-family: Verdana, Helvetica, Arial, sans-serif !important;
	max-height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
}
.MapLookupResultsTd
{
	border: solid 1px #c0c0c0;
}
.mapLookUpResultsHeader
{
	font-family: Verdana, Helvetica, Arial, sans-serif !important;
	font-weight: bold;
}
.SpatialFilterBackground
{
	height: 24px;
	vertical-align: middle;
	color: #31456A;
    padding: 5px 5px 5px 0px
}

.contextHelpIFrame
{
	min-height: 100px;
	max-height: 200px;
	min-width: 100px;
	max-width: 200px;
}
.contextHelpTipIFrame
{
	min-height: 400px;
	max-height: 600px;
	min-width: 600px;
	max-width: 800px;
}
.sptlFilterTipHeader
{
	color: #4690cd;
	font-family: Arial;
	font-weight: bold;
	/*font-size: 11pt;*/
	font-size: 0.875rem;
}
.sptlFilterTipContent
{
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Arial;
	/*font-size: 8pt;*/
	font-size: 0.625rem;
	font-weight: bold;
}
.sptlFilterTipCheckBox
{
	color: #4690cd;
	font-family: Arial;
	font-weight: bold;
	/*font-size: 8pt;*/
	font-size: 0.625rem;
}
.sptlFilterBox
{
	background-color: White;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 4px;
}
.TipTitle
{
	font-family: Arial;
	font-weight: bold;
	/*font-size: 11pt;*/
	font-size: 0.875rem;
	margin-bottom: 10px;
	margin-left: 10px;
}
.TipHeader
{
	font-family: Arial;
	/*font-size: 8pt;*/
	font-size: 0.625rem;
	margin-bottom: 8px;
	margin-left: 10px;
}
.LyrMgrActiveLayerText
{
	font-weight: bold;
	white-space: nowrap;
	width: 100px;
	text-overflow: ellipsis;
	overflow:hidden;
}

.SearchOptionsPanel
{
	width: auto;
	position: absolute;
    padding: 4px;
    background-color: white;
    border: solid 1px gray;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    padding: 5px;	
}

.divActiveLayers
{
    display: none;
	position: absolute;
	left: -145px !important;
}

.divActiveLayers select
{
	min-width: 135px;
}

.RadioButtonMargin label
{
	margin-right: 15px;
}
.chainageFrom, .chainageTo
{
	margin-left: 3px;
}
#tblChainage td
{
	vertical-align: top;
}
/*#tblChainage input{width:105px;}*/
.RoutePointControl
{
}
.RoutePanel
{
	padding: 3px;
	border: solid 3px #cfcfcf;
}

.RoutePanelResult
{
	padding: 3px;
	border: solid 3px #cfcfcf;
	height: 130px;
	overflow: auto;
}

.RouteSearchSelected
{
	background-color: #cfcfcf;
}

.IntermediatePoint
{
	background-image: url("../../App_themes/Sapphire/images/routing/via.png" );
    background-repeat: no-repeat;
    background-position: center;
    padding: 4px 18px 0px 17px;
    font-weight: bold;
    /*font-size: 10px;*/
	font-size: 0.625rem;
    height: 24px;
    color: white;
    display: inline-block;
}

.RouteResultHeader
{
	font-size: 12px;
	font-weight: bold;
}

.RouteDirectionHeader, RouteDirectionHeader td
{
	background-color: #4690cd;
	padding: 2px;
	color: #ffffff;
	font-weight: bold;
}

.RouteDirection
{
	border: solid 1px #D3D3D3;
	width: 440px;
}

table.RouteDirection tr td {
    padding: 3px;
    border-bottom: 1px solid #CCC;
}

.divDisplayCS
{
	display: none; position: absolute; z-index:9999; right: 38px; bottom: 36px;
	
	/*left: -500px;*/ 
    
}
.imgEditHelp
{
	padding-left: 5px;
	vertical-align: bottom;
	cursor: pointer;
}
.lblFilter
{
	font-weight: bold;
	padding-right: 3px;
}
.ddlFilter
{
}
.txtAddRow
{
	padding-left: 5px;
	cursor: pointer;
	text-decoration: underline;
	color: Blue;
}
.txtDeleteRow
{
	padding-left: 5px;
	cursor: pointer;
	text-decoration: underline;
	color: Blue;
}
.divFilter
{
	padding-bottom: 10px;
	border-bottom: 1px solid #c0c0c0;
}

tr.d0 td
{
	background-color: #efefef;
	color: black;
	padding: 5px 5px;
	border-bottom: 1px solid #DFDFDF;
    border-top: 1px solid #DFDFDF;
    border-left: 0px solid;
    border-right: 0px solid;
}

.queryBuilderLabel
{
	/*font-size: 9pt;*/ font-size: 0.750rem;
	padding-right: 5px;
}

/* START: Task control */
.task-wraper
{
	position: absolute;
    right: 42px;
    bottom: 75px;
    width: 349px;
    z-index: 99999;
    /* overflow: hidden; */
}

.task-wraper-drag
{
	position: absolute;
	width: 349px;
	z-index: 99999;
	box-shadow: 0 2px 15px rgba(0,0,0,0.3),0 4px 15px -5px rgba(0,0,0,0.3);
}
.task-wraper .task-holder
{
	position: relative;
	float: left;
	/*box-shadow: 0 2px 15px rgba(0,0,0,0.3),0 4px 15px -5px rgba(0,0,0,0.3);*/
    border-radius: 3px;
}
.task-wraper .task-notify
{
	position: relative;
}
.task-wraper .main-container
{
	position: relative;
	left: 0;
	z-index: 0;
}
.task-wraper .notify-msg
{
	position: absolute;
	left: 0;
	bottom: 0px;
}
.menu-up
{
	right: 1px;
	bottom: 28px;
}
.menu-down
{
	right: 1px;
	top: 53px;
}
.the_menu
{
	position: absolute;
	z-index: 99999;
}
.content-holder
{
	overflow: hidden;
	width: 345px;
	float: left;
	position: relative;
}

.main-container
{
	width: 345px;
    background: #fff;
    float: left;
    border-radius: 3px;
    border: 1px solid #000;
    box-shadow: 0 2px 15px rgba(0,0,0,0.3),0 4px 15px -5px rgba(0,0,0,0.3);
}

#header
{
	position: relative;
	float: left;
	z-index: 300;
	width: 100%;
	height: 20px;
	padding: 6px 0px;
	border-bottom: 1px solid #d9d9d9;
	background: #F1F1F1;
}

.task-wraper .content-holder .content
{
	position: relative;
	float: left;
	width: 100%;
	height: 220px;
}
.task-wraper-drag .content-holder .content
{
	position: relative;
	float: left;
	width: 100%;
	height: 220px;
}

.task-status-iframe
{
	float: left;
	width: 335px;
	height: 195px;
	overflow: hidden;
	overflow-x: hidden;
}
.task-list-iframe
{
	float: left;
	width: 0px;
	height: 0px;
	overflow: hidden;
	overflow-x: hidden;
}

.back-btn
{
	margin-left: 7px;
}
.back-btn a:hover
{
	left: 5px;
}
.back-L
{
	/*background: url( "../../App_themes/Sapphire/images/back.png" ) no-repeat 0 0;
	padding-left: 12px;*/
	float: left;
	color: #000;
	text-decoration: none;
	border: 1px solid #CCC;
    padding: 5px 8px;
    border-radius: 3px;
}
.back-R
{
	/*background: url( "../../App_themes/Sapphire/images/back.png" ) no-repeat 100% -38px;
	padding: 4px 4px 4px 0;*/
	float: left;
	/*font-size: 11px;*/ font-size: 0.688rem;
	cursor: pointer;
}

.scrollme
{
	float: left;
	height: 190px;
	width: 324px;
	overflow: auto;
	/*overflow-x: hidden;*/
	padding: 0px 5px;
}


#detailbox
{
	position: absolute;
	left: 340px;
	top: 0;
	float: left;
	height: 210px;
	width: 335px;
	padding: 4px;
	background: #fff;
}
#listbox
{
	position: absolute;
	left: 0px;
	top: 0;
	float: left;
	height: 210px;
	width: 335px;
	padding: 4px;
	background: #fff;
	overflow: hidden;
}

#listitems
{
	float: left;
	height: 210px;
	width: 100%;
	overflow: auto;
	overflow-x: hidden;
	background: #fff;
}
.task-item
{
	width: 100%;
	border-bottom: 1px solid #d6d6d6;
	padding: 2px 0px 2px 0px;
	background: #fff;
	overflow: hidden;
}

.result-progress
{
	background: url( "../../App_themes/Sapphire/images/spiner_round.gif" ) no-repeat 0 0;
	width: 24px;
	height: 24px;
	top: 80px;
	left: 160px;
	position: absolute;
}
.next-line
{
	clear: both;
	float: left;
	width: 100%;
}


.sprite
{
	background: url( "../../App_themes/Sapphire/images/sprite-bg.png" ) no-repeat 0 0;
}
.spiner
{
	background: url( "../../App_themes/Sapphire/images/spiner_round.gif" ) no-repeat 0 0;
	width: 16px;
	height: 16px;
	float: left;
	margin-right: 4px;
}
.text, .file-type-icon, .spin-bar, .icon-view, .spin-bar, .file-name, .go-next, .slide-back, .plus, .minus, .detail, .panel-head, .panel-head H2, .close, .task-icon, .completed, .failed, .progress, .completed-b, .failed-b, .refresh, .add-task, .icon-state, .count, .rel-icons a, .history, .task-item, .task-detail, .add-menu, .menuon, .menuoff, .the_menu, .notify-check, .notify-uncheck, .file-name-link
{
	float: left;
}

.uty-2
{
	padding-right: 10px;
}
.uty-tool, .uty-2
{
	float: right;
}
.rel-icons
{
	float: left;
	margin-right: 10px;
}

/*.panel-head
{
	height: 20px;
	background: url( "../../App_themes/Sapphire/images/info-bg.jpg" ) no-repeat 0 0;
	margin: 1px 1px 4px 1px;
	cursor: move;
}*/

.panel-head H2
{
	width: 200px;
	font-size: 12px;
	font-weight: bold;
	color: #ABDEEA;
	margin: 7px 0px 0px -17px;
}

.uty-tool
{

}
.uty-2 .task-detail, .uty-2 .add-task, .uty-2 .add-menu
{
	margin-right: 4px;
}
.rel-icons
{
	width: 24px;
}
.rel-icons SPAN
{
	margin: 5px 3px 0px 0px;
}

.tog-img
{
	float: left;
	border-left: 1px solid rgba(0, 0, 0, 0.5);
    box-shadow: inset 1px 0px 0px #1E6B9B;
    padding: 2px;
}

.tog-img:hover
{
	border-left: 1px solid #000;
    background: rgba(54, 120, 204, 0.5);
    cursor: pointer;
}

.tog-img:active
{
	box-shadow: inset 0px 0px 2px #020202;
    border-left: 1px solid #000;
    background: #123574;
    cursor: pointer;
}

.uty-tool
{

}
.uty-2 .task-detail, .uty-2 .add-task, .uty-2 .add-menu
{
	margin-right: 4px;
}
.rel-icons
{
	width: 24px;
}
.rel-icons SPAN
{
	margin: 5px 3px 0px 0px;
}



.icon-state
{
	width: 45px;
	margin-left: 4px;
}
.count
{
	width: 20px;
	padding: 4px 0 0 2px;
	color: #000;
	font-size: 120%;
	font-weight: bold;
}


.spin-bar, .plus, .minus, .close, .task-icon
{
	width: 24px;
	height: 24px;
}
.progress, .refresh, .add-task, .icon-view, .down, .go-next, .history, .add-menu, .menuon, .menuoff, .notify-check, .notify-uncheck
{
	width: 21px;
	height: 23px;
}
.completed, .failed
{
	width: 21px;
	height: 21px;
}

.slide-back
{
	background: url( "../../App_themes/Sapphire/images/back.png" ) no-repeat;
	position: absolute;
	cursor: pointer;
	width: 34px;
	height: 20px;
	top: 2px;
	margin-left: 5px;
}
.file-type-icon
{
	background-position: -3px -97px;
	width: 23px;
	height: 33px;
	margin-right: 4px;
}
.spin-bar
{
	background: url("../../App_themes/Sapphire/images/spinner_bar.gif") no-repeat 0 0;
}
.icon-view
{
	background-position: -53px -2px;
}
.down
{
	background: url("../../App_themes/Sapphire/images/download-save.png") no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
	float: right;
	margin-top: 5px;
}
.file-name
{
	font-size: 90%;
	color: #000;
	width: 280px;
	/*width: 75%;*/
}
.file-name-link
{
	text-decoration: underline;
	cursor: pointer;
	color: #06f;
	width:100%;
	word-wrap:break-word;
}
.file-name a
{
	text-decoration: underline;
	color: #06F;
}
.file-name a:hover
{
	text-decoration: none;
	cursor: pointer;
}
.file-name a, .file-name SPAN
{
	float: left;
}


.plus
{
	background-position: 2px 1px;
	cursor: pointer;
}
.minus
{
	background-position: 3px -18px;
	display: none;
	cursor: pointer;
}
.closeResultTab
{
	background-position: -53px -24px;
	cursor: pointer;
}
.task-icon
{
	/*background: url("../../App_themes/Sapphire/images/my-jobs.png") no-repeat;
	margin-right: 5px;*/
}
.close
{
	background-position: -49px -19px;
    cursor: pointer;
    float: left;
    border-left: 1px solid rgba(0, 0, 0, 0.5);
    box-shadow: inset 1px 0px 0px #1E6B9B;
    padding: 2px;
}

.close:hover
{
	border-left: 1px solid #000;
    background: url("../../App_themes/Sapphire/images/sprite-bg.png" ) no-repeat -49px -19px, rgba(54, 120, 204, 0.5);
    cursor: pointer;
}


.close:active
{
	box-shadow: inset 0px 0px 2px #020202;
    border-left: 1px solid #000;
    background: url("../../App_themes/Sapphire/images/sprite-bg.png" ) no-repeat -49px -19px, rgba(54, 120, 204, 0.5);
    cursor: pointer;
}

#toggBtn
{
	margin-right: 2px;
}
.menuoff
{
	background: url("../../App_themes/Sapphire/images/setting-down.png") no-repeat 0 0;
	width: 24px;
	height: 24px;
}
.menuon
{
	background: url("../../App_themes/Sapphire/images/setting-up.png") no-repeat 0 0;
	width: 24px;
	height: 24px;
}
.menuon:hover, .menuon:hover
{
	cursor: pointer;
}
.notify-check
{
	background: url("../../App_themes/Sapphire/images/notify-on.png") no-repeat 4px 2px;
	width: 12px;
	height: 12px;
}
.notify-uncheck
{
	background: url("../../App_themes/Sapphire/images/notify-blank.png") no-repeat 4px 2px;
	width: 12px;
	height: 12px;
}

.add-menu UL, .add-menu UL LI
{
	list-style: none;
}
.the_menu, .the_menu UL, .the_menu LI, .the_menu li a, .add-menu, .menuon, .menuoff, .notify-check, .notify-uncheck
{
	float: left;
}

.the_menu
{
	display: none;
	width: 180px;
	right: 4px;
	border: 1px solid #d9d9d9;
	/*font-size: 11px;*/ font-size: 0.688rem;
	text-align: left;
}
.menuon:hover, .menuoff:hover
{
	cursor: pointer;
}
.the_menu UL
{
	padding: 4px 0 0 0;
	margin: 0;
	width: 180px;
	list-style: none;
	background: #ebebeb;
}
.the_menu li
{
	width: 180px;
	padding: 4px 0 4px 0;
	list-style: none;
}
.the_menu li a
{
	text-decoration: none;
	color: #000;
	clear: both;
	cursor: pointer;
}
.the_menu li:hover
{
	background: #fff;
	cursor: pointer;
}
.the_menu li .pad-left
{
	padding-left: 20px;
}

.the_menu LI .notify-check
{
	background: url("../../App_themes/Sapphire/images/notify-on.png") no-repeat 4px 2px;
	width: 20px;
	height: 12px;
}
.the_menu LI .notify-uncheck
{
	background: url("../../App_themes/Sapphire/images/notify-blank.png") no-repeat 4px 2px;
	width: 20px;
	height: 12px;
}
.the_menu LI
{
	width: 180px;
	padding: 0 0 4px 0;
}
.the_menu LI a
{
	text-decoration: none;
	color: #000;
	clear: both;
	cursor: pointer;
}
.the_menu LI a:hover
{
	background: #ebebeb;
	cursor: pointer;
}
.the_menu LI .pad-left
{
	padding-left: 20px;
}
.add-menu
{
	z-index: 99999;
}
.the_menu li .txt-rel
{
	float: left;
	width: 158px;
}

.sprite-task{background-image:url("../../App_Themes/Sapphire/Images/sprite-bg.png");}


.notify-msg
{
	float: left;
	left: 0;
	padding-bottom: 21px; *margin-top:18px;z-index:9999;background:url("../../App_themes/Sapphire/images/bg-alert-arrow.png")no-repeat0bottom;
}
	
.notify-msg .notify-content
{
        position: relative;
        float: left;
        padding: 8px 20px 5px 35px;
        width: 294px;
        overflow: hidden;
        border: solid 1px rgb(237, 201, 103);
        border-radius: 3px;
        background: url("../../App_Themes/Sapphire/Images/taskInfo.png") no-repeat 10px 8px rgb(249, 237, 184);
        box-shadow: 0 2px 15px rgba(0,0,0,0.3),0 4px 15px -5px rgba(0,0,0,0.3);
}

.notify-msg .notify-content P
{
	float: left;
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0; word-wrap:break-word;
}
.notify-msg .notify-content .task-txt SPAN
{
	padding-top: 4px;
}
.notify-msg .notify-content .tick
{
	/*font-size: 11px;*/ font-size: 0.688rem;
	margin: 5px 0;
}
.notify-msg .notify-content .tick .chk, .notify-msg .notify-content .tick SPAN
{
	float: left;
}
.notify-msg .notify-content .tick SPAN
{
	margin: 1px 0px 0px 4px; *padding:3px0px0px0px;}
.notify-msg .notify-content .tick .chk
{
	padding: 0;
	margin: 0;
}

.notify-msg .notify-content .close-win
{
	background: url("../../App_themes/Sapphire/images/close-win.png") no-repeat;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 7px;
	right: 7px;
}
.notify-msg .notify-content .close-win:hover
{
	cursor: pointer;
}
.d-none
{
	display: none;
}


.completed
{
	background: url("../../App_themes/Sapphire/images/sprite-bg.png") no-repeat -29px -44px;
}
.completed-b
{
	background: url("../../App_themes/Sapphire/images/sprite-bg.png") no-repeat -29px -44px;
	width: 24px;
	height: 24px;
}
.failed
{
	background: url("../../App_themes/Sapphire/images/sprite-bg.png") no-repeat -27px -74px;
}
.failed-b
{
	background: url("../../App_themes/Sapphire/images/sprite-bg.png") no-repeat -27px -74px;
	width: 24px;
	height: 24px;
}
.progress
{
	background: url("../../App_themes/Sapphire/images/spiner_round.gif") no-repeat 3px 3px;
}
.refresh
{
	background-position: -60px -46px;
	cursor: pointer;
}
.add-task
{
	background: url("../../App_themes/Sapphire/images/add-job.png") no-repeat -1px -1px;
	width: 21px;
	height: 21px;
	cursor: pointer;
}
.task-detail
{
	background: url("../../App_themes/Sapphire/images/detail.png") no-repeat 0 -1px;
	width: 21px;
	height: 21px;
	cursor: pointer;
}
.history
{
	background-position: -61px -103px;
	cursor: pointer;
}

.detail
{
	margin: 5px 0 5px 0;
}
.detail DL, .detail DL DD
{
	margin: 0px;
	padding: 0px;
}

.detail DL DD
{
	float: left;
	clear: both;
	padding: 4px 0px 4px 0px;
	/*font-size: 11px;*/ font-size: 0.688rem;
	width:312px;
	word-wrap:break-word;
}
.detail DL DD .lab
{
	color: #000;
	font-weight: bold;
	margin-right: 4px;
}
.detail DL DD .lab-img
{
	float: left;
	margin: 0px;
	padding: 0px;
}
.detail DL .lab-img .lab
{
	float: left;
	padding-top: 4px;
}
.detail DL DD .lab-img IMG
{
	float: left;
}
.clear
{
	clear: both;
	width: 100%;
	height: 1px;
	overflow: hidden;
}
.bg-info
{
	margin-bottom: 10px;
}
.info-detail
{
	float: left;
	width: 100%;
	border-top: 1px solid #d9d9d9;
	padding: 5px 0 5px 0;
	/*font-size: 11px;*/ font-size: 0.688rem;
}
.info-detail a
{
	color: #06F;
}

.b-link
{
	float: left;
	position: absolute;
	bottom: 2px;
	right: 4px;
	font-size: 90%;
}
.b-link a
{
	color: #d45;
}
.b-link a:hover
{
	text-decoration: none;
}
.bigf
{
	color: #439401;
	font-size: 120%;
}
.line
{
	border-top: 1px solid #d9d9d9;
	margin-top: 5px;
}
.dwn
{
	font-size: 150%;
	color: #439401;
	margin-top: 10px;
}
.bg-info
{
	margin-bottom: 10px;
}

/* END: Task control */

.workflowStepBtn
{
	background: url(images/nav_bg.gif) no-repeat 0 0;
	height: 30px;
	width: 37px;
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	border: none;
	padding: 0 0 10px;
}

.workflowStepBtnSelected
{
	background: url(images/sel_nav_bg.gif) no-repeat 0 0;
	height: 30px;
	width: 37px;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	border: none;
	padding: 0 0 10px;
}

.separatorLine
{
	background: #cccccc;
	height: 3px;
	width: 100%;
}

.selectedWorkflowStepBar
{
	background: url(images/select_bar.gif) no-repeat 0 0;
	height: 7px;
	width: 100%;
	background-position: center;
}

.workflowStepSlideBar
{
	background-color: Gray;
	background: url(images/select_bar.gif) no-repeat 0 0;
	background-position: center;
	width: 100%;
}

.workflowStepLabel
{
	background: none;
	color: #555454;
	/*font-size: 11px;*/ font-size: 0.688rem;
	font-family: Arial, sans-serif;
	text-align: center;
}

.workflowStepLabelSelected
{
	background: none;
	color: #555454;
	/*font-size: 11px;*/ font-size: 0.688rem;
	font-family: Arial, sans-serif;
	text-align: center;
	font-weight: bold;
}

.workflowStepPanel
{
	color: #999999;
	z-index: 3;
	overflow: auto;
	overflow-y: hidden;
}

#workflowAccordion
{
	width: 100%;
	margin: 5 0 0 0px;
}

#workflowAccordion dd
{
	width: 100%;
	margin: 0 0 0 0px;
}

.workflowStepsSlider
{
	background: url(images/slider_bg.png) repeat-x 0 0;
	z-index: 5;
	width: 100%;
	height: 17px;
	cursor: pointer;
}

.workflowStepsOpen
{
	background: url(images/sliderOpen.gif) no-repeat 0 0;
	height: 13px;
	width: 70px;
	cursor: pointer;
}

.workflowStepsClose
{
	background: url(images/sliderClose.gif) no-repeat 0 0;
	height: 13px;
	width: 70px;
	cursor: pointer;
}

/*..START:Social Network Control..*/
.snMenu
{
	cursor: pointer;
	margin: 3px;
	color: #000;
}

.snMenu div
{
	float: left;
}

.snControl01
{
	overflow: hidden;
	margin: -5px -5px;
}
.snFloatingDiv
{
	position: absolute;
	z-index: 99999;
}

.socialLabel
{
    padding: 5px;
}

#divSNIcon
{
	height: 24px;
	color: #31456A;
	font-weight: bold;
	border: 1px solid transparent;
	/*font-size: 11px;*/ font-size: 0.688rem;
	padding: 0px 3px 0px 3px;
}

#divSNIcon table
{
	padding-left: 1px;
	width: 17px;
}

.snControl01 table td
{
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0 0 1px 0;
	width: 100px;
}

.snControl01 table:last-child
{
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0 0 0 0;
}

/*..END:Social Network Control..*/


/* Start Statistical tool */

.form-wrapper, .form-wrapper DL, .form-wrapper DL DD, .form-wrapper DIV, .form-wrapper FORM, /*.form-wrapper INPUT,*/ .form-wrapper H2
{
	margin: 0;
	padding: 0;
	font-weight: normal;
	line-height: 1em;
}
.slt-holder .lab01, .slt-holder .slt01, .result-block, .chk-holder, .chk01, .slt-chk-holder
{
	float: left;
}
.form-wrapper .slt-holder
{
	width: 100%;
	clear: both;
	padding: 10px 0px 0px 0;
	display: table;
}
.form-wrapper .result-holder
{
	clear: both;
	width: 100%;
	margin: 0px 0;
}
.form-wrapper .line-on
{
	background: url(images/line.png) repeat-y 235px 0;
}
.form-wrapper .lineBreak10p
{
	height: 10px;
	width: 100%;
	clear: both;
	overflow: hidden;
}
.form-wrapper .clr
{
	height: 1px;
	width: 100%;
	clear: both;
	overflow: hidden;
}
.form-wrapper .dotter
{
	height: 5px;
	width: 100%;
	clear: both;
	overflow: hidden;
	border-bottom: 1px solid #bfbfbf;
}
.form-wrapper .lab01
{
	margin: 9px 5px 0px 0px;
}
.form-wrapper .slt01
{
	width: 180px !important;
}
.form-wrapper .result-holder H2
{
	margin: 10px 0 5px 0;
	font-size: 130%;
	background: #fff;
}
.form-wrapper .w1
{
	width: 230px; margin:0 10px 0 0;
}
.form-wrapper .w2
{
	width: 230px;
	height: 90px;
    overflow: auto;
}
.form-wrapper .result-block SPAN
{
	font-weight: bold;
}
.form-wrapper .result-block LABEL
{
	font-weight: normal;
	margin-left: 4px;
}
.form-wrapper .result-block DL DD
{
	margin-bottom: 5px;
	width: 100%;
	clear: both;
	display: block;
}

.form-wrapper .link-holder
{
	position: absolute;
	right: 4px;
	bottom: 4px;
	float: right;
	clear: both;
	margin-top: 15px;
}
.form-wrapper .chk-holder
{
	margin-left: 10px;
}
.form-wrapper .chk01
{
	margin-right: 4px;
	padding: 0;
}

.form-wrapper .f-left, .form-wrapper .img-btn a, .form-wrapper .img-btn .img-cal
{
	float: left;
}
.form-wrapper .f-right
{
	float: right;
}
.form-wrapper .img-btn
{	
	border: 1px solid #999;
}
/*.form-wrapper .img-btn:hover
{
	background: url(images/button_bg-on.png) repeat-x 0 0;
}*/
.form-wrapper .img-btn a
{
	text-decoration: none;
	padding: 5px;
	color: #ffffff;
}


#lnkBtnCalculate
{
    color:#444;
    
}
/*.form-wrapper .img-btn a:hover
{
	color: #000;
}
.form-wrapper .img-btn .img-cal
{
	width: 16px;
	height: 20px;
	background: url(images/calculate.png) repeat-x 0 2px;
}*/

.form-wrapper .slt-holder .clear-chk
{
	float: left;
	clear: both;
	width: 100%;
	margin-top: 2px; *margin:000-3px;}
.form-wrapper .clear-chk INPUT, .form-wrapper .clear-chk LABEL
{
	float: left;
}
.form-wrapper .clear-chk INPUT
{
	margin: 0;
	padding: 0;
	margin-top:5px;
}
.form-wrapper .clear-chk LABEL
{
	margin: 2px 0 0 4px; *margin:5px002px;padding:0;}

#imgBtnCalculate
{
	padding: 2px;
	float: left;
}
.chk01 input[type="checkbox"]
{
	margin: 2px 0px 0px 1px;
}
.stat-frame
{
	width: 470px;
	height: 240px; *height:250px;}

/* End Statistical tool */


/*.form-wrapper .result-block .l1{margin-left:-14px; _margin-left:-18px; *margin-left:-18px;}*/
/* ****************** */
/* Add Local Data Start */
.tab-wrapper DL, .tab-wrapper DL DD, .tab-wrapper DIV, .tab-wrapper FORM
{
	margin: 0;
	padding: 0;
}
.tab-wrapper
{
	font: 0.8em Arial, Helvetica, sans-serif;
}
.tab-wrapper :focus
{
	outline: none;
}
.tab-wrapper ul.tabs
{
	/*width: 250px;*/ width:99.5%;
	margin: 0;
	padding: 0;
	position: relative;
	bottom: -2px;
}
.tab-wrapper ul.tabs li
{
	display: block;
	float: left;
	padding: 0 2px;
}
.tab-wrapper ul.tabs li a
{
	display: block;
	float: left;
	padding: 3px 20px;
	margin: 1px;
	color: rgb(87,87,87);
	text-decoration: none;
	border: 1px solid #CCC;
	border-bottom-color: #CCC;
	font-weight: bold;
}
.tab-wrapper ul.tabs li a.selected, .ChartTabSelected
{
	color: #31456a;
	border-bottom-color: #fff;
	border-top-color: #CCC;
	border-left-color: #CCC;
	border-right-color: #CCC;
	background: #FFF;
}

.tab-wrapper .tab-content label
{
    white-space: nowrap;
    padding: 2px 3px 2px 0px;
}

.tab-wrapper .tab-content
{
	clear: both;
	float: left;
	border: 1px solid #CCC;
	width: 444px;
	margin-left: 3px;
}
.tab-wrapper .tab-content DL
{
	/*margin:10px;*/
	margin: 5px 0 0 5px;
}
.tab-wrapper .tab-content DL, .tab-wrapper .tab-content DL DD
{
	float: left;
	display: block;
	clear: both;
	width: 98%;
}
.tab-wrapper .tab-content DL DD
{
	margin-bottom: 6px;
}
.tab-wrapper .tab-content DL DD LABEL
{
	float: left;
	width: 100px;
	text-align: left;
	margin: 3px 5px;
}
.tab-wrapper .tab-content table td .int02, .tab-wrapper .tab-content DL DD .int02
{
	width: 25px;
}
.tab-wrapper .tab-content DL DD .slt01
{
	width: 190px;
}
.tab-wrapper .tab-content DL DD .slt02
{
	width: 230px;
	float: left;
	margin-right: 5px;
}
.tab-wrapper .tab-content DL DD .slt02-size
{
	width: 50px;
	float: left;
}
.tab-wrapper .tab-content DL DD .slt0F
{
	width: 300px;
}

.tab-wrapper .tab-content DL DD .slt0T
{
	width: 300px;
}
.tab-wrapper .tab-content DL DD .slt0D
{
	width: 219px;
}
.tab-wrapper .tab-content DL DD .info-txt
{
	margin: 4px 0 0 95px;
	font-size: 80%;
	float: left;
	clear: both;
	color: #666;
}
.tab-wrapper .pick
{
	background: url("images/tab-bg.png") repeat-x 0 0;
	border: 1px solid #666;
}
.tab-wrapper .pick-color
{
	width: 25px;
	background-color: #000;
	border: 1px solid #666;
	text-align: center;
}

.tab-wrapper .btn-holder .btn
{
	float: right;
	display: block; /*border:1px solid #999; padding:3px 5px; color:#404040;*/
}
.tab-wrapper .clr
{
	width: 100%;
	clear: both;
	height: 8px;
	line-height: 1em;
	overflow: hidden;
}

/* for IE 7*/

.tab-wrapper .tab-content
{ 
    *padding-bottom:10px;
    padding: 10px 0px;
}

.tab-wrapper ul.tabs
{ 
    *bottom:-1px;
}

.CPTable
{
	background-color: white;
    border: solid 1px #CCC;
    border-radius: 3px;
}

.CPRGB {
    font-size: 10px !important;
    font-weight: normal !important;
}

.CPRGB input[type='button']
{
    font-size: 12px !important;
    width: auto !important;
    min-width: 56px;
}

.CPChosen {
    border: 1px transparent !important;
    border-bottom: 1px #4B4B6F solid;
}

.CPCell {
    border: 1px #FFFFFF solid;
    text-align: center;
}

.CPCell_Over {
    text-align: center;
}

#tabs1 > table, #tabs2 > table, #tabs3 > table, #tabs4 > table
{
	border-spacing: 5px;
}

.CPRGB input[type="text"]
{
    width: 25px !important;
    height: 19px !important;
    min-width: 25px !important;
}

#tabs1, #tabs2, #tabs3, #tabs4
{
	height: 300px;
	padding: -5px;
	overflow: auto;
	/*overflow-y: auto;
    overflow-x: hidden;*/
}

#selectBoxProjection
{
    width: 150px !important;
}


#ShapeStrokeColorColorPickerBtn, #KMLStrokeColorColorPickerBtn
{
	background: #d7d7d7;
}

#ShapeFillColorColorPickerBtn, #KMLFillColorColorPickerBtn
{
	background: #ffffff;
}

.tab-wrapper .tab-content .wms-holder, .tab-wrapper .tab-content .upload-holder
{
	float: left;
	width: 300px;
}

.tab-wrapper .tab-content .note
{
	font-size: 85%;
	color: #666;
}


.tab-wrapper .tab-content DL DD .WMSProgressMsg
{
	padding-left: 100px;
}

.tab-wrapper .tab-content .upload-holder .ExtensionMessage
{
	float: left;
	width: 300px;
	font-size: 10px;
}
.tab-wrapper .tab-content .upload-holder .progress-txt
{
	float: left;
	width: 300px;
	font-size: 10px;
}

.btn-holder .disabled-Button, .btn-holder .disabled-Button:hover
{
	background: #c0c0c0 url("");
}



.tab-wrapper .layer-list
{
	float: left;
	width: 300px;
	border: 1px solid #999;
}
.tab-wrapper .layer-head
{
	float: left;
	width: 100%;
	/*background: #dbd8d8;*/
	padding: 5px 4px 1px 3px;
}
.tab-wrapper .layer-list .tag01, .tab-wrapper .layer-list .tag02
{
	float: left;
	padding: 1px 0 0 2px;
}
.tab-wrapper .layer-list .tag01
{
	width: 250px;
}
.tab-wrapper .layer-list .tag02
{
	width: 207px;
}
.tab-wrapper .layer-head .chk01
{
	float: left;
	padding: 0;
	margin: 0;
	margin-top: -1px;
}
.tab-wrapper .layer-head .tag01
{
	float: left;
	padding-top: 2px;
}
.tab-wrapper .layer-head .tag01, .tab-wrapper .layer-head .tag02
{
	font-weight: bold;
}

.tab-wrapper .layer-options
{
	float: left;
	width: 100%;
	height: 130px;
	overflow: auto;
	overflow-x: hidden;
}
.tab-wrapper .layer-row
{
	float: left;
	clear: both;
	width: 100%;
	margin: 2px 0;
	font-size: 12px;
}
.tab-wrapper .layer-head .chk01, .tab-wrapper .layer-row .chk01
{
	float: left;
	padding: 0;
	margin: 2px;
}
.tab-wrapper .btn-browse
{
	float: left;
	margin-left: 5px;
	padding: 1px 4px; *padding:0px;color:#404040;}
.tab-wrapper .color-pick-holder SPAN
{
	padding: 1px 4px 1px 0px;
}


.tab-wrapper .tab-content .upload-holder
{
	float: left;
	width: 300px;
}
.tab-wrapper .tab-content .upload-holder .file01
{
	float: left;
	width: 300px;
}
.tab-wrapper .tab-content .upload-holder .file02
{
	float: left;
	width: 215px;
	height: 11px;
}
.tab-wrapper .tab-content DL DD .progressbar-holder
{
	float: left;
	clear: both;
	width: 215px;
}
.tab-wrapper .tab-content DL DD .progressbar-holder .loading-bar
{
	float: left;
	width: 180px;
	height: 5px;
	border: 1px solid #fff;
	margin: 3px 4px 1px 0px;
}
.tab-wrapper .tab-content DL DD .progressbar-holder .loding-bg
{
	height: 5px;
	background: #add7f4;
}
.tab-wrapper .tab-content DL DD .progressbar-holder .per
{
	float: right;
	font-size: 10px;
	width: 28px;
	color: #999;
}
.lbl-msg-r
{
	color: #d45;
}
.tab-wrapper .lbl-msg-r label
{
    white-space: normal;
    font-size: 12px;
}
.tab-wrapper .type-block
{
	float: left;
	padding: 0 10px 0 0;
}

/* Add Local Data End  */
/* ****************** */

/* Lable properties theme  */

.wrapper-label
{
	margin: 0;
	padding: 4px;
}
.wrapper-label H2, .wrapper-label FIELDSET, .wrapper-label LEGEND, .wrapper-label INPUT, .wrapper-label DL, .wrapper-label DL DD
{
	margin: 0;
	padding: 0;
}
.wrapper-label .lineBreak10p
{
	height: 05px;
	width: 100%;
	clear: both;
	overflow: hidden;
}
.wrapper-label H2, .wrapper-label LEGEND
{
	font-size: 100%;
	font-weight: bold;
	color: #000;
}
.wrapper-label LEGEND
{
	padding: 0 5px;
}
.wrapper-label FIELDSET
{
	border: 1px solid #d9d9d9;
	padding: 6px;
	margin: 5px 0px 5px 0px;
}
.wrapper-label .two-box
{
	float: left;
	width: 150px;
}
.wrapper-label DL DD
{
	margin-bottom: 4px;
}
.wrapper-label .int
{
	width: 80px;
}
.wrapper-label .btn-holder
{
	float: right;
}
.wrapper-label .radio-select
{
	padding-top: 10px;
}
.wrapper-label .radio-select .r-slt
{
	margin-right: 40px;
}
.wrapper-label .btn-holder .btn
{
	width: 60px;
	text-align: center;
}
.labels-on
{
	background: url("../../images/layer-on.png") no-repeat 0 0;
	padding-left: 12px;
}
.labels-off
{
	background: url("../../images/llayer-blank.png") no-repeat 0 0;
	padding-left: 12px;
}
a.label-disable
{
	color: #848484;
}
.splbt
{
	margin: 15px 0 0 0;
}
.prop-line
{
	height: 302px; *height:325px;}
.prop-polygon
{
	height: 267px; *height:280px;}
.prop-point
{
	height: 170px; *height:175px;}

.selLayerName
{
	font-weight: bold;
	color: #31456a;
}
.selMessage
{
}
.rsMapToolsImages
{
	/*padding: 0 4px;*/
	background-position: center;
}

.VisibleRow
{
	background-position: 0 -82px !important;	
	background-color: rgba(255, 255, 0, 0.19) !important;
}

.menuHolder
{
	line-height: 1em;
	margin:3px 3px 0px;
}

.menuHolder span
{
	color: #000000;
}

.menuSpanOuter
{
	position: relative;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	line-height: 1em;
	position: relative; /*BUG_FIX_19839*/
	z-index: 0; /*BUG_FIX_19839*/
	margin: -2px 5px 0px 0px;
	float: left;		
	border:1px solid transparent;
}

#_cluster_span.menuSpanOuter
{
    margin-left:0;
}

.menuSpanOuter .menuText:hover
{
   /* border:1px solid #ccc;
    border-radius: 3px*/
}
    
.menuHolder:hover > .menuSpanOuter
{
	background-position: 0 -76px;
}
.menuSpanInner
{
	padding: 3px 5px 5px 0px;
	line-height: 1em;
	float: left;
}
.menuHolder:hover > .menuSpanOuter .menuSpanInner
{
	background-position: 100% -24px;
}
.menuText
{
	background-image: url( "../../App_themes/Sapphire/images/downArrow.png" );
	background-position: 100% 5px;
	background-repeat: no-repeat;	
	position: relative;
	float: left;	
	cursor:pointer;
	padding: 6px 21px 1px 4px;
    line-height: 6px
}

#_moreLinks_span
{
    margin-right:0;
}

#_moreLinks_span.menuSpanOuter .menuText
{
    padding:5px 5px 2px 5px;
    background:none;    
}

.menuSpanOuter:hover
{
    border:1px solid #ccc;
    border-radius:3px;
}

.menuText img
{
     margin-top:-3px;
}

.menuDropDown
{
	display: none;
	position: absolute;
	z-index: 9999;
	padding: 4px;
	background: #FFFFFF;
	border: 1px solid #DDDEE1;
	border-top: none;
	/*font-size: 11px;*/ font-size: 0.688rem;
	min-width: 100px;
	box-shadow: 0 2px 3px;
	margin: -1px 0 0 -5px; *margin-top:20px;
	*margin-left:0;
	margin-top:20px\0/;
	margin-left:0\0/;
}
.menuDropDown a
{
	padding: 4px;
	color: #666666;
	text-decoration: none;
	list-style: none;
	float: left;
}
.menuDropDown a.selected
{
	color: #000000;
	padding: 4px;
	text-decoration: none;
	list-style: none;
	float: left;
	font-weight: bold;
}
.menuDropDown a:hover
{
	color: #000000;
}
.menuDropDownCell, #tb_ExportTools td
{
	border-collapse: collapse;
	width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    overflow: hidden
}

.menuDropDownTable
{
	/*min-width: 100px;*/
	width:100%;
}
.menuDropDownDir
{
	margin-left: -5px;
	margin-left: 0px\0/;
	margin-top: -2px;
	margin-top: 20px\0/;
}

.menuPopup
{
	display: none;
	position: absolute;
	z-index: 999;
	padding: 4px;
	border: 1px solid #DDDEE1;
	border-bottom: none;
	/*font-size: 11px;*/ font-size: 0.688rem;
	min-width: 100px;
	bottom: -12px;
	background: #fff;
	margin-top: 50px;
	color: #000;
}
.menuPopupDir
{
}
.menuSpanOuterUp
{
	position: relative;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	line-height: 1em;
	position: relative;
	z-index: 9;
	margin: 0px 5px 0px 5px;
	float: left;
}
.menuSpanInnerUp
{
	padding: 3px 5px 5px 0px;
	line-height: 1em;
	float: left;
}
.menuPopup a
{
	padding: 4px;
	color: #000;
	text-decoration: none;
	list-style: none;
	float: left;
}
.menuPopup a.selected
{
	color: #92cdfe;
	padding: 4px;
	text-decoration: none;
	list-style: none;
	float: left;
}
.menuPopup a:hover
{
	color: #000;
}
.fixedToolsDiv
{
	float: left;
	margin-top: 2px;
}
.SelectionListToolBar .Tool
{
	border-collapse: collapse;
}
.menuSeparator
{
    background-image: url( "../../App_themes/Sapphire/images/btn_sep.png" );
	background-repeat: no-repeat;
	background-position: center;
	float: left;
	height: 24px;
	margin-left: 5px;
	margin-right: 5px;
	width: 1px;
}
.expandCollapse, .expandCollapse SPAN
{
	float: left;
	width: 8px;
	height: 8px;
	cursor: pointer;
	padding-top: 2px;
}
.expColOuter
{
	background: none repeat scroll 0 0 #E6E6E6;
	border: 1px solid #666666;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	float: left;
	margin: 0 5px 4px;
	padding-left: 5px;
}
.expColInner
{
	float: left;
	padding: 3px 5px 5px 0px;
}
.resultTitle
{
	float: left;
}
.resultTitleText
{
	color: #fff;
	text-decoration: none;
	/*font-size: 11px;*/ font-size: 0.688rem;
	font-weight: bold;
	white-space: nowrap;
	line-height: 1em;
}
.resultCountText
{
	color: #aed4f2;
	font-size: 10px;
	margin-left: 10px;
	white-space: nowrap;
	line-height: 1em;
}
.selImgeDelete
{
	margin: 0 4px 0 0;
	padding: 0;
	width: 14px;
	height: 14px;
	border: 0px;
}
.resTextInner
{
	background: url("../../App_themes/Sapphire/images/ResultGrid/sprite-grid-all.png") no-repeat 100% 0;
	float: left;
	padding: 0px 5px 3px 0px;
}
.ResultTable-Body .highlight-rows
{
	background-position: 0 0px;
	background-color: Orange !important;
}
.chkDynamicResults
{
	margin-right: 8px;
	display: none;
}
.chkDynamicResults label
{
	vertical-align: 3px;
}
.resultHeaderInactiveDiv
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	background: url("../../App_themes/Sapphire/images/ResultGrid/transparent-bg.png") repeat 0 0;
	height: 26px;
	width: 100%;
}

.resultRowHeader
{
	padding: 3px 5px 6px 5px;
	height: 25px;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #000;
}

.inactiveButton1, .inactiveButton2, .inactiveButton3
{
	position: absolute;
	top: 4px;
	z-index: 9999;
}
.inactiveButton1
{
	left: 0;
}
.inactiveButton2
{
	left: 32px;
}
.inactiveButton3
{
	left: 62px;
}
.inactiveSeparator
{
	margin-left: 95px;
	float: left;
	width: 6px;
	height: 20px;
}
.activeButton, .activeButton SPAN
{
	float: left;
	width: 16px;
	height: 13px;
	cursor: pointer;
}
.activeHeader
{
	z-index: 9;
}
.inactiveHeader
{
	position: relative;
	padding-bottom: 3px;
}

.jScrollbar
{
	float: left;
	overflow: hidden;
	position: relative;
	max-height: 80px;
}
.jScrollbar .jScrollbar_mask
{
	position: relative;
	top: 0;
	padding-right: 8px;
}
.jScrollbar_draggable
{
	height: 80px;
	top: 0;
	z-index: 9999;
	float: left;
	width: 5px;
	overflow: hidden;
	position: absolute;
	display: none;
	background: transparent url("../../App_themes/Sapphire/images/ResultGrid/bg_jScrollbar_draggable.jpg") repeat-y 2px 50%;
}
.jScrollbar_draggable a.draggable
{
	position: relative;
	background-color: #666666;
	display: block;
	height: 15px;
	width: 5px;
	cursor: s-resize;
}
.jScrollbar_draggable a:hover.draggable
{
	background-color: #000000;
}
.jScrollbar_draggable a:active.draggable
{
	background-color: #000000;
}
.jScrollbar_dir
{
	right: 0;
}

.resultContextMenuOuter
{
	display: none;
	position: absolute;
	z-index: 99999999;
	padding: 8px 8px 13px 8px;
	overflow: hidden;
	background: transparent;
	width:145px!important;
}
.resultContextMenuInner
{	
    position:relative!important;
    padding-top:4px!important;
    width:auto!important;
}
.resultContextMenu
{
	position: relative;
	z-index: 100;
	padding: 0px 0px 0px 1px;
	display: table;
	/*font-size: 11px;*/ font-size: 0.688rem;
}
.bubble-bg-wrap
{
	display:none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
	background: #dfdede;	
}
.bubble-bg
{
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
.bubble-bg-wrap .N
{
	top: -8px;
	width: 100%;
	height: 8px;
	background: transparent url('../../App_themes/Sapphire/images/ResultGrid/bubble_shadow_n.png') repeat-x;
}
.bubble-bg-wrap .NE
{
	top: -8px;
	right: -8px;
	width: 8px;
	height: 8px;
	background: transparent url('../../App_themes/Sapphire/images/ResultGrid/bubble_shadow_ne.png') no-repeat;
}
.bubble-bg-wrap .E
{
	right: -8px;
	height: 100%;
	width: 8px;
	background: transparent url('../../App_themes/Sapphire/images/ResultGrid/bubble_shadow_e.png') repeat-y;
}
.bubble-bg-wrap .SE
{
	bottom: -8px;
	right: -8px;
	width: 8px;
	height: 8px;
	background: transparent url('../../App_themes/Sapphire/images/ResultGrid/bubble_shadow_se.png') no-repeat;
}
.bubble-bg-wrap .S
{
	bottom: -13px;
	width: 100%;
	height: 13px;
	background: transparent url('../../App_themes/Sapphire/images/ResultGrid/bubble_shadow_s.png') repeat-x;
}
.bubble-bg-wrap .SW
{
	bottom: -8px;
	left: -8px;
	width: 8px;
	height: 8px;
	background: transparent url('../../App_themes/Sapphire/images/ResultGrid/bubble_shadow_sw.png') no-repeat;
}
.bubble-bg-wrap .W
{
	left: -8px;
	height: 100%;
	width: 8px;
	background: transparent url('../../App_themes/Sapphire/images/ResultGrid/bubble_shadow_w.png') repeat-y;
}
.bubble-bg-wrap .NW
{
	top: -8px;
	left: -8px;
	width: 8px;
	height: 13px;
	background: transparent url('../../App_themes/Sapphire/images/ResultGrid/bubble_shadow_nw.png') no-repeat;
}
.resultContextMenu a
{
	color: #333;
	text-decoration: none;
	outline: none;
}
.resultContextMenu a:hover
{
	color: #3c5a8e;
}
.resultContextMenu UL LI IMG
{
	margin-right: 2px;
}
.resultContextMenu UL LI
{
	/*float: left;*/
	clear: both;
	padding: 3px 10px 3px 8px;
	list-style: none;
}
    
.resultContextMenu UL
{
	float: left;
	margin: 0px;
	padding: 0px;
}

.resultContextMenu ul li.hover
{
    background:none;                
}
.resultContextMenu ul li:hover
{
    background:#DCDCDC!important;
    cursor:pointer;                
}

.resultContextMenu ul li:hover a
{
    color:#333!important;
}

.resultHeaderInactiveToolTipDiv
{
	left: 100px;
	position: absolute;
	height: 26px;
}

.menuDropDownCell .L2
{
	position: relative;
}
.menuDropDownCell .level-2
{
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0px;
	clear: both;
	background:#ccc;
	/*background: #426691 url('../../App_themes/Sapphire/images/ResultGrid/bg-L2.png') no-repeat 0 0;*/
	padding-top: 4px;
	display: none; /*float:left;*/
	width: 100%;
}
.menuDropDownCell .level-2 LI:last-child
{
	border: none;
}
.menuDropDownCell .tog-arrow
{
	position: absolute;
	top: 0;
	right: 5px;
	float: right;
	padding-top: 5px;
	height:14px; overflow:hidden;
}
.menuDropDownCell ul li a
{
	/*color: #92cdfe;*/
}
.menuDropDownCell ul li
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 100%;
	/*border-bottom: 1px solid #2f5c91;*/
    text-overflow: ellipsis;
    overflow: hidden;
}

.fixedMenuItem
{
	position: relative;
}
#divBaseMapBg
{
	background: url(images/arrow.gif) no-repeat 100% 4px;
	padding: 4px;
	height: 24px;
	color: #31456A;
}
#divBaseMapBg:hover
{
	color: #ffffff;
}

#divBaseMap label
{
	padding: 0px 16px 0px 0px;
	border: 0px;
	height: 24px;
	font-weight: bold;
	font-family: Arial, Sans-Serif;
	/*font-size: 11px;*/ font-size: 0.688rem;
}

#divBaseMapDropMenuWrapper
{
	display: none;
	position: absolute;
	z-index: 9999999;
	background: url(images/trans-8.png) repeat 0 0;
}
#divBaseMapDropMenuWrapper a
{
	padding: 4px;
	color: #f9f9f9;
	width: 100%;
	cursor: pointer;
	font-weight: bold;
}
#divBaseMapDropMenuWrapper td:hover
{
	background: #000;
}
#btnRSTBirdsEye:disabled
{
	color: #999999;
}

/*START:SWAMP Changes*/

.swamp-header
{
	background: url(images/viewer-header.png) no-repeat top right;
	margin-bottom: -3px;
	color: #fff;
}
.map-box TABLE
{
	width: 100%;
}
.header_welcome
{
	background: url("Images/welcome-bg.png") no-repeat top left;
	color: #13444b;
	height: 25px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.header_welcome a:link
{
	color: #13444b;
}
.menuTop
{
	background: url(images/drop-menuBg.png) no-repeat top right;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	margin-top: 5px;
	moz-box-shadow: 2px 2px 3px #999;
	-webkit-box-shadow: 2px 2px 3px #999;
	box-shadow: 2px 2px 3px #999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
}
.menuTopLink
{
	border-bottom: 1px solid #999;
	padding: 5px 6px 5px 6px;
	font-size: 12px;
}
.menuTopLink TD:hover
{
	background: #71a3c8;
}
.menuTopLinkHover
{
	color: #000;
}

/* START MODEL BOX */
#showbox-overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 5000;
	display: none;
	background: url("../../App_themes/Sapphire/images/transparent-bg.png") repeat 0 0;
}

/* END MODEL BOX */
.btnSearchCriteria
{
	vertical-align: middle !important;
	white-space: nowrap;
	font-weight: normal;
	cursor: pointer;
	width: 1px;
	padding-left: 5px;
	padding-right: 3px;
	color: Black;
	text-align: center;
}
.btnSearchCriteria:hover
{
	vertical-align: middle !important;
	white-space: nowrap;
	font-weight: normal;
	cursor: pointer;
	color: Black;
	/*border-color: solid 1px #214f74;*/
	background-color: White;
	width: 1px;
	padding-left: 5px;
	padding-right: 3px;
	text-align: center;
}
.btnSearchCriteriaSelected
{
	vertical-align: middle !important;
	white-space: nowrap;
	font-weight: normal;
	cursor: pointer;
	color: Black;
	/*border: solid 1px #214f74;*/
	background-color: White;
	width: 1px;
	padding-left: 5px;
	padding-right: 3px;
	text-align: center;
}
.SearchCriteriaPanel
{
	position: absolute;
	left: 180px;
	top: 23px;
	padding: 5px 0 5px 8px;
	background-color: White;
	border: solid 1px #214f74;
	margin:6px 0 0 2px;
}
.SearchCriteriaSeparatorLine
{
	padding-left: 2px;
	height: 1px;
	background-color: #cccccc;
	empty-cells: show;
}


.ProfileSettingsPanel
{
	border-color: #CCC;
	border-style: Solid;
	border-width: 1px;
	width: 365px !important;
}

.ProfileSettingsPanel > table {
    padding-left: 5px !important;
}

.ProfileSettingsPanel table td {
    padding: 4px 4px 4px 0px !important;
    border-collapse: inherit !important;
}

.ProfileSettingsMapTabDetails
{
	
}

div.ProfileSettingsMapTabDetails
{
    border: 1px solid #CCC;
    border-radius: 3px;
    padding: 7px;
    background: #F4F4F4;
    margin: 3px;
    overflow: hidden;
}

.ProfileTabBody
{
	padding: 5px 0px 5px;
}
.ProfileBoxSeparatorLine
{
	border-top: Solid 1px #CCC;
	empty-cells: show;
	padding-top: 10px;
}
.ProfileBoxDividerLine
{
	padding-left: 20px;
	border-left: Solid 1px #CCC;
	empty-cells: show;
}
.ProfileSettingsHeading
{
	font-weight: bold;
	color: GrayText;
}
.ProfileSettingsBorder
{
	border-bottom: Solid 1px #CCC;
}
.Small
{
	font-size: 7pt;
}
.ProfileSettingsLink
{
	border-color: #CCC;
    padding: 5px;
    white-space: nowrap;
    font-weight: bold;
    border-style: solid;
    border-width: 1px 0px 1px 1px;
}
.ProfileSettingsLinkSelected
{
	padding: 5px;
	font-weight: bold;
}
.ProfileSettingsLinkText
{
	font-weight: bold;
	color: GrayText; 
}
.ProfileTitleBar
{
	color: #000000;
	font-weight: bold;
	background-color: #dbd8d8;
	white-space: nowrap;
	height: 25px !important;
}
.ProfileWarpText
{
	word-wrap: break-word;
}
.SearchCriteriaLink
{
	text-decoration: none;
	width: 120px;
}
.break
{
	page-break-before: always;
}

/* Default styling for jQuery Calendars Picker v1.1.4. */
.calendars
{
	background-color: #fff;
	color: #000;
	border: 1px solid #444;
	border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 80%;
}
.calendars-rtl
{
	direction: rtl;
}
.calendars-popup
{
	z-index: 1000;
}
.calendars-disable
{
	position: absolute;
	z-index: 100;
	background-color: white;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.calendars a
{
	color: #333;
	text-decoration: none;
}
.calendars a.calendars-disabled
{
	color: #888;
	cursor: auto;
}
.calendars button
{
	margin: 0.25em;
	padding: 0.125em 0em;
	background-color: #fcc;
	border: none;
	border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	font-weight: bold;
}
.calendars-nav, .calendars-ctrl
{
	float: left;
	width: 100%;
	background-color: #C0C0C0;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	display: none;
}
.calendars-ctrl
{
	background-color: #C0C0C0;
	display: none;
}
.calendars-cmd
{
	margin: 5px 8px 0;
	width: 4px;
	height: 8px;
}
.calendars-cmd:hover
{
	/*background-color: #777;*/
}
.calendars-ctrl .calendars-cmd:hover
{
	/*background-color: #f08080;*/
}
.calendars-cmd-prevJump, .calendars-cmd-nextJump
{
	width: 8%;
}
a.calendars-cmd
{
	/*height: 1.5em;*/
}
.calendars-cmd-prev
{
	background-image: url("../../App_themes/Sapphire/images/leftArrow.png");
	background-repeat: no-repeat;
	margin-top: 10px;
}
.calendars-cmd-next
{
	background-image: url("../../App_themes/Sapphire/images/rightArrow.png");
	background-repeat: no-repeat;
	margin-top: 10px;
}

.calendars-rtl .calendars-cmd-prev
{
	background-image: url("../../App_themes/Sapphire/images/rightArrow.png");
	background-repeat: no-repeat;
}
.calendars-rtl .calendars-cmd-next
{
	background-image: url("../../App_themes/Sapphire/images/leftArrow.png");
	background-repeat: no-repeat;
}

button.calendars-cmd
{
	text-align: center;
}
.calendars-cmd-prev, .calendars-cmd-prevJump, .calendars-cmd-clear
{
	float: left;
	padding-left: 2%;
}
.calendars-cmd-current, .calendars-cmd-today
{
	float: left;
	width: 35%;
	text-align: center;
}
.calendars-cmd-next, .calendars-cmd-nextJump, .calendars-cmd-close
{
	float: right;
	padding-right: 2%;
	text-align: right;
}
.calendars-rtl .calendars-cmd-prev, .calendars-rtl .calendars-cmd-prevJump, .calendars-rtl .calendars-cmd-clear
{
	float: right;
	padding-left: 0%; /*padding-right: 2%;*/
	text-align: right;
}
.calendars-rtl .calendars-cmd-current, .calendars-rtl .calendars-cmd-today
{
	float: right;
}
.calendars-rtl .calendars-cmd-next, .calendars-rtl .calendars-cmd-nextJump, .calendars-rtl .calendars-cmd-close
{
	float: left; /*padding-left: 2%;*/
	padding-right: 0%;
	text-align: left;
}
.calendars-month-nav
{
	float: left;
	background-color: #777;
	text-align: center;
}
.calendars-month-nav div
{
	float: left;
	width: 12.5%;
	margin: 1%;
	padding: 1%;
}
.calendars-month-nav span
{
	color: #888;
}
.calendars-month-row
{
	clear: left;
}
.calendars-month
{
	float: left;
	width: 219px;
	border: 1px solid transparent;
	text-align: center;
}
.calendars-month-header, .calendars-month-header select, .calendars-month-header input
{
	color: #000;
}

.calendars-month-header
{
	padding: 2px 0;
	height: 23px;
	background: #F5F5F5;
}

.calendars-month-header select, .calendars-month-header input
{
	height: 1.6em;
	border: none;
	float: left;
	width: auto !important;
    min-width: 0px;
    margin-left: auto !important;
}

.calendars-rtl .calendars-month-header select
{
	float: right;
}

.calendars-month-header input
{
	position: absolute;
	display: none;
}
.calendars-month table
{
	width: 100%;
	border-collapse: collapse;
}
.calendars-month thead
{
    background: #F5F5F5;
    border-bottom: 1px solid #CCC;
}
.calendars-month th, .calendars-month td
{
	margin: 0em;
	padding: 0em;
	font-weight: normal;
	text-align: center;
}
.calendars-month th
{
	/*border: 1px solid #777;*/
}
.calendars-month th, .calendars-month th a
{
	/*background-color: #777;
	color: #fff;
	font-weight: bold;*/
	height: 25px;
}
.calendars-month td
{
	/*background-color: #eee;
	background: url(../../App_themes/Sapphire/images/daysBg.png) repeat 0 0 #E6F5FC;
	border: 1px solid #4690CD;*/
	height: 25px;
}
.calendars-month td.calendars-week
{
	/*border: 1px solid #777;*/
}
.calendars-month td.calendars-week *
{
	background-color: #777;
	color: #fff;
	border: none;
}
.calendars-month a
{
	display: block; /*width: 100%;*/
	padding: 0.125em 0em; /*background-color: #eee;*/
	color: #000;
	text-decoration: none;
}
.calendars-month span
{
	display: block; /*width: 100%;*/
	width: 29px;
	padding: 0.125em 0em;
}
.calendars-month td span
{
	color: #888;
}
.calendars-month td .calendars-other-month
{
	background-color: #fff;
	color: #999;
}
.calendars-month td .calendars-weekend
{
	/*background-color: #BAE6F8;*/
}
.calendars-month td .calendars-today
{
	background-color: #F4F4F4;
    color: #000;
    height: 19px;
    border: 1px solid #CCC;
    border-radius: 3px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    padding-top: 3px;
}
.calendars-month td .calendars-highlight
{
	background-color: #F4F4F4;
	border: 1px solid #CCC;
    border-radius: 3px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    padding-top: 3px;
    height: 19px;
}
.calendars-month td .calendars-selected
{
	background-color: #F4F4F4;
    color: #000;
    height: 19px;
    border: 1px solid #CCC;
    border-radius: 3px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    padding-top: 3px;
}
.calendars-month th.calendars-week
{
	background-color: #777;
	color: #fff;
}
.calendars-status
{
	clear: both;
	background-color: #ddd;
	text-align: center;
}
.calendars-clear-fix
{
	clear: both;
}
.calendars-cover
{
	display: none;
	display: /**/ block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -1px;
	left: -1px;
	width: 100px;
	height: 100px;
}

.calendars-image
{
	position: relative;
	top: 4px;
}

.datePickerWrapper
{
	background: #31456A;
}

#calendarPickerWrapper
{
	padding: 3px;
	/*padding-bottom:4px;
    _padding-bottom:4px;
    padding-bottom:4px\9;
    *padding-top:0px;
    _padding-top:0px;
    padding-top:0px\9;*/
    border-radius: 0px 3px 3px 0px;
    border: 1px solid #999;
    border-left: none;
    cursor: pointer;
}

/* Keyword search */

.masterpage-controls
{
}

.keywordcontrol
{
	margin-top: -1px;
}


.keyword-background
{
}

.keyword-background .TextBox
{
	width: 180px;
	border: none;
	background: transparent;
	color: #CCCCCC !important;
	float: left;
}

.keywordimage
{
	background-color: White !important;
}

.keyword-div-search
{
}

.keyword-searchimage
{
	border-bottom: #eee 1px inset;
	border-left: #eee 1px inset;
	border-right: #eee 0px inset;
	border-top: #eee 1px inset;
	background-color: White;
	background-position: left;
	background-repeat: no-repeat;
	border-left-width: 0px;
	padding-left: 3px;
}

.keyword-div-progressimage
{
	border-bottom: #eee 1px inset;
	border-left: #eee 1px inset;
	border-right: #eee 0px inset;
	border-top: #eee 1px inset;
	background-image: url(  "../../App_themes/Sapphire/Images/loading-blue.gif" );
	background-color: White;
	background-position: left;
	border-right-width: 0px;
	background-repeat: no-repeat;
}


.keyword-progressimage
{
	border-bottom: #eee 1px inset;
	border-left: #eee 1px inset;
	border-right: #eee 0px inset;
	border-top: #eee 1px inset;
	background-color: White;
	background-position: left;
	background-repeat: no-repeat;
}
.keyword-div-errorimage
{
	background-image: url(  "../../App_themes/Sapphire/Images/Error.png" );
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
	float: right;
	margin-top: 3px;
}

.keyword-errorimage
{
	background-color: White;
	background-position: left;
	background-repeat: no-repeat;
	border-bottom: #eee 0px inset;
	border-left: #eee 1px inset;
	border-right: #eee 1px inset;
	border-top: #eee 1px inset;
}

/*======= Popover Styling =========*/

#balloonWrapper
{
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 3px rgba(0, 0, 0, 0.5);
}

/*=================================*

/* Popover */

.popover
{
	border: 1px solid #666666;
	border-radius: 4px;
	padding: 10px 2px 10px 15px;
	position: absolute;
	width: 150px;
	z-index: 1010;
	left: auto !important;
	right: 36px !important;
	font-weight: normal;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 3px rgba(0, 0, 0, 0.5);
}

.popover-title
{
	padding: 8px 14px;
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.popover-content
{
	float: left;
	color: #333;
	text-shadow: 0 1px 0px #FFF;
}

.popover .arrow
{
	position: absolute;
	display: block;
	width: 18px;
	height: 9px;
	top: -9px;
	left: 144px;
	background-image: url(   "../../App_themes/Sapphire/Images/arrow.png");
	background-repeat: no-repeat;
}

.CommonBoxTableSelectionList .HeaderTableFloating
{
	border-bottom: 1px solid #345C90;
	/*padding: 2px 2px 2px 2px;*/
	width: 100%;
	color: #ffffff;
	font-weight: bold;
	cursor: default;
	height: 33px;
}

.CommonBoxTableSelectionList .HeaderTableFloating tr
{
	background: none;
}

.CommonBoxTableSelectionList table.HeaderTableFloating td:last-child {
    width: auto;
}

.CommonBoxTableSelectionList .HeaderTableFloating ul
{
	margin: 2px 0 -4px -2px;
	padding: 0px;
	list-style: none;
	float: left;
}

.CommonBoxTableSelectionList .HeaderTableFloating ul li.DBtabs,
.CommonBoxTableSelectionList .HeaderTableFloating ul li.Activetabs
{
	background: -moz-linear-gradient(top,  #FFFFFF 0%, #F8F8F8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F8F8F8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #FFFFFF 0%,#F8F8F8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FFFFFF 0%,#F8F8F8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FFFFFF 0%,#F8F8F8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #FFFFFF 0%,#F8F8F8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F8F8F8',GradientType=0 ); /* IE6-9 */
	border-color: #1F3150;
	border-radius: 3px 3px 0 0;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.5);
	color: #000;
	cursor: pointer;
	display: inline-block;
	float: left;
	line-height: 26px;
	list-style: none outside none;
	margin: 4px 3px 0 0;
	padding: 0 7px 0 9px;
	position: relative;
	/*opacity: 0.5;*/
}

.CommonBoxTableSelectionList .HeaderTableFloating ul li.ntabs,.CommonBoxTableSelectionList .HeaderTableFloating ul li.Activetabs
{
    -webkit-box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,1); 
    -moz-box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,1); 
    box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,1);
	
	border:1px solid #000;
	border-radius: 3px 3px 0 0;	
	color: #000;
	cursor: pointer;
	display: inline-block;
	float: left;
	line-height: 25px;
	list-style: none outside none;
	margin: 2px 1px 0 0;
    padding: 0 7px 0 9px;
	position: relative;
	width:150px;    
}
.CommonBoxTableSelectionList .HeaderTableFloating ul li.ntabs img, .CommonBoxTableSelectionList .HeaderTableFloating ul li.DBtabs img, .CommonBoxTableSelectionList .HeaderTableFloating ul li.Activetabs img
{
	margin-top: 4px;
	float: left;
	position: relative;
}

.CommonBoxTableSelectionList .HeaderTableFloating ul li.ntabs a.closeResultTab,
.CommonBoxTableSelectionList .HeaderTableFloating ul li.DBtabs a.closeResultTab,
.CommonBoxTableSelectionList .HeaderTableFloating ul li.Activetabs a.closeResultTab
{
	display: inline-block;
	/*padding: 0px 10px 0px 10px;*/
	position: relative;
	width: 12px;
	font-size: 15px;	
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	color: #333;
	margin-right: -10px;
	
	right: 14px;
	top: 5px;
	line-height: 10px;
    padding: 4px 3px 4px 3px!important;
    height: 10px
}

.CommonBoxTableSelectionList .HeaderTableFloating ul li.ntabs a.closeResultTab:hover
{
    background: #E1E1E1;
	border-radius: 3px;
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
}

.CommonBoxTableSelectionList .HeaderTableFloating ul li.ActivetabsSelected,
.CommonBoxTableSelectionList .HeaderTableFloating ul li.DBtabsSelected,
.CommonBoxTableSelectionList .HeaderTableFloating ul li.ntabsSelected
{
	background: -moz-linear-gradient(top,  #FFFFFF 0%, #FDFDFC 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#FDFDFC)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #FFFFFF 0%,#FDFDFC 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FFFFFF 0%,#FDFDFC 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FFFFFF 0%,#FDFDFC 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #FFFFFF 0%,#FDFDFC 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FDFDFC',GradientType=0 ); /* IE6-9 */
	border-color: #1F3150; 
	/*box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.5);*/
	color: #000;
	cursor: pointer;
	display: inline-block;
	float: left;
	line-height: 25px;
	list-style: none outside none;
	margin: 0 1px 0 0;
	padding: 1px 7px 2px 9px;
	position: relative;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	border-radius: 3px 3px 0px 0px;
	width:150px!important;
}
.CommonBoxTableSelectionList .HeaderTableFloating ul li.ActivetabsSelected img, .CommonBoxTableSelectionList .HeaderTableFloating ul li.DBtabsSelected img, .CommonBoxTableSelectionList .HeaderTableFloating ul li.ntabsSelected img
{
	margin-top: 5px;
	float: left;
	position: relative;
}
.CommonBoxTableSelectionList .HeaderTableFloating ul li.ActivetabsSelected a.closeResultTab,
.CommonBoxTableSelectionList .HeaderTableFloating ul li.DBtabsSelected a.closeResultTab,
.CommonBoxTableSelectionList .HeaderTableFloating ul li.ntabsSelected a.closeResultTab
{
	/*height: 15px;*/
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: #666;
	padding: 0px 4px;
}

.CommonBoxTableSelectionList .HeaderTableFloating ul li.ActivetabsSelected a.closeResultTab:hover
{
	background: #E1E1E1;
	border-radius: 3px;
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
}

.spSearchTab
{
    background:url("../../App_themes/Sapphire/images/resultgrid/gridmapselectiontab.png") no-repeat 0 6px;
    float:left;    
}

.spDBSearchTab
{
    background:url("../../App_themes/Sapphire/images/resultgrid/GridDBTab.png") no-repeat 0 6px;
    float:left;    
}

.recordCount {
    float: left;
    background: #ECECEC;
    padding: 0;
    height: 18px;
    margin: 5px 6px 0 auto;
    line-height: 18px;
    border-radius: 3px;
    color: #555;
    width: 26px;
    text-align: center;
    font-size: 10px;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3), 0 1px 0px #FFF;
}

#imgLabeldiv .recordCount
{    
    float: left;
    background: #B3B1B1;
    padding: 0;
    height: 18px;
    margin: 0;
    line-height: 18px;
    border-radius: 3px;
    color: #000;
    width: 36px;
    text-align: center;
    /*font-size: 11px;*/ font-size: 0.688rem;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3), 0 1px 0px #FFF
}

.moreResultTabs .recordCount 
{
   margin: 3px 6px 3px auto;  
   box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
}

.searchName {
    width: 82px;
    float: left;
    padding: 2px 3px 0px 20px;
    text-overflow: ellipsis;
    white-space: nowrap!important;
    overflow: hidden;
}

.thematicMapBox
{
	width: 425px;
}
.thematicMapPadRight
{
	padding-right: 10px;
}
.thematicMapPadBottom
{
	padding-bottom: 20px;
}
.thematicButtons
{
	text-align: right;
	width: 100%;
}

/*---Start:- Area of intrest---*/

.wrapper-aoi, .wrapper-aoi H2, .wrapper-aoi UL, .wrapper-aoi UL LI, .wrapper-aoi FIELDSET, .wrapper-aoi LEGEND
{
	margin: 0;
	padding: 0;
}
.wrapper-aoi UL LI
{
	list-style: none;
}
.wrapper-aoi H2
{
	font-weight: normal;
	font-size: 12px;
	margin: 4px 0;
}
.wrapper-aoi H2.head2
{
	font-weight: bold;
}

.wrapper-aoi
{
	padding: 5px;
}
.wrapper-aoi .option-box
{
	clear: both;
	width: 100%;
	margin-bottom: 10px;
}
.wrapper-aoi .opt-field
{
	border: 1px solid #d3dee4;
}
.wrapper-aoi .opt-field LEGEND
{
	color: #000;
	font-size: 12px;
	padding: 4px;
	white-space: nowrap;
}

.wrapper-aoi .list-h, .wrapper-aoi .list-h LI, .wrapper-aoi
{
	float: left;
}
.wrapper-aoi .list-h{margin:0 6px;}
.wrapper-aoi .list-h LI
{
	margin: 2px; border:1px solid transparent;
}
.wrapper-aoi .list-h LI:hover
{
    background:#e0e0e0;	
    box-shadow: inset 0 0 3px rgba(0,0,0,0.2), 0 1px 0px #FFF; 
    border: 1px solid #CCC; 
    border-radius:3px;
}
.wrapper-aoi .no .list-h LI:hover
{
	background: none;
}
.wrapper-aoi .list-v
{
	margin: 4px 4px 0px 4px;
	width: 100%;
}
.wrapper-aoi .list-v td
{
	clear: both;
	width: 100%;
}
.wrapper-aoi .list-v td:hover
{
	background: #f0f0f0;
}
.wrapper-aoi .list-v td a
{
	color: #3366FF;
	padding-right: 15px;
}
.wrapper-aoi .list-v td a:hover
{
	text-decoration: none;
}
.wrapper-aoi .list-v td IMG
{
	top: 0;
	right: 0;
	cursor: pointer;
}
.wrapper-aoi .or
{
	clear: both;
	width: 100%;
	text-align: center;
	font-weight: bold;
	margin-top: 5px;
}
.wrapper-aoi .lineBreak10
{
	height: 10px;
	clear: both;
	width: 100%;
	overflow: hidden;
}
.wrapper-aoi .scrollBookmark
{
	max-height: 190px;
	overflow-x: hidden;
	overflow-y: auto; *position:relative;}

.3DScrollBookmark    
{
    max-height: 300px;
    overflow: auto;
    padding-right: 10px;
}

/*---End:- Area of intrest---*/

.dont-show
{
	float: left;
	clear: both;
	margin: 5px 0 5px 40px;
	width: 98%;
}
.dont-show SPAN, .dont-show INPUT
{
	float: left;
}
.dont-show SPAN
{
	margin-top: -1px;
    margin-left: 4px;
}

.tableEventGrid td, 
.tableEventGrid th 
{border: 1px solid black; white-space: nowrap; padding: 2px;}

.lblEventPointClick{font-style:italic;color:#c0c0c0;}

.tblRouteMeasureResult td, 
.tblRouteMeasureResult th 
{border: 1px solid black; white-space: nowrap; padding: 2px;border-collapse:collapse}

.trRouteMeasureHeader {background: #ececec;}
.tblRouteMeasureResult{border-collapse:collapse;}
.defultEditValueOptionStyle{color:Red}

.requiredField{font-size:18px;color:Red;vertical-align:middle}

#divWrapper
{
	overflow: hidden;
	float: left;
	width: 100%;
	bottom: 0px;
	position: absolute;
	height: 100%;
	vertical-align: middle;
	margin: auto;
}

.divHeader
{
	border-bottom: 1px solid #000000;
	width: 100%;
	height: 36px;
	padding: 0px;
	overflow: hidden;
}

#divLogo
{
	float: left !important;
	padding: 2px 0 5px 4px;
}

#divPersonlizedToolbar
{
	float: right;
	padding-top: 3px;
	margin-right: 5px;
}

#divPersonlizedToolbar > div, #divPersonlizedToolbar > div > div
{
	float: left;
}

#divPersonlizedToolbar div.headerToolbarItemWithIcon
{
}

.headerToolbarItemWithIcon
{
    cursor: pointer;
    float: left;
}

.headerToolbarItemWithIcon1
{
    cursor: pointer;
    float: left;
    margin: 2px 1px;
    border: 1px solid transparent;
    padding: 4px 7px;
    border-radius: 3px;
}

.headerToolbarItemWithIcon1:hover
{
    border: 1px solid #CCC;
}

.clsFloat
{
    float: left;
}

.HeaderToolbar
{
	margin-top: 2px;
}

.HeaderToolStyle
{
	padding: 3px 3px 2px;
	border-radius: 3px;
	border: 1px solid transparent;
	width: 24px;
	text-align: center;
	cursor: pointer;
	margin-top: -2px;
}

.HeaderToolsMouseOver, #tb_SELECTION_TOOLS_FIXED td:hover
{
	
	padding: 3px 3px 2px;
	border-radius: 3px;
	border: 1px solid #CCCCCC;
	width: 24px;
	text-align: center;
	cursor: pointer;
	margin-top: -2px;
} 

.headerToolbarItemWithHypLink
{
	height: 14px;
	padding: 8px 0px 5px;
	border: 1px solid transparent;
	margin: 0;
}

.mapNavigationbar
{
	font-weight: bold;
	text-shadow: 0 /*{a-bar-shadow-x}*/ 2px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #1B313D /*{a-bar-shadow-color}*/;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.6);
	border-top: 1px solid #72AEE0;
	border-bottom: 1px solid #000000;
	height: 38px;
	color: #ffffff;
	width: 100%;
	display: block;
}

#tblMapViews
{
	/*left: 89%;     position: absolute;     top: 10%;     z-index: 1;*/
}

.xToolbar
{
	left: 10%;
	position: absolute;
	top: 10%;
	z-index: 1;
}

.divBtnViews
{
	z-index: 1;
	cursor: pointer;
	opacity: 0.5;
	border-color: rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(255, 255, 255, 1);
	border-radius: 3px;
	border: 1px solid #999999;
	padding: 7px 7px 3px;
	white-space: nowrap;
	font-weight: bold;
	width: 196px;
	margin: 5px auto 11px;
	overflow: hidden;
}

.divBtnViews:hover
{
	opacity: 1;
}

.divBtnViews div
{
	float: left;
	margin: 4px 3px -1px;
}

.divBtnViews div img
{
	margin-top: -2px;
}

#divDashboard
{
	float: left;
	height: 38px;
	/*width: 50%;
	width: auto !important;*/
	position: absolute;
}

#divMainNavBarOptions
{
	float: right;
	margin-right: 4px;
	margin-top: 4px;
	position:relative;
}

.divResults
{
}

.divResults table
{
	border-spacing: 0px;
}

.resultsetdiv
{
	overflow: auto;
	background-color: #eff8fd;
}

.bgKeywordSearch
{
	background: #07204E; /*IE9 */
	background: -moz-linear-gradient(top,  #000000 0%, #07204E 20%, #07204E 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2977b7), color-stop(40%,#165699), color-stop(100%,#0b2e70)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #000000 0%, #07204E 20%, #07204E 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #000000 0%, #07204E 20%, #07204E 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #07204E 0%, #07204E 100%); /*IE10+ */
	background: linear-gradient(top bottom,  #07204E 0%, #07204E 100%); /*W3C */
	border-radius: 4px 0px 0px 4px;
	padding: 0px 5px;
	box-shadow: inset 0 0 7px #000000;
	border-bottom: 1px solid #666666;
}

.bgKeywordSearch > div
{
	float: left;
	margin-right: 5px;
}

.keyword-buttons
{
	border-radius: 0px 5px 5px 0px;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	border-color: #000;
}

.keyword-buttons:first-child .btn
{
	padding: 2px 8px;
	background: url("../../App_themes/Sapphire/images/btnFind.png") no-repeat 6px!important;
	height: 30px;
	width: 32px;
	border-radius: 0 5px 5px 0;
	margin: -1px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 0px 2px rgba(255, 255, 255, 0.75) !important;
	filter:none;
	min-width: inherit;
}

.keyword-buttons:last-child .btn
{
	padding: 2px 8px;
	background: url("../../App_themes/Sapphire/images/btnCancel.png") no-repeat 6px;
	height: 30px;
	width: 32px;
	border-radius: 0 5px 5px 0;
	margin: -1px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 0px 2px rgba(255, 255, 255, 0.75) !important;
	min-width: inherit;
}

#mainNavBarDivider
{
	border-left: 1px solid #0D3271;
	border-right: 1px solid #1E6B9B;
	width: 2px;
	display: none;
}

#tblDashboard
{
	/*	height: 45px;*/
}

/********* Dashboard Items *********/

.ulDashboardItems
{
	margin: 0;
	padding: 0;
}

.down-arrow > div
{
	background: url('../../images/down-arrow.png') no-repeat right 40% transparent;
	padding-right: 25px;
}

.down-arrow > div:hover
{
	box-shadow: inset 0 0 8px #000000;
	background: url('../../images/down-arrow.png') no-repeat right 40% #07204E !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.ulDashboardItems li
{
	border-left: 1px solid #0D3271;
	border-right: 1px solid #1E6B9B;
	float: left;
	height: 36px;
	list-style: none outside none;
	padding-top: 3px;
}

.ulDashboardItems li:hover
{
	box-shadow: inset 0 0 8px #000000;
	background: #07204E;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	z-index: 10000;
    position: relative;
}

.dashboardMenu
{
	background: transparent;
	text-shadow: none;
	width: 230px !important;
	/*border-width: 0 0px 1px; 
    border-style: solid;
    border-color: #CCC; */
	margin-top: -2px;
}

.dwMenuItems
{
	overflow: hidden;
	white-space: nowrap;
	height: 52px;
	width: 230px;
	vertical-align: middle;
	display: table-cell; 
	text-shadow: 0 1px 0px #FDFDFD;
	border-top: 1px solid #CCC;
}

.firstLevelMenuItem .dwMenuItems .dwContent
{
    width: 200px;
}

.mapTabs .firstLevelMenuItem .dwMenuItems .dwContent
{
    width: 165px !important;
}

.firstLevelMenuItem div.dwMenuItems {
    /*height: auto !important;*/
}

.secondLevelMenuItem .dwMenuItems
{
	border-top: 1px solid transparent;
}

.dwThumbnail
{
	display: table-cell;
    vertical-align: middle;
    height: 53px;
    padding-left: 5px;
    width: 33px;
}

.dwGrpThumbnail
{
    vertical-align: middle;
    margin: 12px 0px 12px 6px;
    float: left;
}

.dwThumbnail img, .dwGrpThumbnail img
{
	border: 1px solid #666666 !important;
	width: 24px;
	height: 24px;
	border-radius: 3px;
	background: #FCFCFC;
	box-shadow: 0 1px 0px #FDFDFD;
}

.dwContent
{
	display: table-cell;
    vertical-align: middle;
    /* height: 35px;
    /* width: 170px; 
    padding: 7px 0px;*/
}

.dwMenuItemHeader
{
	font-weight: bold;
	color: #333;
	margin-top: 5px;
	width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.groupItem
{
    background: #ECECEC !important;
}

.dwMenuItemDescription
{
	text-overflow: ellipsis;
	white-space: normal;
	font-weight: normal;
	vertical-align: top;
	color: #868686;
    /*font-size: 11px;*/ font-size: 0.688rem;
    margin-bottom: 5px;
    word-break: break-all;
	padding-right: 5px;
}

/********** Right Panel Tools **********/
#divTools
{
	right: -3px;
	position: absolute;
	z-index: 1;
	margin-right: 0;
	/*cursor: pointer;*/
	top: 0;
	bottom: 34px;
}

#toolHandle
{
	border-radius: 0 0 0 4px;
	border-top: none;
	color: #D9E2FF;
	cursor: pointer;
	float: left;
	font-weight: bold;
	margin-left: -37px;
	padding: 3px;
	position: relative;
	height: 33px;
	width: 31px;
}

.right_pnl
{
	float: left;
	width: 36px;
	height: 100%;
	overflow: hidden;
	border: 1px solid #666;
	border-width: 0px 0px 0px 1px;
	opacity: 0.7;
	background: #fdfdfc; /* Old browsers */
	background: -moz-linear-gradient(right,  #fdfdfc 0%, #DCDCDC 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfc), color-stop(100%,#DCDCDC)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(right,  #fdfdfc 0%,#DCDCDC 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(right,  #fdfdfc 0%,#DCDCDC 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(right,  #fdfdfc 0%,#DCDCDC 100%); /* IE10+ */
	background: linear-gradient(to left,  #fdfdfc 0%,#DCDCDC 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfc', endColorstr='#DCDCDC',GradientType=0 ); /* IE6-9 */
}

.right_pnl:hover
{
	opacity: 1;
}

.bottomnavarr
{
	position: relative;
}

#divLayerManager
{
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 34px;
}

#layerManagerHandle
{
	border-radius: 0 0 4px 0;
	border-top: none;
	color: #D9E2FF;
	cursor: pointer;
	float: left;
	font-weight: bold;
	height: 33px;
	margin-right: -37px;
	margin-left: -1px;
	padding: 3px;
	width: 31px;
	position: relative;
}

.LyrMngrHandleArrowLeft
{
	background-image: url(../../App_themes/Sapphire/images/East_Panel_Handle.png);
	background-repeat: no-repeat;
	background-position: 4px 3px;
}

.LyrMngrHandleArrowRight
{
	background-image: url(../../App_themes/Sapphire/images/West_Panel_Handle.png);
	background-repeat: no-repeat;
	background-position: 4px 3px;
}

.ToolsPnlHandleArrowRight
{
	background-image: url(../../App_themes/Sapphire/images/West_Panel_Handle.png);
	background-repeat: no-repeat;
	background-position: 4px 3px;
}

.ToolsPnlHandleArrowLeft
{
	background-image: url(../../App_themes/Sapphire/images/East_Panel_Handle.png);
	background-repeat: no-repeat;
	background-position: 4px 3px;
}



#divMapContent
{
	border-color: #666;
	border-style: solid;
	border-width: 0 1px 1px;
	float: left;
	width: 250px;
	height: 100%;
	overflow: hidden;
	opacity: 0.7;
}

#divMapContent:hover
{
	opacity: 1 !important;
	opacity: 1;
}

.marginLeft
{
	margin-left: -251px;
}

.marginRight
{
	margin-right: -37px;
}

#tblAboutThisSite a
{
}

#ctl01_cpMapBody_updMap > table
{
	width: 100%;
}

table tbody.ResultTable-Body tr:nth-child(even)
{
	background: #E6F3FB;
}

table tbody.ResultTable-Body tr:nth-child(odd)
{
	background: #FFFFFF;
}


/************** Search Dropdown Menu ************/

.DashBoardMenuItem
{
	/*border-bottom: 1px solid #CFCFCF;
	border-top: 1px solid #FDFDFD;*/
}

.dashboardSeparator
{
    height: 36px;
}

.liSeparator
{
    border-right: 0px !important;
}

table.DashBoardMenuItem
{
	/*padding: 3px;*/
}

.DashBoardMenuItem td
{
	/*height: 25px;*/
}
.DashBoardMenuItem a > img
{
	display: none;
}
/*
.lang > div 
{
	margin-top: -13px;
}*/
#LoginStatTable
{
	/*color:#f9f9f9; 	padding:0px 6px;*/
	height: 30px;
	padding-top: 3px;
}

#LoginStatTable td
{
	/*padding: 0px 5px 0px;*/
	vertical-align: middle !important;
}

.loginLnk
{
    text-decoration:underline!important;
}

.loginLnk:hover {
    color: #000!important; 
}

/* #### Geosearch style UX team ### */

.TextBox, .SelectBox
{
	/*border: 1px solid #16572c;
	background: #f9f9f9;
	padding: 2px;*/
}

/* #### local reset style ### */

table.tbl, .tbl caption, .tbl tbody, .tbl tfoot, .tbl thead, .tbl tr, .tbl th, .tbl td, .geo-search input[type="radio"], .geo-search LABEL
{
	margin: 0;
	padding: 0;
}
.tbl
{
	width: 381px;
}

.geo-search .TextBox, .geo-search .SelectBox, .geo-search input[type="radio"], .geo-search LABEL
{
	float: left;
}
.geo-search .btn-bar
{
	padding-top: 10px;
}
.geo-search .btn
{

	padding: 4px 6px;
	cursor: pointer;
	margin: 0 4px;
	height: auto;
	border-radius: 4px;
}
.geo-search hover.btn
{
	background: #48B768;
}

.wt1
{
	width: 374px;
	margin: 6px 4px;
}
.geo-search
{
	float: left;
	clear: both;
}
.geo-search .TextBox
{
	width: 360px;
}
.geo-search .SelectBox
{
	width: 366px;
}
.geo-search .head2
{
	float: left;
	font-size: 16px;
	margin: 4px 0;
}
.tbl input[type="radio"]
{
	margin: 0 5px 0 0;
}
.geo-search LABEL
{
	margin-right: 10px;
}

.list-result
{
	width: 376px;
    height: 245px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #CCC;
    margin-bottom: 10px;
}
.list-result .tbl td
{
	background: #fff;
}
.list-result .single-data
{
	border-bottom: 1px solid #ccc;
	padding: 4px 0;
	background: #fff;
}
.list-result .rel-icon
{
	margin-right: 5px;
}
.list-result .data-head
{
	font-weight: bold;
	text-decoration: none;
	color: #333;
	font-size: 12px;
}
.list-result :hover.data-head
{
	font-size: 12px;
}
.list-result .links
{
	padding: 4px 0 0 20px;
	float: left;
	background: #fff;
}
.list-result .links a
{
	float: left;
	color: #63a776;
	margin: 0 10px 10px 0;
	/*font-size: 11px;*/ font-size: 0.688rem;
}
.list-result .links a:hover
{
	/*font-size: 11px;*/ font-size: 0.688rem;
}

.geo-add-holder
{
	padding: 5px;
}
.geo-add-holder .geo-tbl
{
	width: 544px !important;
}

.geo-add-holder .geo-tbl td {
    padding: 3px 0px;
}

.geo-add-holder .TextBox
{
	width: 533px !important;
}
.geo-add-holder .ddlLarge
{
	width: 536px !important;
}
.geo-add-holder .slt-Box
{
	width: 536px !important;
	height: 70px;
}
.geo-add-holder .slt-Box-2
{
	width: 245px !important;
	height: 80px;
	margin-right: 2px;
}
.geo-add-holder .btn-holder
{
	padding: 15px 0 0 0;
}

.ctl01_cpMapTabs_ctrlMapTabs_mMapTabs_3
{
	margin-top: -3px;
}

.dashBoardItem
{
	height: 40px;
}

.clsDivMenu
{
	position: absolute;
	z-index: 10001;
	-webkit-margin: 35px 0px 0px -1px;
	margin: 34px 0px 0px -1px;
	display: none;
	border-radius: 0px 0px 3px 3px;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
	border: 1px solid #999;
	border-width: 0 1px 1px 0;
	padding: 0;
}

.menu-item
{
	padding: 0 20px 0 5px;
}

/* ---- global button style ---- */

.btn a
{
	color: #666;
}

/*.btn:hover, */
.btnInfoReportPerFeature:hover
{
	background: #0E3785; /* Old browsers */
	background: -moz-linear-gradient(top,  #2F8AD5 0%, #175CAB 40%, #0E3785 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2F8AD5), color-stop(40%,#175CAB), color-stop(100%,#0E3785)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2F8AD5 0%,#175CAB 40%,#0E3785 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2F8AD5 0%,#175CAB 40%,#0E3785 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2F8AD5 0%,#175CAB 40%,#0E3785 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2F8AD5 0%,#175CAB 40%,#0E3785 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2F8AD5', endColorstr='#0E3785',GradientType=0 ); /* IE6-9 */
}

#header__outctl01_cpPopUps_BoxSelectionList.HeaderTableFloating
{
	border-radius: 0px;
}


#divPersonlizedToolbar .lang
{
	/*padding:6px 6px 0 4px; */ /*UX*/
}
#divPersonlizedToolbar .lang SPAN
{
	display: none;
}
#divPersonlizedToolbar .lang a
{
	border-right: 1px solid #333;
	padding: 0 5px 0 6px;
}

.tl
{
	text-align: left;
}
.tr
{
	text-align: right;
}

.test
{
	text-align: right;
}

.divDashboardItems
{
	padding-top: 10px;
}
#divDashboardItems{float:left;}

.ulSocialNetwork
{
    /*margin: -3px 0 -3px -43px;*/
}

.ulSocialNetwork li
{
	list-style-type: none;
	margin: 0;
	border-bottom: 1px solid #CCC;
	float: left;
	clear: both;
	width: 100%;
	padding: 4px;
}

.ulSocialNetwork li:last-child
{
	border-bottom: 0px solid #CCC;
}

.ulSocialNetwork li:hover
{
	background-color: #F2F2F2;
	/*box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.3);*/
}

#tblSearch
{
	/*width: 100%;*/
}

/***********************************************************/
/************ HTML Control CSS Styling **********************/

select
{
	padding:0 20px 0 2px;
	min-height: 2em;
	min-width: 4em;
	-webkit-user-select: none;
	border-radius: 2px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
	color: #444;
	box-sizing: border-box;
	-webkit-align-items: center;
	white-space: pre;
	-webkit-rtl-ordering: logical;
	background-color: white;
	cursor: default;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	display: inline-block;
	text-align: start;
	/*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAaUlEQVQoz2P4//8/A7UwdkEGhiggTsODo4g2LBEImJmZvwE1/UfHIHGQPNGGAbHCggULFrKxsf1ENgjEB4mD5EnxJoaByAZB5Yk3DNlAPj6+L8gGkWUYzMC3b982IRtEtmFQjaxYxDAwAGi4TwMYKNLfAAAAAElFTkSuQmCC'), -webkit-linear-gradient(#FFFFFF, #F5F5F5);
	width: Auto !important;
    min-width: 140px;
	-webkit-padding-end: 20px;
	-webkit-padding-start: 2px;
	*/
    margin: 2px;

	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAaUlEQVQoz2P4//8/A7UwdkEGhiggTsODo4g2LBEImJmZvwE1/UfHIHGQPNGGAbHCggULFrKxsf1ENgjEB4mD5EnxJoaByAZB5Yk3DNlAPj6+L8gGkWUYzMC3b982IRtEtmFQjaxYxDAwAGi4TwMYKNLfAAAAAElFTkSuQmCC'), -webkit-linear-gradient(top, #fff, #f5f5f5);
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAaUlEQVQoz2P4//8/A7UwdkEGhiggTsODo4g2LBEImJmZvwE1/UfHIHGQPNGGAbHCggULFrKxsf1ENgjEB4mD5EnxJoaByAZB5Yk3DNlAPj6+L8gGkWUYzMC3b982IRtEtmFQjaxYxDAwAGi4TwMYKNLfAAAAAElFTkSuQmCC'), -moz-linear-gradient(top, #fff, #f5f5f5);
	background:url('data:images/arrow.png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAaUlEQVQoz2P4//8/A7UwdkEGhiggTsODo4g2LBEImJmZvwE1/UfHIHGQPNGGAbHCggULFrKxsf1ENgjEB4mD5EnxJoaByAZB5Yk3DNlAPj6+L8gGkWUYzMC3b982IRtEtmFQjaxYxDAwAGi4TwMYKNLfAAAAAElFTkSuQmCC'), -ms-linear-gradient(top, #fff, #f5f5f5);
	background-position: right center;
	background-repeat: no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border:1px solid #a9a9a9;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	select {
	    padding: 2px 20px 2px 5px;
	    min-height: 1.7em;
	}
}
		
@-moz-document url-prefix() {
    select
    {
	    padding: 2px;
	    height: 23px;
	    min-height: 1.7em;
    }
}

select::-webkit-scrollbar
{
	width: 14px;
	height: 14px;
	background-color: #CCCCCC;
}

select::-ms-expand {display: none;}
.input[type='text']
{
	border-radius: 2px;
	height: 19px;
	border: 1px solid #CDCDCD;
	padding: 1px 5px;
}

/*:enabled:hover:-webkit-any( input[type='checkbox'], input[type='radio'], :-webkit-any(input[type='submit']):not(.custom-appearance):not(.link-button))*/
:enabled:hover:-webkit-any( input[type='checkbox'], input[type='radio'])
{
	/*:enabled:hover:-webkit-any( input[type='checkbox'], input[type='radio'], :-webkit-any( button, input[type='button'], input[type='submit']):not(.custom-appearance):not(.link-button)) {*/
	/*background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
	border-color: rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.95);
	color: black;*/
}
input[type='submit']:hover, input[type='button']:hover, input[type='reset']:hover
{
    /*background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);*/    
    
    background: -moz-linear-gradient(top,  #f0f0f0 0%, #f0f0f0 38%, #e0e0e0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(38%,#f0f0f0), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f0f0f0 0%,#f0f0f0 38%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f0f0f0 0%,#f0f0f0 38%,#e0e0e0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f0f0f0 0%,#f0f0f0 38%,#e0e0e0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f0f0f0 0%,#f0f0f0 38%,#e0e0e0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */    
	border-color: rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.95);
	color: black;    
}

input[type='checkbox']
{
	bottom: 2px;
	height: 15px;
	position: relative;
	vertical-align: middle;
	width: 15px;
	border-radius: 2px;
}

#lmTree input[type='checkbox']
{
	bottom: 2px;
	height: 17px;
	position: relative;
	vertical-align: middle;
	width: 17px;
	margin: 8px 4px 0px;
	float: left;
	background-image: -webkit-linear-gradient(#2977b7, #165699 38%, #0b2e70) !important;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(0, 0, 0, 0.75) !important;
}

input[type='radio']
{
	border-radius: 100%;
	bottom: 3px;
	height: 15px;
	position: relative;
	vertical-align: middle;
	width: 15px;
}

#lmTree input[type='radio']
{
	border-radius: 100%;
	bottom: 3px;
	height: 15px;
	position: relative;
	vertical-align: middle;
	width: 15px;
	margin: 0px 5px;
	background-image: -webkit-linear-gradient(#2977b7, #165699 38%, #0b2e70) !important;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(0, 0, 0, 0.75) !important;
	float:left;
    top:4px;  
}

/*:-webkit-any(input[type='submit']):not(.custom-appearance):not(.link-button), input[type='checkbox'], input[type='radio'], .btn*/
input[type='checkbox'], input[type='radio'], .btn
{
	/*:-webkit-any(button, input[type='button'], input[type='submit']):not(.custom-appearance):not(.link-button), input[type='checkbox'], input[type='radio'] {	*/
	-webkit-appearance: none;
	-webkit-user-select: none;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
    color: #444;
    margin: 0px 5px 0px 0px;
    background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede);
	border: 1px solid rgba(0, 0, 0, 0.25);
}

input[type='submit'], input[type='button'], input[type='reset'], .btn, .btnInfoReportPerFeature, .tab-wrapper .btn-browse, .form-wrapper .img-btn
{
    /*background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede);*/
    
    background: #ededed; /* Old browsers */
    background: -moz-linear-gradient(top,  #ededed 0%, #ededed 38%, #dedede 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(38%,#ededed), color-stop(100%,#dedede)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ededed 0%,#ededed 38%,#dedede 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ededed 0%,#ededed 38%,#dedede 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ededed 0%,#ededed 38%,#dedede 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ededed 0%,#ededed 38%,#dedede 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */

    
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-radius: 2px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
	color: #444;
	font: inherit;
	margin: 0px 2px 0px 0px;
    text-shadow: 0 1px 0 rgb(240, 240, 240);
    padding: 3px 5px;
    /*min-width: 50px;*/
}

input[type='checkbox']:checked::before
{
	-webkit-user-select: none;
	background-image: url( '../../App_themes/Sapphire/images/checked-grey.png' );
	background-size: 100% 100%;
	content: '';
	display: block;
	height: 100%;
	width: 100%;
}

.XSLSearchResult input[type='checkbox']:checked::before
{
	background-image: url('../../images/checked_black.png');
}

#lmTree input[type='checkbox']:checked::before
{
	-webkit-user-select: none;
	background-image: url('../../images/checked.png');
	background-size: 11px 11px;
	background-position: 2px 2px;
	content: '';
	display: block;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	
}

#lmTree input[type='checkbox'] 
{
    cursor:auto;
}

input[type='radio']:checked::before
{
	background-color: #666;
	border-radius: 100%;
	bottom: 3px;
	content: '';
	display: block;
	left: 3px;
	position: absolute;
	right: 3px;
	top: 3px;
}

#lmTree input[type='radio']:checked::before
{
	background-color: #ABDEEA;
	border-radius: 100%;
	bottom: 3px;
	content: '';
	display: block;
	left: 3px;
	position: absolute;
	right: 3px;
	top: 3px;
}

/************************ End ******************************/
/***********************************************************/


/********** Header **************/

#DivPersonalization
{
	cursor: pointer;
}

.pnlpersonalization
{
	display: none;
}

/************ Start List Menu CSS *****************/
ul.listMenuStyle
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul.listMenuStyle li
{
	padding: 7px;
	cursor: pointer;
	position:relative;
}

ul.listMenuStyle li:hover
{
	background-color: #DCDCDC;
}

ul.listMenuStyle li div.liImg
{
	width: 24px;
    float: left;
    margin: 2px 0px 2px -13px;
}

ul.listMenuStyle li div.liContent
{
	white-space: nowrap;
    display: inline-block;
    margin: 3px 0px 0px;
	
}

ul.listMenuStyle li.horSeparator:hover
{
	background-color: transparent !important;
}

.horSeparator div
{
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #FFFFFF;
	padding: 0px !important;
}

ul.listMenuStyle li a
{
	text-decoration: none;
}

ul.listMenuStyle li a, ul.listMenuStyle li div
{
	color: #333333;
}

/************ End *****************/


/************ Start Footer *****************/

#divLeft
{
	float: left;
	overflow: hidden;
}

#divLeft > div
{
	float: left;
	height: 32px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #999999;
}

#divLeft > div:last-child
{
	float: left;
	height: 32px;
	border-left: 1px solid #FFFFFF;
	border-right: 0px solid #999999;
}

#divLeft div img
{
	width: 170px;
}

#divLeft div table
{
	padding: 2px 4px 0 4px;
}

#divRight
{
	float: right;
	overflow: hidden;
}

#divRight > div
{
	float: left;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #999999;
	height: 32px;

}

#divRight > div:first-child
{
	float: left;
	border-left: 1px solid #999999;
	border-right: 1px solid #FFFFFF;
	height: 32px;
	width: 0px;
}

#divRight div img
{
	padding: 8px 8px 8px 9px;
	cursor: pointer;
}

#divRight div > table
{
	padding-top: 8px;
}

.BtnToggleCoordinateDisplay
{
	border-right: 0px solid #9FB2C7 !important;
	border-left: 0px !important;
	cursor: pointer;
}

#divMapTabName
{
	padding: 10px 5px 0 5px;
	height: 22px !important;
	position: relative;
}

/************ End *****************/

/************ Start Output Tools *****************/

#CtrlOutputtools
{
	border: 1px solid transparent;
}

#CtrlOutputtools:hover
{
	border: 1px solid #CCC;
	border-radius: 2px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

#divOutputtools
{
	/*position: absolute;
	z-index: 2;	

	top: 30px;
	border-radius: 2px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.8);*/ /* This styles are not used as class .popoverCtrl is added to element */
}

#balloonWrapper > table tr
{
	/*height: 28px;	*/
}


#balloonWrapper table tr td
{
	padding: 3px !important;
}
#balloonWrapper table tr td:hover
{
	background-color: #DCDCDC;
	cursor: pointer;	
}

#td_OUTPUTTOOLSGenerateUrl
{
	padding: 0px !important;
}

#divOutputtools table tr:hover
{
	/*background-color: #CCCCCC;*/ /* This styles are not used as class .popoverCtrl is added to element */
}
#divOutputtools.popoverCtrl {padding-top:6px!important; margin:0 0 0 -60px;}
#divOutputtools .top-arrow-bdr, #divOutputtools .top-arrow{position:absolute; top:9px;}
#divOutputtools .top-arrow-bdr{right:8px;}
#divOutputtools .top-arrow{right:9px;}

/************ End *****************/


.lblStyle
{
	font-weight: bold;
	padding: 2px 5px;
	width: 75px;
}


/************* LAYER MANAGER **************/

/* Scrollbar Styling */

#lmTree
{
	overflow: auto;
	border-top: 1px solid #A3A3A3;
}

/*==== Active Layer Control =====*/

ul.btnGroups
{
	list-style-type: none;
	padding: 1px;
	margin: 0px;
	height: 26px;
	border-radius: 2px;
	background: #000000;
	box-shadow: 0px 1px 1px rgba(225, 225, 225, 0.3);
}

ul.btnGroups li.active
{
	box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 1);
	-moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 1);
	-webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 1);
}

ul.btnGroups li
{
	float: left;
	width: 117px;
	line-height: 26px;
	text-align: center;
	color: #ABDEEA;
	font-weight: bold;
	cursor: pointer;
	box-shadow: inset 0px 0px 1px rgba(171, 222, 234, 1);
	-moz-box-shadow: inset 0px 0px 1px rgba(171, 222, 234, 1);
	-webkit-box-shadow: inset 0px 0px 1px rgba(171, 222, 234, 1);
	background: #1B4784; /*IE9 */
	background: -moz-linear-gradient(top,  #1F66A6 0%, #1B4784 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1F66A6), color-stop(100%,#1B4784)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1F66A6 0%, #1B4784 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1F66A6 0%, #1B4784 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1F66A6 0%, #1B4784 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1F66A6 0%, #1B4784 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1F66A6', endColorstr='#1B4784',GradientType=0 ); /* IE6-9 */
}

ul.btnGroups li:first-child
{
	border-radius: 2px 0px 0px 2px;
}

ul.btnGroups li:last-child
{
	border-radius: 0px 2px 2px 0px;
}

ul.btnGroups li div
{
	display: inline;
}

ul.btnGroups li div img
{
	margin-bottom: -4px;
}

.layerMgrHeader
{
	padding: 6px 7px;
	overflow: hidden;
}

#divActiveLayerContainer
{
	height: 40px;
}

#lmTree ul
{
	list-style-type: none;
	margin: -1px 0px 0px;
	padding: 0px;
	overflow: hidden;
}

#lmTree ul ul
{
	list-style-type: none;
	float: left;
	width: 100%;
}


#lmTree ul ul ul
{
	margin-left: -15px;
	padding-left: 17px;
}

#lmTree ul ul ul ul
{
	margin-left: -30px;
	padding: 0px 0px 6px 33px;
}

#lmTree ul li
{
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	font-weight: bold;
	font-size: 14pt;
	background: #DCDCDC;
	cursor: pointer;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	line-height: 30px;
}

#lmTree ul li:hover
{
	background: #D1D1D1;
}

#lmTree ul ul li
{
	background: #F0F0F0;
	font-weight: bold;
	font-size: 12pt;
	padding-left: 70px;
	margin-left: -40PX;
}

#lmTree ul ul li div.lyrMrgLiContent
{
	margin-left: -50px;
	padding: 2px 0px 1px 35px;
}

#lmTree ul ul ul li
{
	background: #F0F0F0;
	padding-left: 100px;
	margin-left: -65px;
}

#lmTree ul li:first-child, #lmTree ul ul li:first-child, #lmTree ul ul ul li:first-child
{
	border-top: 1px solid #CCCCCC;
	box-shadow: inset 0 1px 0px rgba(255, 255, 255, 1);
}

#lmTree ul li:last-child
{
	border-bottom: 1px solid #CCCCCC;
}
#lmTree ul ul li:last-child, #lmTree ul ul ul li:last-child
{
	border-bottom: 0px solid transparent;
}

#lmTree ul li
{
}

.lyrMrgLiContent
{
	overflow: hidden;
	white-space: nowrap;
}

.lyrMrgLiContent div
{
	/*margin-right: 5px;*/
}

.lyrMrgLiContent img
{
	margin-top: 7px;
}

#lmTree ul ul ul li div.ActiveLayer
{
	margin-right: 3px;
}

.GreyedLayer
{
	color: #808080;
	font-style: italic;
}
.MapNode, .GroupedLayer
{
	font-weight: bold;
}

.tdt
{
	-moz-user-select: none;
}

#toolOptions
{
	margin: 0 24px 0 0;
	float: right;
}

.ActiveLayer
{
	background: url('../../images/active.png') no-repeat 98% 8px;
}

#tb_ExportAllSelectionsToKMZToolbar
{
	margin: 1px 10px 0px 0px;
	cursor: pointer;
}

#tb_ExportAllSelectionsToKMZToolbar td:first-child
{
	border: 1px solid #000;
	padding: 5px;
	border-width: 1px 0px 1px 1px;
	border-radius: 3px 0px 0px 3px;
	border-right: 1px solid #72AEE0;
}

#tb_ExportAllSelectionsToKMZToolbar td
{
	border: 1px solid #000;
	padding: 5px;
	border-width: 1px 1px 1px 1px;
	border-radius: 0px;
	border-right: 1px solid #72AEE0;
}

#tb_ExportAllSelectionsToKMZToolbar td:hover
{
	border-color: #000000;
}

#tb_ExportAllSelectionsToKMZToolbar td:last-child
{
	border: 1px solid #000;
	padding: 5px;
	border-radius: 0px 3px 3px 0px;
}

img.clsmapToolOption
{
	margin: 8px 27px 0 0;
	float: right; cursor:pointer;
}
/*.layerLi .layer-options img.clsmapToolOption{margin: 8px 27px 0 0;}*/

.layerLi ul > div
{
	padding: 4px 2px 4px 19px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	background: #F0F0F0;
}

.layerLi ul > div:hover
{
	background: -moz-linear-gradient(top,  #FAAF1E 0%, #F6921E 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAAF1E), color-stop(100%,#F6921E)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #FAAF1E 0%,#F6921E 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FAAF1E 0%,#F6921E 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FAAF1E 0%,#F6921E 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #FAAF1E 0%,#F6921E 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAAF1E', endColorstr='#F6921E',GradientType=0 ); /* IE6-9 */
}

#divLegend
{
	display: none;
	position:relative;
	height: 100%;
	width: 100%;
    overflow: auto;	
}

#divLegend .forie-leg{position:absolute; top:0; right:0; width:252px; height:100%; z-index:999; background: rgba(255,255,255,0.1);}
#divLegend iframe
{
	background-color: Transparent !important;
	width: 100%;
}

.activeCtrl
{
	padding-top: 7px;
}

.LyrMgrActiveLayerLabel
{
	float: left;
	padding: 5px;
	font-weight: bold;
	width: 90px;
    margin-right: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#tdActiveLayer
{
	float: left;
	padding: 5px;
	cursor: default;
}

.arrowActiveLayer
{
	float: left;
	padding: 5px;
	cursor: pointer;
}

.activeLayerCtrl
{
	border: 1px solid #CCCCCC;
	float: left;
	border-radius: 2px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	background: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede); *background:#DFDFDF;
}


#balloonWrapper table
{
	border-width: 0px;
	background-color: transparent;
}

#balloonWrapper table a, #balloonWrapper table a:hover
{
	color: #000000;
}

#lmTree ul li > div
{
	padding-top: 1px;
	margin-top: 0px;
}

.brdCoordinateDisplay
{
	width: auto !important;
	border-left: 0px solid #FFFFFF !important;
	border-right: 1px solid #999999 !important;
}

.olMapViewport
{
	border-width: 1px 0px 0px 1px;
	border-style: solid;
	border-color: #CCCCCC;
}

.OverviewMapHandle
{
	position: absolute;
	right: 1px !important;
	bottom: 34px;
	padding: 6px 7px 5px 7px;
	border-radius: 3px 0 0 0;
	border-width: 1px 0px 0px 1px;
	border-style: solid;
	border-color: #666666;
	overflow: hidden;
	opacity: 0.7; cursor:pointer;
}

.OverviewMapHandleRTL
{
	position: absolute;
	right: 36px;
	bottom: 34px;
	padding: 6px 7px 5px 7px;
	border-radius: 3px 0 0 0;
	border-width: 1px 0px 0px 1px;
	border-style: solid;
	border-color: #999;
	overflow: hidden;
	box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 1);
	opacity: 0.7; cursor:pointer;
}

.OverviewMapHandleRTL:hover, .OMHandleOpaque, .OMHandleTranslucent:hover
{
	opacity: 1 !important;
}

.OMHandleTranslucent
{
	position: absolute;
	right: 36px;
	bottom: 34px;
	padding: 6px 7px 5px 7px;
	border-radius: 3px 0 0 0;
	border-width: 1px 0px 0px 1px;
	border-style: solid;
	border-color: #666666;
	overflow: hidden;
	opacity: 0.7;
}

.OverviewMapCollapse
{
	width: 50px !important;
	height: 50px !important;
}

.OverviewMapExpand
{
	width: 200px;
	height: 200px;
}

/* ===============================================
   ============== Views Control ================== */

.divMapViews
{
	float: left;
	/**float:right;
	display:block;
	position:absolute;
	right:75px;
	top:125px;*/
	/*width:225px;*/
}

.divMapViews-Street-Earth
{
  top:155px;  
}

.divMapViewsContainer
{
	display: table;
	/*margin: -50px auto 0px;*/
	text-align: center;
}

.activebtn
{
	background: url('../../images/active.png') no-repeat 97% 50% !important;
}

.firstLevelMenuItem.activeMaptab
{
	background: url('../../images/active.png') no-repeat 207px 17% !important;
	display: table-cell;
}

.firstLevelMenuItem .Maptab3D
{
	background: url('../../images/active3D.png') no-repeat 210px 83% !important;
	display: table-cell;
}

.secondLevelMenuItem.activeMaptab
{
	background: url('../../images/active.png') no-repeat 209px 18% #FFF !important;
	display: table-cell;
}

.grpBtnViewsBasemaps
{
	width: 49%;
}

.btnOnlyViews
{
	width: 100%;
	border-radius: 3px !important;
	border-width: 1px !important;
}

.btnOnlyBasemaps
{
	width: 100%;
	border-radius: 3px !important;
	border-width: 1px !important;
}

ul.mapViewsGrpBtn, ul.viewModesGrpBtn
{
    padding: 7px !important;
}

ul.mapViewsGrpBtn li.active, ul.viewModesGrpBtn li.active
{
	border-color: #000000;
}

ul.mapViewsGrpBtn li
{
	float: left;
	line-height: 18px;
	text-align: center;
	color: #333333;
	font-weight: bold;
	cursor: pointer;
	border-color: #ACACAC;
	border-style: Solid;
	white-space: nowrap;
    text-overflow: ellipsis;
    padding: 5px;
    width: 87px;

}
ul.viewModesGrpBtn li
{
	float: left;
	line-height: 18px;
	text-align: center;
	color: #333333;
	font-weight: bold;
	cursor: pointer;
	border-color: #ACACAC;
	border-style: Solid;
	white-space: nowrap;
    text-overflow: ellipsis;
    padding: 8px;
    width: 25px;
}
ul.mapViewsGrpBtn li:first-child
{
	border-radius: 3px 0px 0px 3px;
	border-width: 1px 0px 1px 1px;
}

ul.mapViewsGrpBtn li:last-child
{
	border-radius: 0px 3px 3px 0px;
	border-width: 1px 1px 1px 0px;
}
ul.viewModesGrpBtn li:first-child
{
	border-radius: 3px 0px 0px 3px;
	border-width: 1px 1px 1px 1px;
}

ul.viewModesGrpBtn li:last-child
{
	border-radius: 0px 3px 3px 0px;
	border-width: 1px 1px 1px 0px;
}

ul.mapViewsGrpBtn li div
{
	display: inline;
}

ul.mapViewsGrpBtn li div img
{
	margin-bottom: -4px;
}

.divViewsBaseMaps ul, .divViewsBaseMaps li,  .moreResultTabsContainer ul, .moreResultTabsContainer li
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; /*background: transparent;*/
	overflow:hidden;
}

.divViewsBaseMaps ul, .moreResultTabsContainer ul, ul.viewModesGrpBtn
{
	list-style: none;
}
.divViewsBaseMaps LI UL.mapViewsGrpBtn{border-bottom:1px solid #cdcdcd;}
.moreResultTabsContainer
{
	box-shadow: 0 0 5px #000;
	border-radius: 3px;
	padding: 5px 5px 0px 5px;
	width:150px;
}

.moreTabsInner {
    margin-top: -16px;
    width: 10px;
    margin-left: 36px;
}

.moreTabsInner .top-arrow
{
   margin-left:1px;     
}

.divViewsBaseMaps
{
	position: relative;
	padding: 4px 12px 0px 8px;
	display: inline-block;
	vertical-align: baseline;
	*vertical-align:auto;
	zoom: 1; 
	*display:inline;
    /*z-index:100;*/
}

.divViewsBaseMaps > ul
{
	display: none;
	opacity: 1;
	top: 100%;
	left: 0;
	right: 0;
	border: 1px solid;
	border-color: #777 #6c6c6c #666;
	border-radius: 5px;
	width: 210px;
	-webkit-transition-property: opacity, padding, visibility;
	-moz-transition-property: opacity, padding, visibility;
	-ms-transition-property: opacity, padding, visibility;
	-o-transition-property: opacity, padding, visibility;
	transition-property: opacity, padding, visibility;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-ms-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;	
	box-shadow: 0 2px 15px rgba(0,0,0,0.3),0 4px 15px -5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.3),0 4px 15px -5px rgba(0,0,0,0.3);
	background: #EEECEC;
}

.divViewsBaseMaps > ul:before, .divViewsBaseMaps > ul:after, .divViewsBaseMaps li:first-child:after
{
	display: block;
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	left: 45%;
	border: 10px outset transparent;
}

.divViewsBaseMaps > ul:before
{
	border-width: 1px 9px 9px 9px;
	top: 47px;
	border-style: solid;
	border-color: transparent transparent #555 transparent;
}

.divViewsBaseMaps > ul li:first-child:after
{
}

.divViewsBaseMaps > ul:after
{
	border-width: 0px 9px 9px 9px;
	top: 49px;
	border-style: solid;
	border-color: transparent transparent #EEECEC transparent;
}

.divViewsBaseMaps > ul li.sep
{
	border-top: 1px solid #BFBFBF;
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.6);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.6);
}

.basemaps li, .plugins li
{
	padding: 5px 10px;
	text-align: left;
	cursor: pointer;
}

ul.basemaps li
{
	border-bottom: 1px solid #E4DEDE;
    line-height: 23px;
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.36);
}

#divMaps ul.basemaps li
{
	font-weight: normal;
	/*width: 185px;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 13px;
}

/*ul.basemaps ul li:hover
{
	background: #F3F3F3;
}*/

ul.basemaps li ul li:first-child
{
}


ul.basemaps li ul li
{
	margin: 5px -5px -5px;
	font-weight: normal;
	padding-left: 15px;
}

ul.basemaps li:hover
{
    background: #F5F5F5;
    /* border: 1px solid #E4E4E4; */
}

li.optionLabel {
    padding-left: 10px;
}

li.normalLabel
{
    font-weight: normal !important;
    padding-left: 40px !important;
}

li.boldLabel
{
    font-weight: bold !important;
    padding-left: 10px !important;
}


/* End Views Control */

.toolSelected
{
	background: green !important;
}

.toolUnSelected
{
	background: orange !important;
}

/*Fix for Bing basemap extra browser height scrollbar issue */
div.undefined > .customInfoBox-shadow, div.undefined > .customInfoBox-beak
{
	display: none;
}
div.customInfoBox-with-leftBeak > .customInfoBox-shadow, div.customInfoBox-with-leftBeak > .customInfoBox-beak
{
	display: none;
}
/*End Fix for Bing basemap extra browser height scrollbar issue */

#balloon
{
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
	border-radius: 3px;
	border-color: #000000;
	padding: 5px;
}

#balloon > img
{
	bottom: -20px !important;
}

.spike
{
	border-width: 0px 8px 8px 8px;
	border-style: solid;
	border-color: transparent transparent #FFF transparent;
	width: 0px;
	position: absolute;
	right: 20px;
	top: -7px;
}

.spikeborder
{
	border-width: 0px 8px 8px 8px;
	border-style: solid;
	border-color: transparent transparent #000 transparent;
	width: 0px;
	position: absolute;
	right: 20px;
	top: -8px;
}

/*#balloonWrapper > div.darkerSpike {
	border-width: 0px 8px 8px !important;
	top: -9px !important;
	border-bottom: #000;
}

#balloonWrapper > div.lighterSpike {
	border-width: 0px 8px 8px !important;
	top: -8px !important;
	border-bottom: #FDFDFC;
}*/


/* Legend Image Icon*/
.legendimageicon
{
    overflow: hidden;
    width: 24px;
    height: 24px;
    float: left;
    text-align: center;
    margin-right: 3px;
   margin-top: 4px;
}

.legendimageicon:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.legendimageicon img
{
    /*vertical-align: middle;*/
    max-height: 22px;
    margin-top: auto;
    float: none;
}

/* End Legend Image Icon*/


#toggleSearchResultdiv
{
	width: 100%; position:absolute;  bottom:0; z-index:2; opacity: 0.7;
}

#toggleSearchResultdiv:hover
{
	opacity: 1 !important;
	opacity: 1;
}

#imgLabeldiv
{
	padding: 7px 5px 7px 9px;
	white-space: nowrap;	
	cursor: pointer;
	width:150px !important;
	color: #FCFCFC;
	left: 44%;
	bottom: 34px !important;
	border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-bottom: none;
}

#imgLabeldiv img
{
	margin-right: 5px;
    float: left;
    margin-top: -4px
}

span#activeLayerLabel {
   text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;    
    width: 90px
}

#tb_SELECTION_TOOLS_FIXED td
{
	/*padding: 5px 8px;
	margin-right: 5px;
	border-right: 1px solid #CCC;*/

	padding: 3px 3px 2px;
	border-radius: 3px;
	border: 1px solid transparent;
	width: 24px;
	text-align: center;
	cursor: pointer;
	margin-top: -2px;

}

/* wrap text for MapTabs and Searches*/
.hardwrap
{
	width: 225px;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}
/* end wrap text */


#divBaseMap, #divMaps
{
	/*margin: -7px -6px -6px 0px;*/
}

.onpoint-logo-big
{
	padding: 10px;
	text-align: center;
}

.headerStyle
{
	margin: 0 10px -10px;
	border-radius: 4px 4px 0 0;
	padding: 10px;
	vertical-align: middle;
	font-weight: bold;
	border: 1px solid #000;
	border-bottom: none;
	box-shadow: inset 0 1px #72AEE0;
}

.disclaimerBody
{
	margin: 10px 10px 0px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #CCC;
}

.disclaimerFooter
{
	margin: 0 10px 10px;
	padding: 5px 10px;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #CCC;
	border-radius: 0px 0px 4px 4px;
	background: #EDEDED;
	box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.disclaimerFooter table td
{
	padding: 5px 0px;
}

.left-arrow {
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 0px solid;
	border-right: 10px solid #333;
	position: absolute;
}

.right-arrow {
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #333;
	border-right: 0px solid;
	position: absolute;
	top: 120px;
}

.top-arrow {
	border-top: 0px solid;
	border-bottom: 10px solid #fdfdfc;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;	
	width: 1px;	
	margin-top:-10px;
	position:relative;
}

.top-arrow-bdr {
	border-top: 0px solid;
    border-bottom: 11px solid #666;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    width: 3px;
    margin-top: 0px;
}

.bottom-arrow {
	border-bottom: 0px solid;
    border-top: 10px solid #dcdcdc;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    width: 1px!important;
    margin: -2px auto 0 65px;
    position: relative;
}

.resultContextMenuInner .bottom-arrow {
	border-bottom: 0px solid;
    border-top: 11px solid #dcdcdc;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    width: 1px!important;
    margin: -12px 0 0 -9px;
    position: relative;
}

.resultContextMenuInner .bottom-arrow-bdr
{
	border-bottom: 0px solid;
	border-top: 11px solid #666;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	width: 3px!important;
	margin: 5px auto 0px 53px;
	position: absolute;
}

.bottom-arrow-bdr {
	border-bottom: 0px solid;
    border-top: 11px solid #666;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    width: 3px!important;
    margin: 1px auto 0px 64px;
    position: absolute;
}

.content {
	padding: 10px;
	border-radius: 4px;
	/*background: #DFDFDF;*/
}

.divDisplayCS > table {
      padding-top: 0!important;
}

#cmLayer > table
{
	border: 0;
	border-radius: 3px;
	box-shadow: none;
	background: none;
}

.ctl01_cpMapContent_ctrlLyrMgr_mnuLayer_4
{
	/*padding: 8px 12px !important;
	color: #333 !important;*/
}

.ctl01_cpMapContent_ctrlLyrMgr_mnuLayer_6
{
	background: #DCDCDC!important;
	color: #333 !important;
}

.dashboardMenuContainer
{
	position: absolute;
	z-index: 10001;
	display: none;
	-webkit-margin: 35px 0px 0px -1px;
	margin: 34px 0px 0px -1px;
	border-radius: 0px 0px 3px 3px;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
	border: 1px solid #999;
	border-width: 0 1px 1px 0;
	padding: 0;
}

.loginForm div {
    position: relative;
    overflow: hidden;
}

.errMsgContainer {
    background: #fffcb0;
    border: 1px solid #e4cf4b;
    border-radius: 2px;
    margin-top: 3px;
    padding: 7px;
}

.errImgDiv 
{
    width: 25px;
    float: left;
}

.errContentDiv 
{
    padding-top: 2px;
    width: 380px;
    font-weight: bold;
    font-size: 11px !important;
}

.loginContainer
{
	width: 484px;
	margin: 0 auto 5px;
	border: 1px solid #C2C2C2;
	border-top: none;
	border-radius: 7px;
	height: auto;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	background: url( '../../App_themes/sapphire/images/login-banner.png' ) no-repeat 0px -15px;
	background-size: auto;
}

.loginFooter
{
	width: 423px;
	border-top: 1px solid #C2C2C2;
	border-radius: 0 0 7px 7px;
	height: 38px;
	background: #EDEDED;
	position: relative;
	bottom: 0px;
	padding: 23px 30px 0px;
	margin: 1px 0px;
}

/*#divWrapper > div:nth-child(2) > div a
{
	color: #000;
}*/

.onpointLogo
{
	float: left;
}

.languageBar
{
	float: right;
}

div.languageBar a {
    padding: 0 0px 0px 5px;
}

.loginHeader
{
	overflow: hidden;
	padding: 15px 15px 120px;
}

.loginTagline
{
	color: #FFF;
	clear: left;
	padding-top: 5px;
}

.loginForm
{
	padding: 10px 30px 0px;
}

.loginFormHeading
{
	padding: 10px 30px 0px;
}

.loginBrdLessElements
{
	margin: 5px 0px 20px;
	padding: 2px 0px;
	overflow: hidden;
	clear: left;
}

.loginInputText
{
	border: 1px solid #CCC;
	border-radius: 0px 3px 3px 0px;
	background: #F9F9F9;
	margin: 5px 2px 5px 0px;
	padding: 3px 4px;
    float: left;
    border-left: 0px solid #CCC;
    width: 244px;
    height: 26px;
}

.loginInputText input[type=text], .loginInputText input[type=password], .inputLogin input[type=text], .inputLogin input[type=password]
{
	border: 1px solid transparent;
	background: transparent !important;
	width: 210px;
	height: 22px;
	padding: 0;
}

.addressSearchInputText input[type=text]
{
    border: 1px solid transparent;
	background: transparent !important;
	width: 300px !important;
	height: 22px;
}

input[type='button'].addressSearchButton
{
    padding: 2px 8px;
    height: 30px;
    width: auto;
    min-width: 35px;
    border-radius: 0 5px 5px 0;
    margin: -1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 0px 2px rgba(255, 255, 255, 0.75) !important;
    filter: none;
    cursor: pointer;
    background: url("../../App_themes/Sapphire/images/btnFind_Gray.png") no-repeat 6px, -moz-linear-gradient(top,  #fdfdfc 0%, #DCDCDC 100%) !important; /* FF3.6+ */
	background: url("../../App_themes/Sapphire/images/btnFind_Gray.png") no-repeat 6px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfc), color-stop(100%,#DCDCDC)) !important; /* Chrome,Safari4+ */
	background: url("../../App_themes/Sapphire/images/btnFind_Gray.png") no-repeat 6px, -webkit-linear-gradient(top,  #fdfdfc 0%,#DCDCDC 100%) !important; /* Chrome10+,Safari5.1+ */
	background: url("../../App_themes/Sapphire/images/btnFind_Gray.png") no-repeat 6px, -o-linear-gradient(top,  #fdfdfc 0%,#DCDCDC 100%) !important; /* Opera 11.10+ */
	background: url("../../App_themes/Sapphire/images/btnFind_Gray.png") no-repeat 6px, -ms-linear-gradient(top,  #fdfdfc 0%,#DCDCDC 100%) !important; /* IE10+ */
	background: url("../../App_themes/Sapphire/images/btnFind_Gray.png") no-repeat 6px, linear-gradient(to bottom,  #fdfdfc 0%,#DCDCDC 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#fdfdfc' , endColorstr= '#DCDCDC' ,GradientType=0 );
}

.loginInputImg
{
	border: 1px solid #CCC;
	background: #F9F9F9;
	margin: 5px 0px;
	padding: 4px 8px;
	border-radius: 3px 0px 0px 3px;
	width: 150px;
	float: left;
	clear: left;
}

.loginInputImg span {
    position: absolute;
    top: 11px;
    left: 32px;
}

.loginTextInput
{
}

.loginHintText
{
	color:#888!important;		
}

.lblLogin
{
	border: 1px solid #CCC;
    background: #F9F9F9;
    margin: 5px 0px;
    padding: 9px;
    border-radius: 4px 0px 0px 4px;
    width: 90px;
    float: left;
    clear: left;
}

.inputLogin
{
	border: 1px solid #CCC;
    border-radius: 0px 4px 4px 0px;
    background: #F9F9F9;
    margin: 5px 0px;
    padding: 9px 5px 5px;
    float: left;
    border-left: none;
    width: 302px;
    height: 18px;
}

.errMsgContainer .loginInputText{
	padding:9px 12px 9px 0;			
}

:root .errMsgContainer .loginInputText{padding-top: 8px\9;} 

.errMsgContainer .loginInputImg
{
	padding:7px 8px 9px 7px;
}
.loginContainer .DashBoardHeaderText:hover
{
	text-decoration: underline;
	color: #fff;
}
	
.margin-right input[type=checkbox]
{
	margin-right: 5px;
	margin-top: 2px;
}

input:-webkit-autofill, textarea:-webkit-autofill {
	background-color: transparent !important;
	background-image: none;
	color: rgb(0, 0, 0);
}
.login-chk input[type=checkbox]
{	
	background-color:none!important;
	}

.loginText
{
	color:#000!important;		
}

.whiteHeaderLink {
    color: #000;
    text-align: left;
}

#balloonWrapper table tr td
{
	padding:1px!important;
}

/* Styles classes for option menu in layer manager */

/* End :Styles classes for option menu in layer manager */

.setEllipsisMapName
{
      white-space:nowrap; 
      width:140px;      
      overflow:hidden;
      text-overflow:ellipsis;  
      padding: 0px 4px;    
}

/* Added new Ellipsis style for JS/Base Map node*/
.setEllipsisJSMap
{
      white-space:nowrap; 
      width:140px;      
      overflow:hidden;
      text-overflow:ellipsis;  
      padding: 0px 4px;    
}

.setEllipsisGrp
{
      white-space:nowrap; 
      width:100px;      
      overflow:hidden;
      text-overflow:ellipsis;                   
}

/*bug fix for ONP00032753 start*/
.setEllipsisGrpMapView
{
      padding:1px!important;
      white-space:nowrap; 
      /*width:181px;*/
      overflow:hidden;
      text-overflow:ellipsis;                   
}
/*bug fix for ONP00032753 end*/

.setEllipsisLyr
{
      white-space:nowrap; 
      width:70px;      
      overflow:hidden;
      text-overflow:ellipsis;      
}

.setEllipsis
{
      white-space:nowrap; 
      width:70px;      
      overflow:hidden;
      text-overflow:ellipsis;
      border:1px solid red;               
}

.btnFind
{
	border: 0 solid #999;
	padding: 2px 8px;
	background:url("../../App_themes/Sapphire/images/btnFindGoogle.png") no-repeat !important;
	height: 30px;
	width: 31px;
	
}
.btnClose
{
	border: 0 solid #999;
	padding: 2px 8px;
	background:url("../../App_themes/Sapphire/images/btnClose.png") no-repeat !important;
	height: 30px;
	width: 31px;
	border-radius: 0 4px 4px 0;
}

.keywordSerch 
{	
	width:250px;	
	padding-left:7px;	
	background-color:#2E2E2E;	
	box-shadow: inset 0 0 5px #000000;
	border-radius: 4px 0 0 4px;
	border-width: 0 0 1px 0;	
	border-style: solid;
	border-color: #676767;	
	height: 23px;	
	width: 170px;
	margin-left: 5px;
	margin-top: -2px;	
	color: #FFFFFF
}

.toolMultiline p { padding: 0px; margin: 0;}

/* Popover control stylings */
.popoverCtrl, .resultContextMenuInner
{
    position:absolute;
    border:1px solid #777;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 3px rgba(0, 0, 0, 0.5);
	/*width:125px;*/
	border-radius: 5px;
   
    padding: 9px 5px 5px 5px;
}

.popoverCtrl ul.listMenuStyle li
{
    overflow:hidden;
    white-space:nowrap;
    /*width: 130px;*/
    width: 115px;
}

.popoverCtrl .top-arrow {    
    margin:-19px auto 5px auto;
    float:none!important;
    width:1px;
    border-top: 0px solid;
	border-bottom: 10px solid #fdfdfc;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;	
	position:relative;
}
.popoverCtrl.helpCtrl .top-arrow
{
   margin-left :115px
}

.popoverCtrl .top-arrow-bdr {
	border-top: 0px solid;
    border-bottom: 11px solid #666;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    width: 3px;
    margin:-20px auto 9px auto;
    float:none!important;
}

.popoverCtrl.helpCtrl .top-arrow-bdr
{
    margin-left :114px
}


/* End : Popover control stylings */

/* Layer Manager - Popover control */
.lyrMgrMenu
{
    margin-top: -1px!important;
	border: 1px solid #777;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 3px rgba(0, 0, 0, 0.5);	
	border-radius: 5px;
	font-family:Arial,Sans-serif;
	color:#333!important;
	font-size:10px!important;
    width:107px;
	padding:5px;		
}
.lyrMgrMenu table
{
    padding:5px;    
}

.lyrMgrMenu tr:hover
{
    background-color:#dcdcdc !important;
}

.lyrMgrMenuSecondLevel
{
    margin-top:1px;
}
.ctl01_cpMapContent_ctrlLyrMgr_mnuLayerQueryFilter_0
{
    background-color:transparent !important;
}
    
.lyrMgrMenu .layerFilter-off
{
    padding-left:0!important;
}
#cmLayerQueryFilter div
{
    /*clip:auto!important;*/
}
.popoverCtrl ul.listMenuStyle li
{
	padding: 5px 7px 5px 20px;	
}

/* End*/

.appModeGrpBtn
{ 
		position:relative; 
		top:0; 
		left:0; 
		float:left; 
		text-align:center; 
		width:130px; 
		border:1px solid #ACACAC;         
		color:#333333;
		border-radius: 3px;
		margin-top: 3px;
		background: #fdfdfc; /* Old browsers */
		background: -moz-linear-gradient(top,  #fdfdfc 0%, #DCDCDC 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfc), color-stop(100%,#DCDCDC)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #fdfdfc 0%,#DCDCDC 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #fdfdfc 0%,#DCDCDC 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #fdfdfc 0%,#DCDCDC 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #fdfdfc 0%,#DCDCDC 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#fdfdfc' , endColorstr= '#DCDCDC' ,GradientType=0 ); /* IE6-9 */
		box-shadow:inset 0px 0px 1px 1px rgba(255,255,255,1);
}

.appModeGrpBtn .active
{
        color: #ABDEEA;
        font-weight: bold;
        text-shadow:none;
}

.appModeTabs
{
        float:left; 
        padding:5px 3px; 
        width:59px;  
        position:relative; 
        z-index:2; 
        cursor:pointer;
        /*font-size: 11px;*/
		font-size: 0.688rem;
        font-weight: bold;
        text-shadow:0 .1em 0 #FFF;
        text-overflow: ellipsis;
        overflow: hidden; white-space:nowrap;
}

.btn-slide
{
        position:absolute; 
        top:0; 
        left:0;
        z-index:1; 
        margin:0;              
        height:100%; 
        width:50%;
        background: #07204E; /*IE9 */
        background: -moz-linear-gradient(top,  #000000 0%, #07204E 20%, #07204E 100%) !important; /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2977b7), color-stop(40%,#165699), color-stop(100%,#0b2e70)) !important; /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #000000 0%, #07204E 20%, #07204E 100%) !important; /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #000000 0%, #07204E 20%, #07204E 100%) !important; /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #07204E 0%, #07204E 100%) !important; /*IE10+ */
        background: linear-gradient(top bottom,  #07204E 0%, #07204E 100%) !important; /*W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#07204E' , endColorstr= '#07204E' ,GradientType=0 ) !important; /* IE6-9 */
        cursor:default;
}

.btnFind
{
	border: 0 solid #999;
	padding: 2px 8px;
	background:url("../../App_themes/Sapphire/images/btnFindGoogle.png") no-repeat;
	height: 30px;
	width: 31px;
	
}
.btnClose
{
	border: 0 solid #999;
	padding: 2px 8px;
	background:url("../../App_themes/Sapphire/images/btnClose.png") no-repeat;
	height: 30px;
	width: 31px;
	border-radius: 0 4px 4px 0;
}

.keywordSerch 
{	
	width: 250px;	
	padding-left: 7px;	
	background-color: #2E2E2E;	
	box-shadow: inset 0 0 5px #000000;
	border-radius: 4px 0 0 4px;
	border-width: 0 0 1px 0;	
	border-style: solid;
	border-color: #676767;	
	height: 23px;	
	width: 170px;
	margin-left: 5px;
	margin-top: -2px;	
	color: #FFFFFF
}

.toolMultiline
{	
	/*white-space: normal; 	
	height: 28px;
	overflow: hidden;
	font-family: Arial, Sans-Serif;	*/
	/*font-size: 11px;*/
	font-size: 0.688rem;
	color: #000;
}

.toolMultiline p
{ 
   height:30px; width: 65px; overflow: hidden; text-overflow: ellipsis;
}

.divMoreTools
{
	height:235px;
	overflow-x:hidden;
	overflow-y:auto;
	background-color:#ccc;
	border: 1px solid #888;
	border-radius: 4px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.3),0 4px 15px -5px rgba(0,0,0,0.3);
    padding: 2px;
}

.moreToolsRight-arrow {
	border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #999;
    border-right: 0px solid;
    position: absolute;
    top: 95px;
    right:-10px;
}

.passwordHint
{
    float: right;
    margin: -33px -25px 0 0;
}

.captcha {
    border: 1px solid #CCC;
    padding: 10px;
    float:left;
    margin: 5px 0px 8px 0px;
    border-radius: 3px;
    background: #F9F9F9;
}

.captchaImg {
    float: left;
    border: 1px solid #999;
    border-radius: 3px;
}

.captchaTextInput
{
    border-left: 1px solid #CCC !important;
    border-radius: 3px !important;
    width: 390px !important;
}

.displayNone
{
    display: none;
}

.msgBox
{
    border-radius: 3px;
    background: #FDFDFC;
    padding: 10px !important;
    width: 400px;
    border: 1px solid #CCC;
}

.moreLinks_dd
{
	display:none;
		
}
.moreLinks_dd .divMoreToolsTableContainer
{
	min-height: 25px;
	max-height: 160px;
	overflow-y: auto;
	overflow-x: hidden;
}

.moreLinks_dd .popoverCtrl
{
	width: 165px !important;
}

.moreLinks_dd .moreLinkLbl
{
	padding-left: 5px;	
}

#_moreLinks_span
{	
	/*border-right: 0;
	padding:auto 0;
	margin:auto 0;*/
}

#_moreLinks_span .menuText 
{
	background: none;
	padding-right: 0;
	margin-right: 0;
}

#tb_SELECTION_TOOLS_FIXED td
{
	/*border-right:0;*/
}

#_reports_span, #_filterResultBy_span, #_useAsFilter_span, #_cluster_span, #_export_span
{
    padding:2px 4px 7px 3px;
    margin:0;
    float: left;
}

 #divMoreToolsTableContainer .menuDropDownTable{
	/*width:150px;*/
}
.divMoreToolsTableContainer tr td {
	padding: 7px;
}

#divMoreToolsTableContainer .SelectionListToolBar td
{
	padding:2px;
}

.divMoreToolsTableContainer table tr:hover 
{
	background:#DCDCDC;
}

.divMoreToolsTableContainer .SelectionListToolBar td:hover
{
	background:none!important;	
	/*border-width:0!important;*/
}
.divMoreToolsTableContainer .SelectionListToolBar tr:hover
{
		background:#dcdcdc!important;	
}

.SelectionListToolBar
{
	width:100%;
}

.ntabs
{
	cursor: pointer;
}

.addressSearchContainer
{
    position: absolute;
    right: 45px;
    top: 212px;
    margin: 4px;
    z-index: 500;
    padding: 5px;
    box-shadow: 0 0 4px #000;
    border-radius: 4px;
}

.addressSearchInputText {
    border-width: 1px 0px 1px 1px;
    padding: 0px 0px 0px 5px;
    border-style: solid;
    border-color: #CCC;
    border-radius: 3px 0px 0px 3px;
    background: #FFF;
}

.confirm table td {
    vertical-align: top;
}

input.btnInfoReportPerFeature, .infoFooter input
{
    margin: 5px 0px !important;
}

/*.printIframe
{
    width: 550px !important;
}*/

.BodyLinks table td, .BodyLinks table table td {
    /*padding: 2px 0px;*/
    white-space: nowrap;
}

.BodyLinks a
{
    color: #000;
}

table#bodyTable table {
    width: 440px;
}
table#bodyTable fieldset
{
    width: 482px;
}

#PrintTemplateList1_tvTemplateList table
{
    width: auto !important;
}

#PrintTemplateList1_tvTemplateList table td {
    padding: 0px;
    white-space: nowrap;
}

.formBtnAlignment {
	padding: 0px 30px 30px;
	text-align: left;
	position: relative;
	margin-top: 0px;
}

.disabledText {
	border: 1px solid #CCC;
	border-radius: 0px 4px 4px 0px;
	background: #F9F9F9;
	margin: 5px 0px;
	padding: 8px 0px 0px 10px;
	float: left;
	border-left: 0px solid #CCC;
	width: 235px;
	height: 24px;
}

.tblBorderBottom table td {
    vertical-align: top;
    padding-right: 10px;
}

.tblBorderBottom table tr {
    border-top: 1px solid #666666;
}

.geoPagination
{
    width: 100%;
    background: #F4F4F4;
    padding: 5px;
    border-radius: 3px;
}

.geoPGAlign
{
    text-align: right;
    padding-right: 14px;
}

div.abstract {
    margin-left: 21px;
}

.scrollingControlContainer
{
    overflow-x: hidden;
    overflow-y: auto;
}

.scrollingCheckBoxList {
    border: 1px #CCC solid !important;
    margin: 10px 0px 0px 0px;
    max-height: 150px;
}

#updSearchContainer
{
    width: 100%;
}

div.undefined {
    /*padding-bottom: 8px;*/
}

table#tb_columnViewer td {
    /*padding: 2px 0px;
    vertical-align: top;*/
}

table#tb_columnViewer td table span {
    margin-top: 6px;
    display: block;
}

table#tb_columnViewer td table span.calendars-trigger {
    margin-top: auto;
    display: inline;
}

.NearbySearchStyle .mapStatusDiv
{
    /*display: none !important;*/
}

div#divOptions table td {
    padding: 2px 0px;
}

.NearbySearchStyle .btn
{
    margin: 5px 0px !important;
    }
#td_SELECTIONLIST_TOOLBARSelection_SplitView /* Split View in group button. This needs to replace with class */
{
    /*border-left: 1px solid #1E6B9B;
    border-right: 1px solid #1E6B9B   */
}

/*#tb_SELECTIONLIST_TOOLBAR /*Group button table container. This needs to replace with class*/
.CommonBoxTableSelectionList .popupTools.popupOptions table
{
    border: 1px solid #0E2855;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: inset 0px 1px #72AEE0, 0px 1px 1px #506B81;
    margin: -1px 7px 0px 4px;
}

.CommonBoxTableSelectionList .popupTools.popupOptions table td:first-child
{
    border-left: 1px solid transparent;
}

.CommonBoxTableSelectionList .popupTools.popupOptions table td
{
    border-left: 1px solid #10212C;
    border-right: 1px solid #386992;
}

.moreSearchTab
{
    padding: 2px 1px 5px 2px!important;
    width: 17px!important 
}

a.closeResultTab
{    
    position: absolute!important;
    /*right: 7px;
    top:2px;*/
    padding: auto 0!important
}

.moreResultTabs a.closeResultTab
{
    /*top:9px;*/
}

li.ActivetabsSelected a.closeResultTab
{
    right: 4px;
    top: 6px;
    line-height: 10px;
    padding: 4px!important
}

.resultGridWrapper /*this need to change to css class*/
{
    z-index:101!important; /* set z-index of result grid to the highest of all*/
}

.moreOptionPopupLabel
{
    width: 126px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    line-height: 18px;
    padding: 3px 0px 0px 5px;
}

.moreResultTabs .searchName
{
    padding-top:4px;       
}

.moreResultTabs .spSearchTab .spDBSearchTab
{      
    background-position:0 3px
}

.moreResultTabs a.closeResultTab{
    /*font-size: 15px;*/
	font-size: 0.938rem;
    text-decoration: none;
    font-weight: bold;
    color: #333;
    margin-top:3px;
}

.moreResultTabs .ntabs
{    
    padding: 3px 2px;
}

.moreResultTabs recordCount{
    margin:2px 7px 3px auto
}

#_outctl01_cpPopUps_BoxSelectionList
{
    /*z-index:101!important;    */
}

.HeaderTableFloating td.resultGridClose
{
    padding-left:10px!important;    
    cursor:pointer;
}

.CommonBoxTableSelectionList .resultGridHelp
{
    padding-left:10px;
    cursor:pointer;    
}

#lstDynamicMapTabMapServices
{
    width: 100% !important;
}

#ucGeoprocJobs_btnRefresh
{
    padding: 1px !important;
}

#ucGeoprocJobs_lblRefreshAll
{
    display: block;
    white-space: nowrap;
    padding-right: 8px;
}

div.popupToolbar 
{
    width: auto;
    overflow: hidden;
    text-align: right;
    white-space: nowrap;
}

div.popupToolbar .popupTools
{
    display: inline-block;
    width: 32px;
    border-left: 1px solid rgba(0, 0, 0, 0.5);
    
    height: 22px;
    text-align: center;
    box-shadow: inset 1px 0px 0px #1E6B9B;
    padding: 6px 0px 0px;
    vertical-align: top;
}

.CommonBoxTableSelectionList div.popupToolbar .popupTools
{
    display: inline-block;
    width: 35px;
    border-left: 1px solid rgba(0, 0, 0, 0.5);
    height: 24px;
    text-align: center;
    box-shadow: inset 1px 0px 0px #1E6B9B;
    padding: 8px 0px 0px;
    vertical-align: top;
}

div.popupToolbar div.popupTools:hover 
{
    border-left: 1px solid #000;
    background: rgba(54, 120, 204, 0.5);
    cursor: pointer;
}

div.popupToolbar div.popupTools:active 
{
    box-shadow: inset 0px 0px 2px #020202;
    border-left: 1px solid #000;
    background: #123574;
    cursor: pointer;
}

.popupOptions
{
    padding: 3px 0px 3px 4px !important;
    width: 28px !important;
}

.CommonBoxTableSelectionList .popupOptions
{
    padding: 3px 0px 5px 4px !important;
    width: auto !important;
    min-width: 28px !important;
    border-left: 1px solid transparent !important;
    box-shadow: inset 0px 0px 0px #1E6B9B !important;
}

.CommonBoxTableSelectionList .popupOptions:hover
{
    padding: 3px 0px 5px 4px !important;
    width: auto !important;
    min-width: 28px !important;
    background: none !important;
    cursor: default !important;
}

.CommonBoxTableSelectionList .ToolMouseOverSearchSelection
{	
	padding: 5px 6px 1px !important;
	cursor:pointer;
	background-color: transparent !important;
}
.CommonBoxTableSelectionList .ToolSearchSelection, .CommonBoxTableSelectionList .ToolSelSearchSelection
{              
    padding: 5px 6px 1px !important;
}

#ctl01_cpBoxes_ctrlProfileViewer_gdvwProfileList
{
    width: 100% !important;
}

#ctl01_cpBoxes_ctrlProfileViewer_gdvwProfileList th, #ctl01_cpBoxes_ctrlProfileViewer_gdvwProfileList td
{
    padding-left: 5px !important;
}

/*JMI: Below css changed for bug fix ONP00032759*/
.borderControlHeaderTextPadding
{
    padding-right: 20px;
    max-width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: auto;
    overflow: hidden;
}

#lblLong2, #lblLat2, #lblLong, #lblLat
{
    white-space: nowrap;
    display: block;
    width: 35px;
}
/* For ONP00033005
#commoniFrame
{
    width: 390px !important;
}
*/

.btnBufferReports
{
    color: #a1d1dc !important;
    box-shadow: inset 0px 1px #72AEE0!important;
    text-shadow: none!important;
    border: 1px solid #0E2855!important;
    border-radius:3px!important;
    margin-right:10px!important;
    padding: 5px 10px !important;
    display: inline-block !important;
    text-decoration: none !important;
    padding-right: 20px !important;
    cursor:pointer;
    
	background: url('../../images/down-arrow.png') no-repeat right 3px, -moz-linear-gradient(top,  #2977b7 0%, #165699 40%, #0b2e70 100%) !important; /* FF3.6+ */
	background: url('../../images/down-arrow.png') no-repeat right 3px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2977b7), color-stop(40%,#165699), color-stop(100%,#0b2e70)) !important; /* Chrome,Safari4+ */
	background: url('../../images/down-arrow.png') no-repeat right 3px, -webkit-linear-gradient(top,  #2977b7 0%,#165699 40%,#0b2e70 100%) !important; /* Chrome10+,Safari5.1+ */
	background: url('../../images/down-arrow.png') no-repeat right 3px, -o-linear-gradient(top,  #2977b7 0%,#165699 40%,#0b2e70 100%) !important; /* Opera 11.10+ */
	background: url('../../images/down-arrow.png') no-repeat right 3px, -ms-linear-gradient(top,  #2977b7 0%,#165699 40%,#0b2e70 100%) !important; /* IE10+ */
	background: url('../../images/down-arrow.png') no-repeat right 3px, linear-gradient(to bottom,  #2977b7 0%,#165699 40%,#0b2e70 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#2977b7' , endColorstr= '#0b2e70' ,GradientType=0 ) !important; /* IE6-9 */
	
	/*background:url("../../App_Themes/Sapphire/Images/buffer-report-dropdown.png") no-repeat 96% 10px!important;*/
    
}

.optionBufferReports {
    display: inline-block;
    margin: 2px -10px 0px 2px;
}

.goButton input {
    min-width: 30px;
}

.bufferReports
{
    width:auto!important;    
}

.bufferReports table tr td {
    height: 23px;
    padding: 0 3px 0 3px;
}

.bufferReports table tr td:hover
{
    background:#DCDCDC;    
}

#NewTaskiFrame
{
    height: 340px !important;
}
 
.sorting-icon
{
    margin-left:2px;
}

.newJobsContainer {
    border: 1px solid #CCC;
    height: 227px;
    overflow: auto;
    padding: 5px;
}

.lblBookmarksBasemaps
{
    width: 140px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.taskHistoryTblHeader {
    border-left: 0px solid;
    border-right: 0px solid;
    padding: 0px 2px;
    text-align: left !important;
    white-space: nowrap;
    display: block;
}

.ucGeoprocJobStatus_mTaskStatusTabs_2
{
    margin: 2px 2px -2px;
}

.jobStatusContainer {
    border: 1px solid #CCC;
    height: 117px;
    width: 410px;
    overflow: auto;
    padding: 3px;
}

tr.HeaderTableFloating th {
    text-align: left;
    padding: 0px 5px;
}

div#ucGeoprocJobStatus_ucGeoprocInputParams_pnlInputParams table#tb_columnViewer td
{
    padding: 2px 6px 2px 0px !important;
}

.CommonBoxTableStreetView .CommonBoxTableContent
{
	padding: 0px !important;
}

div.lblGooglePluginHeaderText {
	width: 250px;
	float: left;
}

div.divGooglePluginCloseButton {
	width: 100px;
	float: right;
	text-align: right;
}

div#divGooglePluginModeHeader 
{
	padding: 8px 5px 0px 10px;
	overflow: hidden;
	border-left: 1px solid #000;
	height: 31px;
    display: none;
}

div.lblGooglePluginHeaderText div {
	/*font-size: 18px !important;*/
	font-size: 1.125rem !important;
	font-weight: normal !important;
	color: #ABDEEA !important;
}

.btnGooglePluginClose
{
	background: url('../../app_themes/Sapphire/images/close.png') no-repeat center;
	border: none;
	height: 40px;
	width: 35px;
	margin: -9px -4px 0px -2px;
	border-left: 1px solid #000;
	box-shadow: inset 1px 0px 0px #72AEE0;
}

.btnGooglePluginClose:hover 
{
    border-left: 1px solid #000;
    /* background: rgba(54, 120, 204, 0.5); */
    cursor: pointer;
}

.btnGooglePluginClose:active 
{
    box-shadow: inset 0px 0px 2px #020202;
    border-left: 1px solid #000;
    background: #123574;
    cursor: pointer;
}

ul.pluginFooterElements li {
	border-right: 1px solid #F5F5F5;
	border-left: 1px solid #999;
	display: inline-block;
	white-space: nowrap;
	padding: 9px 5px;
}

ul.pluginFooterElements li:last-child {
	border-right: 1px solid transparent;
}

ul.pluginFooterElements li img {
	float: left;
	margin: -5px 5px 0px 2px;
}


.dwMenuGroupHeader
{
	font-weight: bold;
	float: left;
	color: #333;
	margin: 18px 0px 18px 6px;
}

.dwMenuGroupHeader a
{
    text-decoration: none;
    color: #000;
}

.firstLevelMenuItem.groupItem.selected
{
    cursor: default;
}

.ulDashboardItems li ul li {
	border-left: 1px transparent;
	border-right: 1px transparent;
	padding-top: 0px;
}

.ulDashboardItems li ul li:hover, li.firstLevelMenuItem:hover, .DashBoardMenuItemHover:hover
{
	box-shadow: inset 0 0 0 #000000;
	background: #f5f5f5;
	-webkit-transition: all 0s ease-in-out;
	-moz-transition: all 0s ease-in-out;
	-ms-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;
}

.scrollableDiv
{
    clear:both; 
    height:150px; 
    overflow:auto; 
    overflow-x:hidden; 
    border:1px solid #999;
}

li.firstLevelMenuItem {
    background: #ECECEC;
    cursor: pointer;
}

li.secondLevelMenuItem {
    background: #FFF;
}

li.secondLevelMenuItem:hover {
    box-shadow: inset 0 0 0 #000000;
	background: #f5f5f5;
	-webkit-transition: all 0s ease-in-out;
	-moz-transition: all 0s ease-in-out;
	-ms-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;
}

li.grpItem
{
    background: #FFF;
}

li.firstLevelMenuItem.groupItem.selected .dwThumbnail
{
	height: 53px;
}

li.firstLevelMenuItem.groupItem.selected .dwMenuGroupHeader {
	margin: 18px 0px 18px 6px;
}

li.firstLevelMenuItem.groupItem.selected .accordion-open {
	margin: 15px 12px 0px;
}

.hide{
	display:none; 
}

.accordion-close {
	background: url("../../images/close-panel.png") no-repeat scroll 2px 2px rgba(0, 0, 0, 0);
	float: right;
	height: 10px;
	padding-top: 9px;
	width: 19px;
	display: inline-block;
	margin: 15px 12px 0px;
}
.accordion-open {
	background: url("../../images/open-panel.png") no-repeat scroll 2px 2px rgba(0, 0, 0, 0);
	float: right;
	height: 10px;
	padding-top: 9px;
	width: 19px;
	display: inline-block;
	margin: 15px 12px 0px;
}

div.dwMenuGroupHeader a.DashBoardMenuItem
{
    text-decoration: none;
}

.nav ul li ul.subType li:hover, .nav ul li ul.subType li.selected{
	background: #dcdcdc; /* Old browsers */	
	cursor:pointer;
	box-shadow:none;
}

.nav ul li ul.subType {
	display:none; 
	padding:0 0 0 0!important; 
	position:absolute !important; 
	top:37px !important; 
	left:0 !important;  
	z-index:1003 !important;  
	color:#333; 
	border:1px solid #606060 !important;  
	/*width:250px;*/
	overflow:auto !important;  
	overflow-x:hidden !important; 
	background:#f0f0f0 !important; 
}

 ul.subType li
 {
	list-style: none !important;
}

.dashboardSeparator
{
    border-right: none !important;
    height: 35px !important;
}

.ulDashboardItems li {
	/*float: inherit !important;*/
	height: auto !important;
}
.ulDashboardItems li.dashboardSeparator
{
    border-right: none !important;
    height: 39px !important;
}
ul.accordian-data {
	width: 230px;
}

ul.accordian-data li
{
	border-top: 1px solid #CCC;
	cursor: pointer;
	padding: 0px 5px 0px 1px !important;
}

.mapSnapShot {
    /*width: auto !important;
    min-width: 400px !important;*/
}

.routingFrm
{
    padding: 3px;   
}

#pnlOptions table {
    border-spacing: 2px;
}

.eportD-wrap .box-show
{
    margin:0 0 0 25px; 
    border:1px solid #ccc; 
    padding:2px;
    padding:2px !important;
}

.tbl-exportD
{
    width:450px;
}
.tbl-exportD TR TD{padding:2px 0;}
.steps
{
    float:right;
}
.sprite-gen{background: url("../../Images/DataDownload/sprite-gen.png") no-repeat 0 0;}
.s01, .s02, .s03{float:left; width:63px; height:18px;}
.s02{background-position:0 -29px;}
.s03{background-position:0 -60px;}

/*-- Embeddable map style ---- */
.wrapper-emb-map{margin: 0px; padding: 0px;}
.free{margin:0; padding:0;}
.wrapper-emb-map .tool-layer{padding:5px 6px; width:24px; border-right:1px solid #ccc;}
.wrapper-emb-map .tool-layer:hover{background:#ccc; cursor:pointer;}
.wrapper-emb-map .head3{color:#ABDEEA;}
.wrapper-emb-map #updMap TABLE{width:100%;}
.wrapper-emb-map #divMapContent{padding-bottom:2px;}
.goog-search-emb{position:absolute; right:15px; top:40px; margin:0px; z-index:500;}
.goog-search-emb .addressSearchInputTextEmbd input[type='text']{height:26px;}


/* CSS For Product Tour */
#ProdTour #page-wrap{ width:625px;  }
#ProdTour #page-wrap h3{ /*font-size:16px;*/ font-size:1.000rem; color:#07204e; padding-bottom:15px;}

#ProdTour .ui-widget-content{ border:none; background:none;}
#ProdTour .ui-widget-header{background:none;border:none;}
#ProdTour .ui-corner-all, #ProdTour .ui-corner-top, #ProdTour .ui-corner-right, #ProdTour .ui-corner-tr{ border-radius:0px;}
#ProdTour .ui-state-default, #ProdTour .ui-widget-content .ui-state-default, #ProdTour .ui-widget-header .ui-state-default{ border:0px;}
#ProdTour .ui-widget{ font-family:Arial;}

#ProdTour .ui-tabs{ zoom: 1; }
#ProdTour .ui-tabs .ui-tabs-nav{ list-style: none; position: absolute; padding: 0px; display:block; margin-left:-190px; top:33px; z-index: 1000;height: 330px;width: 190px;overflow: auto;}
#ProdTour .ui-tabs .ui-tabs-nav li{ position: relative; float: left; clear:both; width:180px; margin: 0 2px -1px 0; background: none; }
#ProdTour .ui-tabs .ui-tabs-nav li:hover{ background:#D5D5D5;}
#ProdTour .ui-tabs .ui-tabs-nav li a{ float: left; width:85%; text-decoration: none; padding: 7px 5px; color: #333; font-weight:bold; /*font-size:12px;*/ font-size:0.750rem; }
#ProdTour .ui-tabs .ui-tabs-nav li.ui-tabs-selected{ padding-bottom: 1px; border-bottom-width: 0; background: #DCDCDC; color:#96c5d5 !important; }
#ProdTour .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor:default; }
#ProdTour .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; border:none;  } 
#ProdTour .ui-tabs .ui-tabs-panel{ padding: 20px; display: block; border-width: 0; border: 1px solid #CCC; position: relative; min-height: 200px; border-radius:3px;
background: #FFF;
}
#ProdTour .ui-tabs .ui-tabs-hide{ display: none !important; }

#ProdTour a.mover{ padding: 4px 10px; font-weight:normal; text-decoration: none; 
-webkit-box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1);
-moz-box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1);
box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1);
border: 1px solid rgba(0, 0, 0, 0.25);   border-radius: 2px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75); color: #444 }

#ProdTour .next-tab{display:block; float:right; 
width:35px;
background: #ededed url(../../App_Themes/Sapphire/Images/Producttour/next-icon.png) 40px 5px no-repeat;
background: -moz-linear-gradient(top,  #ededed 0%, #ededed 38%, #dedede 100%) url(../../App_Themes/Sapphire/Images/Producttour/next-icon.png) 40px 5px no-repeat;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(38%,#ededed), color-stop(100%,#dedede)) url(../../App_Themes/Sapphire/Images/Producttour/next-icon.png) 40px 5px no-repeat;
background: -webkit-linear-gradient(top,  #ededed 0%,#ededed 38%,#dedede 100%)url(../../App_Themes/Sapphire/Images/Producttour/next-icon.png) 40px 5px no-repeat;
background: -o-linear-gradient(top,  #ededed 0%,#ededed 38%,#dedede 100%) url(../../App_Themes/Sapphire/Images/Producttour/next-icon.png) 40px 5px no-repeat;
background: -ms-linear-gradient(top,  #ededed 0%,#ededed 38%,#dedede 100%) url(../../App_Themes/Sapphire/Images/Producttour/next-icon.png) 40px 5px no-repeat;
background: linear-gradient(to bottom,  #ededed 0%,#ededed 38%,#dedede 100%) url(../../App_Themes/Sapphire/Images/Producttour/next-icon.png) 40px 5px no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
}

#ProdTour .prev-tab{display:block; float:right; padding-left:21px !important;
background: #ededed url(../../App_Themes/Sapphire/Images/Producttour/prev-icon.png) 7px 5px no-repeat;
background: -moz-linear-gradient(top,  #ededed 0%, #ededed 38%, #dedede 100%) url(../../App_Themes/Sapphire/Images/Producttour/prev-icon.png) 7px 5px no-repeat;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(38%,#ededed), color-stop(100%,#dedede)) url(../../App_Themes/Sapphire/Images/Producttour/prev-icon.png) 7px 5px no-repeat;
background: -webkit-linear-gradient(top,  #ededed 0%,#ededed 38%,#dedede 100%)url(../../App_Themes/Sapphire/Images/Producttour/prev-icon.png) 7px 5px no-repeat;
background: -o-linear-gradient(top,  #ededed 0%,#ededed 38%,#dedede 100%) url(../../App_Themes/Sapphire/Images/Producttour/prev-icon.png) 7px 5px no-repeat;
background: -ms-linear-gradient(top,  #ededed 0%,#ededed 38%,#dedede 100%) url(../../App_Themes/Sapphire/Images/Producttour/prev-icon.png) 7px 5px no-repeat;
background: linear-gradient(to bottom,  #ededed 0%,#ededed 38%,#dedede 100%) url(../../App_Themes/Sapphire/Images/Producttour/prev-icon.png) 7px 5px no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
}
.eventEditorNavigationTable
{
   padding-top:10px;
}

.eventEditorTable td
{
    padding:2px;
}
#ProdTour .btnClosePop{display:block; float:right; width:auto;
background: #ededed 
background: -moz-linear-gradient(top,  #ededed 0%, #ededed 38%, #dedede 100%)  
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(38%,#ededed), color-stop(100%,#dedede)) 
background: -webkit-linear-gradient(top,  #ededed 0%,#ededed 38%,#dedede 100%) 
background: -o-linear-gradient(top,  #ededed 0%,#ededed 38%,#dedede 100%) 
background: -ms-linear-gradient(top,  #ededed 0%,#ededed 38%,#dedede 100%) 
background: linear-gradient(to bottom,  #ededed 0%,#ededed 38%,#dedede 100%)
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
}

#ProdTour .next-tab:hover{background: #07204e url(../../App_Themes/Sapphire/Images/Producttour/next-hover.png) 40px 5px no-repeat; color: #fff; box-shadow:none;}
#ProdTour .prev-tab:hover{background: #07204e url(../../App_Themes/Sapphire/Images/Producttour/prev-hover.png) 7px 5px no-repeat; color: #fff; box-shadow:none;}
#ProdTour .btnClosePop:hover{background: #07204e; color: #fff; box-shadow:none;}

#ProdTour .ui-tabs .ui-tabs-nav li.ui-tabs-selected a{color:#000 !important;}
#ProdTour .btnTour{ position:absolute; float:left; width:600px; margin:30px 0px -30px 0px; }
.Tourmain-wrapper{ background:#eeeeee; padding:10px 10px 50px 10px;  padding-left:200px; cursor:default;}
.TourpopupWrap{ position:absolute; width:630px; border:1px solid #606060; border-radius:4px; display:none; z-index:999;box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.5);}
#ProdTour .description, #ProdTour .description p, #ProdTour .description ol li
{
    line-height: 17px;
}
#ProdTour .description{ padding-top:10px;}
.Tourmain-wrapper h2{ margin-left:-188px; display:block; float:left; padding:0px; /*font-size:15px;*/ font-size:0.938rem; font-weight:bold; color:#07204e; }
#ProdTour .lanLink{ display:block; float:right; margin-right:5px; margin-bottom:4px;}
#ProdTour .lanLink a{ text-decoration:none; color:#333; float:left;}
#ProdTour .closebtn{ margin-left:10px; padding:4px; border-radius:3px;}
#ProdTour .closebtn:hover{ background:#ccc;}
#ProdTour .cls{ clear:both;}
#ProdTour .lanLink a.closebtn img{ border:none;}

#ProdTour .arabicLang{ display:block;}
#ProdTour .englishLang{ display:none;}

#ProdTour .cont-over .description ol
{
    padding: 0px 18px 18px 18px !important;
}

.cls-margin-top{margin-top: -15px;}
#ProdTour .cont-over{ height:320px; overflow:auto; overflow-x:hidden;margin: -20px -19px -20px -7px;padding: 19px 19px 19px 0px;}
#ProdTour .btnOpen{ float:left; margin:20px; padding:5px;}
.prod-overlay{ width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:999; background:#333; opacity: 0.6; display:none;}

.initTourPopup{position:absolute; float:right; margin-left:-317px; width: 300px; border:1px solid #606060; background:#e7e7e7; border-radius:5px; z-index:999; top:45px; height:172px; cursor:default; box-shadow: 0 2px 15px rgba(0,0,0,0.3),0 4px 15px -5px rgba(0,0,0,0.3);}
.arrowTopTour{ position:absolute; background:url(../../App_Themes/Sapphire/Images/Producttour/arrow-top.png) no-repeat right top; width:100%; height:21px; margin-top:-21px;}
.initTourPopup h2 span{ color:#000538; /*font-size:20px;*/ font-size:1.250rem; font-weight:normal; display:block; text-align:center; padding:10px 0px; border-bottom:1px solid #ccc; width:100%;}
.initTourPopup p{ display:block; text-align:center; width:75%; padding:10px 30px; line-height:18px; color:#5a5a5a; }
.contTour span{ display:block; text-align:center; padding-bottom:10px;}
.contTour span label{color:#5a5a5a;}
.closeTourpopup{ position:absolute; float:right;  top:10px; width:100%;}
.closeTourpopup a IMG{ border:none;}
#divPersonlizedToolbar .closeTourpopup a{ border:none; float:right; display:block; margin-right:10px; }
span.bottomLine { padding-bottom:10px;float:left;}
span.bottomLine input{ float:left; margin-top:2px; display:block; margin-left:50px;} 
span.bottomLine span{ width:auto;float:left; padding-bottom:10px; color:#5a5a5a; }
/* CSS For Product Tour */




.dashB-content-wrraper{clear:both; width:100%;}
.dash-slide-holder{position:relative; clear:both; width:100%;  background: url( "../../images/DashboardBanner_BG.jpg" ) repeat-x 0 0;}
.bg-dash{clear:both; width:100%; height: 238px; background: url( "../../images/DashboardBanner.jpg" ) no-repeat 0 0;}
.dash-search-holder {position:relative; margin:15px 5px;}

.dash-search-holder .DashBoardMenuItemDiv{}

.int-btn-holder{float:right;}
.int-btn-holder P{float:left; /*font-size:18px;*/ font-size:1.125rem; color:#12488c; font-style:italic; margin:20px 10px 0 0;}
.int-btn-holder .big-btn{float:right; /*font-size:18px;*/ font-size:1.125rem; background:#328e4d; color:#fff; border:1px solid #002436; padding:8px 12px; cursor:pointer; margin-top:10px; text-decoration:none; margin-right:10px; 
border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
background: rgb(90, 144, 204);
background: -moz-linear-gradient(90deg, rgb(90, 144, 204) 0%, rgb(17, 81, 152) 100%);
background: -webkit-linear-gradient(90deg, rgb(90, 144, 204) 0%, rgb(17, 81, 152) 100%);
background: -o-linear-gradient(90deg, rgb(90, 144, 204) 0%, rgb(17, 81, 152) 100%);
background: -ms-linear-gradient(90deg, rgb(90, 144, 204) 0%, rgb(17, 81, 152) 100%);
background: linear-gradient(180deg, rgb(90, 144, 204) 0%, rgb(17, 81, 152) 100%);
}
.int-btn-holder :hover.big-btn{background:rgb(90, 144, 204);}
.box-g{border:1px solid #cfcfcf; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
background: rgb(239, 239, 239);
background: -moz-linear-gradient(90deg, rgb(239, 239, 239) 50%, rgb(225, 225, 225) 100%);
background: -webkit-linear-gradient(90deg, rgb(239, 239, 239) 50%, rgb(225, 225, 225) 100%);
background: -o-linear-gradient(90deg, rgb(239, 239, 239) 50%, rgb(225, 225, 225) 100%);
background: -ms-linear-gradient(90deg, rgb(239, 239, 239) 50%, rgb(225, 225, 225) 100%);
background: linear-gradient(180deg, rgb(239, 239, 239) 50%, rgb(225, 225, 225) 100%);
}
.v-line{float:left; width:100%; clear:both; height:2px; background:url(../../images/v-line.png) repeat-x 0 0; overflow:hidden; margin:10px 0;}

.footer-dash {position: relative; float: left; clear: both; width: 100%; padding: 10px 0;}
.footer-dash P {clear: both;color: #666; /*font-size:12px;*/ font-size:0.750rem; text-align:center;}

.logingDisclaimer
{
    float: right;
}

.nav li.navtabs{position:relative; border:1px solid transparent; padding:6px 8px; /*background:url(../images/devider-nav.png) no-repeat 100% 50%;*/}

#PrintiFrame{width:445px !important; height:210px !important;}
#txtText, #txtXTitle, #txtYTitle{width:417px !important;}
#txtToolTipExpression{width:235px !important;}
#ChartOptionsiFrame{height:450px !important;}
/*#ddlLabels, #ddlFields, #ddlNormalize{width:150px !important;}*/
#ucXLabel_ddlFont, #ucYLabel_ddlFont, ucYTitle_ddlFont,
#ucXTitle_ddlFont, #ucTitle_ddlFont, #ucDisplayValue_ddlFont{width:140px !important;}

/* IE10-specific styles go here  
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)*/  
@media screen and (min-width:0\0)
{  
  #updMain{margin:4px 0 4px 0;width:515px;}
  .SearchCriteriaPanel .menuDropDownDir{margin-top: 0;}
} 


/* ### IE10-specific styles go here end #### */

.form-wrapper .mar-l{margin: 2px 0 0 5px; padding:4px;}
.form-wrapper .btnDisabled{color:#acacac;}
.form-wrapper .btnDisabled:hover{color:#acacac;}
.TopNavBar SELECT{width:500px !important;}
#radMapSettings LABEL{white-space:normal;}
.vt{vertical-align:top;} 
.padt01{padding-top:4px;}
.wsn{white-space:nowrap;}
.option-sel .w2{height:26px;}
.info-detail #tb_columnViewer td{white-space:normal;}

#mcMenuHolder Table td{white-space:nowrap;}
span .btnMenuPopup
{
    cursor: pointer;
}

.TabImage
{
    height: 0px;
}

.layerOptionItems TR TD TABLE TR TD a {
    max-width: 130px;
    text-overflow: ellipsis;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}



table.cartSection td
{
    border: 1px solid #CCC;
    padding: 5px;
}

table.transHistory th, table.transHistory td, .servRequestList th, .servRequestList td, .orderList th, .orderList td
{
    padding: 4px;
    border: 1px solid #999;
    white-space: nowrap;
}
.servRequestList, .orderList
{
    border-collapse: collapse !important;
}

input.taskHistoryTblHeader {
    background: #FFF;
    box-shadow: none;
}

.header1 {
    background: #DFDFDF;
}

.persPadding
{
    padding-top: 7px;
}

/* ### CSS For Dashboard menu #### */
.spl-ico{width:200px; position:relative;}
.spl-ico TABLE TR TD.DashBoardItemBackground{width:32px; vertical-align:top;}
.spl-ico .DashBoardMenuWidth{padding:10px 0 0 0;}
.spl-ico .DashBoardItemName{text-transform:none;}

.pos-menu{visibility:hidden; display:none; position:absolute; z-index:10001; left:0; float:left;}
.pos-menu .dashboardMenu{width:100% !important; border:1px solid #ccc; padding-top:1px;}
.pos-menu .dashboardMenu a{float:left; color:#000; width:170px; line-height:20px; word-wrap:break-word; background:transparent;}
.pos-menu .DashBoardMenuItem{background: #f9f9f9; padding:4px; border-top:1px solid #ccc;}
.pos-menu .DashBoardMenuItem:hover{background:#e5e5e5;}

.hig-menu{height:160px;}
.scroll-y{overflow:auto; overflow-x:hidden;}
.scroll-xy{overflow:auto;}

.CommonBoxTableSelectionList .HeaderTableFloating .borderControlHeaderTextPadding {
    overflow: inherit;
}

.grpWithoutThumbnail {
    max-width: 180px;
    width: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.grpWithThumbnail {
    max-width: 145px;
    width: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.slt-nJob SELECT{max-width:340px;}
.slt-nJob SPAN{width:350px; float:left; word-wrap: break-word;}
.mar01{margin:0 0 0 3px;}
.nj-select{margin:0 0 0 2px; vertical-align:middle;}
.jobH-wrap{height:445px;}
.nj-panel-wrap{height:340px; box-sizing: border-box;}
input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled, input[type="file"]:disabled, input[type="checkbox"]:disabled
{opacity:.5; color:#666; cursor:default;}
.bookmark-list-sync .ProfileSettingsPanel table{width:100% !important; box-wrap:border-box;}
.wrapper-aoi .mar02{margin:4px 0 0 0;}


.retreiveSelectionList
{
    border: 1px solid #CCC;
    padding: 4px;
}

#lblResultX, #lblResultY
{
    width: auto;
    min-width: 70px;
    display: block;
}

#lblResultLng, #lblResultlat
{
    width: 50px;
    display: block;
}

#lmTree .lyrMrgLiContent .ActiveLayer{background-position: 98% 8px;}
#divTreeEditor .lyrMrgLiContent .ActiveLayer{background-position: 98% 0px;padding-right: 40px;}
#divTreeEditor{min-width:100px;}
#divTreeEditor .layerLi{clear:both; width:100%;}
#divTreeEditor .layerLi .layer-options{list-style:none; margin:0 0 0 20px;}
#divTreeEditor .lyrMrgLiContent IMG{margin:0 4px 0 0;}
#divTreeEditor ul{list-style:none;}

.jobsContainer
{
    border: 1px solid #CCC;
    padding: 5px;
    margin-bottom: 5px;
}

a.jobTabs {
    padding: 7px;
    color: #000;
    border-bottom: 1px solid #CCC;
    display: inline-block;
    border-top: 1px solid #CCC !important;
    margin-bottom: -17px;
    border-radius: 3px 3px 0px 0px;
    background: #CCC;
    border-left: 1px solid #CCC !important;
    border-right: 1px solid #CCC !important;
}

.DynamicReportLinkTabSelected
{
    background: #fff !important;
    border-bottom: 1px solid #fff !important;
}

.newJobsContainer #tb_columnViewer input[type=submit]
{
    padding: 0px 15px !important;
}

.doc-view-wrap .doc-sublink{width:450px;}
.doc-view-wrap .doc-list2{width:322px; margin:0 0 0 15px;}

.cordTransPop {width: 100%; height: 310px;}
.cordTransPop .resultTrans{min-height:62px; display:block;}
.cordTransPop  #lblResult{color:#ccc;}
.cordTransPop .btnWrapCoordinate{margin:6px 0 0 0; width:100%; clear:both;}
.cordTransPop .decibox input[type="text"], .cordTransPop .decibox LABEL, .cordTransPop .decibox SELECT{float:left;}
.cordTransPop .decibox LABEL{margin:4px 2px 0 2px;}
.cordTransPop .wrap-coordinate-t{min-height:160px;}
.cordTransPop .wrap-coordinate-t input[type="radio"]{bottom:0;}
.cordTransPop .eastlbl{float:left; width:85px;}

div#resultContextMenuActive {
	left: auto !important;
}
div#statusRight {
    width: auto !important;
}

div#statusRight div {
    float: left;
    padding: 9px;
}

#divRight {
    float: right;
}

#divRightPictometry {
    float: right;
    border-left: 1px solid #999;
}

#pol-vi-measure2-svg{ float:left;
    width:100%;
    height:100%;
}

div.statusRight div {
    float: left;
    padding: 9px;
    border-left: 1px solid #FFF;
    border-right: 1px solid #999;
}

span.eastlbl:after {
    content: "\200E";
}

div#divMapTabName label {
    display: block;
    width: auto;
    max-width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ico-lay, .ico-leg {
    white-space: nowrap;
    height: 19px;
    width: auto;
    max-width: 75px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    margin-bottom: -2px;
}

td.CommonBoxTableContent.searchForm {
    max-height: 593px; /* if seaerch has nearbysearch control max-height: 400px; */
    display: block;
    overflow: auto;
}

div#divMapTabName label {
    display: block;
    width: auto;
    max-width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.noWrap
{
    white-space:nowrap;
}

/*### Measure style start ##### */

.box-content-wrap{box-sizing:border-box; float:left;}
.measure-cont{min-width:250px;}

.unit-box{padding:5px 0;}
.unit-box H3{margin:5px 0; font-weight:normal; /*font-size:130%;*/ font-size:1.313rem;}
.unit-box .hoz-dis, .unit-box .hoz-dis LI{float:left;}
.unit-box .hoz-dis LI{margin:0 0 4px 0; list-style:none; clear:both;}
.unit-box .hoz-dis LI .lab{float:left; width:86px; margin:5px 0 0 0; text-overflow:ellipses;}
.unit-box .hoz-dis LI .ddlMD{width:160px;}

.measure-result-box{margin:3px 0; box-sizing:border-box;}
.result-uty{position:relative; padding:4px 0;}
.result-uty .chk{float:left; margin:0 5px 0 4px;}

.result-list{margin:5px 0; box-sizing:border-box;}
.result-items{max-height:250px; border:1px solid #e7e7e7; box-sizing:border-box;}
.result-items LI{position:relative; clear:both; width:99.8%; padding:4px 0; border-bottom:1px solid #b7b7b7; background: rgba(255,255,255,.5);
transition: background ease-out .1s;}
.result-items LI:nth-child(even){background:#f2f2f2;}
.result-items LI.active {background: #FFE886; transition: background ease-out .1s;}
.result-items LI.active-chk {background: #FFE886;}

.result-items LI H4{/*font-weight:normal; font-size:120%;*/ font-size:0.750rem;}
.result-items LI H4, .result-items LI P{display:block; clear:both; padding:2px 0 0 25px;}
.result-items LI .chk{position:absolute; top:7px; left:4px;}
.result-items LI P SPAN{float:left; margin:0 5px 0 0;}

.buttons-wrap{width:100%; clear:both; padding:4px 0;}
.buttons-wrap .btn{margin:0 5px; float:left;}

.btnR{float:left; width:100%; clear:both;}
.btnR TABLE{float:right;}
.btnR TABLE TD{padding:0 0 0 2px;}

/*### Measure style end ##### */


/* #### Base map Menu Options ### */
.basemap-wrap .basemaps LI{overflow: hidden; text-overflow: ellipsis; white-space:nowrap; padding:0; margin:0;}
.basemap-wrap .basemaps .lev01{position:relative; padding:5px 0 5px 25px; display:inline-block;}
.basemap-wrap .basemaps .lev01 .chk{position:absolute; top:7px; left:7px;}
.basemap-wrap .basemaps .lev02 LI:first-child{border-top:1px solid #d9d9d9;}
.basemap-wrap .basemaps .lev02 LI{padding:5px 0;}
.basemap-wrap .basemaps .base-opt{box-shadow:none;}
.basemap-wrap .basemaps .base-opt:hover{background:none;}
.basemap-wrap .basemaps .base-opt .lev02 LI:hover{background:#f5f5f5;}


/* #### Rotation and pan zoom fullextent ### */

.no-select{-webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none;  user-select: none;}
.pos-a{position:absolute;}
.pos-r{position:relative;}
.def-pos{left:30px; bottom:35px;}

.pan-control-holder{width:115px; z-index:99;}
.zoom-plus, .zoom-minus, .zoom-slider, .zoom-slider-move-area{cursor:pointer;}
.pan-control-holder, .pan-zoom-default-wrap, .pan-zoom-wrap{box-sizing:border-box;}
.pan-control-holder{width:115px; z-index:99;}
.pan-zoom-default-wrap{width:76px; height:76px; z-index:9; opacity:.5; left:0; bottom:0;}
.pan-zoom-default-wrap .min-img-holder{float:right; width:40px; height:40px; background:url("../../App_themes/Sapphire/images/Tools/PanZoomControl/pan-fullextent-bg.svg") no-repeat 0px 0px; background-size:40px 40px;}
.pan-zoom-wrap{ width:115px; padding:0 10px 10px 10px; height:auto; float:left; left:0; bottom:0;}
.pan-zoom-wrap .zoom-bar-wrap{margin:0 auto; width:24px; padding:0 8px 10px 8px; cursor:default; display:block;}
.zoom-bar-wrap .zoom-plus, .zoom-bar-wrap .zoom-minus{width:24px; height:25px; clear:both; z-index:2; left:0;}
.zoom-bar-wrap .zoom-plus{background:url("../../App_themes/Sapphire/images/Tools/PanZoomControl/zoom-plus.svg") no-repeat 0 0; top:5px;}
.zoom-bar-wrap .zoom-minus{background:url("../../App_themes/Sapphire/images/Tools/PanZoomControl/zoom-minus.svg") no-repeat 0 0; top:-5px;}
.zoom-bar-wrap .zoom-slider-bar{margin:0 auto; width:4px; height:110px; padding:5px 0; border:1px solid #5a5957; background:#a7a5a4; border-top:none; border-bottom:none;}
.zoom-bar-wrap .zoom-slider-move-area{width:6px; height:100px; left:-2px;}
.zoom-bar-wrap .zoom-slider{z-index:1; left:-7px; top:50px; width:24px; height:10px; clear:both; background:url("../../App_themes/Sapphire/images/Tools/PanZoomControl/slider.svg") no-repeat center 0;}

.pan-rotat-wrap{float:left; height:92px; width:92px; cursor:default;}

.pan-full-extent-wrap{z-index:9; top:14px; left:14px; padding:2px; width:64px; background:url("../../App_themes/Sapphire/images/Tools/PanZoomControl/pan-fullextent-bg.svg") no-repeat 0 0; background-size:65px 65px; box-sizing:border-box;}
.pan-full-extent-wrap .hit-box{position:relative; float:left; cursor:pointer;}
.pan-full-extent-wrap .p-C{width:24px; height:24px;}
.pan-full-extent-wrap .p-N, .pan-full-extent-wrap .p-S{width:24px; height:18px;}
.pan-full-extent-wrap .p-E, .pan-full-extent-wrap .p-W{width:18px; height:24px;}
.pan-full-extent-wrap .p-NE, .pan-full-extent-wrap .p-SE, .pan-full-extent-wrap .p-SW, .p-NW{width:18px; height:18px;}
.pan-full-extent-wrap .p-NW{border-radius:18px 0 0 0;}
.pan-full-extent-wrap .p-NE{border-radius:0 18px 0 0 ;}
.pan-full-extent-wrap .p-SE{border-radius:0 0 18px 0;}
.pan-full-extent-wrap .p-SW{border-radius:0 0 0 18px;}

.rotation-ring, .zoom-bar-wrap{background:rgba(255, 255, 255, 0.01)}
.rotation-ring {position: absolute; top:0; left:0; width: 92px; height: 92px; border-radius:46px; z-index:0; cursor: default; border:2px solid #cfcfcf; box-sizing:border-box;}
.rotation-ring .rotation-N {position: absolute; height: 20px;width: 20px; border-radius: 10px; cursor: pointer; box-sizing:border-box; z-index:9; border:2px solid #cfcfcf;}
.rotation-ring .bg-N{background: #626262 url("../../App_themes/Sapphire/images/Tools/PanZoomControl/n.svg") no-repeat 50% 50%; background-size:10px 10px;}
.rotation-ring .bg-N-active{background: #07204E url("../../App_themes/Sapphire/images/Tools/PanZoomControl/n.svg") no-repeat 50% 50%; background-size:10px 10px;}
.n-arrow-hov{z-index:999; top:34px; left:35px; width:22px; height:22px; border-radius:11px; background: #e8e8ea url("../../App_themes/Sapphire/images/Tools/PanZoomControl/n-arrow.svg") no-repeat 40% 40%; background-size:15px 15px;}

.rotation-ring .rotation-N:active{background-size:9px 9px;}
.zoom-bar-wrap .zoom-slider:active {background-size: 22px 8px;}
.zoom-bar-wrap .zoom-plus:active, .zoom-bar-wrap .zoom-minus:active {background-size: 23px 24px;}

/* #### Rotation and pan zoom fullextent end ### */



/* ### For all common start #### */
.no-select{-webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none; -khtml-user-select: none;  user-select: none;}
.pos-a{position:absolute;}
.pos-r{position:relative;}
.def-pos{left:30px; bottom:35px;}
.ie10 .out{display:none;}
.set-free{clear:both; width:100%;}
/* ### For all common end #### */



.range-sty{width: 120px; float:left; margin:6px 0 0 4px}
/* ## Range for Chrome ###*/
input[type=range]{/*-webkit-appearance: none;*/ -moz-border: 1px solid rgba(255,255,255,.1); }
input[type=range]::-webkit-slider-runnable-track {background: #ccc; border: none; /*width: 110px;*/ height: 5px;}
input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none;height: 16px; width: 10px; margin-top: -8px; background-image: linear-gradient(to bottom, #2875b5 0, #0c2f71 100%); border-radius:2px;}
input[type=range]:focus { outline: none;}
input[type=range]:focus::-webkit-slider-runnable-track {background: #7bd9ea;}
/* ## Range for Firefox ###*/
input[type=range]::-moz-range-track {background: #ccc; border: none; height: 5px;}
input[type=range]::-moz-range-thumb {border: 1px solid #999; height: 16px; width: 10px; border-radius:2px; background: #CCC;}
input[type=range]:-moz-focusring{outline: 1px solid white; outline-offset: -1px;}
input[type=range]:focus::-moz-range-track {}
/* ## Range for IE10 above ###*/
input[type=range]::-ms-track {height: 5px; background: #ccc; border-color: rgba(255,255,255,1); border-width: 6px 0; color: transparent;}
input[type=range]::-ms-thumb {border: 1px solid #999; height: 15px;width: 9px; border-radius: 2px; background: #CCC; }
input[type=range]::-ms-fill-lower {	background: #CCC;}
input[type=range]::-ms-fill-upper {background: #CCC;}

/* ### For all common end #### */

/* ### Markup start #### */

.markup-tab-wrap{clear:both;}
.symbols{border:1px solid #bdbdbd; box-sizing:border-box; max-height:84px; margin:10px 0;}
.symbols UL LI{border:1px solid transparent; margin:1px; list-style:none; padding:4px; width:20px; height:20px;}
.symbols UL, .symbols UL LI, .symbols UL LI IMG{float:left;}
.symbols UL{width:100%; clear:both;}
.symbols UL LI IMG{width:100%;}
.symbols UL LI IMG:hover{cursor:pointer; }
.symbols UL LI IMG:hover .symbols UL LI IMG.active{cursor:default; border-color:#8a8989;}
.symbols UL LI:hover, .symbols UL LI.active{border-color:#8a8989;}

.content-wrap{position:relative; padding:10px; float:left;}
.custom-form{clear:both;}
.custom-form-wrap .head4{/*font-size:15px;*/ font-size:0.938rem; font-weight:normal; margin:4px 0;}
.custom-form-wrap .head4:hover{cursor:pointer;}
.custom-form-wrap .head4 EM{font-style:normal;}
.custom-form-wrap .mh01{max-height:220px;}

.custom-form .form-sty, .form-sty LI{float:left; clear:both;}
.custom-form .form-sty LI{padding:5px 0; list-style:none;}
.custom-form .form-sty LI .lab{width:125px; float:left; margin:4px 0 0 0;}
.custom-form .form-sty .slt{width:160px;}
.custom-form .form-sty .txt{width:150px;}
.preview-block{position:absolute; top:30px; right:10px; text-align:center; padding:4px;}
.preview-block .preview{width:80px; height:80px; margin:0 0 4px 0; border:1px solid #d9d9d9; box-sizing:border-box;}
.preview-block .preview IMG{position:relative; width:100%; overflow:hidden;}
.preview-block P{display:inline-block;}
.preview-block P .btnpreview{border:1px solid #d9d9d9; width:80px; padding:4px; box-sizing:border-box; display:inline-block; overflow: hidden; text-overflow: ellipsis;}
.preview-block P .bg-on{background:#FFE886;}

.prv-holder{padding:6px 0; box-sizing:border-box;}


.holder{padding:6px 0; box-sizing:border-box; width:100%;}
.pick-block .pick{background:none;}
.pick-block, .rang-block{display:inline-block; float:left;}
.pick-block .pick, .pick-block P{float:left;}
.pick-block P{margin:6px 0 0 4px;}

.pick-color{width:150px;}
.pick-block .side-ico-holder{top:2px; right:1px; width:17px; height:17px; padding: 2px; border-left: 1px solid #cdcdcd; cursor:pointer;}
.pick-block .ico-palate{background:url(../../App_Themes/Sapphire/Images/color-palate.svg) no-repeat 50% 50%; background-size:16px 16px; width:16px; height:16px; float:left;}

.radio-block{margin:4px 8px 0 0}
.markup-wrap .form-sty .txt2{width:285px;}

.lineBreak{width:100%; clear:both; height:30px; overflow:hidden;}

.char-index-holder{background:#d9d9d9; float:left;}
.char-index-holder TABLE{/*font-size:10px;*/ font-size:0.625rem;}
.char-index-holder TABLE TR TD{padding:2px; background:#fff;}
.char-index-holder TABLE TR TD:hover{background:#07204e; color:#abdeea; cursor:pointer;}

.bwt01 .btns{min-width:100px;}

.group-btns{float:left;position: relative; display: inline-block;vertical-align: middle; margin:0 0 10px 0;}
.group-btns>.btns:first-child:not(:last-child){border-top-right-radius: 0; border-bottom-right-radius: 0;}
.group-btns>.btns:first-child {margin-left: 0;}
.group-btns>.btns:last-child:not(:first-child){border-top-left-radius: 0; border-bottom-left-radius: 0;}
.group-btns>.btns:not(:first-child):not(:last-child){border-radius: 0;}
.group-btns>.btns{position: relative;float: left;}
.group-btns .btns+.btns{margin-left:-1px;}

.group-btns .btns-default:hover{color: #333;background: #e6e6e6;border-color: #adadad; transition:all 0.2s ease-in-out}
.group-btns .btns-default{box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,1); cursor: pointer;}
.group-btns .btns-active{background:#07204e; color:#a8d9db; text-shadow:none;}

.btns{display: inline-block; padding: 6px 12px; margin-bottom: 0; line-height: 1.42857143; text-align: center; vertical-align: middle; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-shadow: 0 .1em 0 #FFF; border: 1px solid #acacac; border-radius: 4px;
background: -moz-linear-gradient(top, #fdfdfc 0%, #DCDCDC 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfc), color-stop(100%,#DCDCDC));
background: -webkit-linear-gradient(top, #fdfdfc 0%,#DCDCDC 100%);
background: -o-linear-gradient(top, #fdfdfc 0%,#DCDCDC 100%);
background: -ms-linear-gradient(top, #fdfdfc 0%,#DCDCDC 100%);
background: linear-gradient(to bottom, #fdfdfc 0%,#DCDCDC 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#fdfdfc' , endColorstr= '#DCDCDC' ,GradientType=0 );}

.arrow-tog{width:0;height:0; float:left; margin:3px 8px 0 0; transition:all 0.2s; border-top: 6px solid transparent; border-left: 10px solid #444; border-bottom: 6px solid transparent;}
.aT-down{-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.arrow-dw{float:left; margin:6px 4px; border-left: 5px solid transparent; border-top: 6px solid #444; border-right: 5px solid transparent;}

.text-label{margin:2px;}
.text-label .lab2{margin:0 4px 0 0;}
.text-label .int{width:200px;}

.mark-frame, .selection-frame{min-width:395px; height:215px;}
.mark-frame2{min-width:395px; height:262px;}
#updRetreiveSelection .wh-fix{min-width:395px; height:215px;}
#SaveSelection1_updSelection .wh-fix{min-width:395px; height:262px;}

.gen-form-wrap .form-sty, .gen-form-wrap .form-sty LI{float:left; clear:both;}
.gen-form-wrap .form-sty LI{padding:5px 0; list-style:none;}
.gen-form-wrap .form-sty LI .lab{width:125px; float:left; margin:4px 0 0 0;}
.gen-form-wrap .form-sty .ddlLarge{width:256px;}
.gen-form-wrap .form-sty .TextBox{width:243px;}
.gen-form-wrap .form-sty .cal .TextBox {width:100px;}
.gen-form-wrap .form-sty .head5 SPAN{/*font-size:16px;*/ font-size:1.000rem; font-weight:normal;}
/*
.msg-box{position: fixed; width:100%; z-index:999; background:#ccc;}
.msg-box SPAN{color:#fff; padding:4px; float:left;}
.close-me-btn{position:absolute; z-index:99999; top:3px; right:4px; background:#666; color:#fff; width:16px; height:16px; cursor:pointer;}
.close-me-btn::before, .close-me-btn::after{position: absolute; content: ''; width: 100%; top: 50%; height: 1px; background: #fff;box-sizing: border-box;}
.close-me-btn::before{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
.close-me-btn::after{-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
.close-me-btn:hover::before, .close-me-btn:hover::after{background:#ccc;}*/
.msg-vali{clear:both; width:100%; float:left;}
.msg-vali SPAN{padding:4px; float:left;}
.result-wrap{clear:both; width:97%; margin:6px 4px 6px 0; border:1px solid #ccc;}
.result-wrap .retreiveSelectionList{border:none;}
.result-wrap .retreiveSelectionList input[type='checkbox'], .result-wrap .retreiveSelectionList LABEL{float:left;}
.result-wrap .retreiveSelectionList LABEL{white-space:normal; word-wrap: break-word; width:330px;}

.rang-block .int {float: left; width: 22px;}
.txt-label-wrap{clear:both; width:100%; float:left; margin:0 0 10px 0;}

.plug-block{margin:10px 0;}
.plug-block .head5{font-weight:normal; margin:0 0 10px 0;}
.plug-block .head5 SPAN{/*font-size:16px;*/ font-size:1.000rem;}
.plug-block .radi-block{padding:2px 0 0 0;}

.ie10 .gen-form-wrap .form-sty .TextBox {width: 240px;}
.ie10 .gen-form-wrap .form-sty .cal .TextBox{width:100px;}
.ie10 .result-wrap .retreiveSelectionList LABEL{width:330px;}


/* ### Markup end #### */

/* ### Layer blend start #### */

.ico-infol{width:16px; height:16px; position:absolute; top:0; padding-bottom:6px;}
.posA{right:30px;}
.posB{right:0;}
.pop-content .lab, .pop-content .range-sty{float:left; clear:both;}
.pop-content .lab{margin:0 0 10px 0;}
.pop-content .range-sty{width:150px; margin:0 0 10px 0;}
.layer-options, .mapnode-options{position:relative;}

/* ### Layer blend end #### */

/* Added Disable Link color for Anchor Tag of Move Up and Move Down Context Menu */
.layerOptionItems TR TD TABLE TR TD a.disable-link{color:#8A8989;}

.layer-options .drag-lay{width: 6px; height: 12px; background:url(../../App_Themes/Sapphire/Images/drag.svg) no-repeat 50% 50%; background-size:6px 12px; position: absolute; top: 10px; right: 235px;}
.cur-move{cursor:move;}

/* ### Time aware start #### */

.ta-wrapper{ top: 88px; transition: all .5s; overflow:hidden;}
.ta-p1{right: 190px;}
.ta-p2{right: 426px;}
.max-block{width:500px; padding:8px 10px 3px 8px; height:70px;}
.min-block{opacity:.7; width:360px; height:23px; padding:5px;}
.min-block .lab-slt, .min-block .group-btns, .min-block .ta-slider-wrap, .min-block .close-pod, .min-block .time-txt .lab{display:none;}
.min-block .head-icon{display:block;}
.min-block .time-txt{position:absolute; margin:0 0 0 36px; top:5px; left:0;}
.min-block .time-txt .int-read{font-weight:bold; width:320px;}

.ta-slider-wrap{position:relative; clear:both; box-sizing:border-box;}
.txt-btn-holder{clear:both; float:left; width:100%; margin:0 0 15px 0px; box-sizing:border-box;}
.time-txt{margin:2px 0 0 2px;}
.time-txt .int-read{border:0; background:none; width:300px;}

.txt-btn-holder .group-btns{width:auto; margin:0;}
.txt-btn-holder .group-btns .btns{padding:4px 6px;}

.ico-play, .ico-push, .ico-prev, .ico-next{width:16px; height:16px; float:left;}
.ico-play{background:url(../../App_Themes/Sapphire/Images/play.svg) no-repeat center center; background-size:16px 16px;}
.ico-push{background:url(../../App_Themes/Sapphire/Images/stop.svg) no-repeat center center; background-size:16px 16px;}
.ico-prev{background:url(../../App_Themes/Sapphire/Images/previous.svg) no-repeat center center; background-size:16px 16px;}
.ico-next{background:url(../../App_Themes/Sapphire/Images/next.svg) no-repeat center center; background-size:16px 16px;}

.lab-slt .slt{width:150px;}
.pod-box{border:1px solid #999; border-radius:3px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(255, 255, 255, 1);}

.ta-slider-wrap{box-sizing:border-box; clear:both;}
.ta-slider-wrap .ta-ruler{position:relative; clear:both; top:0; left:0; height:11px; width:100%; box-sizing:border-box;}
.ta-slider-wrap .ta-ruler .ruler-mark{position:absolute; top:0; width:1px; height:10px; background:#aeaeae;}

.close-pod{top:4px; right:5px; color:#999; cursor:pointer; padding:4px; font-weight:300; font:16px Arial, sans-serif; text-transform:uppercase;}
.close-pod:before{content: 'x';}
.close-pod:hover{color:#195c9e;}
.close-pod:active{color:#195c9e; /*font-size:14px;*/ font-size:0.875rem;}


.time-aware-icon{top:6px; right:4px; width:16px; height:16px; background:url(../../App_Themes/Sapphire/Images/time-aware.svg) no-repeat center center; background-size:16px 16px; cursor:pointer; padding:2px;}
.head-icon{top:3px; left:10px; display:none;}
.head-icon .time-aware-icon{width:24px; height:24px; float:left; background-size:24px 24px; cursor:default;}


/* End Time Aware*/
.divActiveLayers select{min-width: 135px; background-position:120% center; padding:0;}
.om-icon-pan, .om-icon-zoom{position:relative; width:24px; height:24px; }
/*PRA defect ONP00034951*/
.slt03{margin:2px 0; padding:0 15px 0 2px; width:51px;}
.wt-error{width:70%;}
.error-sty{clear:both; color:#f00; line-height:15px; padding:4px;}

#ProgressGlobalPanelLogin {position:absolute; left:45%; top:45%;}
.dropdownMenuStyle img[alt="Skip Navigation Links"] {display:none;}
.move-bottom .bottom-arrow-bdr{bottom:-11px; left:50%; margin:0 0 0 -5px;}
.move-bottom .bottom-arrow{position:absolute; bottom:-9px;  left:50%; margin:0 0 0 -4px;}

#PreviewImageFieldSet{ text-align:center;}

#divDashboardRight{float: right;}
#divRight div p{ float:left; display:block; padding-top:10px; padding-left:5px;padding-right:5px;}
#tb_ReportMapDataError{ padding-right:5px; float:left; border-right:1px solid #999999;}
#tb_ReportMapDataError td a{ text-decoration:underline; cursor:pointer; color:#156399; float:left; padding:9px 0;}
.txt-wel{float: left; padding-top: 9px;}

/*Print Preview Css Styles Start----------------------------------------- */
.printPreviewArea{ background:#4d4d4d;}
#_outctl01_cpPopUps_BoxPrint .CommonBoxTableContent{ padding:0px;}
.Printpad{ padding:10px 15px 10px 10px;}
.PrintpadTop{ padding:5px 0px 0px 0px;}  
.printTopHolder{ background:#ccc;}
.printTopHolder input[type='submit'] {padding: 3px 7px;}
.printlblhead label, .printlblhead span{font-weight:bold; padding-bottom:5px;}
.lblbold{font-weight:bold; padding-bottom:10px; padding-top:5px;}
.printbtnhead { text-align:right;}
.printCont .dd .ddTitle{ background:#cccccc url(../../App_themes/Sapphire/images/selectbox-arrow.png) no-repeat right 50%;}
.printCont .borderRadiusTp{border-radius: 0px;}
.printCont .borderRadius {border-radius: 0px;}
.printCont .ddcommon{ margin-top:0px; margin-bottom:5px;}
.showhideTbl{ border:1px solid #ccc; padding:5px; margin:5px 5px 10px 0px; width:240px;}
.showhideTbl span, .showhideTbl label{ font-size:12px;}
.showhideTbl .TextBox{ width:35px !important;}
.smlblBold{ font-weight:bold;}
.slideheaderPrint{ cursor:pointer;}
.slideheaderPrint IMG{ margin-top:0; float:left}
.slideheaderPrint span{float:left; }
.advbtnSetting{cursor:pointer; padding:10px; }
.advbtnSetting span{ text-decoration:underline;}
#advanceOptions .TextBox{ width:35px !important;}
.previewWrapper{ padding:10px;}
#upnlPrintProviderPreview .tblBorderAll{ padding:10px; border:0px solid #ccc;}
#upnlPrintProviderPreview .clsPrintSubTitle{ border-bottom:0px solid #ccc; border-right:0px solid #ccc;}
#upnlPrintProviderPreview  .tblBorderleft{border-left:0px solid #ccc;}
.clsPrintSubTitle input[type="text"]{ margin-bottom:6px;}
.clsPrintTitle  input[type="text"]{ margin-bottom:0px;}
#divLogoContainer{ margin-right:7px; padding:10px 0px; height:53px; min-width:120px; max-width:200px;}
#btnAddLogo{ margin-top:8px; padding-right:20px;}
#divLogoOptions table{ background:#ededed; border:1px solid #ccc; margin-left:-10px;}
#divLogoOptions table td{ padding:10px; border-bottom:1px solid #ccc; cursor:pointer; text-align:left;}
#divLogoOptions table td:hover{ background:#ccc;}
#divLogoContainer img{ position:relative; z-index:8888; margin-bottom:-40px; max-width: 200px; max-height: 60px;}
input[type='button']#btnAddLogo{ background:#ffffff url(../../App_themes/Sapphire/images/downArrow.png) no-repeat right 10px; border:1px solid #ccc; color:#000; padding: 5px 20px 5px 7px; }
input[type='button']#btnAddLogo:hover{ background:#d4d4d4 url(../../App_themes/Sapphire/images/downArrow.png) no-repeat right 10px;}
#upnlPrintProviderPreview .tblBorderright {border-right: 1px solid #ccc;}
#upnlPrintProviderPreview .tblBorderTop {border-top: 1px solid #ccc;}
#upnlPrintProviderPreview .tblBorderTopNew{border-top: 0px solid #ccc; padding:10px;}
#upnlPrintProviderPreview .tblBorderBottom{border-bottom: 0px solid #ccc;}
.btnwrapperPrintlogo{ float:right;padding:10px; }
.overviewRemovebtn{ text-align:left; padding-left:10px;}
#upnlPrintProviderPreview .titleBarPrint{ font-size:16px; font-weight:bold; padding:0px 0px 0px 10px; height:30px;}
.legendRemovebtn{ padding-left:10px; padding-bottom:10px; text-align:right;}
.legendIMG{ padding-left:10px;}
.printCont{overflow:auto; overflow-x:hidden;}
.pageTypeSelect{ margin-right:10px;}
#upnlPrintProviderPreview .tblBorderBottom table td {vertical-align: top; padding-right:0px; }
.overviewMapClosebtn{ text-align:right;}
.overviewClosebtn{ margin-left:165px; height:30px; }
#upnlPrintTemplateSettings select{ border:1px solid #ccc; /*background:#ffffff;*/}
table.mainGridBorderLogoList, table.mainGridBorderLogoList td{ border:0px solid #fff;}
table.mainGridBorderLogoList td div{ border:1px solid #ccc; text-align:center; padding:10px; cursor:pointer; width:200px; height:50px; overflow:hidden; margin:5px;} 
table.mainGridBorderLogoList td div IMG{ max-height:100%; width:auto;}
Table.mainGridBorderLogoList td.active div{background:#ccc;}
.pageSty td table{ float:right;}
.pageSty td table td a{ display:inline-block; border:1px solid #ccc; padding:2px 7px; margin-right:3px;}
.pageSty td table td span{ display:inline-block; border:1px solid #ccc; padding:2px 7px; background:#3e6648; color:#fff; margin-right:3px;}
input[type='button']#btnAddLogo{ position:relative; z-index:9999;}
.borderControlHeaderTextPadding{ text-align:left;}

.cartoOptions{}
.cartoOptions td .TextBox{ width:100px !important;}
.cartoOptions td span, .cartoOptions td input, .changeScalePnl td input[type='radio'], .changeScalePnl td label { float:left; margin-right:2px;}
.cartoOptions td span{ font-weight:bold;}
.cartoOptions td input[type='image']{ margin-top:3px;}
.cartoOptions td span{ margin-top:0px;}
.cartoOptions td input[type='text']{ margin-top:0px;}
.changeScalePnl{ margin:0px 0px 0px 20px;}
.changeScalePnl td input[type='radio']{ margin-top:7px;}
.changeScalePnl select, .changeScalePnl input[type='text']{ margin:0 0 0 20px; }
.changeScalePnl select{width:165px;}
.changeScalePnl input[type='text']{width:150px !important;}
table.previewArea{ padding:10px;}
.noteTemp{ margin:0px 50px;}
.noteTemp span{ display:block; color:#000000; font-weight:bold; font-size:20px; position: relative; margin-bottom: -50px; z-index:100; background: #faf573; text-align: center; padding: 5px; opacity: .7;}
.titleBarPrint{ text-align:left; font-weight:bold;}
.legPadleft{ padding-left:10px;}
#upnlPrintProviderPreview .tblBorderBottom{ border-bottom:0px solid #ccc;}
.errorPrintPreview{ float:left; background:#ffffff; padding:20px; position:relative; margin-top:250px;}
.errorPrintPreview img{ float:left;}
.errorPrintPreview span{ float:left; margin-left:10px; font-size:16px; padding-top:5px; font-weight:bold; color:#535252;}
#upnlPrintTemplateSettings input[type='radio'], #upnlPrintTemplateSettings input[type='checkbox']{ margin-top:6px;}

#upnlPrintTemplateSettings table{ margin-left:-2px;}
#upnlPrintTemplateSettings table.showhideTbl{margin-left:0px;}
#upnlPrintTemplateSettings table select{ margin-left:0px;}
.PrintOptionsTbl ul{ margin:0; list-style:none; float:left; padding:0px 0px 0px 15px;}
.PrintOptionsTbl ul li{ margin:0; padding:0; list-style:none; float:left; width:210px; clear:both; padding-bottom:5px;}
.PrintOptionsTbl ul li.indentRow{ margin-left:10px;}
.PrintOptionsTbl ul li .TextBox, .PrintOptionsTbl ul li span, .PrintOptionsTbl ul li input[type='radio'],
.PrintOptionsTbl ul li input[type='checkbox'], .PrintOptionsTbl ul li label
{ float:left;}
.PrintOptionsTbl ul li label{ margin-right:10px; margin-top:4px;}
.PrintOptionsTbl ul li input[type="text"]{ padding:1px 3px; font-size:14px;}
.PrintOptionsTbl ul li .padRightSp{ padding-right:10px;}
.PrintOptionsTbl ul.padBottomSp{ padding-bottom:5px;} 
.PrintInputBoxSet ul li{  }
.PrintInputBoxSet ul li span{ display:block; width:75px;}
.PrintInputBoxSet ul li span.longlabel{ width:100%;}
.PrintInputBoxSet ul li span.noWidth{ width:auto;}
.PrintInputBoxSet ul li input[type="text"]{ margin-right:10px;}
.PrintInputBoxSet ul li select{ padding:1px 3px; font-size:14px;} 
.PrintMainDrop{ width:251px;}
.PrintTempSelect{ width:255px;}

.changeScalePnl select, .changeScalePnl input[type='text'], .cartoOptions input[type='text']{float:left; padding:1px 3px; font-size:14px;}
.changeScalePnl select{width:100px !important; }
.changeScalePnl input[type='text']{width:90px !important; margin:0px; }
.padcartoAll{ padding:8px 6px;}
.padCartoTop{ padding-top:7px;}
.BoxMarLeft .TextBox{ margin-left:10px;}
#upnlPrintTemplateSettings Table.PrintOptionsTblGrid{ margin-left:20px;}
#upnlPrintTemplateSettings Table.PrintOptionsTblGrid td{ font-size:14px; padding-right:10px;}
.marginMainTbl{ margin-top:13px;}
#printContScroll .dd .divider{border-left: 1px solid #ccc; border-right:1px solid #ccc;}

.mainTblWrapper{padding:20px; background:#ffffff;}
.tempHeader{ border:1px solid #979998; margin-bottom:15px; padding:7px 7px 7px 7px;}
.templateMapSection{border:1px solid #979998;}
.legendWrapper{border:1px solid #979998; margin:0px 0px 15px 15px;}
.WrapperTitleBox{border-bottom:1px solid #979998; padding:3px 10px; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:left;}
.legendIMG{ padding-top:5px; padding-bottom:5px; text-align:left;}
.mapPrintTime Table td{ font-size:12px; padding:2px 0px 2px 2px;}
.mapPrintTime{border:1px solid #979998; border-top:0px solid #979998;}
.borderBox{border:1px solid #979998; padding:5px;}
.borderBox td{font-size:15px;}
.logoBorderRight{border-right:1px solid #979998; text-align:center;}
.logoBorderRight IMG{max-width: 200px; max-height: 60px;}
.printTitleMain{text-transform:uppercase; padding:0px; padding-left:10px; }
.printTitleSub{padding:0px; padding-left:10px; font-size:15px; font-weight:normal;}
.paddingTopSpacer{ padding-Top:10px;}
.paddingTopSpacer10{ padding-Top:10px;}
.mainTblWrapper input[type="text"]{ border:0px solid #fff; padding:1px;}
.mainTblWrapper input[type="text"].borderBox{border:1px solid #979998; padding:7px;}
.printTitleMain input[type="text"]{ text-transform:uppercase; font-weight:bold;}
.copyRightMsg td{ text-align:left;}
.copyRightMsg td, .copyRightMsg td span{ font-size:13px; color:#666;}
.disclamerTxt td, .disclamerTxt td span{font-size:13px; color:#666;}
.legendWrapperFull{ min-height:461px;}
.legendWrapperPort{margin:15px 0px 0px 0px;}
.borderBoxbottom{ border-bottom:1px solid #979998; padding:10px 0px; }
.TitleUpper{ font-size:16px; font-weight:normal; text-transform:uppercase;}
.printTitleWebPrint{ padding-bottom:10px;}
.LegendPadWrap{ padding-right:15px;}
input[type='button'].prvClose{background: none; border: 0px solid #333; color: #3e6648; text-shadow: 0; padding: 3px 7px; font-weight:bold; cursor:pointer; margin:0px;}
.WrapperTitleBoxBtn{border-bottom:1px solid #979998; cursor:pointer; text-align:right;}
.WrapperTitleBoxWebPrint{text-align:left; padding:6px 10px;}
.legendWebPrintHeight{ min-height:50px;}
.mainTblWrapperNewPage{padding:20px; background:#ffffff;}
.mainTblWrapperNewPage .legendWrapper{margin:0px 15px 15px 0px;}
.mainTblWrapperNewPage .legendWebPrintHeight{ min-height:100px;}
.GapContent{ padding-right:15px;}
.alignLeftPrint{ text-align:left;}
.alignRightPrint{text-align:right;}
.selectionWrapper{border:1px solid #979998; margin:15px 0px 15px 0px;}
.resultTbl{ padding:10px;}
.resultTbl td{ border-bottom: 1px solid #ccc; font-size:12px; padding:5px;}
Table.gridBorderbottm{ padding:10px;}
.gridBorderbottm td{ border-bottom: 1px solid #e7e7e7; font-size:12px; padding:5px;}
.numBlock{background:#ccc; padding:5px; margin-right:0px; font-size:12px;}
.padright15le{ padding-right:15px;}
.footerNewPage{padding-top:15px;}
.infoTbl td{ color:#000000;}
.infoTbl td.InfoHeaderXSLTbl{ background:#d0d0d0; font-weight:bold; color:#000000; font-size:12px;}
.infoTbl td.InfoXSLRowLeftCell {background-color: #ffffff; border-bottom: 1px solid #DFDFDF; border-top: 0px solid #ffffff; border-right: 1px solid #DFDFDF; padding: 2px; font-size:12px;}
.mainTblWrapperMargin{ margin:20px;}
.printTitleSub input[type="text"]{ height:21px;}
.PrintOptionsTbl ul li.indentRow span{ margin-top:4px;}
/*Print Preview Css Styles End -----------------------------------------------------------*/

/* Top navigation bar Start --------------------------------------------------------------- */

.nav, .nav li a .txtT, .nav li a IMG, .nav UL, .nav UL LI, .nav UL LI UL, .nav UL LI UL LI,
.nav ul li ul.subType .box-menu, .nav ul li ul.subType .box-menu .thumb, .nav ul li ul.subType .box-menu .text-menu, .text-menu H3, .text-menu P
{float:left;}
.nav li a IMG{ border:none;}
.nav li.navtabs{position:relative; border:1px solid transparent; padding:6px 8px; /*background:url(../images/devider-nav.png) no-repeat 100% 50%;*/ border-left: 1px solid #000;}
.nav li a{float:left; color:#333; text-decoration:none;}
.nav li table td a{text-shadow:none; font-weight:normal;}
.nav UL li.selected, .nav UL li:hover{box-shadow: inset 0 0 8px #000000; background: #07204E;}
.nav UL{border-left:1px solid #1E6B9B; list-style:none;}
.nav li a .txtT{margin:6px 6px 4px; color:#ABDEEA;}
.nav li a .ico-arrow{margin:4px 0 0 0;}
.nav ul li ul.subType {background:#ffffff; z-index:9999; border: 1px solid #ccc; color: #333;  height: auto;overflow-x: hidden;overflow-y: auto;padding: 0;position: absolute;top: 36px; right:0;width: 255px;   box-shadow: 0px 0px 8px rgba(0,0,0,0.2);}
.nav ul li ul.subType li:hover{background:#dcdcdc;}
.nav ul li ul.subType LI{border:none; border-bottom:1px solid #CCC; padding:3px 3px 3px 9px; background:none;width: 100%; cursor:pointer;}
.nav ul li ul.subType LI.selected{background:#dcdcdc; box-shadow:none!important;}

.nav ul li ul.subType LI:last-child{border:none;}
.box-menu .thumb{position:relative; width:50px; height:50px; border:1px solid #AFAFAF; border-radius:4px; padding:1px; margin:0 10px 0 0;}
.box-menu .thumb .active-tick{position:absolute; top:0; right:1px; z-index:1; width:20px; height:20px; background:url(../images/tick.png) no-repeat 0 0;}
.box-menu .text-menu{width:220px; color:#494848;}
.box-menu .text-menu H3{ width:100%;}
.box-menu .text-menu H3 a{color:#494848; margin:5px 5px; font-weight:normal; width:100%; text-shadow:none;}
.box-menu .text-menu H3 a:hover{color:#000;}
.nav UL LI UL li:hover{ color:#666; box-shadow:none;}
.nav UL LI UL li Table{ margin-left:5px; padding:3px 0px 5px 0px; width:100%;}
@-moz-document url-prefix(){.nav UL LI UL li Table{ margin-top:0px;}}

/* Top navigation bar End --------------------------------------------------------------- */

/* -- Error steps ---*/
.int-style{padding:3px; border:1px solid #cacaca; background:#fff;}
.holder-form{float:left; clear:both; margin:5px 5px 0px 5px;}
.holder-form2{float:left; clear:both; margin:5px 5px 0px 5px;}
.fh1{height:248px;}
.fh2{height:100px;}
.fh3{height:165px;}
.fh4{height:470px;}
.steps DL, .steps DL DD, .steps DL DD SPAN, .steps DL DD LABEL, .steps DL DD SELECT, .steps DL DD .chk{float:left;}
.steps DL{margin:10px 0 0 0;}
.fh1 DL DD{clear:both; width:512px; margin:0 0 10px 0;}
.fh2 DL DD{clear:both; width:320px; margin:0 0 10px 0;}
.fh4 DL DD{clear:both; width:450px; margin:0 0 10px 0;}
.fh4 DL DD DL DD{clear:both; width:170px; margin:0 0 10px 0;}
.fh4 DL DD DL DD label{clear:both;}
.fh4 DL DD DL DD input.TextBox{width:160px !important; }
.steps DL DD DL{ width:180px; margin-right:20px;}
.paddingdetailsleft{ padding-left:45px;}
.marginCaptcha{ margin-left:60px;}

.steps DL DD .stp{font-weight:600; margin:4px 5px 0 0;}
.steps DL DD input[type="text"].txtA1 {float:left; clear:both; margin:5px 0 0 60px; width:430px; min-height:35px;}
.steps DL DD  textarea.TextBox{float:left; clear:both; margin:5px 0 0 44px; width:374px; min-height:45px;}
.steps DL DD SELECT{width:250px; margin:0 0 0 7px; }
.steps DL DD SPAN, .steps DL DD LABEL{padding:0px 0 0 0; font-size:12px; margin-top:5px;}
.steps DL DD .chk{margin:6px 4px 0 0;}
.steps DL DD .int1{float:left; clear:both; margin:8px 0 0 20px; width:220px;}
.steps DL DD SPAN.toolsMark{ margin-left:8px; margin-top:1px; }
.steps DL DD SPAN.toolsMark IMG{ float:left; display:block; cursor:pointer; padding:3px; margin-left:2px;}
.steps DL DD SPAN.toolsMark IMG:hover{ background:#ccc;}
.steps DL DD SPAN.toolsMark IMG.selected{background:#ccc;}
.hook {position:absolute; top:0; width:37px; height:38px; border:1px solid #606060;        cursor:pointer;
                /*box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.5) inset;*/         }
.pw{right:-1px;/*border-bottom-right-radius:4px;*/}
.pe{left: -1px; /*top: -1px;border-bottom-left-radius:4px;*/}
.radi{float:left; margin-right:3px;}
.dialog-box-footer {border-top: 1px solid #ccc; float: left; width:98%; padding: 10px;}
.dialog-box-footer .btn-set {float: right;}
.cls{ clear:both;}
/* -- Error steps end ---*/

.viewModes {
    float: right;
    /*position: relative;
    margin: 77px 300px 0 0;*/
    margin-top: 2px;
    opacity: 0.6;
    -webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.viewModes:hover {
    opacity: 1;
}

.Container3D 
{
    Z-INDEX: 1;
	overflow: hidden;
    position: absolute;
    right: 85px;
    top: 79px;
    display: inline-flex;
}

.ViewMode {
    display: inline-block;
    float: right;
    /* margin: 2px 87px 0 0; */
}

.ViewsBasemaps{
    display: inline-block;
    float: right;
}

*---------------------------------------------*/
/* MAP NAVIGATION CONTROL START                */
/*---------------------------------------------*/

#navDiv .no-select{-webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none;  user-select: none;}
#navDiv .pos-a{position:absolute;}
#navDiv .def-pos{left:35px; bottom:35px; z-index:999;}
#navDiv .zoom-plus, #navDiv .zoom-minus, #navDiv .zoom-slider, #navDiv .zoom-slider-move-area{cursor:pointer;}
#navDiv .pan-zoom-default-wrap{width:86px; height:64px; z-index:9; opacity:.5;}
#navDiv .pan-zoom-default-wrap .min-img-holder{float:right; width:40px; height:40px; background:url(../../App_Themes/Sapphire/Images/Nav3d/pan-fullextent-bg.svg) no-repeat 0px 0px; background-size:40px 40px;}
#navDiv .pan-zoom-wrap{ width: 114px; padding:0 10px 10px 10px; height:auto; float:left; margin: 0px auto -9px;}
#navDiv .pan-zoom-wrap .zoom-bar-wrap{margin: 0 auto 10px; width:24px; box-sizing:border-box; cursor:default;}
#navDiv .zoom-plus, .zoom-minus{width:24px; height:25px; clear:both; z-index:2;}
#navDiv .zoom-bar-wrap .zoom-plus{background:url(../../App_Themes/Sapphire/Images/Nav3d/zoom-plus.svg) no-repeat 50% 0; top:5px;}
#navDiv .zoom-bar-wrap .zoom-minus{background:url(../../App_Themes/Sapphire/Images/Nav3d/zoom-minus.svg) no-repeat 50% 0; top:-5px;}
#navDiv .zoom-bar-wrap .zoom-slider-bar{margin:0 auto 0 9px; width:4px; height:110px; padding:5px 0; border:1px solid #5a5957; background:#a7a5a4; border-top:none; border-bottom:none;}
#navDiv .zoom-bar-wrap .zoom-slider-move-area{width:6px; height:100px; left:-2px;}
#navDiv .zoom-bar-wrap .zoom-slider{z-index:1; left:-8px; top:50px; width:24px; height:10px; clear:both; background:url(../../App_Themes/Sapphire/Images/Nav3d/slider.svg) no-repeat center 0;}
.zoom-bar-wrap .zoom-slider:active{background-size:22px 8px;}
#navDiv .zoom-bar-wrap .zoom-plus:active, #navDiv .zoom-bar-wrap .zoom-minus:active{background-size:23px 24px;}
#navDiv .pan-rotat-wrap{padding:10px 0 0 0; float:left; height:92px; width:100%; cursor:default;}
#navDiv .pan-full-extent-wrap{z-index:9; top:11px; left:9px; padding: 5px; width: 95px; height: 95px; background:url(../../App_Themes/Sapphire/Images/Nav3d/pan-fullextent-bg.svg) no-repeat 0 0; background-size: 95px 95px; box-sizing:border-box;}
#navDiv .hit-box{position:relative; float:left; cursor:pointer;}
#navDiv .p-C{width: 47px; height: 50px; margin-top: -2px;}
#navDiv .p-N, #navDiv .p-S{width: 31px; height: 19px;}
#navDiv .p-E, #navDiv .p-W{width: 19px; height: 48px;}
#navDiv .p-NE, #navDiv .p-SE, #navDiv .p-SW, #navDiv .p-NW{width: 20px; height: 19px;}
#navDiv .p-NW{border-radius:18px 0 0 0;margin: 0px 0px 0px 7px;}
#navDiv .p-NE{border-radius:0 18px 0 0 ;}
#navDiv .p-SE{border-radius:0 0 18px 0;}
#navDiv .p-SW{border-radius:0 0 0 18px;margin: 0px 0px 0px 7px;}

#navDiv .rotation-ring {position: absolute; top:0; left:0; width: 114px; height: 114px; border-radius:80px; z-index:0; cursor: default; border:2px solid #cfcfcf; box-sizing:border-box;}
#navDiv .rotation-N {position: absolute; height: 20px;width: 20px; border-radius: 10px; background: #626262 url("../../App_Themes/Sapphire/Images/Nav3d/n.svg") no-repeat 50% 50%;background-size:10px 10px; cursor: pointer; box-sizing:border-box; z-index:9;}
#navDiv .rotation-N:active{background-size:9px 9px;}
#navDiv .n-arrow-hov{z-index:999; top:35px; left:34px; width:45px; height:45px; border-radius:100px; background: #e8e8ea url("../../App_Themes/Sapphire/Images/Nav3d/n-arrow.svg") no-repeat 47% 40%; background-size:15px 15px;}

#navDiv .pos-r{position:relative;}
#navDiv .ie10 .out{display:none;}

#navDiv .hit-box.p-C div {
	height: 17px;
	position: absolute;
}
#navDiv .tilt-up {
	left: 11px;
	width: 26px;
}
#navDiv .tilt-up:hover{	background: url('../../App_Themes/Sapphire/Images/Nav3d/tilt-up.svg');}

#navDiv .tilt-right {
	width: 17px;
	top: 11px;
	right: 0px;
	height: 26px !important;
}
#navDiv .tilt-right:hover{background: url('../../App_Themes/Sapphire/Images/Nav3d/tilt-right.svg');	background-position: -2px 0px;}

#navDiv .tilt-down {
	width: 26px;
	left: 11px;
	bottom: 0px;
}
#navDiv .tilt-down:hover{background: url('../../App_Themes/Sapphire/Images/Nav3d/tilt-down.svg'); background-size: 26px 17px;}

#navDiv .tilt-left {
	width: 17px;
	top: 12px;
	left: 0px;
	height: 26px !important;
}
#navDiv .tilt-left:hover{	background: url('../../App_Themes/Sapphire/Images/Nav3d/tilt-left.svg');}

#navDiv .tilt-C {
	top: 17px;
	left: 21px;
}
#navDiv .tilt-C{width: 5px; }   


/*---------------------------------------------*/
/* MAP NAVIGATION CONTROL END                  */
/*---------------------------------------------*/

canvas {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}

/* changes for cesium */
.cesium-widget {
    position: relative;
}

.cesium-widget, .cesium-widget canvas {
    width: 100%;
    height: 100%;
    touch-action: none;
}

/*-------- LANDING PAGE -------*/

.landingLogo {
  float: left;
  width: 100px;
  height: 35px;
  margin: 6px 0 0 4px;
  background-position: 0 6px;
}

.landingBanner {
  clear: both;
  margin: 0 auto;
  padding: 50px 0 0px 0;
  border-bottom: 1px solid #a1a1a1;
}

.uty-holder {
  width: 100%;
  position: fixed;
  z-index: 10000;
  background-color: #FFF;
  border-bottom: 1px solid #CCC;
}

.thumbTitle {
  padding: 10px 10px 0px;
  text-align: center;
  width: 180px;
  /*font-weight: bold;*/
}

.thumbCat {
  padding: 10px 10px 0px;
  text-align: center;
  width: 180px;
  color: #777;
}

.searchThumb 
{
  background: linear-gradient(to bottom, #fdfdfc 0%,#FDFDFD 100%);
  padding: 55px 10px 10px;
  height: 60px;
  text-align: center;
  font-size: 20px;
  color: #424242;
}  

.dataCenter-p {
  margin-bottom: 30px;
  text-align: center;
  display: block;
}

/*-------- END LANDING PAGE -------*/

.capta-img-holder{clear:both;}
.icon-ref{float:left; margin:12px 0 0 10px;}


/* css class for delete end vertex in map control v2 --*/

.mccontext-menu-holder{position:absolute; left:0; top:0; max-width:150px; z-index:200;  border:solid 1px #666; background-color:#f0f0f0;}
.mccontext-menu-inside{position:relative; top:0; left:0; width:100%;}
.mccontext-menu-inside TABLE{}
.mccontext-menu-inside TABLE TR TD p{word-wrap: break-word; white-space:normal; padding:4px; clear:both;}
.mccontext-menu-inside TABLE TR TD:hover{background:#d9d9d9; cursor:pointer;}

.NotificationStepMenu table td a{white-space:nowrap;} 
.notification-holder {max-width:600px; max-height:500px;overflow:auto;}

.notification-holder .MapTabSelected.MapTab
{
	/*background: #fdfdfc; /* Old browsers */
	background: -moz-linear-gradient(top,  #fdfdfc 0%, #939393 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfc), color-stop(100%,#939393)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fdfdfc 0%,#939393 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fdfdfc 0%,#939393 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fdfdfc 0%,#939393 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fdfdfc 0%,#939393 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#fdfdfc' , endColorstr= '#939393' ,GradientType=0 ); /* IE6-9 */
	/*text-shadow: 0 1px 0px #fff;*/
}
.notification-holder .NotificationWizardHeaderText{text-align:left;}


.divMvHome
{
  width: 40px;
  float: left;
  border-right: 1px solid #1E6B9B;
  border-left: 1px solid #0D3271;
}

.mvHome
{
  padding: 7px 8px 6px;
  display: block;
}

.mvBack
{
  padding: 19px 18px 19px;
  display: block;
  background: url('../../Images/back_mv.png') no-repeat 50% 50%;
}

.mvHome img, .mvBack img
{
  border-width: 0;
}

.msgContainer
{
    padding: 10px;
}

.cogo-w{width:380px; max-height:400px; overflow:auto;}
.cogo-points-list TABLE TD, .cogo-points-list TABLE TH{text-align:left; padding:2px;}
.cogo-head{font-weight:bold; vertical-align:top;}
#divLoginLink{ white-space:nowrap;}
#divTreeEditor .undefined{cursor:pointer;}
.mar-r #LoginStatTable{padding:0 80px 0 0;}

.inner-map-container,.map-wrapper{width:100%;}
.inner-map-container .map-footer-holder{height:34px;}
.inner-map-container .map-footer-holder .mapStatusDiv{position:fixed; bottom:0; z-index:3; overflow:visible;}
.inner-map-container .LoadingDiv{top:45%;}

.captchaTextInput input[type=text]{width: 366px !important;}

.PrintInputBoxSet ul li span.spn-bg{width:100px;}
#searchpopover.popover{top:30px !important; margin-right: -2px;}

.padjohistorypnl a.jobTabs{margin-bottom:-1px;}

table.3Dlist tr td 
{
    border-bottom: 1px solid #CCC;
}

.opt-field > div {
    max-height: 200px;
    overflow: auto;
}

/* menu tabs*/
.container {width: 475px; margin: 10px auto;}
.container ul.tabs {
    margin: 0;
    padding: 0;
    
    list-style: none;
    height: 31px;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    width: 100%;
}
.container ul.tabs li {
     
    float: left;
    margin: 0;
    padding: 0;
    height: 30px;
    line-height: 31px;
    border: 1px solid #999;
    border-left: none;
    margin-bottom: -1px;
    background: #F0F0F0;
    overflow: hidden;
    position: relative;
}
.container ul.tabs li a {
    text-decoration: none;
    color: #000;
    display: block;
    font-size: 1.2em;
    padding: 0 20px;
    border: 1px solid #fff;
    outline: none;
}
.container ul.tabs li a:hover {
    background: #ccc;
}   

ul.tabs li.active, html ul.tabs li.active a:hover  {
    /*background: #fff;
    border-bottom: 1px solid #fff;*/
}

.container ul.tabs li.active, html ul.tabs li.active a:hover  {
    background: #fff;
    border-bottom: 1px solid #fff;
}

.container .tab_container {
    border: 1px solid #999;
    border-top: none;
    clear: both;
    float: left; 
    width: 100%;
    background: #fff;
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}
.container .tab_content {
    padding: 5px;
    font-size: 1.2em;
}
.container .tab_content h2 {
    font-weight: normal;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd;
    font-size: 1.8em;
}
.container .tab_content h3 a{
    color: #254588;
}
.container .hrCD {
    height: 0px;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin: 5px 0;
}

/*.tab_content img {
    float: left;
    margin: 5px;
    border: 1px solid #ddd;
    padding: 5px;
}*/

/*** STYLING FOR RANGE INPUT ***/

#swipe {
	display: block; 
	-webkit-appearance: none; 
	outline: none;
	/*height: 5px; */
	width: 0;
	background: rgba(0, 0, 0, 0);
	top: 50%;
    position: absolute;
    z-index: 2;
    direction: ltr;
}
    
#swipe:focus {
    outline: none;
}

/******** CHROME STYLING *********/

#swipe::-webkit-slider-runnable-track {
    /*outline: none;
    background: transparent;*/
    background: transparent;
    border: none;
    outline: none;
}
    
#swipe::-webkit-slider-thumb {
	-webkit-appearance: none; 
	cursor: pointer;
	height: 5px; 
	width: 14px;
	position: relative;
	background: transparent;
}
    
#swipe::-webkit-slider-thumb:after {
	content: ''; 
	word-spacing: 20px; 
	text-align: center;
	background: #DCDCDC;
	font: bold 7px/7px Sniglet; 
	color: #000;
	width: 14px; 
	height: 25px;
	position: absolute; 
	/*top: -5px; */
	left: 0;
	color: transparent; 
	transition: color 0.25s;
	border: 1px solid #666;
	box-shadow: 0px 0px 3px;
	    
}

#reel {
	width: 14px;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: opacity 0.25s;
    /*background-color: red;*/
    z-index: 1;
}

#reelHandle {
    height: 100%;
    width: 6px;
    background: #DCDCDC;
    border: 1px solid #666;
    margin-left: 4px;
    border-top: 0;
    border-bottom: 0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
{
    #reelHandle {
        margin: 0 auto;
    }
}

@-moz-document url-prefix() {
    #reelHandle {
        margin: 0 auto;
    }
}

#static-output {
	font: bold 17px/25px Sniglet; 
	color: white;
	position: absolute; 
	bottom: 0;
	height: 25px; 
	width: 54px; 
	text-align: center;
	/*disable clicks so that the slider thumb can be controlled*/
	pointer-events: none;
	transition: color 0.25s;
}

/*animation styles using .active. The reel and arrows will stay hidden by default. On user activity the static output will fade away and the reel and arrows will fade in*/
.active #reel {opacity: 1;}
.active #static-output {color: transparent;}
.active #swipe::-webkit-slider-thumb:after {color: white;}
    
#swipe.thumbHor::-webkit-slider-thumb:after {
	content: ''; 
	word-spacing: 20px;     
	text-align: center;
	background: #DCDCDC;
	font: bold 7px/7px Sniglet; 
	color: #000;
	width: 25px; 
	height: 14px;
	position: absolute; 
	top: 3px; 
	left: 0;
	color: transparent; 
	transition: color 0.25s;
	border: 1px solid #666;
	box-shadow: 0px 0px 3px;
	    
}
    
/*reel styles*/
#reelHor {		
	width: 100%; 
	height: 14px;
	overflow: hidden;
	position: absolute; 
	top: 0; /*left pos will be controlled by JS*/
	opacity: 1; 
	transition: opacity 0.25s;
	background-color: transparent;
	Z-INDEX: 1;
	/*left: 0 !important;*/
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #reelHor {
        margin-top: 3px;
    }
    .mainTblWrapper{ margin:0px !important; }  
}

@-moz-document url-prefix() {
    #reelHor {
        margin-top: 3px;
    }
}

#reelHandleHor {
    height: 6px;
    width: 100%;
    background: #DCDCDC;
    border: 1px solid #666;
    margin-top: 3px;
    border-left: 0;
    border-right: 0;
}
    
/*static output styles*/
#static-outputHor {
	font: bold 17px/25px Sniglet; 
	color: white;
	position: absolute; 
	bottom: 0;
	height: 25px; 
	width: 54px; 
	text-align: center;
	/*disable clicks so that the slider thumb can be controlled*/
	pointer-events: none;
	transition: color 0.25s;
	display:none;
}

/*animation styles using .active. The reel and arrows will stay hidden by default. On user activity the static output will fade away and the reel and arrows will fade in*/
.active #reelHor {opacity: 1;}
.active #static-outputHor {color: transparent;}
.active #swipe::-webkit-slider-thumb:after {color: white;}

/******** IE STYLING *********/

#swipe::-ms-track {
	writing-mode: bt-lr;
	
	width: 0px;
	height: 5px;
	
	/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
	background: transparent;
	
	/*leave room for the larger thumb to overflow with a transparent border */
	border-color: transparent;
	border-width: 6px 0;

	/*remove default tick marks*/
	color: transparent;
	
}
#swipe::-ms-fill-lower {
	background: transparent;
	/*border-radius: 10px;*/
}
#swipe::-ms-fill-upper {
	background: transparent;
	border-radius: 10px;
}
#swipe::-ms-thumb {
	border: 1px solid #666;
	height: 14px;
	width: 14px;
	/*border-radius: 50%;*/
	background: #DCDCDC;
}
#swipe.thumbHor::-ms-thumb {
	border: 1px solid #666;
	height: 14px;
	width: 14px;
	/*border-radius: 50%;*/
	background: #DCDCDC;
}
#swipe:focus::-ms-fill-lower {
	background: transparent;
}
#swipe:focus::-ms-fill-upper {
	background: transparent;
}

/******** FF STYLING *********/

#swipe::-moz-range-track {
    width: 100%;
    height: 5px;
    background: transparent;
    border: none;
}
#swipe::-moz-range-thumb {
    border: none;
    height: 14px;
    width: 14px;
    background: #DCDCDC;
    border: 1px solid #666;
}

/*hide the outline behind the border*/
#swipe:-moz-focusring{
    outline: 0px solid white;
    outline-offset: -1px;
}

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

.btnImgPlayer {
    border: 1px solid #CCC !important;
    padding: 6px;
    margin: 2px;
    background-color: #EFEBEB;
}
input[type="button"].btnImgPlayer {
    border: 1px solid #CCC;
    width: 30px;
    height: 30px;
    margin: 2px;
    background-color: #EFEBEB;
    float: left;
}

input[type="text"].rangeVal 
{
    width: 25px;
    float: left;
}

#txtSlider
{
    height: 26px;
    margin: 3px 2px 0 0;
}    


.playerContainer {
    border: 1px solid #CCC;
    padding: 8px 4px 6px 9px;
    background-color: #F5F5F5;
    margin-top: 15px;
    overflow: hidden;
}

.swipePlayer {
    width: 58%;
    margin: 7px 5px 0px;
    display: block;
    float: left;
}

.sliderswipe
{ position: inherit !important; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .swipePlayer {
        margin: 9px 5px 0px;
    }   
}

@-moz-document url-prefix() {
    .swipePlayer {
        margin: 9px 5px 0px;
    }   
}

.aniLoopSelectedState
{
    /*background: url(../../Images/loop_pressed.png) center no-repeat;*/
    background: url(../../Images/loop_pressed.png) center no-repeat #07204E !important; /*IE9 */
	background: url(../../Images/loop_pressed.png) center no-repeat -moz-linear-gradient(top,  #000000 0%, #07204E 20%, #07204E 100%) !important; /* FF3.6+ */
	background: url(../../Images/loop_pressed.png) center no-repeat -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2977b7), color-stop(40%,#165699), color-stop(100%,#0b2e70)) !important; /* Chrome,Safari4+ */
	background: url(../../Images/loop_pressed.png) center no-repeat -webkit-linear-gradient(top,  #000000 0%, #07204E 20%, #07204E 100%) !important; /* Chrome10+,Safari5.1+ */
	background: url(../../Images/loop_pressed.png) center no-repeat -o-linear-gradient(top,  #000000 0%, #07204E 20%, #07204E 100%) !important; /* Opera 11.10+ */
	background: url(../../Images/loop_pressed.png) center no-repeat -ms-linear-gradient(top,  #07204E 0%, #07204E 100%) !important; /*IE10+ */
	background: url(../../Images/loop_pressed.png) center no-repeat linear-gradient(top bottom,  #07204E 0%, #07204E 100%) !important; /*W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#07204E' , endColorstr= '#07204E' ,GradientType=0 ) !important; /* IE6-9 */
	
	border: 0px !important;
}

.spinnerCD {
    width: 78px;
}

.spinnerCD > div {
    height: auto !important;
    padding-left: 5px !important;
}

.spinnerCD > div table tr td input[type="button"] {
    border: 1px solid #CCC !important;
    line-height: 0pt !important;
    border-radius: 0px;
    height: 15px !important;
}

.spinnerCD input[type="text"] {
    height: 23px;
    margin-top: 3px;
}

.spinnerUnits {
    width: 75px;
}

.head4 {
    margin: 10px 5px;
}

.aniDvdr 
{
    color: #CCC;
}

.CDTdWidth 
{
    width: 230px;
    padding-right: 10px;
}

.lev01.normalLabel
{
    margin-left: 15px;
}

.mapTilelink a {text-decoration: underline;}
.wrapper-emb-map #updSelectionListContainer{position:relative; z-index:999; width:100%; display: inline-block; bottom: 2px;}
.wrapper-emb-map #toggleSearchResultdiv{bottom:-2px;}
/*.wrapper-emb-map #imgLabeldiv{bottom:36px !important;}*/
.wrapper-emb-map .print-frame{position:absolute; z-index:9999; top:0; left:0;}
.cogobtnwrap{ text-align:right;}
.padBottom5{ padding-bottom:5px;}

iframe#QueryBuilderiFrame {
    width: 727px !important;
}

.cogoPoints 
{
    border-collapse: collapse;
}

.cogoPoints, .cogoPoints th, .cogoPoints td
{
    border: 1px solid #CCC;
    padding: 3px;
}

.defaultMode
{
    width: auto;
}

.otherMode
{
    width: 100%;
}
.autoMapRefreshBox
{
    border:1px dashed red;
}
.spl-w{max-width:100%;}
.noWrapTasks td { white-space: nowrap;}
.pnlFields 
{
    max-height:150px;
    width: expression(Math.min(parseInt(this.offsetHeight), 150 ) + "px");     
    overflow-y:auto;
    overflow-x:hidden;
    border:solid 1px black;
}
.enteredCharacter
{
	width: 35px;
}
.statContentDiv
{
    height:150px;
    width:250px;
    overflow:auto;
    padding:8px;
}
.fontBold
{
    font-weight:bold;
}

/*EmbdMap street view close button*/

#td_MapToolsGEClose, #td_MapToolsVEClose{ position:fixed; right:0px; top:0px;}

.coordinate-wrapper{ padding:10px;}

.pad01{text-align:right; padding-right: 20px;}
.responsivePageLink{ padding:0px 10px;}
.responsivePageLink a{ margin-top:9px; float:left;}