@charset "utf-8";
/* CSS Document */
/* Override some defaults */html, body
{
    /* background-color: #eee;*/
    background-color: #FFFFFF;
    background-position:fixed;
    background-image:url(/Content/GIS/images/background.jpg);
	background-repeat:repeat-x;
	background-attachment:fixed;
}
.topbanner {
	background-image:url(/Content/GIS/images/banner.jpg);
	background-repeat: no-repeat;
	margin-top:0px;
	width:100%;
	padding-top: 250px;
}

.bottombanner {
	background-image: url(/Content/GIS/images/form_background.png);
	background-repeat: no-repeat;
	width:98%;
	height:232px;
	padding-bottom:100px;
}

.btn-Go {
	background:url(/Content/GIS/images/go.jpg) top left no-repeat;
	margin:0px;
	border:none;
	width:40px;
	height:25px;
}
/*.GIScontainer {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;
}*/
.GIScenter {
	margin: 0pt auto;
	padding-top: 20px;
	width: 960px;
}

@font-face
{
    font-family: 'Muli';
    font-style: normal;
    font-weight: 400 !important;
    src: local('Muli'), url(/Content/fonts/muli400.woff) format('woff');
}

*
{
    font-family: 'Muli' , sans-serif, Candara, Calibri,Times New Roman !important;
}
body {
    padding-top: 40px; /* 40px to make the container go all the way to the bottom of the topbar */
}
.container {
    width: 960px;
}
.container-fluid > footer p .container > footer p {
    padding: 5px;
    text-align: center; /* center align it with the container */
}
/* The white background content wrapper */
.container-fluid > .content,
.container > .content {
    background-color: #fff;
    padding: 20px;
    margin: 0 -20px; /* negative indent the amount of the padding to maintain the grid system */
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
    min-height: 480px;
}

.container-fluid > .content-round,
.container > .content-round {
    background-color: #fff;
    padding: 20px;
    margin: 0 -20px; /* negative indent the amount of the padding to maintain the grid system */
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
}

/* Page header tweaks */
.page-header {
    background-color: #f5f5f5;
    padding: 2px 20px;
    margin: -20px -20px 20px;
}

.form-horizontal .control-label { text-align: left; }
.topbar .btn { border: 0; }
.form-actions { margin-left: 150px; }

a.external, a.external:hover {
    background: url(/Content/common/images/linkexternal.png) center right no-repeat;
    padding-right: 13px;
}

a.external-clip, a.external-clip:hover {
    background: url(/Content/GIS/images/clip.png) center right no-repeat;
    padding-right: 18px;
}

label[disabled] {
    background-color: #eeeeee;
    border-color: #ddd;
    cursor: not-allowed;
}

/* page footer */
.page-footer {
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #f5f5f5;
    padding: 10px 20px 10px;
    margin: -10px -20px;
}

#textContent p { text-align: justify; }

.fieldset {
    padding: 1em;
    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);
}

.legend {
    display: block;
    width: auto;
    padding: 10px;
    margin-bottom: 5px;
    font-size: auto;
    line-height: 15px;
    color: black;
    border: 0;
    border-bottom: none;
}

/* additional bootstrap table styles */
thead.header {
    background-color: #E36338;
    color: #FFFFFF;
}

thead.header > tr > th > a { color: #FFFFFF; }

.nav-tabs-inner > .active > a,
.nav-tabs-inner > .active > a:hover {
    color: Black;
    font-weight: bold;
    cursor: default;
    background-color: #eeeeee;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    /* fix for ie 6, 7 background color */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee', GradientType=0);
}

.nav-tabs-main > .active > a,
.nav-tabs-main > .active > a:hover {
    color: #FFFFFF;
    font-weight: bold;
    cursor: default;
    background-color: #E36338;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    /* fix for ie 6, 7 background color */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E36338', endColorstr='#E36338', GradientType=0);
}

.bordered-div {
    /*max-width: 300px;
    padding: 19px 29px 29px; */
    padding : 25px 10px 5px;
    margin: 0 auto 20px;
    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);
}

.bordered-div2 {
    /*max-width: 300px;
    padding: 19px 29px 29px; */
    padding : 50px 30px 50px 30px;
    margin: 0 auto 20px;
    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);
}

#demoNavigation > div.controls { padding-left:20px; } 

/* multiselect styles */
.multiselectable { width:500px; display:block; overflow: hidden; width: 100%; }
.multiselectable select, .multiselectable div { width: 200px; float:left;Height: 150px; }
.multiselectable div * { display: block; margin: 0 auto; }
.multiselectable div { display: inline; }
.multiselectable .m-selectable-controls { margin-top: 3em; width: 50px; }
.multiselectable .m-selectable-controls button { margin-top: 1em; }

