@font-face {
    font-family: corbel;
    src: url('http://www.ccgisc.org/fonts/corbel.ttf') url('http://www.ccgisc.org/fonts/corbel.eot'); /* IE9 */
}

@font-face {
    font-family: calibri;
    src: url('http://www.ccgisc.org/fonts/calibri.ttf') url('http://www.ccgisc.org/fonts/calibri.eot'); /* IE9 */
}

.dijitSplitter:focus, .dijitSplitter:hover {
    background:#BAC5D1 !important;
}

.esriSymbolEditor {
    display:none !important;
}

a {
    color:#17375E;
}

html, body {
    background-color: #17375E; /* #17375E = UofI Blue, #131E3E = RPC Blue */
    color: #000000;
    font-family: corbel;
    font-size: 14px;
    line-height:18px;
    height: 100%;
	width: 100%;
	margin: 0; 
	padding: 0;
	overflow:hidden;
}

caption {
    position:absolute;
    top:-9999px;
    left:-9999px;
    height:1px;
    width:1px;
}

fieldset {
    color:#000000;
    border:2px solid #BAC5D1;
}
  
h2 {
    font-family:corbel;
    color:#17375E;
    font-size:18px;
}

h2.h2map {
    color:#000000;
    font-family: corbel;
    font-size: 14px;
    font-weight: 900;
    margin: 0px;
}

h3 {
	color: #FFFFFF;
	padding:10px;
}

h3.h3map {
    color:#FFFFFF;
    font-family: corbel;
    font-size: 14px;
    font-weight: 900;
    margin: 0px;
    padding: 0px;
}

hr {
    color: #17375E;
}

input:focus {
    outline: 1px solid #CCCCCC;
}

input[type="text"], input[type=button], textarea, select {
    font-family: corbel;
    font-size: 14px;
    line-height:18px;
}

legend {
    padding:5px;
    font-weight:900;
}

p {
    padding:10px;
}

select.icon-menu option {
    background-repeat: no-repeat;
    background-position: 4px bottom;
    padding-left: 25px;
}

ul.plain {
    margin: 0 0 0 20px;
    padding: 0px;
    list-style: none;
    text-indent: 0px;
    list-style-type: none !important;
}




#borderContainer { 
    width: 100%; 
    height: 100%; 
}

#borderContainerDiv { 
    width: 100%; 
    height: 100%; 
}

#ccgisc {
    position:relative;
    top:-5px;
    left:125px;
    width:300px;
    font-family:calibri;
    font-size:48px;
    line-height:52px;
    text-align:center;
}

#contentDiv {
    width:100%; 
    height:100%;
    background-color: #FFFFFF;
}

#coord {
    position:absolute;
    bottom:1px;
    padding-left:5px
}

#dialogDiv {
    position:absolute;
    top:35%;
    left:35%;
    width:400px;
    z-index:9999;
    display:none;
    border:2px solid #17375E;
}

#dialogTitle {
    width:100%;
    background-color:#B7CE88;
    color:#17375E;
    line-height:24px;
    font-size:14px;
    font-weight:900;
    text-align:center;
    padding:5px;
    border-bottom:2px solid #17375E;
}

#dialogContent {
    background-color:#FFFFFF;
    padding:10px;
    max-height:400px;
    overflow-y:auto;
}

#exportDiv {
    margin-left:7px;
    width:384px;
    background-color:#BAC5D1;
}

#feedback {
    position:absolute;
    bottom: 1px;
    right: 5px;
    padding-right: 5px;
}

#feedback a:link{
    color:#FFFFFF;
}

#feedback a:visited{
    color:#FFFFFF;
}

#feedback a:hover, #feedback a:focus{
    color:#7BC143;
}

#footer {
    position:absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height:20px;
    padding:5px;
    font-size:12px;
    color:#FFFFFF;
}

