@charset "UTF-8";
/* Reset CSS - Eric Meyer - http://meyerweb.com/eric/tools/css/reset/ */

/* v1.0 | 20080212 */

html, body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}
ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
body {
	font: normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #444;
	/*background-color: #d5d9dd;*/
	/*letter-spacing:-0.02em;*/
	/* iphone text resize */
	-webkit-text-size-adjust:none;
}
input[type="text"], input[type="password"], select {
	border: none;
	border: 1px #CCC solid;
	background: #FFF;
	padding: 4px;
}
.mtop {
	margin-top: 5px;
}
.clear {
	clear: both;
	height: 0px;
	margin: 0px;
	border: none;/*visibility: hidden;*/
}
.fleft {
	float: left;
}
a {
	text-decoration: none;
	color:#333;
}
.disabled a {
	text-decoration: none;
	color: #999;
}
a:hover, a:focus {
	text-decoration: none;
	color: #C00;
}
#header {
	background-color: #FFF;
	height: 30px;
	margin: 0px auto;
	padding: 20px 0px 0px 0px;
}
#header-left {
	float: left;
	width: 12%;
	margin-left: 15px;
	text-align: center;
}
#header-right {
	float: left;
	width: 82%;
	margin-left: 15px;
	/*text-align: right;*/
}
#header-image {
	/*background: url(../images/backg-header.jpg) no-repeat center;*/
	background-color: #000;
	margin: 0px auto;
	width: 100%;
	height: 30px;
}
#body {
	margin: 10px 0px 10px 0px;
	width: 100%;
}
#body-left {
	float: left;
	width: 12%;
	/*min-width: 200px;*/
	min-width: 230px;
	margin-left: 15px;
}
#body-center {
	float: left;
	width: 75%;
	margin-left: 15px;
}
#top-row {
	background-color: #cc0000;
	width: 100%;
	height: 6px;
}
#controlbar-red {
	background-color: #cc0000;
	padding: 4px 10px 4px 10px;
	margin: 0px 0px 15px 0px;
	color: #FFF;
	font-size: 16px;
	-moz-border-radius: 3px;
}
#controlbar-dark {
	background:#333;
	padding: 4px 10px 4px 10px;
	margin: 0px 0px 15px 0px;
	color: #FFF;
	font-size: 16px;
	-moz-border-radius: 3px;
}
#controlbar-dark a {
	color: #FFF;
}
#controlbar-grey {
	background: #F2F2F2;
	padding: 4px 10px 4px 10px;
	margin: 0px 0px 15px 0px;
	color: #666;
	font-size: 16px;
	-moz-border-radius: 3px;
}
#controlbar-grey-nomargin {
	background: #F2F2F2;
	padding: 4px 10px 4px 10px;
	margin: 0px 0px 5px 0px;
	color: #666;
	font-size: 16px;
	-moz-border-radius: 3px;
}
#alert-label {
	/*background: #FEFEFE;
	border-bottom: #CCC 1px solid;*/
	padding: 4px 10px 4px 10px;
	margin: -10px 0px 5px 0px;
	color: #999;
	font-size: 12px;
	/*-moz-border-radius: 3px;*/
}
.results {
	margin: 0px 0px 20px 0px;
}

