﻿body {
font-size: 14px;
}

h1 {
	padding-bottom: 20px;
}

.grey {
	color: #777;
}

.ftr  {
	border-top: 1px solid #666; 
	background: #eee; 
	width:100%; 
	height:40px;
}

.hdr {
	border-bottom: 1px solid #666; 
	background: #eee; 
	width:100%; 
	height:40px;
}

.map {
	width: 500px; 
	height: 500px;
}

table.contactsDetails {
	border-collapse: collapse;
}
.contactsDetails td, .contactsDetails th {
	text-align: left;
	border: 1px solid #ccc;
	padding: 5px;
}
.contactsDetails td:hover {
	background-color:#f3f3f3;
}

.contactsDetails th {
	background-color:#d9f0ff;
}

.mt {
	margin-top: 40px;
}

.taskReport td {
	padding: 0 4px 5px 0;
	border: 0px;
}

table.globalReport {
	border-collapse: collapse;
}

.globalReport td, .globalReport th {
	width: 150px;
	padding: 0px 4px 2px 4px;
	border: 0px;
	text-align: left;
}

.globalReport th {
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	cursor: default;
	vertical-align: top;
}

.globalReport td:hover {
	background-color:#f3f3f3;
}

.globalReport th sup {
	font-weight:normal;
}
.reportDesc {
	color: #555;
}

.battery {
	background-color: #ce1a1e;
	height: 15px;
	position: relative;
	float: left;
	margin-right: 5px;
}

.batteryTotal {
	background-color: #933;
}

.editTable {
}

.editTable td{
	padding: 5px;
}

.editTable input {
	width: 600px;
	margin: 0px;
	padding: 3px;
}

.editTable textarea {
	width: 600px;
	height: 200px;
	margin: 0px;
	padding: 4px;
}
.editTable textarea.small {
	width: 600px;
	height: 100px;
	margin: 0px;
	padding: 4px;
}

.editTable select {
	padding: 3px;
}

.editTable input[type="submit"] {
	width: 140px;
	height: 35px;
	font-size: 14px;
	font-weight: bold;
}

.editTable input.medium[type="submit"] {
	height: 30px;
	width: 106px;
	font-size: 13px;
}

.editTable input[type="radio"] {
	width: auto;
	margin-right: 10px;
}
.editTable input[type="checkbox"] {
	margin-right: 10px;
	width: auto;
}

.editTable button {
	width: 100px;
	height: 27px;
	font-size: 13px;
}
.editTable button.medium {
	height: 30px;
	width: 106px;
	padding: 3px;
	font-size: 13px;
	font-weight: bold;
}

.editTable input[type="checkbox"] {
	width: auto;
}

.et2 td{
	vertical-align: middle;
}

.smallTable td{
	vertical-align: middle;
	padding-right: 40px;
}

.smallTable input{
	width: 120px;
}

.smallTable input[type="submit"] {
	width: 130px;
	height: 27px;
	font-size: 13px;
	font-weight: normal;
}

.smallTable button {
width: 50px;
height: 24px;
font-size: 11px;
}

.editDetails {
	padding: 3px;
    border-spacing: 5px;
	width: 100%;
}

.editDetails  td{
	padding: 3px;
}

.firstCol {
	width: 30%;
}
.secondCol {
	width: 70%;
}

.editNum {
	color: #009;
}

.editInput {
	width: 600px;
}

.editTextarea {
	width: 606px;
	height: 200px;
	margin-left: 2px;
}

.editSubmit {
	width: 200px;
	height: 40px;
	font-size: 16px;
	font-weight: bold;
}

.newmsgs {
	color: red;
}

.commonList {
	margin-left: 16px;
	list-style-type: square;
}
.commonList li{
	padding: 5px 0 0 0;
	color: #ce1a1e;
}
.commonList li.b a{
	color: #666;
}

.commonListBlack li{
	padding: 0 0 5px 0;
	color: #000;
}
.simpleList{
	margin-left: 0px;
	list-style-type: none;
}
.simpleList li{
  padding: 5px 0 0 0;
}

.taskList {
	margin-left: 16px;
	list-style-type: none;
    list-style: none;
    padding:0;
    margin:0;
}
.taskList li{
	padding: 0 0 5px 0;
	color: #ce1a1e;
    text-indent: 0;
}
.taskList li:before {
    content: "▷";
    color: #ce1a1e;
	padding-right: 6px;
}

