﻿.leftArrowIcon {
	background: url(Images/GenericBlueLeftArrowNoTail16.png);
	width: 16px;
	height: 16px;
	cursor:pointer;
	border: 1px solid transparent;
	border-radius: 3px;
}

.rightArrowIcon {
	background: url(Images/GenericBlueRightArrowNoTail16.png);
	width: 16px;
	height: 16px;
	cursor:pointer;
	border: 1px solid transparent;
	border-radius: 3px;
}

.rightArrowIcon:hover, .leftArrowIcon:hover
{
	border-color: #D2D0D0;
}

#imageChannels .dijitArrowButtonInner
{
	margin: 0px !important;
	/*margin-right: -3px;
	margin-bottom: -21px;*/
}

#resultTable .dijitTitlePaneContentInner
{
    padding: 0px;
}

.noSelect
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:default;
}

.disabled
{
    cursor:default;
    border: none;   
}

.emptyMessage {
    text-align: center;
    padding: 10px;
    font-size: 20px;
}

#resultsHeader .dijitDialogCloseIcon 
{
	top: 5px;
    right: 20px;
}

#resultsHeader .switchLeftIcon 
{
    background: url("Images/Imagery/GreyArrowLeft.png"); 
    background-repeat: no-repeat; 
    cursor: pointer; 
    -webkit-tap-highlight-color: transparent;    
    position: absolute; 
    top: 5px;
    right: 2px; 
    height: 16px; 
    width: 16px;
}

