@charset "utf-8";
html, body, div, ul, li { padding:0; margin:0;}
li {list-style:none}
img{border:none}
a{border:0px; text-decoration:none; color:#333;}
a:hover{color:#000} 

body { width:100%; background:#fff; color: #000000; font-family:Arial, Helvetica, sans-serif;  height: 100%; font-size:11px;}

.rad5{-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
/* Buttons */
.button {
  background-color: #ececec; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFECECEC', endColorstr='#FFE6E6E6');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ececec), color-stop(22%, #e6e6e6), color-stop(100%, #e6e6e6));
  background-image: -webkit-linear-gradient(top, #ececec 0%, #e6e6e6 22%, #e6e6e6 100%);
  background-image: -moz-linear-gradient(top, #ececec 0%, #e6e6e6 22%, #e6e6e6 100%);
  background-image: -o-linear-gradient(top, #ececec 0%, #e6e6e6 22%, #e6e6e6 100%);
  background-image: linear-gradient(top, #ececec 0%, #e6e6e6 22%, #e6e6e6 100%);
  border: 1px solid #BBBBBB;
  font-weight: bold; padding:5px 13px;
}
.green-btn,.button{background:url(../img/menu-back.jpg) repeat-x scroll 0 0 #008000; color:#06537E; font-weight:bold; font-size:11px; padding:7px 8px;margin-left:5px;}
.green-btn:hover,.button:hover{background:url(../img/m-hover.jpg) repeat-x scroll 0 0 #008000;color:#000;cursor:pointer;}
.submit {display:inline-block}
.submit .button{padding: 7px 30px;}

.p5{padding:5px;}
.p10{padding:10px;}
.mtop40 {margin-top:40px;}
.mtop10{margin-top:10px;}
.mbottom10{margin-bottom:10px;}
.white-bg{background:#fff;}
.gborder{border:1px solid #ccc;}
.width98p{width:98%;}
.width90p{width:90%;}
.width80p{width:80%;}
.width15p{width:15%;}
.fright{float:right;}
.txt-right{text-align:right}
.no-lborder {border-left:0px !important;}
/* main */
.main {width:100%; padding:0;}
.page-width {width:1024px;/*width:76%; */margin:0 auto; min-height:400px; padding-bottom:20px;/*padding: 0 6px;*/box-shadow: 0 -5px 13px #ffff00;}
.title {border-bottom: 1px solid #FFFF24; margin:15px 0;color: #EB0013;}
/********** header **********/
.header { /* padding:0; margin:0 auto;*/padding: 0;
margin: 0 auto;
background-color: #ffff00;}
.header .welcome {float:right; display:inlien-block; color:#000; font-weight:bold; margin-top:20px;margin-right: 8px;}
.block_header {background-color:#FFFF00;  border:0px solid #000000; border-bottom:2px solid #000000; display:inline-block;  margin: 0 auto -2px; padding: 0; width: 100%;}

/* logo */
.logo { float:left; padding:0; margin:0; width:181px;}
.row {width:100%;}
.two-col .column{width:49%; display:inline-block;  float:left}
.column{width: 56%;margin: 0 auto;}
/************** Menu *******************/
/*.menu-wrapper{background:#1f1f1f;  }*/
.menu-wrapper{background:url(../img/menu-back.jpg) repeat-x;height:30px; box-shadow:#FF0;}
.menu{display:inline-block; list-style: none outside none;}
.menu > li{display:inline-block; list-style:none; position:relative;height: 30px;background:url(../img/m-border.png) no-repeat right;}
.menu li a:hover {background:url(../img/m-hover.jpg) repeat-x;}
.menu li a{color:#000000; padding:8px 10px 0 8px; font-weight:bold; display:block;height:22px;}
.menu li a:hover{color:#fff; font-weight:30;color:#000; }
.menu .submenu {position:absolute; z-index:100; width:220px; display:none; background:#ffff00; border:1px solid #0000;border: 1px solid #c0c008;border-bottom-right-radius:5px;border-bottom-left-radius:5px;/*-webkit-border-radius: 3px;-o-border-radius: 3px;-moz-border-radius: 3px;*/}
.menu .submenu li a{ text-align:left;}
.menu .submenu li {display:block; border-bottom:1px dotted #494848;}
.menu .submenu li:last-child {border-bottom:none;}
.menu li:hover .submenu {display:block;}
.menu > li.last-item{background:none}
/************* Menu end ****************/
/**** Paging ****/
.paging {padding:5px 10px; text-align:right;}
.paging .current {font-weight:bold;}
/************** Content*****************/
.input {width:100%; margin:5px 0; clear:both; display:inline-block}
.input label { padding:2px 8px; width:18%; display:block; float:left;}
dl dd {width:25%; font-weight:bold; padding:4px;}
dl dt{width:60%;}
dl dd, dl dt {display:inline-block}
dl dt input, dl dt textarea { padding:5px;}
.login-wrapper {min-height:350px; width:65%; margin:0 auto;}
.login-form {padding:10px 0; border:1px solid #ffff00; margin-top:120px;}
.login-form .input {width:28%; display:inline-block; margin:30px 0;}
.login-form .input label { padding:2px 8px; width:25%;}
.login-form .uname { margin-left:14%}
.login-form .text {width:60%; padding:4px;}
/*.attachment {width:80%;}*/

.message {text-align:center; padding:8px; color:green;}
.error-message {display:inline-block; color:#ff0000; margin-left:10px;}
.tbl-top-brd {border-top:1px solid #ffffa6}
.tbl-list {width:100%; /*border-top:1px solid #ccc;  border-left:1px solid #ccc;*/}
.tbl-list th, .tbl-list td  { border-right:1px solid #ffffa6;  border-bottom:1px solid #ffffa6; padding: 8px 5px;}
.tbl-list .edit {display:inline-block; width:18px; height:20px; background:url(../img/icons.png) no-repeat scroll -25px -122px; text-indent: -20000px;} 
.tbl-list .view {display:inline-block; width:18px; height:20px; background:url(../img/icons.png) no-repeat scroll -25px -99px; text-indent: -20000px;} 
.tbl-list .delete {display:inline-block; width:18px; height:20px; background:url(../img/icons.png) no-repeat scroll -53px 0px; text-indent: -20000px;} 
.tbl-list .visits {display:inline-block; width:18px; height:20px; background:url(../img/icons.png) no-repeat scroll -53px 0px; text-indent: -20000px;} 
.tbl-list .pactivity {display:inline-block; width:18px; height:20px; background:url(../img/icons.png) no-repeat scroll -53px 0px; text-indent: -20000px;} 
.tbl-list .timesheet {display:inline-block; width:18px; height:20px; background:url(../img/icons.png) no-repeat scroll -53px -99px; text-indent: -20000px;} 

.tbl-list .taskdetail {display:inline-block; width:25px; height:20px; background:url(../img/icons.png) no-repeat scroll -53px -73px; text-indent: -20000px;} 
.cal-tbl th, .cal-tbl td.Sun, .cal-tbl td.Sun a {background:#333; color:#fff;}
.cal-tbl td.A {background:#ff0000; color:#fff;}
.cal-tbl td {text-align:center}
.cal-tbl td.name {text-align:left}

/*******tablel view change*******/
.tbl-list th:first-child{border-top-left-radius:6px; }
.tbl-list th:last-child{border-top-right-radius:6px; }
.tbl-list .strong td {border-top:1px solid #ffff00; border-bottom:2px solid #ffff00; font-weight:bold;}
.tbl-list .bottom-tr th:first-child{border-top-left-radius:0px; border-bottom-left-radius:6px; }
.tbl-list .bottom-tr th:last-child{border-top-right-radius:0px; border-bottom-right-radius:6px; }
.tbl-list th{/*background:#222;*/border:none;font-size: 12px;border-right: 1px solid #FFF380;
	background: #6d6d6d;
	background: -moz-linear-gradient(top,  #ffff00 0%, #ffffa6 51%, #ffff00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff00), color-stop(51%,#ffffa6), color-stop(100%,#ffff00));
	background: -webkit-linear-gradient(top,  #ffff00 0%,#ffffa6 51%,#ffff00 100%);
	background: -o-linear-gradient(top,  #ffff00 0%,#ffffa6 51%,#ffff00 100%);
	background: -ms-linear-gradient(top,  #ffff00 0%,#ffffa6 51%,#ffff00 100%);
	background: linear-gradient(to bottom,  #ffff00 0%,#ffffa6 95%,#ffff00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#6d6d6d',GradientType=0 );
}
.tbl-list th,.tbl-list th a{color:#000000;font-size: 12px;text-align:left;}
.tbl-list th a:hover{color:#000000;text-decoration:underline;}
.tbl-list td{border-bottom: 1px solid #ffff24;border-right: 1px solid #ffff24;}
.tbl-list tr td:first-child{border-left: 1px solid #ffff24;}
.col-tbl {margin-top:5px;}
.col-tbl .head td{border-top: 2px solid #FFF380; border-right: 1px solid #FFF380;}
.col-tbl td{ border-right: 1px solid #FFF380; border-bottom:0px;}
.col-tbl th:last-child, .col-tbl td:last-child{ border-right: 0px;}

/*.tbl-list td:hover{box-shadow:0px 0px 13px #000;color: #fff;}*/
/*******end tablel view change*******/

.addmore{display:inline-block; width:20px; height:25px; background:url(../img/icons.png) no-repeat scroll 0px 0px;}
.remove{display:inline-block; width:20px; height:25px; background:url(../img/icons.png) no-repeat scroll 0px -130px;}

.field {width:100%; margin:5px 0; padding:5px;}
.field .label{width:20%; display:inline-block; font-weight:bold;}
.field .field-value{width:75%; display:inline-block}
.left-wrapper {width:60%; float:left; background:#fff;}
.right-wrapper {width:39%; float:right; background:#fff;}
.time-block, .pr-row {margin-bottom:15px; background:#f3f3f3;}
.title-row {background:#626262; color:#fff; padding:5px}
.pr-row .pr-title {width:83%; display:inline-block; font-weight:bold;}
.pr-row .pr-hrs{width:14%; display:inline-block; font-weight:bold;}

.time-block .pr-title {font-weight:bold;}
.time-block .pr-title {font-weight:bold;}
.time-block .task {width:75%; padding:5px; margin-right:2%}
.time-block .hrs {width:11%; padding:5px;}
.right-wrapper .submit, .add-more {text-align:right;}
.add-more a{font-weight:bold; font-size:12px; color:#333}
.add-more a:hover{color:#000} 
.inline {display:inline-block;}
.search {display:inline-block; float:right; padding:5px;}
.calender{background:url(../img/calendar.gif) no-repeat scroll right 1px #fff; }
.task-row {margin-bottom:5px;}
.search-frm {padding-bottom:15px;}
#popup-filter-form .submit, #filter-form .submit, .field-inline {display:inline-block; margin-right:10px;}
.hide {display:none}
.hasDatepicker {width:70px;}
/************ End of content **********/ 

/*************footer**********/

.footer {padding:0;  margin:0; background:#f7f7f7; border-top:1px solid #ffff00; color:#747474; background:url(../img/back2.png) scroll repeat-x 0 bottom; width:100%}
.footer-wrapper { width: 76%; margin:0 auto; padding:6px 0 18px 0;}

.footer a {color:#747474; text-decoration:none; margin:0;border-right: 1px solid #ccc;padding: 0px 5px;}
.footer a:last-child{border:none} 
.footer .left { text-align:center;  margin:0; padding:10px 0 0 20px; font-size:12px;} 
.footer .right{ text-align:right; width:30%; margin:0; padding:15px 20px 0 0; float:right;font-size:12px} 

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #dfdfdf; padding:0; margin:10px 0; background:none; line-height:0;}
/*.not-authorize {margin-top:50px; display:block;} */
.links {display:inline-block; float:right; margin-right:10px;}
.links li{display:inline-block; list-style:none; position:relative;}
.links_total{display:inline-block; float:right; margin-right:10px; margin-top:-22px;}

/*****test menu****/
.side-menu li{list-style:none;padding-left:10px;}
.side-menu li:hover{background:#F1F0F0;}

/*******edit delete button*******/
.edit-btn{background:url(img/opr.png) no-repeat;}
#content{margin: 8px;}
/*.tbl-list .edit,.tbl-list .delete,.tbl-list .track-by-depot{text-indent: 150px;width: 16px;}*/
.tbl-list .edit{background:url(../img/opr.png) no-repeat;background-position: 0px -28px;}
.tbl-list .view{background:url(../img/view.png) no-repeat 0px 2px;display:inline-block; width:25px; height:20px; text-indent:-2000px;}
.tbl-list .sales{background:url(../img/sales.png) no-repeat 0px 2px; display:inline-block; width:25px; height:20px; text-indent:-2000px;}
.tbl-list .rsales{background:url(../img/rsales.png) no-repeat 0px 2px; display:inline-block; width:25px; height:20px; text-indent:-2000px;}
.tbl-list .delete{background:url(../img/opr.png) no-repeat;background-position: 1px 3px;width:18px}
.tbl-list .pactivity{background:url(../img/final.jpg) no-repeat;background-position: 1px 3px;width:18px}
.tbl-list .visits{background:url(../img/visits.png) no-repeat;background-position: 1px 3px;width:18px}
.tbl-list .device-logs{background:url(../img/device-icons.png) no-repeat;display:inline-block; width:25px; height:20px; text-indent:-2000px;}
.tbl-list .routes{background:url(../img/route_icon.png) no-repeat;display:inline-block; width:25px; height:20px; text-indent:-2000px;}
.tbl-list .map-link{background:url(../img/map-icon.png) no-repeat;display:inline-block; width:25px; height:20px; text-indent:-2000px;}
.tbl-list .track-by-depot{background:url(../img/track.png) no-repeat;color: transparent;margin-left: 4px;};
.desc,.asc{background:url(../img/filter.png) no-repeat center;color:#fff !important; background-position: center center;padding: 9px 0;}
.desc{ background-position: center 3px;}
.asc{ background-position: center -19px;}
#popup-filter-form .field-inline, #filter-form .field-inline{border-radius: 3px;border: 1px solid #f2f21b;padding: 3px 5px;}
#popup-filter-form >select, #filter-form >select{width: 11%;}
#filter-form #keyword{width: 10%;}
#filter-form div #keyword{width: auto;}

#popup-filter-form .submit .field-inline, #filter-form .submit .field-inline{background:url(../img/search.png) no-repeat center; color:transparent;padding: 5px 0px;border:none;}
#popup-filter-form .submit .field-inline, #filter-form .submit .field-inline:hover{opacity:.9;cursor:pointer;}

/*********profile page*********/
.profile-img img{width: 200px;padding: 3px;border: 1px solid #CAC5C5;border-radius: 5px;}
.left-sidebar{width: 230px;float: left;border-right: 1px solid #EEE3E3;margin-right: 10px;}
.content-wraper{width: 758px;float: left;}
.shadow{width:200px;height:20px;background:url(../img/shadow.png)  no-repeat left; margin-top: -3px;margin-left: 16px;}
.prof-title{font-size: 16px;font-weight: bold;color: #5C5B5B;}
.sub-title{font-size: 12px;color: #746F6F;}
.prof-detail{margin-top:30px;}
.prof-lbl{width:120px;float:left;font-size: 13px;font-weight: bold;color: #838080;text-align: right;margin-right: 10px;}
.lbl-data{width:525px;float:left;color: #4D4949;font-size:12px;line-height: 1.5;word-spacing: 2px;}
.left-sidebar .lbl-data{width:auto;}
.left-sidebar .prof-lbl{width:auto;text-align:left;}
.prof-detail .row{clear:both;padding: 5px 0;}

/****sidebar***/
.sidbar-heading{font-size: 14px;color: #3C3A3A;font-weight: bold;padding:5px 2px;}
.left-sidebar ul li{list-style:none;font-size:13px;padding:3px;border-bottom:1px dashed #ccc;}
.left-sidebar ul li a{color:#09C;}
.block{margin: 6px;}
.profile-img{text-align:center;}
form .text{border-radius: 5px;border: 1px solid #F2F21B;box-shadow: 0px 3px 10px #ccc;width: 70%;padding: 4px 5px;-moz-width: 70%;}
.dob select.text{width:31% !important;}
.two-col form .text,form .text  {width:92%}
.two-col form select,.column select{width:96% !important;}

.two-col form dd,form dd{text-align: right;padding-right: 20px;vertical-align: top;}
.two-col .submit{float:right;}
.form-error{color: red;display:block;}
input.error{background: url(../img/fail.png) no-repeat right center #ffebef;}
input.valid{background: url(../img/ok.png) no-repeat right center #e3ffe5;color: #002f00; border-color: #96b796 !important;}
.unit-convert td{height:48px;width: 10px;}
.unit-tbl td {vertical-align:middle;}
.unit-tbl td input{width:50px}
/*.date .text {width:auto !important;}*/
.search-frm label{display:block;}

.member-list {width:100%;}
.member-list li {list-style:none; text-align:left; padding:4px;}
.member-list li input {float:left;}

.roles li {padding:5px;}
.rtree {margin-left:10px;}
.rtree li{padding:5px;}
.rtree li ul{margin-left:20px; border-left:1px dotted #ccc;}
.offers li{margin-bottom: 10px;}
.offers .ot{font-weight: bold;color: #424141;}
.offers .od{color: #666;}
.offers li{list-style-image: url(../img/offer.png);}
.offers ul{margin-left: 26px;}
.offers{background: #F0F0F0;padding: 1px 14px;border: 1px solid #ccc;border-radius: 4px;margin: 24px 0;
}
.shadow-inset{
box-shadow: inset 1px 0px 9px #999;
-moz-box-shadow: inset 1px 0px 9px #999;
-webkit-box-shadow: inset 1px 0px 9px #999;
-o-box-shadow: inset 1px 0px 9px #999;
	}

.sales-form dd{margin-left: 0;text-align: left;width: 15%;}
.sales-form dl{/*width: 68%;*/}

.menu-icon{display:none;}
.res-welcome{display:none;}
.imgtop-margin {margin-top: -11px;position: absolute;margin-left: 5px;}
.dynamic-text {border-radius: 5px;border: 1px solid #ccc;box-shadow: 0px 3px 10px #ccc;padding: 4px 5px;}
.save{background: url(../img/cor.png) no-repeat;}
.cancel{background:url(../img/wr.png) no-repeat;}
.save,.cancel{overflow: hidden;text-indent: 33px;width: 25px;height: 25px;display: inline-block;background-position: 0 6px;margin-left: 5px;margin-bottom: -5px;}
.user-report{width: 75%;float: left;}

/******next prev arrow******/


/******next prev arrow******/
.arrow-nav{width: 100%;display:inline-block}
.prev-arrow{width: 25%;float: left; position:relative;}
.next-arrow{width: 25%;float: right;text-align: right; position:relative;}
.arrow-nav a{display: inline-block;font-size: 16px;font-weight:bold;color: #8A7777;margin-right: 5px;min-height: 30px;padding-top: 5px;}
.next-arrow a{padding-right: 33px;font-weight:bold;background: url(../img/next.png) no-repeat right;padding-top: 10px;}
.prev-arrow a{padding-left: 34px;background: url(../img/prev.png) no-repeat;}

.arrow-data{width: 45%;float: left;margin: 0 8px;font-size: 14px;font-weight:bold;color: #8A7777;padding: 6px 8px 0px;text-align:center}
.arrow-nav a:hover{color:#000;}

/******/
#StockAddForm .column{border: 1px solid #ffff24;margin-left: 24px;margin-bottom: 20px;border-radius: 5px;box-shadow: 0px 3px 5px #ffff24;width: 46%;}
#StockAddForm .column h3{text-align: center;background: #ffff24;margin-top: 0;padding: 5px;border-bottom: 1px solid #ffff24;}
/*******help text******/
.help-txt{color: #999;}
.blink, .help-txt a,#getLatLong{color: #8388FF;text-decoration: underline;}
.varify {text-align:right; padding:5px; font-weight:bold; font-size:14px;}
.varify .lft-span {float:left; display:inline-block}

.popup-container {width: 800px}
.btn-overlay{width:100%; position:absolute; top:0px; display:block; background:url(../img/loading20.gif) scroll no-repeat center top transparent; height:20px;}

h2 a {color: blue;}

#timeselect{ width:50px !important;}
#startdate{width:200px !important;}
#bgcolorevent{background:#e5f79f !important;}
 .calendarbdcolor{
-moz-border-bottom-colors: none;
   -moz-border-left-colors: none;
   -moz-border-right-colors: none;
   -moz-border-top-colors: none;
   background: linear-gradient(to bottom, #FFFF00 0%, #FFFFA6 95%, #FFFF00 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
   border-color: -moz-use-text-color #C0C008 -moz-use-text-color -moz-use-text-color;
   border-image: none;
   border-style: none solid none none;
   border-width: medium 1px medium medium;
}
.popuppaging{position:relative;}
.reportlinks{float:right;margin-top: -17px;}
#userphone ul li { border: 1px solid #d0c4c4; float: left;  margin: 2px;  padding: 6px; }

/* ############ Device Logs ################# */
.graph-title {float:left; font-size:11px; font-weight:bold; width:150px; text-align:right; display:inline-block; padding-right:10px;}
.graph-sts-bar{border-left:2px solid #000;float:left; display:inline-block;}
.graph-link{padding:3px 0; display:inline-block; float:left; margin-bottom:20px;}
.graph-dur {font-weight:bold; padding:4px 0 0 6px; display:inline-block; float:left; width:150px;}
.graph-bottom{display:inline-block; text-align:center; background-color:#000; font-weight:bold; color:#fff;padding:6px 0px;}
.poweredby {font-size:9px;}
.rtxt {text-align:right !important;}
.ui-autocomplete-loading { background: white url("../img/loading20.gif") right center no-repeat; color:#0000ff;}
p{text-align:center; font-size:18px;}
.route-td .checkbox{ width:48%; display:inline-block;}
.tbl-list .spyapp {display:inline-block; width:18px; height:20px; background:url(../img/spy-icon.png) no-repeat scroll 0px 0px; text-indent: -20000px; margin-left:5px;}

.tbl-list .verify, .tbl-list .verifyinline{background:url(../img/verify.png) no-repeat;display:inline-block; width:25px; height:20px; text-indent:-2000px;}
.tbl-list .unverify, .tbl-list .unverifyinline{background:url(../img/unverify.png) no-repeat;display:inline-block; width:25px; height:20px; text-indent:-2000px;}