.new li:before {
    content: "▶";
}
.important li:before {
    content: "★";
}
.important li {
    font-weight: bold;
}
.very li:before {
    color: #ce1a1e;
}
.very li a {
    color: #ce1a1e;
}
.extremely li:before {
    background: #ffcc00; padding:3px;
}
.extremely li a {
    background: #ffcc00; padding:3px;
}
.done li:before {
    content: "✓";
}
.overdue li{
	color: #ff0000;
}
.overdue li a{
	color: #ff0000;
}
.overdue li:before {
    content: "▶";
	color: #ff0000;
}
.done.overdue li{
	color: #ce1a1e;
}
.done.overdue li a{
	color: #ce1a1e;
}
.done.overdue li:before {
    content: "✓";
	color: #ce1a1e;
}
.overdue.done {
  color: #ce1a1e;
 }


.taskDoneList {
    list-style: none;
    padding:0;
    margin:0;
}
.taskDoneList li {
    padding-left: 0; 
    text-indent: 0;
}
.taskDoneList li:before {
    content: "✓";
    color: #ce1a1e;
	padding-right: 6px;
}

.buttonLink {
	text-decoration: none;
	background-color: #f3f3f3;
	color: #333;
	padding: 3px 12px 3px 12px;
	border-top: 1px solid #bbb;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #bbb;
}

.buttonLink2 {
	text-decoration: none;
	background-color: #f3f3f3;
	color: #333;
	padding: 3px 12px 3px 12px;
	border-top: 1px solid #bbb;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #bbb;
}

.buttonLinkRed {
	text-decoration: none;
	background-color: #ce1a1e;
	color: #fff;
	padding: 3px 12px 3px 12px;
	border-top: 1px solid #bbb;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #bbb;
}

.medium {
	padding: 6px 20px 6px 20px;
}
.smallButton {
	padding: 2px 6px 2px 6px;
	font-size: 11px;
}

.dt2 td {
	vertical-align:middle;
	padding: 10px 5px 10px 5px;
}
.dt2 td:last-child {
	padding: 5px;
	text-align: center;
}

table.dt3 {
	width: 100%;
	height: 100%;
	margin-bottom: 0;
	border-collapse: collapse;
	border: 0px !important;
}
.dt3 td {
	height: 100%;
	border-top: 0;
	border-right: 1px solid #ccc;
	border-left: 0;
	border-bottom: 0;
	padding: 10px 5px 11px 5px;
	margin: 0;
	font: normal 14px calibri,verdana;
	vertical-align: middle;
	text-align:center;
}
.dt3 th:last-child {
	border-right: 0;
}
.dt3 td:last-child {
	padding: auto;
	border-right: 0;
}
.dt3 button {
	font-size: 18px;
	color: #555;
	padding: 0 8px 0 8px;
}
.t50 {
	width: 50px;
	max-width: 50px;
}
.t55 {
	width: 55px;
	max-width: 55px;
}
.t60 {
	width: 60px;
	max-width: 60px;
}
.t60i  {
	width: 60px;
	max-width: 60px;
	padding: 8px 5px 8px 5px;
}
.t60i  input {
	width: 60px;
	height: 14px;
	margin: 0;
	padding: 2px;
}
.t60nwrp {
	width: 60px;
	max-width: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100px;
	white-space: nowrap;
}
.t65 {
	width: 65px;
	max-width: 65px;
}
.t70 {
	width: 70px;
	max-width: 70px;
}
.t75 {
	width: 75px;
	max-width: 75px;
}
.t80 {
	width: 80px;
	max-width: 80px;
}
.t80nwrp {
	width: 80px;
	max-width: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100px;
	white-space: nowrap;
}
.t80i  {
	width: 80px;
	max-width: 80px;
	padding: 8px 5px 8px 5px;
}
.t80i  input {
	width: 80px;
	height: 14px;
	margin: 0;
	padding: 2px;
}
.t90 {
	width: 90px;
	max-width: 90px;
}
.t100 {
	width: 100px;
	max-width: 100px;
}

td.dt3i  {
	padding: 8px 5px 8px 5px;
}
td.dt3i  input {
	width: 59px;
	height: 14px;
	margin: 0;
	padding: 2px;
}

.nwrp {
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100px;
	white-space: nowrap;
}

.kvd .bmenu {
position: relative;
display: inline-block;
width: 150px;
height: 88px;
font-size: 20px;
color: #ce1a1e;
text-decoration: none !important;
text-align: center;
border-radius: 5px;
background-color: rgba(249,249,249,.7);
background-repeat: no-repeat;
padding-top: 55px;
box-sizing: border-box;
-moz-box-sizing: border-box;
box-shadow: 3px 3px 5px rgba(50,50,50,.52);
margin-bottom:20px;
}