body{
font-family:arial;
font-size: 14px;
color:#555;
overflow:hidden;
}

h1 {
color:#FFF;
font-size:34px;
font-weight:bold;
margin-left:20px;
}

h2 {
color:#FFF;
font-size:1.286em;
}

h3 {
border:0;
font-size:100%;
font:inherit;
margin:0;
outline:0;
padding:0;
text-align:left;
vertical-align:baseline;
}

a {
color:#FFF;
text-decoration:underline;
}

a:focus,a:hover {
background-color:#000;
color:#fff;
text-decoration:underline;
}

a:visited {
color:#FFF;
text-decoration:underline;
}

#container {
	width:100%;
margin:10px 0 30px 0;
float:left;
}

#header {
width:100%;
margin:0 0 0 10px;
float:left;
}

.header-left {
width:50%;
float:left;
}

.logo {
width:200px;
float:left;
}

.payoff {
padding:28px 0 0 14px;
font-size:15px;
float:left;
}

.header-right {
width:50%;
float:left;
}

.contact {
width:300px;
float:left;
}

.image-contact {
margin:2px 12px 0 0;
float:left;
}

.head-title {
background:url(../images/header-call-logging.png) no-repeat #000;
background-position:50% 50%;
width:100%;
min-height:93px;
padding:8px 40px 0 0;
margin:17px 0 0 -20px;
float:left;
}

.login {
width:100%;	
margin-top:41px;
float:left;
}

.login-field {
	background-color:#7bc143;
	width:400px;
	padding:5px 15px 15px;
	color:#FFF;
	margin:auto;
	border-radius:8px;
}


form.login-tb {
  }

form.login-tb label {
	margin-right:15px;
font-size:14px;
font-weight:bold;
 }

form.login-tb input[type="text"] {
 padding:6px 7px;
 margin:5px 5px 0 0;
 border-radius:6px;
 border:0px;
 color:#555;
 font-family:arial;
 font-size:14px;
 float:left;
 }
 
 form.login-tb input[type="password"] {
 padding:6px 7px;
 margin:5px 5px 0 0;
 border-radius:6px;
 border:0px;
 color:#555;
 font-family:arial;
 font-size:14px;
 float:left;
 }

form.login-tb input[type="submit"] {
background-color:#000;
padding:5px 7px 5px;
margin:10px 0 0;
border:0;
border-radius:6px;
color:#FFF;
font-family:arial;
font-weight:bold;
font-size:14px;
cursor:pointer;
}

form.login-tb select {
 padding:5px;
 margin:5px 0 0 5px;
 border-radius:6px;
 border:0px;
 color:#555;
 font-family:arial;
 font-size:14px;
 }

form.login-tb option {
 color:#555;
 font-family:arial;
 font-size:14px;
 }

form.login-tb textarea {
}

#output{
margin:28px 0 0 10px;
float:left;
}

#output tr:hover{
background-color:#7BC143;
color:#FFF;
	}

.ks-button {
-webkit-border-radius:6px;
-moz-border-radius:6px;
-ms-border-radius:6px;
-o-border-radius:6px;
border-radius:6px;
background-color:#7bc143;
color:#fff;
font-size:1.2em;
text-decoration:none;
padding:.75em 1em;
text-align:center;
font-weight:bold;
display:inline-block}

.skin-deco {
background-color:#fff;
border:3px solid #efefef;
color:#555;
}

a.skin-deco:hover {
border-color:#000;
}

.solo {
margin-top:.5em!important;
margin-bottom:21px;
}

.block {
display:block;
}

.group:before,.group:after {
content:" ";
display:table;
}

.group:after {
clear:both}

.link-clean,.link-clean:focus,.link-clean:hover {
text-decoration:none;
}

.content-link-alt {
-webkit-border-radius:6px;
-moz-border-radius:6px;
-ms-border-radius:6px;
-o-border-radius:6px;
border-radius:6px;
padding:1em;
position:relative;
overflow:hidden;
height:100%;
}

a.content-link-alt:after {
background:#474747 url(/images/sprite.png) no-repeat 0px 0px;
width:32px;
height:32px;
position:absolute;
bottom:0;
right:0;
-webkit-border-radius:4px 0 6px 0;
-moz-border-radius:4px 0 6px 0;
-ms-border-radius:4px 0 6px 0;
-o-border-radius:4px 0 6px 0;
border-radius:4px 0 6px 0;
}

a.content-link-alt:after {
background:#efefef url(../images/sprite.png) no-repeat right -32px;
bottom:-3px;
right:-3px}

.docs-title {
color:#7bc143;
font-weight:bold;
}

.docs-title:before {
margin-right:.5em;
content:url(../images/download-csv.png);
vertical-align:-0.2em;
}

table.results {
border-top-right-radius:6px;
border-top-left-radius:6px;
border-collapse:collapse;
}

table.results th{
background-color:#000;
height:30px;
padding:0 4px;
border-right:solid 1px #FFF;
border-bottom:solid 3px #EFEFEF;
border-left:solid 1px #000;
color:#FFF;
font-family:arial;
font-size:12px;
font-weight:bold;
text-align:left;
white-space: nowrap;
}

table.results td{
padding:4px;
border:solid 1px #EFEFEF;
font-family:arial;
font-size:12px;
white-space: nowrap;
}

.back {
padding-top:5px;
margin-top:20px;
border-top:solid 2px #EFEFEF;
text-align:right;
}

.scroll {
color:#75B73F;
}

/* css for timepicker */.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: 12px;
 }

.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;
 }