#headDiv {
    position:absolute;
    left: 0px;
    right: 0px;
    top:0px;
    height:100px;
    padding:2px 0px 2px 0px;
    background: #17375E;
    overflow:hidden;
}

#headGreen {
    height:70px;
    width:100%;
    color:#17375E;
    background-color:#B7CE88;
}

#headwhite {
    height:2px;
    width:100%;
    background-color:#FFFFFF;
}

#Illinois {
    position:absolute;
    right:10px; 
    top:10px;
    z-index:99;
}

#loginContainer {
    position:absolute;
    top:4px;
    right:4px;
    z-index:9999;
}

#logo {
    position:absolute;
    right:10px; 
    bottom:10px;
    width:100px;
    height:121px;
    z-index:99;
}

#mainContent {
    position:absolute;
    top:100px;
    left:0px;
    right:0px;
    bottom:20px;
}

#mainMenu {
    position:absolute;
    top:71px;
    left:50px;
    color:#FFFFFF;
    z-index:999;
}

#map {
    position:absolute;
    top:0px;
    left:0px;
    right:0px; 
    bottom:0px;
    color:#000000;
    background-color: #FFFFFF;
    border:1px solid #17375E;
}

#mapDiv {
    width:100%; 
    height:100%; 
    overflow:hidden;
}

#map_infowindow.simpleInfoWindow .close{
    background-image: none;
}

#measure {
    position:absolute;
    right:10px; 
    bottom:20px;
    padding:5px;
    z-index:99;
}

#menu {
    position:relative;
    height:34px;
    z-index:999;
}

#menu ul {
    list-style-type: none;
    margin: 0;
    padding: 2px 0 0 0;
}

#menu li {
    display: inline;
}

#name {
    position:relative;
    top:-5px;
    left:125px;
    width:300px;
    color:#FFFFFF;
    font-family:corbel;
    font-style:italic;
    font-size:16px;
    text-align:center;
}

#navPans {
    position:absolute;
    top:20px;
    left:65px;
    z-index:999;
}

#navSlider {
    position:absolute;
    top:20px;
    left:20px;
    z-index:999;
}

#navTools {
    position:absolute;
    top:145px;
    left:30px;
    z-index:999;
}

#ordinance {
    padding-top: 10px;
}

#scale {
    position:absolute;
    bottom: 1px;
    left: 420px;
}

#scalebar {
    position:absolute;
    bottom: 30px;
    left: 15px;
    font-size:10px;
    background-color:#FFFFFF;
    z-index:99;
}

#submitDiv {
    position: relative;
    top: 150px;
    width:800px;
    margin-left:auto;
    margin-right:auto;
    color: #17375E;
    background-color:#FFFFFF;
    padding: 5px;
    font-family:corbel;
    font-size: 16px;
}

#status {
    position: absolute; 
    right: 10px; 
    top: 10px;
    background-color: #000000; 
    color: #FFFFFF; 
    padding: 3px; 
    border: solid 1px #FFFFFF;
    z-index: 599; 
}

#titleDiv {
    position:absolute;
    top:10px;
    left:450px;
    color:#17375E;
    font-family:calibri;
    font-size:30px;
    font-weight:700;
}

#titleDiv h1 {
    color:#17375E;
    font-family:calibri;
    font-size:30px;
    font-weight:700;
}





.actionList {
    display:none !important;
}

.alternatebg {
    background-color:#FFFFEE; /*#FAFAD2*/
}

.bluebg {
    background-color:#BAC5D1; /*#B7C5D3; #9DB5D1; D9E3FF;*/
}

.blueBG {
    background-color:#17375E;
    color:#FFFFFF;
    line-height: 24px;
}

.bold {
    font-weight: 900;
}

.bold24 {
    font-weight:900;
    line-height:24px;
}

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

.bottom {
    vertical-align:bottom;
}

.center {
    text-align:center;
}

.chart {
    border-style:solid;
    border-color:#CCCCCC;
    border-width:1px;
    border-collapse:collapse;
    background-color:#FFFFFF;
}