/* tiny mce spell checker plugin */
.mce_jqueryspellchecker .mceIcon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAHtSURBVDjLY/j//z8DJZiBKgY49drM9J3idhLEtu+xjvea4nLNqsVspnWr2S6QmF6+Zol2ltpq5QSlmcpxijMxDABp9pjkuMuu28rIpsMi3rLZFKzIus38mm6OuqRxpf41nC5w7rOJd+i1ngnUXGLTbj7Tsskk3rbL8ppZreEu7Ry1mWpJSvHK8Uoz0TWK5U/nYIg8y8rgPsl+l12P1WqgbTPdJtk/AtoWb1CkBdagnqyyWilawVM/Rw/FBQyx540ZGm/eYIg8P43BdYLdSZiEcYXeTJB/TaoNroH8q5OldVIhXE5SKUqhXSNRfZdKvPKVkOrED+L9d/8wN998w+B4XIL40I48K8FQf/O6+7In/7mbb35hsD2qjBKNDLU3ExjKb7pi1Rx61ke89+6fwBVP/jPXXn/HYHlYGiMdMJTe1JJc/PgHQ/X1xQyplznBYuFnmRiiz062nPfof8DSJ/8ZSq8/ZzA9KIEzIQE1Vvuuf/6fufv2M4bgsz4MxVdPui8Cal4C1Jx/+RGDPqpmTANiz7MAvXI+bO2L/5ZzHvzP2Pjif8DCx/8ZMi/fY9DcL0FUUmbwPKkg3Hr7T+WOV//95j/8z5B6/jaD6l4JkvIC0J9FTtPu/2dIPn+PQXG3BFmZiUFzbweDLH7NVMmNAOGld33BRiNUAAAAAElFTkSuQmCC) no-repeat center center !important;
}

/* twitter bootstrap ie8 breadcrumb rendering issue */
.breadcrumb li { margin-right: 1px; }

/* margin -bottom 50px */
.mb50 { margin-bottom:50px; }

/* margin -bottom 30px */
.mb30 { margin-bottom:30px; }

/* margin -bottom 20px */
.mb20 { margin-bottom:20px; }

/* margin -bottom 10px */
.mb10 { margin-bottom:10px; }
.mb5 { margin-bottom:5px; }
.mb0 { margin-bottom:0px; }

.mr10 { margin-right:10px; }
.mr5 { margin-right:5px; }


.pr2 { padding-right:2px; }
.pl2 { padding-left:2px; }

.pr4 { padding-right:4px; }
.pl4 { padding-left:4px; }

.pr8 { padding-right:8px; }
.pl8 { padding-left:8px; }

td.lh40 { line-height:40px; }
td.lh30 { line-height:30px; }

.label-inline {
    padding:3px 3px 0 0;
    display:inline;
}

.label-inline-bold {
    padding:3px 3px 0 0;
    display:inline;
    font-weight:bold;
}

.label-bold { font-weight:bold; }

.well-search {
    padding: 10px 10px 5px 10px;
    margin-bottom: 10px;
}

.ruler-custom {
    border: 1px solid #eee;
    margin: 5px 0 10px 0;
}

.pagination-custom { margin: 5px 0; }