/*#body-left ul li a {
	border-bottom: #999 dotted 1px;
}
#body-left ul li a:hover {
	padding: 5px 0px 5px 5px;
	border-bottom: #999 dotted 1px;
	background-color: #666;
	color:#FFF;
}
#body-left ul ul {
	padding: 5px 0px 0px 10px;
}
#body-left ul li ul li {
	padding: 5px 0px 5px 0px;
	border-bottom: none;
}
#body-left ul li a {
	display:block;text-decoration:none;color:#fff;background:#ccc;padding:0 0 0 20px;width:180px;
}
#body-left ul li ul {
	padding: 0px 0px 0px 15px;
}*/
#body-left ul li {
	padding: 5px 0px 5px 25px;
	border-bottom: 1px dotted #999;
}
#bottom {
	color: #999;
	font-size: 11px;
	margin: 20px 0px 20px 15px;
	border-top: #CCC solid 1px;
	padding: 8px 0px 8px 0px;
}
/*LIST STYLE*/
.odd {
	padding: 3px 0px 3px 0px;
	background-color: #FFF;
	border-top: #CCC 1px solid;
}
.even {
	padding: 3px 0px 3px 0px;
	background-color: #F5F5F5;
	border-top: #CCC 1px solid;
}
.expand-details-corner {
	position: relative;
	top: -20px;
	left: 30px;
	margin-bottom: -14px;
}
.expand-details {
	margin: 10px 0px 15px 0px;
	padding: 0px 0px 2px 5px;
	background-color: #edf6f9;
	border: 1px solid #d1dde1;
	font-size: 10px; 
	width: 100%;
}
.expand-details-alerts {
	margin: 10px 0px 15px 0px;
	padding: 0px 0px 10px 5px;
	background-color: #edf6f9;
	border: 1px solid #d1dde1;
	font-size: 10px;
	width: 850px;
}
.expand-details-alerts ul {
	margin: 0px 20px 0px 20px;
	list-style: circle;
}
.alert_msg {
	background: #fffffb;
	padding: 0px 10px 10px 10px;
	border: #900 solid 1px;
	margin-bottom: 10px;
}
.expand-details-bar {
	float: left;
	width: 93px;
	margin-left: 12px;
}
.expand-details-bar ul li {
	background-image: url(../images/backg-button-details.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 30px;
	padding: 8px 0px 0px 60px;
}
.expand-details-body {
	float: left;
	width: 745px;
	padding-top: 5px;
}
.mright {
	margin-right: 2%;
}
.expand-field {
}
.expand-field-title {
	font-weight: bold;
	float: left;
	/*width: 22%;*/
	width: 40%;
	/*border-bottom: dotted #d1dde1 1px;*/
	padding: 5px 0px 5px 0px;
}
.expand-field-content {
	float: left;
	/*width: 25%;*/
	width: 58%;
	/*border-bottom: dotted #d1dde1 1px;*/
	padding: 5px 0px 5px 0px;
	text-align: right;
	color: #999;
}
.expand-details-body li {
	/*border: 1px solid #0F0;*/
	border-bottom: dotted #d1dde1 1px;
	padding: 5px 0px 5px 0px;
	color: #666;
	font-size: 12px;
}
.expand-details-body li strong {
	color: #000;
}
.expand-details-body-right, .expand-details-body-left {
	width: 50%;
	float: left;
}
.expand-field-bottom {
	padding: 5px 0px 5px 0px;
}
.expand-details-header {
	text-align: right;
	color: #999;
	padding: 5px;
	margin-bottom: 5px;
	border-bottom: dotted #d1dde1 1px;
}
/*.row {
	padding: 0px 0px 0px 10px;
}*/
.row-bar {
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	border-top: #999 1px dotted;
}
.row-sub {
	padding: 0px 0px 0px 10px;
}
.row-field-4, .row-field-8, .row-field-10, .row-field-13, .row-field-15, .row-field-20, .row-field-25, .row-field-30, .row-field-35, .row-field-50, .row-town {
	float: left;
	padding: 3px 0px 3px 4px;
	/*height: 22px;*/
}
.row-field-4 {
	width: 4%;
}
.row-field-6 {
	width: 6%;
}
.row-field-8 {
	width: 8%;
}
.row-field-10 {
	width: 10%;
}
.row-field-13 {
	width: 13%;
}
.row-field-15 {
	width: 15%;
}
.row-field-20 {
	width: 20%;
}
.row-field-25 {
	width: 25%;
}
.row-field-30 {
	width: 30%;
}
.row-field-35 {
	width: 35%;
}
.row-field-50 {
	width: 50%;
}
.row-town {
	width: 20%;
}
.row-operations {
	width: 20%;
	float: left;
	padding: 2px 0px 0px 0px;
}
#result-list-bottom {
	font-size: 10px;
	padding-left: 16px;
	margin: 5px 0px 0px 0px;
}
.notify-good {
	position: fixed;
	text-align: center;
	top: 0px;
	margin: 0 auto;
	width: 750px;
	padding: 5px 5px 8px 5px;
	background: #693;
	color: #FFF;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
}
.notify-bad {
	position: fixed;
	text-align: center;
	top: 0px;
	margin: 0 auto;
	width: 750px;
	padding: 5px 5px 8px 5px;
	background: #C00;
	color: #FFF;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
}
.notify-bad-relative {
	margin: 0px 0px 15px 0px;
	width: 95%;
	padding: 15px;
	background: #C00;
	color: #FFF;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
}
.notify-bad-relative h3 {
	margin: 0px 0px 8px 0px;
	padding: 0px;
}
/*.notify-good {
	margin: 10px 0px 10px 0px;
	padding: 10px;
	border: #696 1px solid;
	background: #F5FFE8;
}
.notify-bad {
	margin: 10px 0px 10px 0px;
	padding: 10px;
	border: #C44C38 1px solid;
	background: #F8FBDC;
} */
#list-result {
	margin: 0px 0px 10px 0px;
}
.doPing {
	margin: 10px 0px 10px 0px;
	padding: 10px;
	border: #C4DDF1 1px solid;
	background: #FFF;
}
.noteBlock {
	margin: 10px 0px 10px 0px;
	padding: 10px;
	border: #C4DDF1 1px solid;
	background: #FFF;
}
#loading {
	padding: 10px;
	width: 350px;
	background: #FFF;
	border: #F0F0F0 1px solid;
	position: fixed;
	top: 200px;
	left: 45%;
	text-align: center;
	display: none;
	z-index: 20;
}
#search_panel ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#search_panel ul li {
	padding: 8px 0px 8px 0px;
	border-bottom: none;
}
.form-label {
	padding: 4px 10px 0px 0px;
	color: #999;
}
.red {
	color: #C00;
}
.green {
	color: #360;
}
.grey {
	color: #CCC;
}
.grey a {
	color: #CCC;
}
.orange {
	color: #F90;
}
.jewelCount {
	text-align: center;
	font-size: 9px;
	font-weight:bold;
	padding: 1px 2px 1px 2px;
	-moz-border-radius: 3px;
}
.jC_dark {
	/*background-color:#cc0000;*/
	background-color: #666;
	color: #fff;
}
.jC_red {
	/*background-color:#cc0000;*/
	background-color: #cc0000;
	color: #fff;
}
.jC_alert {
	/*background-color:#cc0000;*/
	background-color: #cc0000;
	color:#fff;
	-moz-border-radius: 4px;
	position: relative;
	top: -28px;
	left: 18px;
	z-index:101;
}
.getCpeFile {
	border-top: #CCC dotted 1px;
	margin: 0px 0px 20px 0px;
}
.opacity20 {
	filter:alpha(opacity=20);
    -moz-opacity:0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
}
.row_subnet_ips {
	padding: 6px 0px 6px 0px;
	border-top: #CCC dotted 1px;
}

#info_tunnels {
	margin: 0px 0px 10px 0px;
}
.tunnels ul {
	float: left;
	margin-bottom: 20px;
	width: 20%;
	/*border: #0C0 1px solid;*/
}
.tunnels ul li {
	border-bottom: #CCC dotted 1px;
	padding: 3px 0px 3px 0px;
}
.tunnels ul li input {
	margin: 0px 8px 0px 0px;
}
.green { color: #090; }
.border_green { border: #393 1px solid; }
.border_red { border: #C00 1px solid; }
.button-0 {
    position: relative;
    padding: 3px 6px;
    margin: 0px 10px 10px 0px;
    float: left;
    border-radius: 10px;
    font-family: 'Helvetica', cursive;
    
    color: #FFF;
    text-decoration: none;  
    background-color: #3498DB;
    border-bottom: 5px solid #2980B9;
    text-shadow: 0px -2px #2980B9;
    /* Animation */
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}

.button-0:hover, 
.button-0:focus {
    text-decoration: none;
    color: #fff;
}

.button-0:active {
    transform: translate(0px,5px);
    -webkit-transform: translate(0px,5px);
    border-bottom: 1px solid;
}
@-moz-document url-prefix() { 
  .searchCRM {
     width:100%;
  }
}