.chart tr td, .chart tr th {
    padding:5px;
    border-style:solid;
    border-color:#CCCCCC;
    border-width:1px;
    text-align:center;
}

.clicked
{
    background-color: #EEEEEE !important;
    box-shadow: inset 0 2px 3px rgba(0,0,0,0.3), inset 0 -2px 3px rgba(255,255,255,0.3), 0 1px 1px rgba(255,255,255,0.9);
}

.disable 
{ 
    background-color: #CCCCCC !important; 
    box-shadow:inset 0 2px 3px rgba(255,255,255,0.3), inset 0 -2px 3px rgba(0,0,0,0.3), 0 1px 1px rgba(255,255,255,0.9);
}

.displayNone {
    display:none;
}

.dropDiv {
    position:relative;
    top:-2px;
    z-index:9999;
    height:0px;
    overflow:visible;
    display:none;
    background-color: #FFFFFF;
}

.dropdown_style {
    background-image:url(images/address/arrow_down.png);
    background-position:right center;
    background-repeat:no-repeat;
    padding-right:20px;
    border:1px solid #CCCCCC;
}

.empty, .empty td { 
    border:0;
}

.failureText {
    color: #990000;
}

.floatLeft {
    float:left;
}

.floatRight {
    float:right;
}

.GbiHighlight 
{ 
    background-color: #D5DCE2; 
}

.gray {
    color:Gray;
}

.grayItalic {
    color:Gray;
    font-style:italic;
    padding-left:5px;
}

.Gridview tr:hover, .Gridview tr:focus
{
    background-color: #E6EAEE;
    cursor: pointer; 
}

.greenbg {
    background-color:#DFE9E1; /*#D5DCE2; #9DC099; #8BBF7F; #83B394;*/
}

.grnbg {
    color:#17375E;
    background-color:#ECEEF0;
    border: none;
}

.height20 {
    line-height:20px;
}

.height24 {
    line-height:24px;
}

.hidden {
    position:absolute;
    top:-9999px;
    left:-9999px;
    height:1px;
    width:1px;
}

/*
.hideThis {
    color: #FFFFFF;
    background-color: #660000;
}
*/

.hideThis {
    display:none !important;
}

.highlight 
{ 
    background-color: #FFFF66 !important;
    box-shadow:inset 0 2px 3px rgba(255,255,255,0.3), inset 0 -2px 3px rgba(0,0,0,0.3), 0 1px 1px rgba(255,255,255,0.9);
}

