@import url(https://fonts.googleapis.com/css?family=Asap);

* {
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

*:focus {
	outline: none;
}

html {
	overflow:-moz-scrollbars-vertical;
	overflow-y:scroll;
}

html,body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background-repeat:repeat-x;
}

body,input,textarea {
	font-family: Verdana,Geneva,Kalimati,sans-serif;
	font-size: 8pt;
}

table td,
table th {
	padding: 5px 6px;
	text-align: left;
}

table th {
	font-size: 13px;
}

h1 {
	font-size: 20px;
}

ul.none,li.none {
	list-style-type: none;
}

textarea {
	resize: none;
	overflow:auto;
}

.btn {
	cursor: pointer;
	display: inline-block;
	box-shadow: inset 0px 1px 0 rgba(255,255,255,0.4);
	color: white;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
	font-weight: bold;
	display: inline-block;
	font-family: tahoma, sans-serif;
	font-size: 11px;
	font-weight: 800;
	padding:3px 5px;
	margin-right: 2px;
	border-radius: 3px;
	background-repeat: repeat-x;
	text-decoration: none;
}

.btnBig {
	padding:6px 10px;
	font-size: 10pt;
}

.btnWhite {
	background-color: #e7e7e7;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#c5c5c5));
	background-image: -webkit-linear-gradient(top, #eaeaea, #c5c5c5);
	background-image: -moz-linear-gradient(top, #eaeaea, #c5c5c5);
	background-image: -ms-linear-gradient(top, #eaeaea, #c5c5c5);
	background-image: -o-linear-gradient(top, #eaeaea, #c5c5c5);
	background-image: linear-gradient(top, #eaeaea, #c5c5c5);
	border: 1px solid #4e4e4e !important;
	color: #000;
	text-shadow: 0 1px 0 #fff;
}

.btnOrange {
	background-color: #f89c21;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f89c21), to(#ba710f));
	background-image: -webkit-linear-gradient(top, #f89c21, #ba710f);
	background-image: -moz-linear-gradient(top, #f89c21, #ba710f);
	background-image: -ms-linear-gradient(top, #f89c21, #ba710f);
	background-image: -o-linear-gradient(top, #f89c21, #ba710f);
	background-image: linear-gradient(top, #f89c21, #ba710f);
	border: 1px solid #8e560c !important;
	color: #fff;
	text-shadow: 0 1px 0 #000;
}

.btnPurple {
	background-color: #8f4ec8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8054a8), to(#51366a));
	background-image: -webkit-linear-gradient(top, #8054a8, #51366a);
	background-image: -moz-linear-gradient(top, #8054a8, #51366a);
	background-image: -ms-linear-gradient(top, #8054a8, #51366a);
	background-image: -o-linear-gradient(top, #8054a8, #51366a);
	background-image: linear-gradient(top, #8054a8, #51366a);
	border: 1px solid #2f1e3d !important;
}

.btnGreen {
	background-color: #3e7626;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#609947), to(#1a3c07));
	background-image: -webkit-linear-gradient(top, #609947, #1a3c07);
	background-image: -moz-linear-gradient(top, #609947, #1a3c07);
	background-image: -ms-linear-gradient(top, #609947, #1a3c07);
	background-image: -o-linear-gradient(top, #609947, #1a3c07);
	background-image: linear-gradient(top, #609947, #1a3c07);
	border: 1px solid #2B7700 !important;
}

.btnBlue {
	background-color: #04a0da;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
	background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
	background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
	background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
	background-image: -o-linear-gradient(top, #049cdb, #0064cd);
	background-image: linear-gradient(top, #049cdb, #0064cd);
	border: 1px solid #0064cd !important;
}

.btnLime {
	background-color: #cee344;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#c1d636), to(#98ac10));
	background-image: -webkit-linear-gradient(top, #c1d636, #98ac10);
	background-image: -moz-linear-gradient(top, #c1d636, #98ac10);
	background-image: -ms-linear-gradient(top, #c1d636, #98ac10);
	background-image: -o-linear-gradient(top, #c1d636, #98ac10);
	background-image: linear-gradient(top, #c1d636, #98ac10);
	border: 1px solid #98ac10 !important;
}

.btnRed {
	background-color: #f56c68;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(top, #ee5f5b, #c43c35);
	border: 1px solid #c43c35 !important;
}

.btnGold {
	background-color: #ff9933;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dcb003), to(#cc8a00));
	background-image: -webkit-linear-gradient(top, #dcb003, #cc8a00);
	background-image: -moz-linear-gradient(top, #dcb003, #cc8a00);
	background-image: -ms-linear-gradient(top, #dcb003, #cc8a00);
	background-image: -o-linear-gradient(top, #dcb003, #cc8a00);
	background-image: linear-gradient(top, #dcb003, #cc8a00);
	border: 1px solid #cc8a00 !important;
}

input.submitfield[type=submit],
input.textfield[type=text],
input.textfield[type=email],
input.passwordfield[type=password],
textarea.textfield,
div.autotextfield {
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background-color:#eaeaea;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea));
	background-image:-webkit-linear-gradient(top, #ffffff, #eaeaea);
	background-image:-moz-linear-gradient(top, #ffffff, #eaeaea);
	background-image:-ms-linear-gradient(top, #ffffff, #eaeaea);
	background-image:-o-linear-gradient(top, #ffffff, #eaeaea);
	background-image:linear-gradient(top, #ffffff, #eaeaea);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eaeaea);
	box-shadow:0pt -1px 0pt rgba(0, 0, 0, 0.075) inset, 0pt 1px 0pt rgba(255, 255, 255, 0.3) inset, 0pt 1px 2px rgba(0, 0, 0, 0.1);
	border:1px solid #ccc;
	border-bottom-color:#aaa;
	border-radius:2px;
	color:#555;
	display:inline-block;
	font-size:12px;
	margin:0;
	padding:7px 10px;
	text-decoration:none;
}

select.selectfield {
	padding: 5px;
	width: 242px;
}

select.selectfield.shortlength {
	width: 75px;
}

select.selectfield.middlelength {
	width: 120px;
}

input.redsubmitfield[type=submit] {
	background-color:#a52828;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#c06969), to(#a52828));
	background-image:-webkit-linear-gradient(top, #c06969, #a52828);
	background-image:-moz-linear-gradient(top, #c06969, #a52828);
	background-image:-ms-linear-gradient(top, #c06969, #a52828);
	background-image:-o-linear-gradient(top, #c06969, #a52828);
	background-image:linear-gradient(top, #c06969, #a52828);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c06969, endColorstr=#a52828);
	border: 1px solid #7c1919;
	text-shadow: 0.1em 0.1em 0.2em black;
	color: #fff;
}

input.redsubmitfield[type=submit]:hover {
	background-color:#c03030;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#e89494), to(#c03030));
	background-image:-webkit-linear-gradient(top, #e89494, #c03030);
	background-image:-moz-linear-gradient(top, #e89494, #c03030);
	background-image:-ms-linear-gradient(top, #e89494, #c03030);
	background-image:-o-linear-gradient(top, #e89494, #c03030);
	background-image:linear-gradient(top, #e89494, #c03030);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e89494, endColorstr=#c03030);
	border: 1px solid #7c1919;
	text-shadow: 0.1em 0.1em 0.2em black;
	color: #fff;
}

input.greensubmit[type=submit] {
	background-color:#75ae10;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#4c6f0f), to(#75ae10));
	background-image:-webkit-linear-gradient(top, #4c6f0f, #75ae10);
	background-image:-moz-linear-gradient(top, #4c6f0f, #75ae10);
	background-image:-ms-linear-gradient(top, #4c6f0f, #75ae10);
	background-image:-o-linear-gradient(top, #4c6f0f, #75ae10);
	background-image:linear-gradient(top, #4c6f0f, #75ae10);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c6f0f, endColorstr=#75ae10);
	border: 1px solid #344e07;
	text-shadow: 0.1em 0.1em 0.2em black;
	color: #fff;
}

input.greensubmit[type=submit]:hover {
	background-color:#94df0f;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#61910c), to(#94df0f));
	background-image:-webkit-linear-gradient(top, #61910c, #94df0f);
	background-image:-moz-linear-gradient(top, #61910c, #94df0f);
	background-image:-ms-linear-gradient(top, #61910c, #94df0f);
	background-image:-o-linear-gradient(top, #61910c, #94df0f);
	background-image:linear-gradient(top, #61910c, #94df0f);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#61910c, endColorstr=#94df0f);
	border: 1px solid #344e07;
	text-shadow: 0.1em 0.1em 0.2em black;
	color: #fff;
}

input.orangesubmit[type=submit] {
	background-color:#df8e0f;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#91570c), to(#df8e0f));
	background-image:-webkit-linear-gradient(top, #91570c, #df8e0f);
	background-image:-moz-linear-gradient(top, #91570c, #df8e0f);
	background-image:-ms-linear-gradient(top, #91570c, #df8e0f);
	background-image:-o-linear-gradient(top, #91570c, #df8e0f);
	background-image:linear-gradient(top, #91570c, #df8e0f);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#91570c, endColorstr=#df8e0f);
	border: 1px solid #4e3107;
	text-shadow: 0.1em 0.1em 0.2em black;
	color: #fff;
}

input.orangesubmit[type=submit]:hover {
	background-color:#ae7810;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#6f4c0f), to(#ae7810));
	background-image:-webkit-linear-gradient(top, #6f4c0f, #ae7810);
	background-image:-moz-linear-gradient(top, #6f4c0f, #ae7810);
	background-image:-ms-linear-gradient(top, #6f4c0f, #ae7810);
	background-image:-o-linear-gradient(top, #6f4c0f, #ae7810);
	background-image:linear-gradient(top, #6f4c0f, #ae7810);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6f4c0f, endColorstr=#ae7810);
	border: 1px solid #344e07;
	color: #fff;
}

input.submitfield[type=submit],
input.textfield[type=text],
input.textfield[type=email],
input.passwordfield[type=password],
div.autotextfield {
	vertical-align:middle;
	white-space:nowrap;
}

input.textfield.middlelengthnumeric[type=text] {
	width: 98px;
}

input.textfield.middlelength[type=text] {
	width: 125px;
}

div.autotextfield {
	padding-right: 5px;
}

div.autotextfield .input,
div.autotextfield .label {
	float: left;
}

div.autotextfield .label {
	padding: 0 2px 0 0;
	color: #aaa;
}

div.autotextfield .input input {
	color: #000;
	font-weight: bold;
	border: 0;
	padding: 0;
	background: none;
}

div.inputselect .ch {
	padding: 9px 0 0 15px;
}

div.inputselect .ch.firstch {
	padding-left: 0;
}

div.inputselect .ch,
div.inputselect .ch .input,
div.inputselect .ch .label {
	float: left;
}

div.inputselect .ch .label {
	font-weight: bold;
	padding-left: 5px;
}

div.inputselect .ch .label.normal {
	font-weight: normal;
}

input[type=text],
input[type=email],
input[type=password],
textarea.textfield {
	width: 220px;
}

textarea.textfield {
	height: 80px;
}

input[type=submit] {
	font-weight:700;
	cursor:pointer;
}

table td,
table th {
	vertical-align: top;
}

a {
	color: #336699;
	font-weight: bold;
	text-decoration: none;
}

a img {
	border: 0;
}

a:hover {
	text-decoration: underline;
}

.big {
	font-size: 10pt;
}

.roadstable {
	border: 1px solid #aaa;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top: 0;
	margin-bottom: 5px;
}

.road-maintenance {
	margin: 5px;
	padding: 15px 5px;
	border-radius: 8px;
	background-color: #fff7d6;
}

.roadstable .inner-title {
	background-image: url(/images/icons/warning.png);
	background-repeat: no-repeat;
	background-position: 10px 1px;
	padding: 0 0 0 33px;
	font-size: 11pt;
	font-weight: bold;
}

.roadstable table {
	border-collapse: collapse;
	width: 100%;
}

.roadstable-title {
	background-color:#dbecff;
	font-weight:bold;
	font-size: 11pt;
	padding:8px 10px;
	border: 1px solid #aaa;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.roadstable .info {
	padding: 10px 10px 20px 10px;
	border-bottom: 1px solid #eee;
}

.roadstable .roads_season {
	background-repeat: no-repeat;
	background-position: 0 5px;
	font-weight: bold;
	padding: 10px 0 0 30px;
}

.roadstable .roads_season1 {
	background-image: url(/images/icons/roads_season_1.png);
}

.roadstable .roads_season2 {
	background-image: url(/images/icons/roads_season_2.png);
}

.roadstable .value {
	padding: 10px 0 5px 0;
	font-weight: bold;
}

.roadstable .novalue {
	padding: 10px 0 5px 0;
	color: #aaa;
}

.roadstable .descr {
	padding: 10px 0 5px 10px;
	width: 160px;
}

.roadstable .firstline {
	padding-top: 15px;
}

.roadstable .lastline {
	padding-bottom: 25px;
}

.road-maintenance .descr {
	width: 150px;
}

.asterisk {
	color: #bd0000;
	font-size: 8pt;
	font-weight: bold;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}

.clear-both,
.clear {
	clear: both;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.float-left,
.left {
	float: left;
}

.float-right,
.right {
	float: right;
}

.wrapper {
	width: 975px;
	margin: 0 auto;
}

.hidden {
	display: none;
}

.checks .c,
.checks label {
	float: left;
}

.checks .c {
	padding-left: 15px;
}

.checks .c:first-child {
	padding-left: 0;
}

.checks label {
	padding: 0 0 0 5px;
}

.text_left_to_textfield {
	padding: 6px 0 0 10px;
	font-size: 10pt;
}

div.error,
p.error {
	color: #bd0000;
	background-color: #ffe7e7;
	background-image: url(/images/icons/alert.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding: 11px 10px 10px 33px;
	font-weight: bold;
	border: 1px solid #bd0000;
	border-radius: 7px;
	margin-bottom: 15px;
}

div.error span,
p.error span,
div.message span,
p.message span {
	border-bottom: 1px dotted #444;
	font-weight: normal;
	padding-bottom: 2px;
	color: #444;
}

div.message,
p.message {
	color: #fff;
	background-color: #009900;
	background-image: url(/images/icons/check.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding: 10px 10px 10px 33px;
	font-weight: bold;
	border: 1px solid #003300;
	border-radius: 7px;
	margin-bottom: 15px;
}

.strtolower {
	text-transform: lowercase;
}

.strtoupper {
	text-transform: uppercase;
}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }