/* global */

html {
	min-height: 100%;
}

* {
	margin: 0;
	padding: 0;
}

a {
	color: #015194;
	text-decoration:none;
}

a:hover {
	color: #235;
	text-decoration: underline;
}

a:visited {
	color: #025195;
}

li {
	list-style: none;
}

body {
	background: #fff;
	color: #888888;
	font: 12px Tahoma,sans-serif;
}

#wrapper {
	margin: 0 auto;
	width: 100%;
    max-width: 710px;
}

#wrapper #header {
	background: #FFFFFF url('../images/header_m.png') repeat-x center top; 
	
	height: 61px;
	padding:5px;
	
}

#wrapper #header #top h3{
	/*padding:4px 0 0 30px;*/
}
#wrapper #header #top h2 a{
	color:#fff;
}
#wrapper #header #top h3 a{
	color:#fff;
}
#center_wrapper{
	background: #D6DBE1;
	width: 100%;
	text-align: center;
}
#main_col{
	border:#D6DBE1 solid 1px;
	background: #fff;
	text-align: center;
    margin: 0 auto;
    min-height: 400px;
}


#wrapper #header #top{
	background: transparent url('../images/main_icon.png') no-repeat left top; 
    padding:0px 0 0 72px;
	height: 61px;
	position: absolute;
	left:50%;
	margin-left:-110px;
	color:#000;
    text-align: center;
}


.gps, .phone, .power, .ring, .sms{
	margin: 0 0 10px 0;
}

#map_canvas{
	width:100%;
	margin:0 auto;
	height:150px;
}
#map_canvas_log{
	width:420px;
	margin:0 auto;
	height:500px;
}

#filters{
	
	margin:0 auto;
}
#filters #filters_header{
	color:#ffbb00;
	width:100%;
	font-size:14px;
	font-weight:bold;
	background : #fff url('../images/orange_arrow_up.png') no-repeat right top; 
	padding:5px 0 5px 0;
	display:block;
	cursor:pointer;
}
#filters #filters_container input[type="text"] {
	width:60px;
	border: 1px solid #ffbb00;
}
#filters #filters_container input[type="submit"] {
	padding:0 5px 0 5px;
	background: #ffbb00;
	color:#FFF;
	font-weight:bold;
}
#filters #filters_container input[type="button"] {
	padding:0 5px 0 5px;
	border:1px solid #ffbb00;
	cursor:pointer;
	margin:0 4px 0 4px;
}
#filters #filters_container input[type="button"].selected {
	background: #ffbb00;
	color:#FFF;
}

.log_listing{
	margin:0 auto;
	padding:10px 0 0 0;
}

.log_listing th, .log_listing  td.header_td{
	padding:3px;
	background:#8E8E8E;
	color:#fff;
	font-weight:bold;
    border-bottom:1px solid #FFF;
}

.log_listing td{
	padding:2px;
	border-bottom:1px solid #8E8E8E;
	vertical-align:top;
}

.log_details{
	cursor:pointer;
	border:0;
}

#footer{
	width:100%;
	border-top:2px solid #8E8E8E;
	height:40px;
	text-align: center;
}



p{
	text-align: justify;
	margin:4px 0 4px 0;
}

ul#pagination-digg{border:0; margin:0; padding:10px;}
ul#pagination-digg a {
    color:#f55600
}
#pagination-digg li{
    border:0; margin:0; padding:0;
    font-size:11px;
    list-style:none;
    margin-right:0px;
    display: inline;
}
#pagination-digg a{
    border:solid 1px #f55600
    margin-right:0px;
}
#pagination-digg .previous-off, #pagination-digg .next-off {
    border:solid 1px #DEDEDE
    color:#888888
    display:block;
    /*float:left;*/
    font-weight:bold;
    margin-right:0px;
    padding:3px 4px;
}
#pagination-digg .next a, #pagination-digg .previous a {
    font-weight:bold;
}
#pagination-digg .active{
    background:#f55600;
    color:#FFFFFF;
    font-weight:bold;
    /*display:block;*/
    /*float:left;*/
    padding:4px 6px 4px 4px;
}

#main_col .login {
  background: #eceeee;
  border: 1px solid #42464b;
  border-radius: 6px;
  height: 327px;
  margin: 20px auto 0;
  width: 240px;
  display: inline-block;
}
#main_col .login h1 {
  background-image: linear-gradient(top, #f1f3f3, #d4dae0);
  border-bottom: 1px solid #a6abaf;
  border-radius: 6px 6px 0 0;
  box-sizing: border-box;
  color: #727678;
  display: block;
  height: 33px;
  font: 600 16px/1 'Open Sans', sans-serif;
  padding-top: 14px;
  margin: 0;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.2), 0 1px 0 #fff;
}

#pagination-digg a:link, #pagination-digg a:visited {
    color:#f55600
    display:block;
    /*float:left;*/
    padding:3px 3px;
    text-decoration:none;
}
#pagination-digg a:hover{
    border:solid 1px #f55600
}



#main_col .login input[type="password"], #main_col .login input[type="text"] {
  background: url('images/login/ib2.png') center left no-repeat, linear-gradient(top, #d6d7d7, #dee0e0);
  border: 1px solid #a1a3a3;
  border-radius: 4px;
  box-shadow: 0 1px #fff;
  box-sizing: border-box;
  color: #696969;
  height: 39px;
  margin: 21px 0 0 1px;
  padding-left: 17px;
  transition: box-shadow 0.3s;
  width: 163px;
}
#main_col .login div{
    height:10px;
    margin: 2px 0 0 29px;
}
#main_col .login input[type="password"]:focus, #main_col .login input[type="text"]:focus {
  box-shadow: 0 0 4px 1px rgba(55, 166, 155, 0.3);
  outline: 0;
}
#main_col .login .show-password {
  display: block;
  height: 16px;
  margin: 26px 0 0 28px;
  width: 87px;
}
#main_col .login input[type="checkbox"] {
  cursor: pointer;
  height: 16px;
  opacity: 0;
  position: relative;
  width: 64px;
}
#main_col .login input[type="checkbox"]:checked {
  left: 29px;
  width: 58px;
}
#main_col .login .toggle {
  background: url('images/login/ib6.png') no-repeat;
  display: block;
  height: 16px;
  margin-top: -20px;
  width: 87px;
  z-index: -1;
}
#main_col .login input[type="checkbox"]:checked + .toggle { background-position: 0 -16px }

#main_col .login input[type="submit"] {
  width:176px;
  height:35px;
  display:block;
  font-family:Arial, "Helvetica", sans-serif;
  font-size:16px;
  font-weight:bold;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  text-align:center;
  text-shadow:1px 1px 0px #37a69b;
  padding-top:6px;
  margin: 29px 0 0 32px;
  position:relative;
  cursor:pointer;
  border: none;  
  background-color: #092E65;
  background-image: linear-gradient(top,#3db0a6,#3111);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius:5px;
  box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #041E55, 0px 10px 5px #999;
}


#main_col .login input[type="submit"]:active {
  top:3px;
  box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #31524d, 0px 5px 3px #999;
}

.custom_installer_div{
    float:left;
    margin-top: 10px;
}

.custom_installer_link{
    float:left;
}

.custom_installer_div_download{
    float:right;
    text-align:center;
    margin: 0 20px 0 0;
}

.custom_installer_holder{
    border-bottom: #000 solid 1px;
    margin-bottom:5px;
}

.custom_installer_holder img{
    border:0;
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
#gallery li{
    display: inline;
}

.div_log_type{
    float: left;
    margin:3px;
    
}

.div_log_type img{
    border:0;
}

.div_log_type a{
    display:block;
    background-color:#eee;
    text-align: center;
    -moz-border-radius: 1em 1em 1em 1em;
    border-radius: 1em 1em 1em 1em;
    padding:5px;
    width:80px;
    color:#000;
    height:80px;
    border:1px solid #000;
}

.div_log_type a span.title{
    height: 14px;
    display:block;
}

.div_log_type a:hover{
    background-color:#ddd;
    text-decoration:none;
}

#main_col textarea{
 	border:1px solid #ffbb00;
 	width:200px;
 	height:50px;
}
#main_col label{
 	width:100px;
 	display:block;
}
#main_col input[type="submit"]{
	width:80px;
	border:1px solid #ffbb00;
	font-weight:bold;
	cursor:pointer;
}
#contact_form{
	width:400px;
    padding: 10px;
    text-align: left;
}

.div_statistics{
    width:305px;
    margin-left: auto;
    margin-right: auto;
    /*float:left;*/
    border:1px solid #000;
    -moz-border-radius: 1em 1em 1em 1em;
    border-radius: 1em 1em 1em 1em;
    padding:4px;
    margin-top:4px;
    margin-bottom:4px;
}

.sms_bar_chart, .phone_bar_chart{
    background-color:#f00;
    width:5px;
    height:5px;
}

.center_div{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width:300px;
}

#main_col input[type="text"], #main_col input[type="password"]{
	width:200px;
	border:1px solid #ffbb00;
	margin: 0 0 5px 0;
}


#main_col #contact_form input[type="text"]{
	width:300px;
    padding:5px;
}
#main_col #contact_form input[type="submit"]{
    float:left;
}
#main_col #contact_form textarea{
	width:300px;
    height:70px;
    padding:5px;
}