.hrBlue {
    width:100%;
    height:2px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(23,55,94,1) 50%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(23,55,94,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(23,55,94,1) 50%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(23,55,94,1) 50%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(23,55,94,1) 50%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(23,55,94,1) 50%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

.hrGreen {
    width:100%;
    height:2px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(183,206,136,1) 50%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(183,206,136,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(183,206,136,1) 50%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(183,206,136,1) 50%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(183,206,136,1) 50%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(183,206,136,1) 50%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

.infoLabel {
    background-color:#17375E;
    color:#FFFFFF;
    font-weight:900;
}

.infoLabel a {
    color:#FFFFFF;
}

.infoTitle {
    background-color:#17375E;
    color:#FFFFFF;
    line-height: 24px;
    font-weight:900;
    padding:5px;
}

.italic {
    font-style: italic;
}

.justify {
    text-align:justify;
}

.label {
    font-size:16px;
    font-weight:bold;
    line-height:30px;
    color:#FFFFFF;
}

.left {
    text-align:left !important;
}

.menuStyle a {
    color:#FFFFFF;
    text-decoration:none;
    line-height:28px;
    z-index:999;
}

.menuStyle a:visited {
    color:#FFFFFF;
    text-decoration:none;
    line-height:28px;
    z-index:999;
}

.menuStyle a:hover, .menuStyle a:focus {
    color:#B7CE88;
    text-decoration:none;
    line-height:28px;
    z-index:999;
}

.navButtonL {
    padding:0;
    height:36px;
    width:36px;
}

.navButtonS {
    padding:0;
    height:24px;
    width:24px;
}

.noOverflow {
    height:0;
    overflow:hidden;
}

.noScript {
    position:absolute;
    width: 50%;
    left: 200px;
    right: 200px;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    vertical-align: middle;
    color: maroon;
    background-color:#FFFFFF;
}

.noSelect {
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.pad tr td, .pad tr th {
    padding:0px 5px 0px 5px;
}

.pad5 {
    padding:5px;
}

.padCenter {
    padding: 5px;
    text-align: center;
    border-style:solid;
    border-color:#999999;
    border-width:1px;
}

.padLeft {
    padding-left:5px;
}

.padLeftNoBorder {
    padding: 5px;
    text-align: left;
}

.padpager {
    padding-left:10px;
    padding-right:10px;
}

.padRight {
    padding-right: 5px;
}

.padRight2 {
    padding-right: 2px;
}

.padVert {
    padding-top:5px;
    padding-bottom:5px;
}

.padded tr td {
    padding:5px;
}

.RbiHighlight
{
    background-color: #FFCCCC; 
}

.redItalic {
    color:Maroon;
    font-style:italic;
    padding-left:5px;
}

.reverse {
    background-color: #17375E; /* #17375E = UofI Blue, #131E3E = RPC Blue */
    color: #FFFFFF;
}

.right {
    text-align:right !important;
}

.select 
{ 
    background-color: #66FFFF !important; 
    box-shadow:inset 0 2px 3px rgba(255,255,255,0.3), inset 0 -2px 3px rgba(0,0,0,0.3), 0 1px 1px rgba(255,255,255,0.9);
}

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

.slideLabel {
    display:inline-block;
    min-width:40px;
    text-align:right;
}

.small {
    font-size:12px;
    line-height:5px;
    padding: 0px;
}

.small12 {
    font-size:12px;
    line-height:15px;
}

.smallFont {
    font-size:10px;
    width:33px;
    padding-left:0px !important;
    padding-right:0px !important;
}

.subaddressbg {
    background-color:#F0F7FF;
}

.tableView {
    display:table;
}

.tableRow {
    display: table-row;
}

.tableCell {
    display: table-cell;
    padding:2px;
}

.navCell {
    display: table-cell;
    padding:0px;
	margin:0px;
	line-height:16px;
    text-align:center;
	width:18px;
}

.textshadow
{
    font-weight:bold;
    text-shadow: 0px 1px 2px #FFFFFF, 0px -1px 2px #FFFFFF, 1px 0px 2px #FFFFFF, -1px 0px 2px #FFFFFF;	
}

.tooltip {
    position:absolute;
    z-index:9999;
}

.top {
    vertical-align:top;
}

.underline {
    text-decoration:underline;
}

.warning {
    padding:2px 5px 0px 5px !important;
    line-height:16px !important;
}

.white {
	color: #FFFFFF;
}

.white a {
	color: #FFFFFF;
}

.white a:hover { 
    color: #ccc;
    cursor:pointer;
}

.whitebg {
    background-color:#FFFFFF;
}

.width50 {
    width:50px;
}

.width95 {
    width:95px;
}

.width100 {
    width:100px;
}

.width150 {
    width:150px;
}

.width200 {
    width:200px;
}

.width250 {
    width:250px;
}


.width300 {
    width:300px;
}

.width396 {
    width:396px;
}

.width400 {
    width:400px;
}

.widthALL {
    width:100%;
}





/* new sub address point light box */
/* also used for click to confirm */

#ProgessDiv {
    position:absolute;
    width:100%;
    height:100%;
    background-color:#B7CE88;
    background-image:url(images/address/ajax-loader.gif);
    background-repeat:no-repeat;
    background-position:center;
}

.updatingOverlay {
    position: absolute; 
    background-color: #17375E; 
    width:100%; 
    height:100%; 
    filter: alpha(opacity=50); 
    opacity:.50; 
    -moz-opacity:0.5; 
    top:0; 
    left:0;  
    z-index:10004;
}

.updatingWindow {
    position: absolute; 
    width:300px; 
    height: 200px; 
    background-color:#B7CE88; 
    color:#17375E; 
    top:150px; 
    left:70px; 
    z-index:10005; 
    border: 15px solid #B7CE88;
}

.black_overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:10001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.white_content {
	display: none;
	position: absolute;
	top: 150px;
	left: 70px;
	width: 300px;
	height: 200px;
	padding: 15px;
	border: 15px solid #B7CE88;
	background-color: white;
	z-index:10002;
	overflow: auto;
}

/*******************************/
/* set styles for login        */
/*******************************/

#accountDiv {
    position:absolute;
    top:35px;
    right:10px;
    z-index:9999;
    font-weight:bold;
}

#loginDiv {
    width:250px;
}

#createDiv {
    width:280px;
}

#loginDiv, #createDiv {
    position: relative;
    top: 150px;
    margin-left:auto;
    margin-right:auto;
    color: #17375E;
    background-color:#FFFFFF;
    padding: 5px;
    font-family: Sans-Serif;
    font-size: 14px;
    border:2px solid #17375E;
}

#LoginID {
    width:250px;
    border:1px solid #17375E;
}

#CreateID {
    width:280px;
    border:1px solid #17375E;
}

#CreateLoginID {
    width:280px;
    border-bottom:1px solid #17375E;
    border-spacing:0px;
}

#LoginID td, #CreateID td, #CreateLoginID td {
    padding: 5px;
}

#LoginID_UserName, #LoginID_Password {
    width:130px !important;
}

.loginStyle td {
    padding:5px;
}

.LoginTitle {
    background-color: #17375E;
    color:#FFFFFF;
    font-weight:600;
}












* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="range"] {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  width: 100px;
  height: 10px;
  margin: 0;
  border: none;
  padding: 1px 2px;
  border-radius: 4px;
  background: #FFFFFF;
  box-shadow: inset 0 1px 0 0 #CCCCCC, inset 0 -1px 0 0 #EEEEEE;
  -webkit-box-shadow: inset 0 1px 0 0 #CCCCCC, inset 0 -1px 0 0 #EEEEEE;
}

input[type="range"]:focus {
    box-shadow: inset 0 1px 0 0 #17375E, inset 0 -1px 0 0 #B7CE88;
    -webkit-box-shadow: inset 0 1px 0 0 #17375E, inset 0 -1px 0 0 #B7CE88;
}

input[type="range"]::-moz-range-track {
  border: inherit;
  background: transparent;
}

input[type="range"]::-ms-track {
  border: inherit;
  color: transparent; /* don't drawn vertical reference line */
  background: transparent;
}

input[type="range"]::-ms-fill-lower,
input[type="range"]::-ms-fill-upper {
  background: transparent;
}

input[type="range"]::-ms-tooltip {
  display: none;
}

/* thumb */

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 8px;
  border: none;
  border-radius: 4px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #529de1), color-stop(100%, #245e8f)); /* android <= 2.2 */
  background-image: -webkit-linear-gradient(top , #529de1 0, #245e8f 100%); /* older mobile safari and android > 2.2 */
  background-image: linear-gradient(to bottom, #529de1 0, #245e8f 100%); /* W3C */
}
input[type="range"]::-moz-range-thumb {
  width: 20px;
  height: 8px;
  border: none;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, #529de1 0, #245e8f 100%); /* W3C */
}

input[type="range"]::-ms-thumb {
  width: 20px;
  height: 8px;
  border-radius: 4px;
  border: 0;
  background-image: linear-gradient(to bottom, #529de1 0, #245e8f 100%); /* W3C */
}