.accordion-main { background-color: #adbad0; }
.accordion-main > a { color: black }
.accordion-child { background-color: #D5E5F5 /*#B2CDFF #EEF3FF #cbdbf7;*/ }
.accordion-child > a { color: black }
.accordion-search { background-color: #e36338; }

/* twitter bootstrap date picker style update
.bootstrap-datetimepicker-widget thead tr:first-child th.prev,
.bootstrap-datetimepicker-widget thead tr:first-child th.switch,
.bootstrap-datetimepicker-widget thead tr:first-child th.next {
    background-color: #E36338;
    color: #FFFFFF;
    margin:0 1px;
}
.bootstrap-datetimepicker-widget thead tr:first-child th.prev:hover,
.bootstrap-datetimepicker-widget thead tr:first-child th.switch:hover,
.bootstrap-datetimepicker-widget thead tr:first-child th.next:hover {
    background-color: #E33846;
    color: #FFFFFF;
}
.bootstrap-datetimepicker-widget tbody tr td.day.active,
.bootstrap-datetimepicker-widget tbody tr td.day.active:hover
{
    background-color: #E36338;
    color: #FFFFFF;
}
*/

.table tbody > tr.highlight > td {
  background-color: #F4DCFE !important;
}

legend + .c-g-mb10 {
  margin-top: 10px;
}
.form-horizontal .c-g-mb10 {
  margin-bottom: 10px;
}
legend + .c-g-mb15 {
  margin-top: 15px;
}
.form-horizontal .c-g-mb15 {
  margin-bottom: 15px;
}

.pager li > button {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.pager li > .btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    border-left-color: #2f96b4;
    border-right-color: #2f96b4;
    border-top-color: #2f96b4;
    border-bottom-color: #1f6377;
}
.pager li > .btn-info:hover,
.pager li > .btn-info:focus,
.pager li > .btn-info:active,
.pager li > .btn-info.active,
.pager li > .btn-info.disabled,
.pager li > .btn-info[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
}
.pager li > .btn-info:active,
.pager li > .btn-info.active {
  background-color: #24748c \9;
}
.pager li > .btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #e34940;
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-image: linear-gradient(to bottom, #e33846, #e36338);
    border-left-color: #e36338;
    border-right-color: #e36338;
    border-top-color: #e36338;
    border-bottom-color: #b54119;
}
.pager li > .btn-primary:hover,
.pager li > .btn-primary:focus,
.pager li > .btn-primary:active,
.pager li > .btn-primary.active,
.pager li > .btn-primary.disabled,
.pager li > .btn-primary[disabled] {
  color: #ffffff;
  background-color: #e36338;
  *background-color: #e05122;
}
.pager li > .btn-success:active,
.pager li > .btn-success.active {
  background-color: #408140 \9;
}
.pager li > .btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-image: linear-gradient(to bottom, #62c462, #51a351);
    border-left-color: #51a351;
    border-right-color: #51a351;
    border-top-color: #51a351;
    border-bottom-color: #387038;
}
.pager li > .btn-success:hover,
.pager li > .btn-success:focus,
.pager li > .btn-success:active,
.pager li > .btn-success.active,
.pager li > .btn-success.disabled,
.pager li > .btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}
.pager li > .btn-success:active,
.pager li > .btn-success.active {
  background-color: #408140;
}

span.required
{
    color: red;
    padding-left: 2px;
    font-weight:bold;
}

th.topLeft, td.topLeft
{
    vertical-align:top;
    text-align:left;    
}
th.topRight, td.topRight
{
    vertical-align:top;
    text-align:right;    
}
th.topCenter, td.topCenter
{
    vertical-align:top;
    text-align:center;    
}
th.middleLeft, td.middleLeft
{
    vertical-align:middle;
    text-align:left;    
}
th.middleRight, td.middleRight
{
    vertical-align:middle;
    text-align:right;    
}
th.middleCenter, td.middleCenter
{
    vertical-align:middle;
    text-align:center;    
}
th.bottomLeft, td.bottomLeft
{
    vertical-align:bottom;
    text-align:left;    
}
th.bottomRight, td.bottomRight
{
    vertical-align:bottom;
    text-align:right;    
}
th.bottomCenter, td.bottomCenter
{
    vertical-align:bottom;
    text-align:center;    
}


/*------------------------------------*\
	LISTS - Customized for displaying permit sub types in contractors landing page
\*------------------------------------*/
ul.custom{
	margin-bottom:5px;
	overflow:hidden;
	/*border-top:1px solid #ccc;*/
}
li.custom{
	line-height:1.5em;
	float:left;
	display:inline;
}
ul.single li	{ width: 100%; }
ul.double li	{ width:50%; }
ul.triple li	{ width:33.333%; }
ul.quad li		{ width:25%; }
ul.penta li		{ width:20%; }
ul.six li		{ width:16.666%; }

/* button extension for blue color */
.btn-royalblue {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #4169E1;
  background-image: -moz-linear-gradient(top, #335EDE, #587DED);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#335EDE), to(#587DED));
  background-image: -webkit-linear-gradient(top, #335EDE, #587DED);
  background-image: -o-linear-gradient(top, #335EDE, #587DED);
  background-image: linear-gradient(to bottom, #335EDE, #587DED);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff335EDE', endColorstr='#ff587DED', GradientType=0);
  border-color: #587DED #587DED #1439A8;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #587DED;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-royalblue:hover,
.btn-royalblue:focus,
.btn-royalblue:active,
.btn-royalblue.active,
.btn-royalblue.disabled,
.btn-royalblue[disabled] {
  color: #ffffff;
  background-color: #587DED;
  *background-color: #3E6AED;
}
.btn-royalblue:active,
.btn-royalblue.active {
  background-color: #1F4CD1 \9;
}
.btn-green {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #68BF28;
  background-image: -moz-linear-gradient(top, #68BF28, #3D8B19);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#68BF28), to(#3D8B19));
  background-image: -webkit-linear-gradient(top, #68BF28, #3D8B19);
  background-image: -o-linear-gradient(top, #68BF28, #3D8B19);
  background-image: linear-gradient(to bottom, #68BF28, #3D8B19);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff335EDE', endColorstr='#ff587DED', GradientType=0);
  border-color: #3D8B19 #3D8B19 #68BF28;
  border-color: rgba(23, 183, 121, 0.5) rgba(23, 183, 121, 0.5) rgba(20, 137, 92, 0.5);
  *background-color: #3D8B19;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.btn-green.disabled,
.btn-green[disabled] {
  color: #ffffff;
  background-color: #3D8B19;
  *background-color: #68BF28;
}
.btn-green:active,
.btn-green.active {
  background-color: #1F4CD1 \9;
}
/*
.btn-blue{background-color:#1771b7;background-color:#1771b7;-moz-box-shadow:0 3px 0 #059;-webkit-box-shadow:0 3px 0 #059;box-shadow:0 3px 0 #059;padding:10px 140px 10px 140px;border-top:0;border-left:none;border-right:0;border-bottom:1px solid #1771b7}
.btn-blue:hover,.btn-blue:active{background:#0a5796}
.btn-green{background-color:#17b779;-moz-box-shadow:0 3px 0 #049877;-webkit-box-shadow:0 3px 0 #049877;box-shadow:0 3px 0 #049877}
.btn-green:hover,.btn-green:active{background:#049877}
.btn-orange{background-color:#f47a46;box-shadow:0 -2px 3px 0 #ce4e17 inset;padding:10px 50px 10px 50px}
.btn-orange:hover,.btn-orange:active{background:#ce4e17}
*/
/* btn gray */
.btn-gray {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #9AB0C3;
  background-image: -moz-linear-gradient(top, #68BF28, #9AB0C3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9AB0C3), to(#9AB0C3));
  background-image: -webkit-linear-gradient(top, #9AB0C3, #9AB0C3);
  background-image: -o-linear-gradient(top, #9AB0C3, #9AB0C3);
  background-image: linear-gradient(to bottom, #9AB0C3, #9AB0C3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff335EDE', endColorstr='#ff587DED', GradientType=0);
  border-color: #9AB0C3 #9AB0C3 #9AB0C3;
  border-color: rgba(79, 88, 85, 0.15) rgba(79, 88, 85, 0.15) rgba(79, 88, 85, 0.15);
  *background-color: #9AB0C3;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active,
.btn-gray.disabled,
.btn-gray[disabled] {
  color: #ffffff;
  background-color: #9AB0C3;
  *background-color: #9AB0C3;
}
.btn-gray:active,
.btn-gray.active {
  background-color: #1F4CD1 \9;
}

img.menu-item
{
	width:85px;
	height:85px;
}

.label-header
{
	font-weight :bold;
	color: #E36338;
}

.pr8 { padding-right:8px; }
.pl8 { padding-left:8px; }

.pr12 { padding-right:12px; }
.pl12 { padding-left:12px; }


.popover-large {
  max-width: 600px;
}

.a-custom
{
    color:Blue;
    font-weight : bold;
}

.widthAlign
{
  max-width: 450px;
}

.nav-tabs > li > a.active
{
    background-color:#e34940;
    color:White;
}

.btn-group-xs>.btn, .btn-xs {
    padding: 3px 8px;
    margin-top: 3px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

div.editable {
    width: 490px;
    height: 200px;
    padding: 5px;
    overflow-y:auto;
	float:left;
	position:relative;
	background-color:White
}

/* anchor disable*/
.not-active {
 pointer-events: none;
 cursor: default;
 color: Gray;
}

/* popover width change*/
#wrap .popover {
    width: 500px;
    max-width: none;
}

/* map print color change*/
div#webmap-toolbar-center > a,
div#webmap-toolbar-right > a
{
    color:Blue !important;
}

/* vertical row */
.mycontent-left {
  border-right: 1px solid #333;
}
.mycontent-right {
  border-left: 1px solid #333;
}

/* no type for ul */
.ul-notype
{
    list-style-type: none;
}

/* row -high light */
.row-highlight
{
    background-color:#FCDFFF !important; 
}

/* Row high light colors */

table.table.table-striped tr.Lt-Green td {
    background-color:#F5F6CE !important;
}

table.table.table-striped tr.Sea-Green td {
    background-color:#E0FFFF !important;
}

table.table.table-striped tr.Lt-Pink td {
    background-color:#FCDFFF !important;
}

table.table.table-striped tr.Md-Pink td {
    background-color:#F2D5F5 !important;
}

table.table.table-striped tr.White td {
    background-color:#FFFFFF !important;
}