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

body{
    background-color:white; 
    overflow:hidden;
}

#fullContainer { width: 100%; height: 100%; }
.full {width: 100%; height: 100%; margin: 0; padding: 0;}

.header {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 64px;
	background-image: url(../images/topBackground.png);
    background-repeat: repeat-x;   
}

.leftHeader {
	width: 35%;
	height: 100%;
	float: left;
}

.centerHeader {
	width: 30%;
	height: 100%;
	float: left;
}

.rightHeader {
	width: 35%;
	height: 100%;
	float: left;
}

.headerLogo {
 	float: left;
 	margin-top: 0px;
 	height: 40px;
 	width: 100px;
}

#customLogoLeft {
	float: left;
 	margin-top: 0px;
 	max-height: 40px;
}

#customLogoRight {
	float: left;
 	margin-top: 0px;
 	max-height: 40px;
}

#modeDisplay {
	float: left;
	margin-top: 0px;
	width: 100px;
	color: #f00000;
	text-align: center;
}

#logoutArea {
	z-index:750;
	position:absolute;
	right:10px;
	top: 10px;
	color: black;
	font-size: small;
}

#hello {
	font-size: larger;
	font-weight: bold;
}

a.logoffLink:link {color: #000000;}
a.logoffLink:active {color: #000000;}
a.logoffLink:visited {color: #000000;}
a.logoffLink:hover {color: #5380c2;}

.linkBtn {
	cursor: pointer;
	color: #000000;
	text-decoration: underline;
}
.linkBtn:hover {color: #5380c2;}

.reverseLinkBtn {
	cursor: pointer;
	color: #ddd;
	text-decoration: underline;
}
.reverseLinkBtn:hover {color: #fff;}

.titleLogo {
	margin-left: auto;
	margin-right: auto;
	height: 65px;
	width: 500px;
}

.titleText {
  font-size: x-large;
  text-align: center;
  width: 300px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  line-height: 70px;
  color: #fff;
}

.title {
  width: 100%;
  text-align: center;
  font-size: large;
  margin-top: 8px;
  color:#fff;
}

.subtitle {
  width: 100%;
  text-align: center;
  font-size: large;
  margin-top: 8px;
  color: #aaa;
}

#centerRegion {
	padding: 0px;
	margin: 0px;
}

.loginArea {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.content {
	border:	0px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
}

.appRowLabel {
	text-align: right;
	color: #555;
	margin: 30px 10px;
}

.appLaunchIcon {
	width: 72px;
	margin: 10px auto;
}

.appLaunchImage {
	margin-left: auto;
	margin-right: auto;
}

.appLaunchImage:hover {
	cursor: pointer;
}

.topRow {
	margin: 0;
	height: 40px;
	width: 100%;
	padding: 5px;
	overflow: hidden;
}

.topRegion {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 40px;
	overflow: hidden;
	background-color: #f5f5f5;
	background: -webkit-linear-gradient(#f5f5f5, #e8e8e8);
  	background: -o-linear-gradient(#f5f5f5, #e8e8e8);
  	background: -moz-linear-gradient(#f5f5f5, #e8e8e8);
  	background: linear-gradient(#f5f5f5, #e8e8e8);
}

.centeredBtns {
    float:right;
    position:relative;
    left:-50%;
    text-align:left;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    height:1px;
}
.centeredBtns ul{
    list-style:none;
    position:relative;
    left:50%;
}

.centeredBtns li{float:left;position:relative;}

.rightBtns {
	position:absolute; 
	right:5px; 
	top:5px;
}

.rightBullet {
	background-image: url(../images/bullet_arrow_right.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

.downBullet {
	background-image: url(../images/bullet_arrow_down.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

.downBulletWhite {
	background-image: url(../images/bullet_down_white.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

.downBulletWhite:hover {
	background-image: url(../images/bullet_down_white.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

/*<!--.menu {
	height: 34px; 
	line-height: 34px;  
    width: 100%;
    background-image: url(../images/menu.jpg);
    background-repeat: repeat-x;
    padding: 0px;
    margin: 0px;
}

#menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px
}
#menu ul li {
	display: block;
	float: left;
}
#menu ul li div {
	display: block;
	color: #dddddd;
	width:150px;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
	height: 34px; 
	line-height: 34px;
}
#menu ul li div:hover {
	color: #fff;
	background: url(../images/menubarHover.jpg) repeat-x;
	cursor: pointer;
}

#menu ul li div.selectedMenuBtn {
	color: #000000;
	background: url(../images/selectedMenubar.jpg) repeat-x;
}

.quickMenu {
	height: 34px; 
	line-height: 34px;  
    width: 40px;
    background-image: url(../images/menu.jpg);
    background-repeat: repeat-x;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
}

.quickMenu:hover {
	background: url(../images/menubarHover.jpg) repeat-x;
}-->*/

.menu {
	height: 24px; 
	line-height: 24px;  
    padding: 0px;
    margin: 0px;
}

#menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px
}
#menu ul li {
	display: block;
	float: left;
}
#menu ul li div {
	display: block;
	color: #ddd;
	font-size: 12px;
	font-weight: 600;
	height: 24px; 
	line-height: 24px;
	margin: 0px 3px;
}
#menu ul li div:hover {
	color: #fff;
	cursor: pointer;
}

#menu ul li div.selectedMenuBtn {
	color: #999;
}

.quickMenu {
	height: 24px; 
	line-height: 24px;  
    padding: 0px;
    margin: 0px;
    cursor: pointer;
}

.quickMenu:hover {

}

.expandableLabelRow {
	font-size: larger;
	font-weight: bold;
}

.expandableLabelRow:hover { 
	cursor: pointer;
	color: #5379a0;
}

.expandableArea {
	margin-left: 25px;
	margin-bottom: 10px;
	/*font-size: smaller;*/
}

.expandArea {
	margin-left: 18px;
	margin-bottom: 10px;
}

.editEntryArea {
	width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.error {
	color: #b94a48;
}

input.error {
	border-color: #b94a48;
}

.imageThumbnail {
	width: 100px;
	height: 100px;
	margin: 5px;
}

.imageThumbnail:hover {
	cursor: pointer;
}

.map {
	height:			100%;
	width:			100%;
	padding:		0px;
	margin:			0px;
	overflow:		hidden;
}

.latLongDisplay {
	position: absolute;
	right: 5px;
	bottom: 5px;
	padding: 2px 5px;
	color: #000;
	background-color: #fff;
	z-index: 700;
	font-size: 0.9em;
	font-family: Roboto Mono;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.scaleDisplay {
	position: absolute;
	left: 5px;
	bottom: 5px;
	padding: 2px 5px;
	color: #000;
	background-color: #fff;
	z-index: 700;
	font-size: 0.9em;
	font-family: Roboto Mono;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.homeBtn {
	position: absolute;
	left: 15px;
	top: 85px;
	background-image: url(../images/homeBtn.png);
	width: 32px;
	height: 32px;
	cursor: pointer;
}

.homeBtn:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	cursor: pointer;
}

.requiredText {
	font-size: smaller;
	color: red;
}

.rightLabel {
	font-weight: bold;
	text-align: right;
	padding-right: 5px;
}

.pagebar {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 40px;
	overflow: hidden;
	background-color: #f5f5f5;
	background: -webkit-linear-gradient(#f5f5f5, #e8e8e8);
  	background: -o-linear-gradient(#f5f5f5, #e8e8e8);
  	background: -moz-linear-gradient(#f5f5f5, #e8e8e8);
  	background: linear-gradient(#f5f5f5, #e8e8e8);
}

.centerBox {
	max-width: 500px;
    padding: 19px 29px 29px;
    margin: 0 auto 0;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.medCenterBox {
	max-width: 700px;
    padding: 19px 29px 29px;
    margin: 0 auto 10px auto;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.largeCenterBox {
	max-width: 1000px;
    padding: 0px;
    margin: 10px auto;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

@-webkit-keyframes
pulse
{
        0%
        {
          opacity: 1.0;
        }
        45%
        {
          opacity: .25;
        }
        100%
        {
          opacity: 1.0;
        }
}
     
@-moz-keyframes
       pulse
      {
        0%
        {
          opacity: 1.0;
        }
        45%
        {
          opacity: .25;
        }
        100%
        {
          opacity: 1.0;
        }
}

.formLabel {
	font-size: 9pt;
	margin-left: 5px;
}

.formTitle {
	width: 100%;
	text-align: center;
	font-size: 9pt;
	font-weight: bold
}

.paFormName {
	color: #000000;
	font-size: 10pt;
}

.paFormName:hover {
	cursor: pointer;
	color: #5379a0;
}

.copButton {
	float: left;
	margin: 10px;
}

.copButtonRight {
	float: right;
	margin: 10px;
}

.basemap {
	position:absolute; 
	right:20px; 
	top:10px;
	z-index: 700;
}

.basemapRow {
	padding: 2px 5px 2px 5px;
    background-color: #ffffff;
    cursor: pointer;
}

.basemapRow:hover {
	background-color: #eeeeee;
}

/* start ui controls */
.multiselectBox {
	line-height: 28px;
	vertical-align: center;
	border: 1px solid #aaa;
	padding: 0 3px 0 3px;
	background-color: #eeeeee;
	margin: 0 5px 3px 0;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 5px;
  border-radius: 5px;
  background: #bbb;
  outline: none;
  opacity:0.7;
  -webkit-transition: opacity .15s ease-in-out;
  transition: opacity .15s ease-in-out;
}
.slider:hover {
  opacity:1;
}
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #0088CC;
  cursor: pointer;
}
.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border: 0;
  border-radius: 50%;
  background: #0088CC;
  cursor: pointer;
}

input[type=range].slider::-moz-focus-outer {
    border: 0;
}
/* end ui controls */

.clearable {
    width: 14px;
    height: 14px;
    display: none;
    background: url(../lib/bootstrap/img/glyphicons-halflings.png) no-repeat -312px 0;
    position: relative;
    left: -60px;
    top: 9px;
    z-index: 1031;
}

.blankIcon {
	width: 14px;
	height: 14px;
}

.dimBtn {
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.dimBtn:hover,
.dimBtn:focus {
  text-decoration: none;
  cursor: pointer;
  opacity: 1.0;
  filter: alpha(opacity=100);
}

.gridBtn {
	width:100%;
	text-align:center;
}

.pointer:hover {
	cursor: pointer;
}

.otTimeBox {
	margin: 0px;
	padding: 0px;
	width: 20px;
	height: 20px;
	background-color: #66aaff;
	background: -webkit-linear-gradient(#66ccff, #66aaff);
  	background: -o-linear-gradient(#66ccff, #66aaff);
  	background: -moz-linear-gradient(#66ccff, #66aaff);
  	background: linear-gradient(#66ccff, #66aaff);
}

.regTimeBox {
	margin: 0px;
	padding: 0px;
	width: 20px;
	height: 20px;
	background-color: #66aaff;
	background: -webkit-linear-gradient(#0088CC, #0044CC);
  	background: -o-linear-gradient(#0088CC, #0044CC);
  	background: -moz-linear-gradient(#0088CC, #0044CC);
  	background: linear-gradient(#0088CC, #0044CC);
}

.sideText div {position: absolute;}

.sideText {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);   
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	padding: 0px 0px 0px 0px;
    margin: 0px;
    text-align: left;
    vertical-align: top;
}

.sideRightText div {position: absolute;}

.sideRightText {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);   
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	padding: 0px 0px 0px 0px;
    margin: 0px;
    text-align: left;
    vertical-align: top;
}

.bTop {border-top: 1px solid #000;}
.bTopBottom {border-top: 1px solid #000;border-bottom:1px solid #000;}
.bLeft {border-left: 1px solid #000;}
.bRight {border-right: 1px solid #000;}
.bSides {border-left: 1px solid #000;border-right:1px solid #000;}
.bFull {border: 1px solid #000;}

.sarClueTopCell {
	padding: 0px;
	margin: 0 0 0 4px;
}

.sarClueCell {
	border: 1px solid #000;
	padding: 0px;
	margin: 0px;
	text-align: center;
	vertical-align: middle;
}

.iaFormHeaderCell {
	border: 1px solid #000;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

.iaFormCell {
	border: 1px solid #000;
	padding: 0px;
	margin: 0px;
	width: 15pt;
	text-align: center;
	vertical-align: middle;
}

.busContainer {
	width: 100%;
	padding: 10px;
}
.busFormArea {
  margin: 0 10px;
  border: 0 solid #000;	
}
.busTable {
	border-collapse: collapse;
	border: 3px solid #000;
	font-size: 9pt;
}
.busHeadRow {
	height: 20pt;
	border-width: 3px 3px 2px 3px;
	border-style: solid;
	border-color: #000;
	background-color: #666699;
	font-weight: bold;
	color: #fff;
}
.busHeadCell {
	border-right: 1px solid #000;
	text-align: center;
	vertical-align: middle;
	padding: 4px;
}
.busHeadTotalCell {
	text-align: center;
	vertical-align: middle;
  padding: 4px;
  color: #000;
  border-right: 1px solid #000;
}
.busRedBg {
	background-color: #ffcc99;
}

.busRow {
	border-width: 1px 3px;
	border-style: solid;
	border-color: #000;
}
.busRowCell {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 4px;
}
.busRowNo {
	text-align: center;
	background-color: #ccffff;
}
.busRowText {}
.busRowNum {
	text-align: right;
}

.busTotRow {
	border-width: 2px 3px;
	border-style: solid;
	border-color: #000;
} 
.busTotBlank {
	background-color: #008080;
	color: #fff;
	font-weight: bold;
	border-right: 1px solid #000;
}
.busTotNum {
	text-align: right;
	border-right: 1px solid #000;
	padding: 4px;
	background-color: #ccffff;
}
.busTotLabel {
  background-color: #008080;
  color: #fff;
  font-weight: bold;
  border-left: 2px solid #000;
  border-right: 1px solid #000;
  padding: 4px;
  text-align: center;
}

.regChartsPanel {
  z-index: 1300;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
}

.regChartsPanelHidden {
  z-index: 1300;
  position: absolute;
  top: 0px;
  left: 100%;
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
}

.slidePanel {
  z-index: 1300;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
}

.slidePanelHidden {
  z-index: 1300;
  position: absolute;
  top: 0px;
  left: 100%;
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
}

.sideSlidePanel {
  z-index: 1300;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
}

.sideSlidePanelHidden {
  z-index: 1300;
  position: absolute;
  top: 0px;
  left: -400px;
  width: 400px;
  height: 100%;
  background-color: #fff;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
}

.tocRow {
	background-color: transparent;
    line-height: 20px;
}

.tocRow:hover {
	background-color: #e8e8e8;
}

[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

.draggableBox {
  cursor: move;
  padding: 4px;
  background: #fff;
  border: 1px solid #888;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
  box-shadow: 0 1px 2px rgba(0,0,0,.05);    
}

.dragContainer {
  background: f8f8f8;
  -webkit-transition: background .5s ease-out;
  -moz-transition: background .5s ease-out;
  -o-transition: background .5s ease-out;
  transition: background .5s ease-out;
}

.dragContainer.over {
  background:#8d8;
  -webkit-transition: background .5s ease-out;
  -moz-transition: background .5s ease-out;
  -o-transition: background .5s ease-out;
  transition: background .5s ease-out;
}

.pageNumber {color: #888888; font-size: 8pt; margin-left: 4px;}
.pageNumber:hover {color: #000000; cursor: pointer;}
.pageNumberSelected {color: #000000; font-size: 12pt; margin-left: 4px;}

.searchIcon {background-image: url(../images/sprite20.png);width: 20px;height: 20px; background-position: 0px -0px;}
.searchIcon:hover {cursor: pointer;}
.deleteIcon {background-image: url(../images/sprite20.png);width: 20px;height: 20px; background-position: -40px -0px;}
.deleteIcon:hover {cursor: pointer; background-image: url(../images/sprite20.png);width: 20px;height: 20px; background-position: -20px -0px;}
.drawBoxIcon {background-image: url(../images/drawBox.png);width: 30px;height: 20px;}
.handIcon {background-image: url(../images/hand_point.png);width: 20px;height: 20px;}
.trashIcon {background-image: url(../images/trash_can.png);width: 20px;height: 20px;}
.requiredIcon {background-image: url(../images/asterisk.png);width: 16px;height: 16px;}

.streetThumb {background-image: url(../images/basemaps.jpg);width: 75px;height: 50px; background-position: 0px -0px;}
.satThumb {background-image: url(../images/basemaps.jpg);width: 75px;height: 50px; background-position: -75px -0px;}
.topoThumb {background-image: url(../images/basemaps.jpg);width: 75px;height: 50px; background-position: -150px -0px;}
.grayThumb {background-image: url(../images/basemaps.jpg);width: 75px;height: 50px; background-position: -225px -0px;}
.natgeoThumb {background-image: url(../images/basemaps.jpg);width: 75px;height: 50px; background-position: -300px -0px;}
.usgsThumb {background-image: url(../images/basemaps.jpg);width: 75px;height: 50px; background-position: -370px -0px;}
.osmThumb {background-image: url(../images/basemaps.jpg);width: 75px;height: 50px; background-position: -450px -0px;}
.outdoorThumb {background-image: url(../images/basemaps.jpg);width: 75px;height: 50px; background-position: -525px -0px;}
.darkgrayThumb {background-image: url(../images/basemaps.jpg);width: 75px;height: 50px; background-position: -600px -0px;}
.novaThumb {background-image: url(../images/basemaps.jpg);width: 75px;height: 50px; background-position: -675px -0px;}

.legendBtnIcon {background-image: url(../images/sprite32.png);width: 32px;height: 32px; background-position: -32px 0px;}
.legendBtnIcon:hover {background-image: url(../images/sprite32.png);width: 32px;height: 32px; background-position: 0px 0px; cursor: pointer;}
.timelineBtnIcon {background-image: url(../images/sprite32.png);width: 32px;height: 32px; background-position: -96px 0px;}
.timelineBtnIcon:hover {background-image: url(../images/sprite32.png);width: 32px;height: 32px; background-position: -64px 0px; cursor: pointer;}
.chartBtnIcon {background-image: url(../images/sprite32.png);width: 32px;height: 32px; background-position: -160px 0px;}
.chartBtnIcon:hover {background-image: url(../images/sprite32.png);width: 32px;height: 32px; background-position: -128px 0px; cursor: pointer;}
.gearBtnIcon {background-image: url(../images/sprite32.png);width: 32px;height: 32px; background-position: -283px 0px;}
.gearBtnIcon:hover {background-image: url(../images/sprite32.png);width: 32px;height: 32px; background-position: -315px 0px; cursor: pointer;}
.worldBtnIcon {background-image: url(../images/sprite32.png);width: 45px;height: 32px; background-position: -237px 0px;}
.worldBtnIcon:hover {background-image: url(../images/sprite32.png);width: 45px;height: 32px; background-position: -192px 0px; cursor: pointer;}
.zoomExtentBtnIcon {background-image: url(../images/sprite32.png);width: 32px;height: 32px; background-position: -349px 0px;}
.zoomExtentBtnIcon:hover {background-image: url(../images/sprite32.png);width: 32px;height: 32px; background-position: -383px 0px; cursor: pointer;}
.layersBtnIcon {background-image: url(../images/sprite32.png);width: 32px;height: 32px; background-position: -416px 0px;}
.layersBtnIcon:hover {background-image: url(../images/sprite32.png);width: 32px;height: 32px; background-position: -447px 0px; cursor: pointer;}
.toolBtnIcon {background-image: url(../images/sprite32.png);width: 32px;height: 32px; background-position: -478px 0px;}
.toolBtnIcon:hover {background-image: url(../images/sprite32.png);width: 32px;height: 32px; background-position: -510px 0px; cursor: pointer;}

.claro .dijitContentPane {
    padding: 0px;
}

.claro .dojoxGrid {
	border: none;
}

.claro .dojoxGrid .dojoxGridCell {
	font-size: 8pt;
	border-width: 1px;
    border-style: solid;
	-moz-border-top-colors: none;
    -moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
 	border-image: none;
	border-color: rgb(235,235,235) rgb(213,213,213) rgb(235,235,235) rgb(235,235,235);
	padding: 3px;
	text-align: left;
	overflow: hidden;
	word-wrap: break-word;
}

.claro .dojoxGridHeader .dojoxGridCellOver {
	background-image: none;
	background-color: white;
	border-bottom-color: rgb(254,190,71);
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom-width: 3px;
}

.claro .dojoxGridHeader {
	background: -webkit-linear-gradient(bottom,#2b2d2a,#4e5768);
	background: -o-linear-gradient(top,#2b2d2a,#4e5768);
	background: -moz-linear-gradient(top,#2b2d2a,#4e5768);
	background: linear-gradient(to bottom,#4e5768,#2b2d2a);
	background-color: #2b2d2a;
}

.claro .dojoxGridHeader .dojoxGridCell {
	border-width: 1px;
	border-style: solid;
	-moz-border-top-colors: none;
 	-moz-border-right-colors: none;
 	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	border-color: rgb(246,244,235) rgb(172,168,153) rgb(172,168,153) rgb(246,244,235);
	background: -webkit-linear-gradient(bottom,#2b2d2a,#4e5768);
	background: -o-linear-gradient(top,#2b2d2a,#4e5768);
	background: -moz-linear-gradient(top,#2b2d2a,#4e5768);
	background: linear-gradient(to bottom,#4e5768,#2b2d2a);
	background-color: #2b2d2a;
	color: white;
	padding-bottom: 2px;
}

.claro .dojoxGridRowOver {
	border-top-color: #333;
	border-bottom-color: #333;
}

.claro .dojoxGridRowOdd .dojoxGridRowTable tr {
	background-color: rgb(248,248,248);
}

.claro .dojoxGridRowOver .dojoxGridCell {
	background: #eeeeee;
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
}

.claro .dojoxGridCellOver .dojoxGridSortNode {
	background: none;
	cursor: pointer;
}

.dojoxGridRowOdd {
	background-color: rgb(248,248,248);
}

.claro .dojoxGridRowSelected {
	background-color: rbg(217,217,217);
}

.claro .dijitSplitterV, .claro .dijitGutterV {
    background: none;
    border: 0;
    width: 5px;
    margin: 0;
    background-color: #efefef;
}

.minicolors-theme-track .minicolors-swatch {
	width: 25px;
	height: 10px;
	position: none;
}
.minicolors-theme-track.minicolors-position-right .minicolors-swatch {
	left: auto;
	right: 5px;
}
.minicolors-position-left .minicolors-panel {
	right: 0px;
	left: auto;
	top: 10px;
}
.minicolors-theme-area .minicolors-swatch {
	width: 25px;
	height: 20px;
	position: relative;
	border: 2px solid #000;
}
.minicolors-theme-area.minicolors-position-right .minicolors-swatch {
	left: auto;
	right: 5px;
}

.popover {
	max-width: 500px;
}

.modal {
	z-index: 947;
}
.modal-backdrop {
	z-index: 940;	
}

.backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1100;
  background-color: #000000;
  opacity: 0.7;
  filter: alpha(opacity=70);
}