@font-face
{
    /*font-family: 'ChickenKhear';     src: url('fonts/db_helvethaica_x-webfont.eot');     src: url('fonts/db_helvethaica_x-webfont.eot?#iefix') format('embedded-opentype'),           url('fonts/db_helvethaica_x-webfont.woff') format('woff'),           url('fonts/db_helvethaica_x-webfont.ttf') format('truetype'),           url('fonts/db_helvethaica_x-webfont.svg#ChickenKhear') format('svg');*/ /*           font-family: "ChickenKhear";     src: url("fonts/db_helvethaica_x-webfont.eot");     src: local("☺"),     url("fonts/db_helvethaica_x-webfont.woff") format("woff"),     url("fonts/db_helvethaica_x-webfont.ttf") format("truetype"),     url("fonts/db_helvethaica_x-webfont.svg#ChickenKhear") format("svg");   */
    font-family: 'ChickenKhear';
    src: url('../fonts/db_helvethaica_x-webfont.eot');
    src: url('../fonts/db_helvethaica_x-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
        url('../fonts/db_helvethaica_x-webfont.woff') format('woff'), /* Modern Browsers */ 
        url('../fonts/db_helvethaica_x-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
        url('../fonts/db_helvethaica_x-webfont.svg#ChickenKhear') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

input {
    border-radius: 2px;
    border: 0.25px solid #555555;
    margin: 2px 0px;
    font-family: 'ChickenKhear' !important;
    font-size: 15px;
}

select {
    border-radius: 2px;
    border: 0.25px solid #555555;
    width: 150px;
    font-family: 'ChickenKhear' !important;
    font-size: 16px;
}

body{
    background: linear-gradient(rgba(204, 229, 255, 0.15), rgba(0, 0, 0, 0.3)) repeat fixed 0 0%, repeat fixed 0 0 #334455;
    background-image: url("images/bg.gif");
    margin: 0px;
    background-image: url("../images/bg.gif");
}

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

.yellowCls {background:yellow;}

.miniClockQuery{display:none;}

.mainHeaderInfo a{
    color:white;
    text-decoration:none;
    text-shadow: 1px 1px #333;
}

.mainHeaderInfo a:hover{
    color:yellow;
    text-decoration:none;
    text-shadow: 1px 1px #333;
}

.mainMenuFrm{
    margin:0 auto;
    width: 800px;
    height: auto;
}

.mainMenuFrm-Toolbox{
    margin: auto;
    background: #f0fff4;
    width: 360px;
    padding: 15px 10px 5px 10px;
    border: 1px #333 solid;
    border-radius:5px;
    box-shadow: 0 0 7px 5px #333;
}


.mainReportFrm{
    margin:0 auto;
    width: 1000px;
    height: auto;
}

.mainReportFrm-Toolbox{
    margin: auto;
    background: #f0fff4;
    width: 550px;
    padding: 15px 30px 5px 30px;
    border: 1px #333 solid;
    border-radius:5px;
    box-shadow: 0 0 7px 5px #333;
}

.mainMessageFrm-Toolbox{
    display: block;
    float: right;
    background: #f0fff4;
    width: 450px;
    padding: 5px 10px 5px 10px;
    border: 1px #333 solid;
    border-radius:5px;
    box-shadow: 0 0 7px 5px #333;
}


.mainWindowFrm{	
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    overflow: hidden;
    position: relative;
    background: #fffff6;
	margin: auto;
    padding: 0px 0px 15px 0px;
    width: 750px;
    height: auto;
    border: 1px #333 solid;
    border-radius:5px;
    -moz-box-shadow: 0 0 7px 5px #333;
    -webkit-box-shadow: 0 0 7px 5px #333;
    box-shadow: 0 0 7px 5px #333;
}

.mainWindowFrm-Title{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    width:100%;
    padding: 3px 10px 3px 10px;
    border: 0px black solid;
    border-radius:5px 5px 0px 0px;
    /* background: linear-gradient(#5fb82a, #205412); */
    background: #205412;
}

.mainWindowFrm-Title span{
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.mainWindowFrm-Content{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.helperWindowFrm{	
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    overflow: hidden;
    position: relative;
    background: #fffff6;
    height: auto;
    margin: auto;
    padding: 15px 15px 15px 15px;
    border: 1px #333 solid;
    border-radius:5px;
    -moz-box-shadow: 0 0 7px 5px #333;
    -webkit-box-shadow: 0 0 7px 5px #333;
    box-shadow: 0 0 7px 5px #333;
}

.map-class{
    position: fixed;
    display: none;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.showimg-class{
    position: fixed;
	display: none;
    z-index: 11;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.map-class-form{
	position: fixed;
    background: #FFF;
    z-index: 10;
	top:50%;
	left:50%;
	margin-top: -300px;
	margin-left: -375px;
    width: 750px;
    height: 600px;
}

.alertbox-class{
    position: absolute;
    display: none;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.alertbox-frame-class{
    background: #FFF;
    z-index: 10;
    width: 680px;
    height: auto;
    margin: 0 auto;
	padding: 20px 20px 20px 20px;
}


.print-report-class-form{
    display: block;
    background: lightyellow;
    z-index: 10;
    margin: 0 auto;
    width: 96%;

    padding: 5px 5px 5px 5px;
    border: 1px #333 solid;
    border-radius:5px;
    box-shadow: 0 0 7px 5px #333;
}

.print-report-class{
}

.dataTableClass {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    width: 100% !important;
    table-layout:auto;
}

a{
    text-decoration:none;
}

a:hover{
    text-decoration:underline;
}

.dataTableClassTrHeader {
    background: #4c77b6;
    color:#FFF;
    width:100%; 
    text-align: center;
}

.dataTableClassTrHeader a{
    background: #4c77b6;
    color:#FFF;
    width:100%; 
    text-align: center;
}

.dataTableClassTrSelected{
    font-weight:lighter;
}

.dataTableClassTrEmpty{
    background: #FFF;
    color:#FFF;
}
.dataTableClassTrEmpty td{
    background: #FFF;
    color:#FFF;
}

.dataTableClassTrDisable{
    background: lavender;
    color: grey;
    text-align: left;
}

.dataTableClassTrDisable td{
    background: lavender;
    color: grey;
    text-align: left;
}

.dataTableClass tr:nth-child(2n+2) {background: #d7ebf2; }
.dataTableClass tr:nth-child(2n+3) {background: #c2cfdf; }

.bolder { font-weight: bolder; }
.lighter { font-weight: lighter; }

.blueButton {
    -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
    -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
    box-shadow:inset 0px 1px 0px 0px #97c4fe;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
    background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
    background-color:#3d94f6;
    -moz-border-radius:17px;
    -webkit-border-radius:17px;
    border-radius:17px;
    border:1px solid #337fed;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:3px 19px;
    text-decoration:none;
    text-shadow:0px 1px 0px #1570cd;
}
.blueButton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
    background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
    background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
    background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
    background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
    background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
    background-color:#1e62d0;
}

.blueButton:active {
position:relative;
top:1px;
}


.redButton {
    -moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
    -webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
    box-shadow:inset 0px 1px 0px 0px #f5978e;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e33a2d), color-stop(1, #c62d1f));
    background:-moz-linear-gradient(top, #e33a2d 5%, #c62d1f 100%);
    background:-webkit-linear-gradient(top, #e33a2d 5%, #c62d1f 100%);
    background:-o-linear-gradient(top, #e33a2d 5%, #c62d1f 100%);
    background:-ms-linear-gradient(top, #e33a2d 5%, #c62d1f 100%);
    background:linear-gradient(to bottom, #e33a2d 5%, #c62d1f 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e33a2d', endColorstr='#c62d1f',GradientType=0);
    background-color:#e33a2d;
    -moz-border-radius:17px;
    -webkit-border-radius:17px;
    border-radius:17px;
    border:1px solid #d02718;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:3px 19px;
    text-decoration:none;
    text-shadow:0px 1px 0px #810e05;
}
.redButton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #e33a2d));
    background:-moz-linear-gradient(top, #c62d1f 5%, #e33a2d 100%);
    background:-webkit-linear-gradient(top, #c62d1f 5%, #e33a2d 100%);
    background:-o-linear-gradient(top, #c62d1f 5%, #e33a2d 100%);
    background:-ms-linear-gradient(top, #c62d1f 5%, #e33a2d 100%);
    background:linear-gradient(to bottom, #c62d1f 5%, #e33a2d 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#e33a2d',GradientType=0);
    background-color:#c62d1f;
}
.redButton:active {
    position:relative;
    top:1px;
}


.greenButton {
    -moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
    -webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
    box-shadow:inset 0px 1px 0px 0px #a4e271;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
    background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
    background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
    background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
    background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
    background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
    background-color:#89c403;
    -moz-border-radius:17px;
    -webkit-border-radius:17px;
    border-radius:17px;
    border:1px solid #74b807;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:3px 19px;
    text-decoration:none;
    text-shadow:0px 1px 0px #528009;
}
.greenButton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
    background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
    background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
    background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
    background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
    background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
    background-color:#77a809;
}
.greenButton:active {
    position:relative;
    top:1px;
}

.orangeButton {
    -moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
    -webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
    box-shadow:inset 0px 1px 0px 0px #fce2c1;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
    background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
    background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
    background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
    background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
    background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
    background-color:#ffc477;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    border:1px solid #eeb44f;
    display:inline-block;
    cursor:pointer;
    color:#000000;
    font-family:arial;
    font-size:15px;
    padding:4px 15px;
    text-decoration:none;
}
.orangeButton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
    background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
    background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
    background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
    background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
    background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
    background-color:#fb9e25;
}
.orangeButton:active {
    position:relative;
    top:1px;
}


.greenMiniButton {
    -moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
    -webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
    box-shadow:inset 0px 1px 0px 0px #a4e271;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
    background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
    background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
    background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
    background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
    background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
    background-color:#89c403;
    -moz-border-radius:11px;
    -webkit-border-radius:11px;
    border-radius:11px;
    border:1px solid #74b807;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    padding:0px 7px;
    text-decoration:none;
    text-shadow:0px 1px 0px #528009;
}
.greenMiniButton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
    background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
    background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
    background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
    background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
    background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
    background-color:#77a809;
}
.greenMiniButton:active {
    position:relative;
    top:1px;
}


.lghblueButton {
    -moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
    -webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
    box-shadow:inset 0px 1px 0px 0px #dcecfb;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea));
    background:-moz-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
    background:-webkit-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
    background:-o-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
    background:-ms-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
    background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea',GradientType=0);
    background-color:#bddbfa;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    border:1px solid #84bbf3;
    display:inline-block;
    cursor:pointer;
    color:#000000;
    font-family:Arial;
    font-size:15px;
    padding:4px 15px;
    text-decoration:none;
}
.lghblueButton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa));
    background:-moz-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
    background:-webkit-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
    background:-o-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
    background:-ms-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
    background:linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa',GradientType=0);
    background-color:#80b5ea;
}
.lghblueButton:active {
    position:relative;
    top:1px;
}

.newcircle {
	width: 25px;
    height: 25px; 
    background:white; 
   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;
   vertical-align:middle; 
   cursor:pointer;
   color: white;
}

.newcircleRed {
	width: 25px;
    height: 25px; 
    background:red; 
   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;
   vertical-align:middle; 
   cursor:pointer;
   color: white;
   display: inline-block;
   text-align: center;
}

.mainPeopleFrm{
    margin:0 auto;
    width: 750px;
    height: auto;
}

.mainPeopleFrm-Toolbox{
    margin: auto;
    /* background-color: whitesmoke; */
    background-image: url("images/water/water2bg.jpg");
    width:100%;
    padding: 15px 30px 5px 30px;
    border: 1px #333 solid;
    border-radius:5px;
    box-shadow: 0 0 7px 5px #333;
}

.mainPeopleFrm-Title {
    background: #205412;
    background: -moz-linear-gradient(left, #2B7118 0%, #279218 52%, #205412 100%);
    background: -webkit-linear-gradient(left, #2B7118 0%, #279218 52%, #205412 100%);
    background: linear-gradient(to right, #2B7118 0%, #279218 52%, #205412 100%);
    margin: auto;
    width:100%;
    padding: 4px 30px 4px 30px;
    border: 1px #333 solid;
    border-radius:5px;
    box-shadow: 0 0 7px 5px #333;
    text-align: center;   
    color: white;
}

.alinkPeople{
    text-decoration:none;
    color:white;
}

a:alinkPeople{
    text-decoration:underline;
}

.btn-Location {
    width: 24px;
    height: 24px;
    background-image: url("../images/location.png");
    background-repeat: no-repeat;
    display: inline;
    float: left;
    cursor: pointer;
}

.um-tbl-name-big {
    width: 2%;
    vertical-align: top;
    padding-right: 20px;
}

.um-width-full {
    width: 100%;
}

.um-map-select {
    cursor: default;
}

.um-map-select-red {
    color: red;
}