#resultsHeader .switchRightIcon 
{
    background: url("Images/Imagery/GreyArrowRight.png"); 
    background-repeat: no-repeat; 
    cursor: pointer; 
    -webkit-tap-highlight-color: transparent;    
    position: absolute; 
    top: 5px;
    right: 2px; 
    height: 16px; 
    width: 16px;	    
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -khtml-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    -khtml-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -khtml-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -khtml-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.imageServiceLoading
{
	width: 20px;
	height: 20px;
	background: url(images/loading20.gif);
	background-repeat: no-repeat;    
}

.cloudIcon {
	background: url(Images/Imagery/cloud.png);
	width: 16px;
	height: 16px;
    display:inline-block;
    background-repeat: no-repeat;
}

.resolutionIcon {
	background: url(Images/Imagery/resolution.png);
	width: 16px;
	height: 16px;
    display:inline-block;
    background-repeat: no-repeat;
}

.elevationIcon {
	background: url(Images/Imagery/elevation.png);
	width: 16px;
	height: 16px;
    display:inline-block;
    background-repeat: no-repeat;
}

.satelliteIcon {
	background: url(Images/Imagery/satellite.png);
	width: 16px;
	height: 16px;
    display:inline-block;
    background-repeat: no-repeat;
}

.dateIcon {
	background: url(Images/Imagery/date.png);
	width: 16px;
	height: 16px;
    display:inline-block;
    background-repeat: no-repeat;
}

.clearIcon
{
	background-image: url(Images/Imagery/clearAll.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
    display:inline-block;
}

.clearIcon:hover
{
    cursor: pointer;
}

.analysisIcon {
	background-image: url(Images/Settings.png);
	width: 16px;
	height: 16px;
}

.infoIcon
{
	background-image: url(Images/IdentifyTool16.png);
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: -16px 0px;
}
.infoIcon:hover
{
	background-position: 0px 0px;
}

.copyIcon
{
	background-image: url(Images/copy.png);
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
}

.wide .dojoxCheckedMultiSelectWrapper {
    width: 290px;
    height:auto;
    background-color: white !important;
}

.bordersIcon {
	background-image: url(Images/_draw_POLYGON.png);
	width: 16px;
	height: 16px;
}

.dijitToggleButtonChecked .dijitButtonNode {
	background-color:#FF66CC !important;
}

.dijitDialogPaneContent 
{
	background-color: whiteSmoke !important;
}

.slider_one .dijitSliderBar.dijitSliderBarH.dijitSliderProgressBar.dijitSliderProgressBarH,
.slider_one .dijitSliderBar.dijitSliderBarH.dijitSliderRemainingBar.dijitSliderRemainingBarH,
.slider_one .dijitSliderBar.dijitSliderBumper.dijitSliderBumperH.dijitSliderLeftBumper,
.slider_one .dijitSliderBar.dijitSliderBumper.dijitSliderBumperH.dijitSliderLeftBumper,
.slider_one .dijitSliderBar.dijitSliderBarH.dijitSliderProgressBar.dijitSliderProgressBarH
{
	background-color: #FFFFFF;
}

.saveIcon {
	background-image: url(Images/save.png);
	width: 16px;
	height: 16px;
}

.recycleIcon {
	background-image: url(Images/recycle.png);
	width: 16px;
	height: 16px;
}

.btn_RKIcon {
	background-image: url(Images/prpSprite2_24.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	width: 24px;
	height: 24px;
	display: inline-block;
}

.btn_DistrictIcon {
	background-image: url(Images/prpSprite2_24.png);
	background-repeat:no-repeat;
	background-position: -24px 0px;
	width: 24px;
	height: 24px;
	display: inline-block;
}

.btn_AdmDistrictIcon {
	background-image: url(Images/prpSprite2_24.png);
	background-repeat:no-repeat;
	background-position: -48px 0px;
	width: 24px;
	height: 24px;
	display: inline-block;
}

.btn_ForestIcon {
	background-image: url(Images/prpSprite2_24.png);
	background-repeat:no-repeat;
	background-position: -72px 0px;
	width: 24px;
	height: 24px;
	display: inline-block;
}

.btn_WaterIcon {
	background-image: url(Images/prpSprite2_24.png);
	background-repeat:no-repeat;
	background-position: -96px 0px;
	width: 24px;
	height: 24px;
	display: inline-block;
}

.btn_OOPTIcon {
	background-image: url(Images/prpSprite2_24.png);
	background-repeat:no-repeat;
	background-position: -120px 0px;
	width: 24px;
	height: 24px;
	display: inline-block;
}

.btn_CreatePolygonIcon
{
	background-image: url(Images/prpSprite2_24.png);
	background-repeat:no-repeat;
	background-position: -144px 0px;
	width: 24px;
	height: 24px;
	display: inline-block;
}

.btn_CreateLineIcon
{
	background-image: url(Images/prpSprite2_24.png);
	background-repeat:no-repeat;
	background-position: -168px 0px;
	width: 24px;
	height: 24px;
	display: inline-block;
}

.btn_CreatePointIcon
{
	background-image: url(Images/prpSprite2_24.png);
	background-repeat:no-repeat;
	background-position: -192px 0px;
	width: 24px;
	height: 24px;
	display: inline-block;
}

.btn_EditIcon
{
	background-image: url(Images/prpSprite2_24.png);
	background-repeat:no-repeat;
	background-position: -216px 0px;
	width: 24px;
	height: 24px;
	display: inline-block;
}

.btn_ListIcon
{
	background-image: url(Images/prpSprite2_24.png);
	background-repeat:no-repeat;
	background-position: -240px 0px;
	width: 24px;
	height: 24px;
	display: inline-block;
}

.btn_AddLayersIcon
{
	background-image: url(Images/prpSprite2_24.png);
	background-repeat:no-repeat;
	background-position: -264px 0px;
	width: 24px;
	height: 24px;
	display: inline-block;
}

.folderSavedObjects
{
	background-image: url(Images/prpSprite2_24.png);
	background-repeat:no-repeat;
	background-position: -288px 0px;
	width: 24px;
	height: 24px;
	display: inline-block;
}

#rightPanel .dijitArrowButtonInner
{
	margin-left: -12px;
	margin-right: -3px;
	margin-bottom: -21px;
}

.prpBoxButons > span
{
	margin: 2px !important;
}

.prpBoxButons .dijitButtonNode
{
	padding: 2px !important;
}


.prpInfoDistrict
{
	display:inline-block;
	vertical-align:top;
	padding:10px 0px 0px 5px;
	
	width: -moz-calc(100% - 85px);
	width: -webkit-calc(100% - 85px);
	width: calc(100% - 85px);
}

.prpRowsInfo
{
	margin: 0;
	padding: 0;
	width: 100%;
}

.prpRowsInfo li
{
	list-style-type: none;
	cursor: pointer;
	padding: 1px 4px 1px 4px;
	border-style: solid;
	border-color: transparent;
	border-width: 1px 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	
	background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
}

.prpRowsInfo li:hover
{
	border-color: #759dc0;
	background-color: #abd6ff;
}

.prpRowSelect
{
	background-color:  #ADFF2F;
}

.img_pageLoaded
{
	display: inline-block;
	position: absolute;
	margin-left: 6px;
	width: 20px;
	height: 20px;
	background: url(images/loading20.gif);
	background-repeat: no-repeat;
}

.prp_eye
{
	background-image: url(Images/eye.png);
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: -16px 0px;
}
.prp_eye:hover
{
	background-position: 0px 0px;
}

.prp_eye_group
{
	float: right;
	margin-right: 5px;
}

.prpSection_head
{
	text-align: center;
	width: 100%;
	display: inline-block;    
}

.prpSection
{
	padding:0px 5px;
	position:relative;
}

#prpIn .dijitTreeLabel
{
	margin-bottom: -5px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
}

#prpIn .dijitTreeRow
{
	width: 100% !important;
}

#cartogramLegend div
{
	height: 20px;
	width: 20px;
	border: 1px solid Black;
}

#cartogramLegend tr
{
	height: 30px;
}

.defaultMiniature
{
	background-image: url(Images/layers64.png);
	background-repeat:no-repeat;
	width: 64px;
	height: 64px;
}

.delCoordinateIcon
{
	background-image: url(Images/close1.png);
	background-repeat:no-repeat;
	width: 16px;
	height: 16px;
}

.clearCreate
{
	background-image: url(Images/close2.png);
	background-repeat:no-repeat;
	background-position:center;
	width:24px;
	height:24px;
}

.dropZone
{
	padding:10px; 
	border:2px dashed #bbb;
	margin-bottom:5px; 
	background-color:#FFFFFF;
	border-radius:10px; 
	color: #bbb; 
	text-align:center;
	cursor:pointer;
	background-color:#FCFAFA;

	-webkit-transition-property: color;
	-o-transition-property: color;
	-moz-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.dropZone:hover
{
	color: #000;
}

.shortenRow
{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.widgetCoordinateItem > span
{
	overflow: hidden;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}

.widgetCoordinateItem > span[role="number"]
{
	width: 5%;
}

.widgetCoordinateItem > span[role="item"]
{
	width: 42%;
}

.widgetCoordinateItem > span[role="button"]
{
	width: 10%;
}

.widgetCoordinateItem .dijitInputField input
{
	text-align: center;
}

.headerCoordinatesBuilder
{
	margin: 0px 1px;
}

.headerCoordinatesBuilder span
{
	display: inline-block;
	text-align: center;
}

#prpIn
{
	min-width:190px;
}

.arrow_l
{
	background-image: url(Images/arrows.png);
	background-repeat:no-repeat;
	background-position: -16px -16px;
	width: 16px;
	height: 16px;
}

.arrow_r
{
	background-image: url(Images/arrows.png);
	background-repeat:no-repeat;
	background-position: -16px 0px;
	width: 16px;
	height: 16px;
}

.arrow_r_active
{
	background-position: 0px 0px;
}

.arrow_l_active
{
	background-position: 0px -16px;
}

.prpClearImg
{
	background-image: url(Images/clear.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.prpSettingsImg
{
	background-image: url(Images/Settings.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}


/* - setting - */
.point_cirlce
{
	background-image: url(Images/pointSymbols.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	width: 16px;
	height: 16px;
}
.point_square
{
	background-image: url(Images/pointSymbols.png);
	background-repeat:no-repeat;
	background-position: -16px 0px;
	width: 16px;
	height: 16px;
}
.point_cross_x
{
	background-image: url(Images/pointSymbols.png);
	background-repeat:no-repeat;
	background-position: -32px 0px;
	width: 16px;
	height: 16px;
}
.point_cross
{
	background-image: url(Images/pointSymbols.png);
	background-repeat:no-repeat;
	background-position: -48px 0px;
	width: 16px;
	height: 16px;
}
.point_diamond
{
	background-image: url(Images/pointSymbols.png);
	background-repeat:no-repeat;
	background-position: -64px 0px;
	width: 16px;
	height: 16px;
}


.polyline_solid
{
	background-image: url(Images/polylineSymbols.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	width: 16px;
	height: 16px;
}
.polyline_dash
{
	background-image: url(Images/polylineSymbols.png);
	background-repeat:no-repeat;
	background-position: -16px 0px;
	width: 16px;
	height: 16px;
}
.polyline_dot
{
	background-image: url(Images/polylineSymbols.png);
	background-repeat:no-repeat;
	background-position: -32px 0px;
	width: 16px;
	height: 16px;
}
.polyline_dashdot
{
	background-image: url(Images/polylineSymbols.png);
	background-repeat:no-repeat;
	background-position: -48px 0px;
	width: 16px;
	height: 16px;
}
.polyline_dashdotdot
{
	background-image: url(Images/polylineSymbols.png);
	background-repeat:no-repeat;
	background-position: -64px 0px;
	width: 16px;
	height: 16px;
}


.polygon_solid
{
	background-image: url(Images/polygonSymbols.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	width: 16px;
	height: 16px;
}
.polygon_none
{
	background-image: url(Images/polygonSymbols.png);
	background-repeat:no-repeat;
	background-position: -16px 0px;
	width: 16px;
	height: 16px;
}
.polygon_vertical
{
	background-image: url(Images/polygonSymbols.png);
	background-repeat:no-repeat;
	background-position: -32px 0px;
	width: 16px;
	height: 16px;
}
.polygon_horizontal
{
	background-image: url(Images/polygonSymbols.png);
	background-repeat:no-repeat;
	background-position: -48px 0px;
	width: 16px;
	height: 16px;
}
.polygon_cros
{
	background-image: url(Images/polygonSymbols.png);
	background-repeat:no-repeat;
	background-position: -64px 0px;
	width: 16px;
	height: 16px;
}
.polygon_forward_diagonal
{
	background-image: url(Images/polygonSymbols.png);
	background-repeat:no-repeat;
	background-position: -80px 0px;
	width: 16px;
	height: 16px;
}
.polygon_backward_diagonal
{
	background-image: url(Images/polygonSymbols.png);
	background-repeat:no-repeat;
	background-position: -96px 0px;
	width: 16px;
	height: 16px;
}
.polygon_diagonal_cros
{
	background-image: url(Images/polygonSymbols.png);
	background-repeat:no-repeat;
	background-position: -112px 0px;
	width: 16px;
	height: 16px;
}

.img_solid
{
	width:16px;
	height:16px;
	border:1px solid black;
}
/* ---------------- */


.PRPErrorContent
{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	display:table;
	background-color:rgba(255, 255, 255, 0.75);
}

.PRPErrorContent div[role="cell"]
{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.PRPErrorContent div[role="body"]
{
	margin: 10px;
	padding: 10px;
	background-color:White;
	border: 1px solid red;
}

.PRPErrorContent span[role="msg"]
{
	display: inline-block;
	font-size: 1.4em;
}