/* CSS Document */

body
{
background:#FFFFFF;
padding:0;
margin:0;
font-family:Arial Narrow, Arial, Helvetica, sans-serif; 
font-size:12px;
color:#333333;
}
#wrapper table th,tr
{
padding:0;
margin:0;
font-family:Arial Narrow, Arial, Helvetica, sans-serif; 
font-size:12px;
color:#333333;
}

p{ padding:5px; margin:0 0 10px 0; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
.clear{ clear:both;}
img{ border:none;}
a{ color:#333333;}
h1{ color:#ff6633; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-size:16px; padding:0; margin:0 0 10px 0; }
h2{ color:#ff6633; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-size:14px; padding:10px 0 0 0; margin:0 0 10px 0;}
h3{ color:#333; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-size:16px; padding:5px; margin:0 0 10px 0; border-bottom:#CCCCCC 1px dashed;}
#header{ width:100%; padding:0; margin:0; background:#333; height:53px; }
#header-cnt{ width:98%; margin:0 auto; padding:5px;}
#wrapper{ margin:0 auto; padding:0px; height:87%;background-color:#FFFFFF;overflow-y:auto;}
#wrapper1{ width:99%; margin:0 auto; padding:0px; background-color:#FFFFFF;}
.pop-up-cnt{ float:left; margin:10px 0 0 0; padding:5px; border:#CCCCCC solid 1px; background:#FFFFFF;}
.pg{ width:230px;float:left; margin:5px; padding:5px; border:#CCCCCC solid 1px; background:#FFFFFF;}
.pg h3{ color:#FF6633; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-size:16px; padding:5px; margin:0 0 10px 0; border-bottom:#999999 1px solid;background:#333333;}
.pop-up-cnt h3{ color:#FF6633; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-size:16px; padding:5px; margin:0 0 10px 0; border-bottom:#999999 1px solid;}
#logo{ float:left; margin:0; padding:0; width:144px; height:40px;}
#spot-logo{ float:right; margin:-5px 0 0 5px; padding:0; width:107px; height:30px;}
#menu{ padding:5px; margin:0 auto; height:40px;width:37%;}
@media (min-width: 240px) and (max-width: 1100px) {
	#menu{ padding:5px; margin:0 auto; height:40px;width:50%;}
}

#menu-cnt{ width:100%; margin:-9px 0; padding:0px;}
#menu ul{ list-style:none; margin:0; padding:0; float:left;}
#menu ul li{ list-style:none; padding:0 5px 0 0; margin:0; float:left; }
#menu a{ color:#CCCCCC; padding:0; margin:0; text-decoration:none; font-size:16px; font-family:Arial Narrow, Calibri, Arial;}
#menu a:hover{ color:#ffcc00; padding:8px 0 ; margin:0; text-decoration:none; font-size:16px; font-family:Arial Narrow, Calibri, Arial;}

#menu  .active a {
			text-decoration:none; color:#ff6633; padding:0 ; margin:0; border-bottom:2px solid #eb5922
			}

#register-btn{  padding:3px; border:#000000 1px solid; color:#ff6633; margin:-4px; float:right; background:url(../images/btn-bg.png) repeat-x top left; font-size:14px;font-family:Arial Narrow; text-align:center;}
#register-btn a { color:#ff6633; padding:0; margin:0; text-decoration:none; font-size:16px; font-family:Arial Narrow, Calibri, Arial;}
#register-btn a:hover{color:#ccc; padding:0 ; margin:0; text-decoration:none; font-size:16px; font-family:Arial Narrow, Calibri, Arial; background:none !important;}
#logout a { color:#ff6633; padding:0; margin:0; text-decoration:none; font-size:16px; font-family:Arial Narrow, Calibri, Arial;}
#logout a:hover{ color:#ccc; padding:0 ; margin:0; text-decoration:none; font-size:16px; font-family:Arial Narrow, Calibri, Arial; background:none !important;}
#user-info{  padding:5px;  color:#999; margin:-4px; float:right;  font-size:15px;font-family:Arial Narrow; text-align:center;}
#left-module{ width:50%; float:left; padding:0; margin:10px 0 0 0;overflow:auto}
#right-module{ width:45%; float:right; margin-top:20px;padding:0;border-radius:15px; border:#CCCCCC 5px solid}
#left-module-1{ width:50%; float:left; padding:0; margin:10px 10px 10px 0;}
#right-module-1{ width:46%; float:right; margin-top:20px;padding:0;border-radius:15px; border:#CCCCCC 5px solid}
 .login{ width:450px; margin-top:100px !important;margin-left:35% !important; padding:30px 0; background-color:#FFFFFF; border:#CCCCCC solid 1px; height:auto !important;}
#login{ width:350px; margin:10px; padding:30px 0; background-color:#FFFFFF;position:relative;height:450px; }
#download{ width:250px; margin-left:850px; margin-top:-300px;padding:0px 0; background-color:#FFFFFF;position:relative;height:450px; }
#change-password{ width:400px; margin:5px auto; padding:10px 0; background-color:#FFFFFF; border:#CCCCCC solid 1px; }
#change-homepage-content{ width:700px; margin:5px auto; padding:10px 0; background-color:#FFFFFF; border:#CCCCCC solid 1px; }
#change-password td {padding: 4px; border-bottom: none; border-left: none; }
#login-btn{  padding:4px; border:#000000 1px solid; color:#ff6633; margin:0; float:left; background:url(../images/btn-bg.png) repeat-x top left; font-size:14px;font-family:Arial Narrow; text-align:center; width:45px; font-size:14px;}
#login-btn a { color:#CCC; padding:0; margin:0; text-decoration:none; font-size:16px; font-family:Arial Narrow, Calibri, Arial; background:#333333;}
#login-btn a:hover{color:#ff6633; padding:0 ; margin:0; text-decoration:none; font-size:16px; font-family:Arial Narrow, Calibri, Arial; background:none !important;}
#login h1 {text-align: center;}
#login select,.search_tbl select {padding:3px; margin:0; border:#95b8e7 solid 1px; width:200px;background:url(../images/text-field-bg.png) repeat-x;}
#login textarea {background:url(../images/text-field-bg.png) repeat; padding:3px; margin:0; border:#95b8e7 solid 1px;width:200px}
/*.text-field{ background:url(../images/text-field-bg.png) background-repeat: repeat; padding:3px; margin:0; border:#CCC solid 1px;}*/
.text-field{ background:url(../images/text-field-bg.png) repeat top left; padding:3px; margin:0; border:#95b8e7 solid 1px;width:200px}
#errorMessage { color:red; padding:0; margin:0 auto; font-size:16px; font-family:Arial Narrow, Calibri, Arial;}
.logout-cnt{ float:right; margin:0; padding:0;}
.logout{padding:1px 5px 1px 0; color:#CCC; margin:2px 0 2px 5px; float:left; font-size:14px; text-align:center;font-size:14px; }
.logout a{color:#999999; text-decoration:none; font-weight: bolder; color:#FFFFFF}
.logout a:hover{color:#eb5922; text-decoration:none;}
.icon{ margin:0 0 0 5px;}


#left-module-cnt{ width:30%; padding:5px; margin:10px 0 0 0; float:left; border:#CCCCCC 1px solid}
#left-module-cnt ul { float:left; padding:0; margin:0;}
#left-module-cnt ul li { padding:0; margin:0 0 0 20px; line-height:20px; list-style:url(../images/li-arrow.png);}
#home-left-module-cnt{ width:97%;height:19.75%; padding:5px; margin:10px 0 0 0; float:left; clear:both; border:#CCCCCC 3px solid;border-radius:15px}

#tab-cnt{ width:950px; padding:0; margin:20px 0 0 0; float:left;}
/*#map{width:650px; height:500px; float:right; padding:0; margin:10px 0 10px 0;}*/
/*#map1{width:400px; height:355px; float:left; padding:0; margin:10px 0 10px 0;}*/
.search-criteria{ width:99%;float:left; padding:5px; margin:5px; border:#CCCCCC 1px solid;font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-size:11px;}
.Search-cnt{ width:24%; float:left; padding:0; margin:5px;}
.search-list{ margin:10px; padding:0; float:left;} 
#report-search-btn{  padding:4px 6px 4px;border-radius:8px; border:#022535 1px solid;margin:-4px -4px -4px 3px; float:left; background-color:#32CD32;}
#report-reset-btn{  padding:4px 6px 4px;;border-radius:8px; border:#022535 1px solid;margin:-4px -4px -4px 3px; float:left; background-color:#FFD700;}
#search-btn{  padding:4px 6px 4px; border:#022535 1px solid; color:#fff; margin:-4px 5px -4px 3px; float:left; background:url(../images/btn-bg.png) repeat-x top left; font-size:12px; text-align:center; font-weight:bold;}
#search-btn-1{  padding:4px 6px 4px; border:#022535 1px solid; color:#fff; margin:-4px -4px -4px 3px; float:right; background:url(../images/btn-bg.png) repeat-x top left; font-size:12px; text-align:center; font-weight:bold;}
#search-btn-1 a { color:#fff; padding:0; margin:0; text-decoration:none; font-size:16px; font-family:Calibri, Arial;}
#search-btn-1 a:hover{color:#ff6633; padding:0 ; margin:0; text-decoration:none; font-size:16px; font-family:Calibri, Arial; background:none !important;}
#search-btn a { color:#fff; padding:0; margin:0; text-decoration:none; font-size:16px; font-family:Calibri, Arial;}
#search-btn a:hover{color:#ff6633; padding:0 ; margin:0; text-decoration:none; font-size:16px; font-family:Calibri, Arial; background:none !important;}

#footer{ background:#e8e8e8;padding:5px;margin: 1px 0 0px 0;border-top:#bdbdbd solid 1px;height: 45px;width:99.3%;bottom:0;position:fixed}
#footer-cnt{ width:100%; padding:0; margin:0 auto;}

/*Add customer page Css*/

.text-dd{ width:150px; background:url(../images/text-field-bg.png) repeat-x top left; padding:3px; margin:0; border:#95b8e7 solid 1px;}
.text-area{ width:145px ; background:#f4f4f4;  padding:3px; margin:0; border:#fbb114 solid 1px !important;}
.menu-icon{ width:41px; height:40px; margin:5px; padding:0; float:left;}

.tooltip_customized{
    position:absolute;
    z-index:999;
    left:-9999px;
    background-color:#dedede;
    padding:5px;
    border:1px solid #fff;
    border-radius: 10px;
    width:250px;
}

.tooltip_customized p{
    margin:0;
    padding:0;
    color:#fff;
    background-color:#222;
    border-radius: 10px;
    padding:2px 7px;
}

.pop-up-cnt{ float:left; margin:5px; padding:5px; border:#CCCCCC solid 1px; background:#FFFFFF;}
.pop-up-cnt1{ float:left; background:#FFFFFF; margin:5px;}
.pop-up-cnt1 h3{ color:#FF6633; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-size:16px; margin:0 0 10px 0; border-bottom:#999999 1px solid;background:#333333;}
.pg{ width:230px;float:left; margin:5px; padding:5px; border:#CCCCCC solid 1px; background:#FFFFFF;}
.pg h3{ color:#FF6633; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-size:16px; padding:5px; margin:0 0 10px 0; border-bottom:#999999 1px solid;background:#333333;}
.pop-up-cnt h3{ color:#FF6633; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-size:16px; padding:5px; margin:0 0 10px 0; border-bottom:#999999 1px solid;background:#333333;}
/* table{margin-top: 10px; border-top: none; border-right: none; } 
 td {padding: 0px; border-bottom: none; border-left: none; font-family:Arial, Helvetica, sans-serif; font-size:12px;} */
.headerTable td {padding-left: 5px;padding-right: 5px;text-align:center}
#StdReportTable .rp_cell {text-align:left}
#StdReportTable .rp_cellN {text-align:right}
.rp_cellN {text-align:right}
#StdReportTable td {padding-left:5px;pading-right:5px}
#StdReportTableDetail td {padding-left:5px;pading-right:5px}
#customerListTable td {padding-left:5px;pading-right:5px}
#login td {padding: 4px; border-bottom: none; border-left: none; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
.disabled {
		  color: grey; 
		}
.filterLabel { color:#ff6633; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-size:12px; padding:5px 0 0 0;}
.filterLabel1 { color:red; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-size:15px; padding:5px 0 0 0;}
.filterElement table {margin:0;width:100%}
.filterElement table td{padding:0 10px 0 10px;width:100%}
.wrapword{
white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
white-space: pre-wrap;       /* css-3 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
word-break: break-all;
white-space: normal;
}
.ColorBlotch { 
	border: 1px solid #FFFFFF;
	padding: 0 2px 0 2px;
	font-family: monospace;
	cursor: pointer;
	font-size: 1.2em;
}
#wrapper .cont_left
{   width: 40%; 
	float: left; 
	border: 5px solid gray; 
	margin-top: 20px; 
	border-radius: 6px; 
	height: 520px;
}
#wrapper #search{position:relative;left:35%;}
#wrapper .center{ margin-left:30%;}
#wrapper .cont_right
{   width: 55%; 
	float: left; 
	border: 5px solid gray; 
	margin-top: 20px; 
	border-radius: 6px; 
	height: 520px; 
	margin-left: 20px;
}
 .detailed_search{width:250px;margin:25px;}
  .detailedsearch{width:250px;margin:25px;}
  #detailsearch td{width:30px;padding:1px;}
  #detailsearch select{padding:3px; margin:0; border:#95b8e7 solid 1px; width:130px;background:url(../images/text-field-bg.png) repeat-x; background-color:#FFFFFF;}
#detail_search td{width:50px;padding:1px;}
#detail_search select{padding:3px; margin:0; border:#95b8e7 solid 1px; width:150px;background:url(../images/text-field-bg.png) repeat-x; background-color:#FFFFFF;}
#rad_val {width:100px;padding:2px;}
#show{width:100px;padding:2px;}

.information, .warning, .error {
    border: 1px solid;
    borerer-radius:6px;
    margin: 10px;
    padding:15px 10px 15px 50px;
   	border-radius : 6px;
    background-position: 10px center;
    text-align:center;
    margin-left:70px;
    width:85%;
    
}

.information {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../images/10.png');
     background-repeat: no-repeat;
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/20.png');
     background-repeat: no-repeat;
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/30.png');
     background-repeat: no-repeat;
}
#timerange{margin-left:40px;margin-top:50px;}
.blue{background-color:#0000ff !important}
.black{background-color:#333333 !important}
.green{background-color:#008000 !important}
.brown{background-color:#a52a2a !important}
.MediumTurquoise{background-color:#48D1CC !important}
.gray{background-color:#808080 !important}
.silver{background-color:#C0C0C0 !important}
.whitesmoke{background-color:#F5F5F5 !important}
#wrapper .cont_center {
	 width: 95%; 
	float: center; 
	border: 5px solid gray; 
	margin-top: 20px; 
	border-radius: 6px; 
	height: 620px; 
	margin-left: 25px;
}
.searchtextfield{background:url(../images/text-field-bg.png) repeat-x top left; padding:3px; margin:0; border:#95b8e7 solid 1px;width:130px}
.searchtext-field{background:url(../images/text-field-bg.png) repeat-x top left; padding:3px; margin:0; border:#95b8e7 solid 1px;width:150px}
#selected_theme{height:20px;}
li {list-style: none;}
.map_fieldset
{
	float:right;width:700px;margin:10px;margin-top:30px;margin-right:20px;
}
.map
{
width: 745px; height: 450px; position: relative; background-color: rgb(229, 227, 223);
overflow: hidden !important;
}
.container
{
	width:96%;border:5px solid gray;margin:2%;border-radius:6px;height:auto; overflow:auto;
}
.search_tbl
{
	margin : 0px 10px 20px 0px
}
.container_popup
{
	width:1150px;border:5px solid gray;margin:2%;border-radius:6px;height:auto;overflow:auto;
}
.container_popup1
{
	width:95%;height:97%;border:5px solid gray;margin:2%;border-radius:6px;height:auto;overflow:auto;
}
#live,#history
{
	width: 95%; height: 450px; position: relative;
overflow: hidden !important;
}
.edit_map
{
width: 700px; height: 450px; position: relative; background-color: rgb(229, 227, 223);
overflow: hidden !important;
}
#format:hover{
	background:#20B2AA;
}
.right{
	text-align:right;
}
#locationMap{ margin:0 auto;border-radius:10px; border:#CCCCCC 5px solid;padding:2px 2px 2px 2px}
#locationTable{ margin:0 auto;border-radius:10px; border:#CCCCCC 5px solid;padding:2px 2px 2px 2px}

.mappopup
{
width: 400px; height:450px; position: relative; background-color: rgb(229, 227, 223);margin:50px 20px 50px;
overflow: hidden !important;
}

.q_div_grp {
font-family:Arial Narrow, Arial, Helvetica, sans-serif; 
font-size:14px;
font-weight:bold;
}
.joinid {width:250px !important;}

/* SQUARED ONE checkbox css start*/
.squaredOne {
	width: 28px;
	height: 28px;
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); */
	margin: 2px auto;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}

.squaredOne label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 4px;
	top: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 ); */
}

.squaredOne label:after {
	/* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	background: #00bf00;

	background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -o-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -ms-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: linear-gradient(top, #00bf00 0%, #009400 100%);

	top: 2px;
	left: 2px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
}

.squaredOne label:hover::after {
	/* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30); */
	opacity: 0.3;
}

.squaredOne input[type=checkbox]:checked + label:after {
	/* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100); */
	opacity: 1;
}
/* SQUARED ONE checkbox css end*/
}
.elementActionPng {
width : 20px;
height : 20px;
}
.feTDAction .elementActionPng {
width : 20px;
height : 20px;
}
#formElementTable {
width : 100%;	
}
.feTDAction {
width : 10%;
align : center
}
.feTDData {
width : 90%;
}
.wf_action_img {
width : 20px;
height : 20px;
margin-right : 10px
}
}
.filterValue { color:#006600; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-size:12px; padding:5px 0 0 0;}
.dashmap
{
width: 600px; height: 450px; position: relative; background-color: rgb(229, 227, 223);
overflow: hidden !important;
}

.dashlogin{ width:500px; margin-top:100px !important; background-color:#FFFFFF; height:auto !important;margin-left:50px !important;}
#create_div{height:92%}