/* Basic elements */

body {margin:0px; padding:20px; background-color: #ffffff; font-family: Arial; font-size: 0.8em;}
a {color: #003399; outline: none; text-decoration: none !important;}
a:hover {color: #703838;}
img {border: 0;}
hr {color: #e8e8e8; height: 1px; background-color:#e8e8e8; border:0}
h1 {font-size: 150%; margin: 0; padding: 0;}
h2 {font-size: 130%; margin: 0; padding: 0;}
h3 {font-size: 120%; margin: 0; padding: 0;}

.ajs {cursor: pointer; text-decoration: none; border-bottom: 1px dashed #006699;}

.of {overflow: hidden;}
.hide {display: none;}
.nowrap {white-space: nowrap;}
/* paginator */

.pgt {overflow: hidden; border:0; margin:0 0 20px 0; padding:0;}
.pgt li {list-style:none; display: block; float: left; padding: 5px 10px; color: #888; }
.pgt li a {font-weight: normal !important;text-decoration: none; }
.pgt li:first-child {color: #003399}
.pg {overflow: hidden; border:0; margin:0; padding:0; margin-left: 10px}
.pg li {list-style:none; border-right: solid 1px #DEDEDE; display: block; float: left; font-weight:bold; padding: 5px 10px; color: #000;}
.pg li a {font-weight: normal !important;}
.pg li:last-child {border: 0 !important;}

.nav {color: #777777; margin: 0 0 40px 7px;}
.nav ul {margin: 0; padding: 0; list-style: none; overflow: hidden;}
.nav ul li {padding: 0 5px 0 11px; background: url("/i/dg.gif") no-repeat 0 4px; display: inline;}
.nav ul li:first-child {background: none !important; padding-left: 0;}

.body {margin: 0 7px 50px 7px;}


.fastnav {margin-bottom: 40px; overflow: hidden;}
.fastnav ul {display: table; width: 100%; margin: 0; padding: 0; border-bottom: 1px solid #e1e1e1;}
.fastnav ul li {display: inline; float: left; border: 1px solid #e1e1e1; border-radius: 3px 3px 0 0; list-style: none; margin: 5px 10px 0 0; position: relative; top: 1px; background-color: #FEFEFD; background-image: url("/i/fast_tab_fone_3.png"); height: 28px;}
.fastnav ul li:first-child {margin-left: 30px;}
.fastnav ul li a {float: left; padding: 7px 10px; white-space: nowrap; line-height: 14px !important;}
.fastnav a {text-decoration: none;}
.fastnav a span {font-size: 90%;}
.fastnav .sel {border-bottom: 1px solid #ffffff !important; background-color: #ffffff !important; background-image: none !important;}
.fastnav .sel a {color: #888;}
.fastnav .ir {margin-left: 10px !important; margin-right: 30px; border: none; background: none; }
.fastnav .hover {background-image: none !important;}
.fastnav .login {float: right; background: none; border: 0;}
.fastnav .login span {padding: 7px 10px; line-height: 14px !important; display: block;}

.red {color: red !important;}
.green {color: green !important;}
.grey {color: grey !important;}
.center {text-align: center !important;}
.right {text-align: right !important;}
.left {text-align: left !important;}
.top {vertical-align: top;}


.table {border: 10px; border-collapse: collapse; width: 100%; }
.table td {padding: 10px; border: 1px solid #CCCCCC;}
.table .noborder {border: 0 !important;}
.list_footer {height: 50px; vertical-align: bottom;}

.param_panel {width: 500px !important; margin-bottom: 50px; background-color: #f9f9f9; border: 5px solid #f9f9f9;}
.param_panel td {border: 0 !important; white-space: nowrap; padding: 7px !important;}
.param_panel .options td {padding: 0 !important; padding-right: 10px !important; line-height: 20px !important;}


input[type="text"] {border: 1px solid #DADADA; color: #333333; padding-left: 5px; width: 95%; height: 20px;}
input[type="password"] {border: 1px solid #DADADA; color: #333333; padding-left: 5px; width: 95%; height: 20px;}
input[type="checkbox"] {vertical-align: middle !important;}
textarea {border: 1px solid #DADADA; color: #333333; padding: 5px; font-family: Arial; font-size: 10.5pt;}
select {background: #FFFFFF; border: 1px solid #DADADA; height: 24px; line-height: 24px; vertical-align: middle;}




.main_table {border-collapse: collapse; width: 100%; border: 1px solid #CCCCCC;}
.main_table td {padding: 10px; border: 1px solid #CCCCCC; text-align: center;}
.main_table tr td:first-child {background-color: #f5f5f5; text-align: left;}
.main_table tr:first-child td {background-color: #f5f5f5; font-weight: bold;}
.main_table tr:first-child td:first-child {text-align: left;}
.main_table tr:nth-child(2) td {background-color: #f5f5f5; text-align: center;}

.main_table_select_date {border-collapse: collapse; border: 1px solid #e0e0e0; background-color: #f6f6f6; margin-bottom: 30px;}
.main_table_select_date td {padding: 10px;}
.main_table_select_date tr td:nth-child(2) input {width: 30px; text-align: center; padding-left: 0;}
.main_table_select_date tr td:nth-child(3) input {width: 30px; text-align: center; padding-left: 0;}
.main_table_select_date tr td:nth-child(4) input {width: 50px; text-align: center; padding-left: 0;}
.main_table_select_date tr td:nth-child(6) input {width: 30px; text-align: center; padding-left: 0;}
.main_table_select_date tr td:nth-child(7) input {width: 30px; text-align: center; padding-left: 0;}
.main_table_select_date tr td:nth-child(8) input {width: 50px; text-align: center; padding-left: 0;}

.main_graphs {margin-top: 50px;}
.main_graphs a {cursor: pointer;}

#graph_host, #graph_hit {width: 100%; height: 400px; margin-bottom: 20px;}

.all_drop_menu:before {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAYAAABblxXYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gYREB4ZLwkmygAAAaNJREFUKM+lkLGr01AUxr/7Xq3Cc7BVKhRtK6K1duqSiDx44FD8DxzE2X/MXXDS3aG5Q5ohDaUp9A5pCklpS2ltYkg+B2+lOog8f3CGC+f87jmfsCwLJHGKaZoAcA9ABgDr9XqjlEKv13sN4ItuOwNwOiiO7xL+wDRNoQcuADyPoujTfD5Hu93GcDj83Gw2t9VqtS+ltAzDuAUglVISAIUQPyUkxWAwAMljPSb5iOSLMAzpOA6TJCFJ7vd72rbNKIpSks/0leckhWVZkFJCSgloodDCpySvSL5UStF1XWZZxlPSNKXjOAyCYE3y8hgfyfOj9EyvfAPAfQB38zx/Mp1Ovx4OB3Q6HZRKvydULpfR7Xax2WzuzGazj4ZhXEopASD/1UTytv7pwW63u/I87/tkMmFRFPwbeZ5zPB7T9/00y7K+vvamlBLH1S9Wq9Ur13WplOK/UhQFfd+n53nfkiR5o8UlkHy4WCz6OideB6UUR6NRsd1u35EUIgiCt3Ecf6jX66jVarguYRhiuVzmjUbjvbBtm61WC5VKBf9LHMcIwxA/ALG7vRP8WTwCAAAAAElFTkSuQmCC") repeat scroll 0 0 rgba(0, 0, 0, 0); bottom: 100%; content: ""; height: 10px; left: 50%; margin: 0 0 0 -10px; position: absolute; width: 21px;}
.all_drop_menu {background: none repeat scroll 0 0 #fff; border: 1px solid #ccc; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); color: #333; display: none; position: absolute; white-space: nowrap; z-index: 1000; top: 200px; }
.all_drop_menu .wr {margin: 20px;}
.all_drop_menu .wr div {margin-bottom: 10px; text-align: left;}

.drop_menu {background: url("/i/drop.png") 0 0 no-repeat transparent; width: 20px; height: 20px; display: inline-block; margin-left: 10px; vertical-align: middle; cursor: pointer;}


.select_date {border-collapse: collapse; border: 1px solid #e0e0e0; background-color: #f6f6f6; margin-bottom: 30px;}
.select_date td {padding: 10px;}
.select_date tr td:nth-child(2) input {width: 30px; text-align: center; padding-left: 0;}
.select_date tr td:nth-child(3) input {width: 30px; text-align: center; padding-left: 0;}
.select_date tr td:nth-child(4) input {width: 50px; text-align: center; padding-left: 0;}

.view_table {border-collapse: collapse; border: 1px solid #D1A476; background-color: #fff; margin-bottom: 30px; width: 100%;}
.view_table td {padding: 10px; border: 1px solid #D1A476;}
.view_table .th {background-color: #FFCC66; font-weight: bold;}
.view_table .ref {color: red;}
.view_url_text input {width: 97% !important;}
.view_url_text {padding-top: 0 !important;}

#dinamic, #dinamic_depth {width: 100%; height: 400px; margin-bottom: 20px;}

.sm_table {border-collapse: collapse; border: 1px solid #CCCCCC; width: 100%;}
.sm_table td {padding: 10px; border: 1px solid #CCCCCC; text-align: center;}
.sm_table tr:first-child td {background-color: #f5f5f5;}
.sm_table .sel {color: #000 !important; border-bottom-color: #000 !important;}

.title {font-size: 140%; margin-bottom: 30px;}

#dinamic_sm {height: 400px;}

/*.table_pages tr td:first-child {width: 10% !important; padding-right: 50px; white-space: nowrap;}*/

.view_spy tr td:nth-child(2) {white-space: nowrap;}
.spy_select_ip {white-space: nowrap;}
.spy_select_ip input {width: 47.5%;}