/**
* app.css - the style sheet for app customization
*
* @author    Xudong Liu
* @copyright (c) GISTIC Research Inc.
* @date      November 08, 2011
* @version   v1.0
*/

/* style for modifying UI elements, mainly for borders */
#mainPanel .x-panel-header {
	border-bottom-width: 0px;
}
#eventTabGrid .x-tab-panel-header {
	border-top-width: 1px !important;
	border-left-width: 1px !important;
	border-right-width: 1px !important;
}
.navPanelBody {
        background-color: #DFE8F6;
}
#sldDiv .button {
    position: absolute;
    cursor: pointer;
}
/* end of UI modification style */
/*style for OverlayPopup & filter summary*/
.icon-add {
  background-image: url("https://maps.udot.utah.gov/i/udot/common/icons/add.png") !important;
  background-repeat: no-repeat;
}

.icon-cog {
  background-image: url("/i/udot/ugate/sld/filter_edit.png") !important;
  background-repeat: no-repeat;
}

.icon-cross {
  background-image: url("/i/udot/ugate/sld/filter_clear.png") !important;
  background-repeat: no-repeat;
}

.icon-delete {
  background-image: url("https://maps.udot.utah.gov/i/udot/common/icons/delete.gif") !important;
  background-repeat: no-repeat;
}

.icon-information {
  background-image: url("/i/udot/ugate/sld/filter_info.png") !important;
  background-repeat: no-repeat;
}

.icon-filter {
  background-image: url("https://maps.udot.utah.gov/i/udot/common/icons/filter.png") !important;
  background-repeat: no-repeat;
}
/*eo style of filter relevant*/
/* style for font */
.x-btn button {
	color: #15428B !important;
	font-family: tahoma, arial, verdana, sans-serif !important;
	font-size: 11px !important;
	font-weight: bold !important;
}
.x-date-middle .x-btn .x-btn-text {
	color: #FFFFFF !important;
	font-family: tahoma, arial, verdana, sans-serif !important;
	font-size: 11px !important;
	font-weight: bold !important;
}
.ftTitle {
	color: #15428B !important;
	font-family: tahoma, arial, verdana, sans-serif !important;
	font-size: 12px !important;
	font-weight: bold !important;
}
.ftBold {
	color: #15428B !important;
	font-family: tahoma, arial, verdana, sans-serif !important;
	font-size: 11px !important;
	font-weight: bold !important;
}
.ftNormalBlue {
	color: #0000ff !important;
	font-family: tahoma, arial, verdana, sans-serif !important;
	font-size: 11px !important;
	font-weight: normal !important;
}
xAxisTick {
	color: #646464 !important;
	font-family: tahoma, arial, verdana, sans-serif !important;
	font-size: 10px !important;
}
yAxisTick {
	color: #FFFFFF !important;
	font-family: tahoma, arial, verdana, sans-serif !important;
	font-size: 10px !important;
        font-weight: bold !important;
}
.ftNormalYellow {
	color: #FFFF00 !important;
	font-family: tahoma, arial, verdana, sans-serif !important;
	font-size: 11px !important;
	font-weight: normal !important;
}
.sldAnnotation {
	color: #FFFFFF !important;
	font-family: tahoma, arial, verdana, sans-serif !important;
	font-size: 10px !important;
	font-weight: bold !important;
}
.x-grid3-row-over .x-grid3-cell-inner {
	font-style: italic;
}
.columnHeader {
	font-weight: bold;
}
/* end of font style */

/* style for photoView */
 .thumb-box  {
    width: 100px;
    padding: 5px;
    text-align: center;
    margin: 13px auto;
    background: #ccd8e7;
    border: 1px solid #99BBE8;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
}

.thumb-box:hover {
    background: #999999;
    border-color: #999999;
}

 .thumb-box img{
	height: 100px;
	width: 100px;
}
.thumb-wrap{
	
}
#dpi {
  height: 1in;
  left: -100%;
  position: absolute;
  top: -100%;
  width: 1in;
}
.photoStyleLarge {
	width: 400px;
	height: 400px;
}
.x-action-col-cell img {
	height: 20px;
	width: 20px;
	cursor: pointer;
}
/* style of customized map */
.olControlZoomPanel div {
	background-image: url("/i/udot/ugate/sld/tool-sprites.gif"); !important;
	height: 15px !important;
	width: 15px !important;
	/* workaround for button height in IE */
	font-size: 0px;
}
.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
	display: none;
}
.olControlZoomPanel .olControlZoomInItemInactive {
	background-position: 15px -240px !important;
	top: -15px !important;
	left: 10px !important;
}
.olControlZoomPanel .olControlZoomOutItemInactive {
	background-position: 15px -255px !important;
	top: 5px !important;
	left: 10px !important;
}
.olControlPanPanel div {
	background-image: url("/i/udot/ugate/sld/tool-sprites.gif"); !important;
	height: 15px !important;
	width: 15px !important;
	/* workaround for button height in IE */
	font-size: 0px;
}
.olControlPanPanel .olControlPanNorthItemInactive {
	background-position: 15px -420px !important;
	top: 0px !important;
	left: 20px !important;
}
.olControlPanPanel .olControlPanEastItemInactive {
	background-position: 15px -480px !important;
	top: 10px !important;
	left: 40px !important;
}
.olControlPanPanel .olControlPanSouthItemInactive {
	background-position: 15px -435px !important;
	top: 20px !important;
	left: 20px !important;
}
.olControlPanPanel .olControlPanWestItemInactive {
	background-position: 15px -465px !important;
	top: 10px !important;
	left: 0px !important;
}	
/* end of map style */