/* NIX.CZ main stylesheet */

*    { margin: 0; padding:0 }
body {padding: 0; background: #A0A0A0; font:75%/1.3 verdana,arial,helvetica,sans-serif }

/* links */
a,a:link,  a:link, a:hover { background:transparent; text-decoration:none; cursor:pointer}
a:visited, a:link { color:#000;text-decoration: underline }
a:hover, a:active { color:#008de7; text-decoration: underline }

/* typo */
p, ul, ol { margin: 0 0 1.5em }
h1, h2, h3, h4, h5 { font-family: arial,helvetica,verdana,sans-serif; margin: 1.2em 0 0.5em;color:#000; border-bottom: 1px solid #A0A0A0; padding-bottom: .2em }
h1 { font-size: 196%;margin-top:.6em }
h2 { font-size: 136% }
h3 { font-size: 126%; border-bottom: 1px dashed #A0A0A0;  }
h4 { font-size: 116%; border-bottom: 1px dotted #A0A0A0; }
h5 { font-size: 106% }
h6 { font-size: 99%; border-bottom: 0px; font-family: arial,helvetica,verdana,sans-serif; color:#000; }
.date {font: bold 82% arial; color:#bbb; display:block; letter-spacing: 1px}
.gray {font: bold 82% arial; color:#bbb; letter-spacing: 1px}

/* lists */
ul {margin: .3em 0;list-style-type:none }
ol {margin: .5em .5em 1.5em }
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal }
li {line-height: 1.4em;padding-left:25px }

/* generic */
img { border:none }


hr  { margin: 1em 0; background:#A0A0A0; height:1px; color:#A1A1A1; border:none; clear:both }
.clear { clear:both; position:relative; font-size:0px; height:0px; line-height:0px }

/* page header */
#header {clear: both; background: transparent url("images/draty.png") no-repeat top right;margin: 0 0 60px;padding: 0 0 8px}
#header #site-name {font: 2em verdana;margin:0 0 0 233px;padding:35px 0;color:#A0A0A0;border:none}

#logo { position:absolute; top:17px; left:40px; }

/* top horizontal nav */
#tabsF { float:left; width:100%; background:transparent url("images/fading_corner_middle_right.gif") repeat-y top right; font-size:93%;
	 font-weight:bold; font-family: Verdana,Arial,helvetica,sans-serif; line-height:normal; border-bottom:1px solid #666;  }
#tabsF ul { margin:0; padding:10px 10px 0 10px; list-style:none;  }
#tabsF li { display:inline; margin:0; padding:0; }
#tabsF a      { float:left; background:transparent url("images/tableftF.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
#tabsF a span { float:left; display:block; background:transparent url("images/tabrightF.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#666;  }

/* ie5-mac hack \*/
#tabsF a span {float:none;}
/* hack end */

#tabsF a:hover span { color:#FFF; }
#tabsF a:hover { background-position:0% -42px;  }
#tabsF a:hover span { background-position:100% -42px; }

/* search & lang bar */
#search {color:#000;font-weight:bold;position:absolute;top:110px;right:0px;left:auto;width:23em}
#search form {margin:0}
#search input {width:7em;margin: 0 0 -2px;height:1.2em}
#search label {padding:5px 0 0;display:inline}
#search input.f-submit {width:auto;font-size:81%;margin:0 0 0em;height:1.95em}
#search img  {margin: 0 0 -0.5em; border: 0.05em solid #CCCCCC}

/* search results */
#searchres b  { color:#008db7; }
#searchnav    { margin-top: 10px; font-size: 105% }
#comment      { margin-top: 5px; font-size: 76% }

#cimg   img   { text-align: center; border: 1px solid gray }

/* why-connect flags */
#letaky img   { border: 1px solid gray }

/* classic layout */
#type-c #content-wrap {background: transparent url("images/content_wrap_bg.gif") repeat-y 30px 0}
#type-c #content-wrap #content {margin: 0 25% 0 235px}

/* fullscreen layout, for some pages */
#type-f #content-wrap {background: none;}
#type-f #content-wrap #content {margin: 0 10px 0 10px }
#type-f #wrap {max-width:none; }

/* main body of page */
#wrap {padding: 0 0;min-width:770px;max-width:1200px;margin: 0 auto;position:relative;background: #fff}
#content-wrap {position:relative;width:100%;min-height: 51em}
#content {margin: 0 50px}
#utility {position:absolute;top:0;left:25px;width:165px;border-top: 2px solid #959595;padding-bottom: 40px}
#sidebar {position:absolute;top:0;right:25px;width:20%;border-top: 2px solid #959595;padding-top: 1px;padding-bottom: 40px}
#utility img, #sidebar img { padding-left: 0px; padding-top: 20px; }
#elogo	 {margin-top: 30px; margin-left: 25px; font-size:86%; color:#999 }
#elogo   img {padding-top: 0px; }
#ipicon	 { text-align:center; font-size:86%; color:#999; margin-top: -20px; }
#ipicon  img {padding-top: 39px;}

/* left sidebar */
#nav-secondary, #nav-secondary ul { position:static}
#nav-secondary, #nav-secondary li { list-style: none;margin:0;padding:0;background:#fff }
#nav-secondary { padding-top:0;border-top: 1px solid #ccc; margin-top: 1px}
#nav-secondary a {line-height:0.7;padding: 5px 0 5px 20px;font: bold 95% verdana;display:block}
#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer}
#nav-secondary a:visited,#nav-secondary a:link {color:#000; text-decoration: underline;background: transparent url("images/arrow_next.gif") no-repeat left top}
#nav-secondary a:hover {color:#008de7; text-decoration: underline;background: transparent url("images/action_check.gif") no-repeat left top}
#nav-secondary ul {margin: 0 0 1em 20px;padding:0}
#nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {line-height:1.5;padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block}
#nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {color: #c00}
#nav-secondary li.active li {border: none;margin:0;}
#nav-secondary li.active li.active a:link, #nav-secondary li.active li.active a:visited, #nav-secondary li.active li.active a:hover,
               #nav-secondary li.active li.active a:active {font-weight:bold}

/* right sidebar */
.featurebox {margin: 0 0 1.5em; background:#fdfdfe url("images/featurebox.gif") repeat-x right top; border-bottom: 30px solid white; }
.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;padding: 5px 5px}
.featurebox p {border:none;margin: 0 0 1em;color:#000}
.featurebox, .featurebox ul {position:static}
.featurebox, .featurebox li {list-style: none;margin:0;padding-left: 5px;}
.featurebox a {line-height:1.8;padding: 5px 0 5px 23px;font: bold 95% verdana;display:block}
.featurebox a, .featurebox a:link, .featurebox a:visited, .featurebox a:hover, .featurebox a:active {text-decoration:none;cursor:pointer}
.featurebox a:visited, .featurebox a:link {color:#000; text-decoration: underline;background: transparent url("images/arrow_next.gif") no-repeat left top}
.featurebox a:hover {color:#008de7; text-decoration: underline;background: transparent url("images/action_check.gif") no-repeat left top}

* html .featurebox a { height: 1px; }

/* intranet login form */
#connect form  { margin:10px;  width: 170px; }
#connect input { width:70px; margin: 0; height:14px; padding: 2px 0 0 0; font-size: 11px}
#connect label { display: inline; margin: 0; padding-top: 3px; text-align: right; float: left; width: 78px; font-size: 11px }
#connect input.f-submit {width: auto; font-size:10px; margin:2px 0 0 20px;height:20px; width: 130px; }

#calc form  { margin:10px;  width: 500px; }
#calc select { width:100px; margin: 3 5; height:19px; padding: 2 2 2 2; font-size: 11px; }
#calc label { display: inline; margin: 2 5 2 2; padding-top: 3px; text-align: right; float: left; width: 170px; font-size: 11px }
#calc input.f-submit {width: 100px; font-size:11px; margin:2px 0 0 170px; height:20px; }
#calc input.f-reset {width: 100px; font-size:11px; margin:2px 0 0 0px; height:20px; }

/* tables */
.table0 {margin: 0;border: 0px solid #A0A0A0;padding:0;border-collapse:collapse;width:100%}
.table1 {margin: 0;border: 1px solid #A0A0A0;padding:0;border-collapse:collapse;width:100%}
.table1 td.vc {vertical-align: middle; }
.table2 td, .table1 td {background: #fff 0 -1600px;padding:3px;font-size:90%;border: 1px solid #A0A0A0; vertical-align: top;}
.table2 td.tright, .table1 td.tright { text-align: right; width: 12em; }
.table2 td.tcent,  .table1 td.tcent  { text-align: center; }
.table2 th, .table1 th { font-size:90%;border: 1px solid #A0A0A0; text-align: center; }
.table2 thead th, .table1 thead th {color:#fff;font-size:95%;background: #7C7C80 0 -1300px;padding: 10px 6px}
.table2 tbody th, .table1 tbody th {color:#000;font-size:95%;background:transparent url("images/table.gif") repeat-x left top;padding: 2px}
.table2 tbody th.sub, table1 tbody th.sub {font-size:100%;color:#000;background: #7C7C80 0 -1500px;padding: 6px}
.table2 td.hr { background: #A0A0A0; padding:0px;}
.table2 {margin: 0;border: 1px solid #999;padding:0;border-collapse:collapse;width:100%}

.table3 td {vertical-align: top; width: 40em;}


tr.d0 td { background-color: #CC9999; color: black; }
tr.d1 td { background-color: #9999CC; color: black; }

/* peering tables */
.tablep {margin: 0;padding:0; border-collapse:collapse; border: 1px solid #A0A0A0; background: #fff;}
.tablep tr {height: 12px;}
.tablep tbody tr:hover {background-color: #00baf3; }
.tablep td, .tablep th {border: 1px solid #A0A0A0; font-size: 97%; }
.tablep th.hd {color:#000; border: 1px solid #A0A0A0; background:transparent url("images/table.gif") repeat-x left top;}
.tablep td.as {text-align:center; font-size: 10px; margin: 1px; font-family: courier}
.tablep td.pol {text-align:center; font-size: 10px; margin: 1px; }
.tablep td.peerY {background: url("/images/peer-Y.png") no-repeat center;}
.tablep td.peerN {background: url("/images/peer-N.png") no-repeat center;}
.tablep td.peerD {background: url("/images/peer-D.png") no-repeat center;}
.tablep td.peerX {background: url("/images/peer-x.png") no-repeat center;}
.tablep td.peerR {background: url("/images/peer-R.png") no-repeat center;}
.tablep td.peerU {background: url("/images/peer-U.png") no-repeat center;}
.tablep td span { display:none; }


/* -more- links */
a.morelink:visited, a.morelink:link {color:#000; text-decoration: underline;background: transparent url("images/arrow_next.gif") no-repeat left top}
a.morelink:hover {color:#008de7; text-decoration: underline;background: transparent url("images/action_check.png") no-repeat left top}
a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {padding-left:21px; padding-top: 4px}

.special p, .special ol, .special li {margin-left: 20px}
.special ol li {margin-left: 25px; list-style-type:none;padding-bottom: 1%; text-indent: -3%;text-align: justify}

/* footer */
#footer {clear:both;border-top: 1px solid #959595;padding: 3px 0;font-size:86%;color:#999}
#footer p {margin-left:20%}

/* traffic graphs */
div table .in th, div table td span.in { color: #00cc00; }
div table .out th, div table td span.out { color: #0000ff; }
div table .inpeak th { color: #ccFFcc;	}
div table .outpeak th { color: #ccccFF; }

/* carriers */
.ok1 { background-color:red; color:white;font-weight:bold; font-family: Courier;     border: 1px dotted #999; }
.ok2 { background-color:blue; color:white;font-weight:bold; font-family: Courier;    border: 1px dotted #999; }
.ok3 { background-color:#00a000; color:white;font-weight:bold; font-family: Courier; border: 1px dotted #999; }
.ok4 { background-color:#e09000; color:white;font-weight:bold; font-family: Courier; border: 1px dotted #999; }
.okn { background-color:white;color:white; font-weight:bold; font-family: Courier;   border: 1px dotted #999; }

/* IP corner :) */
img.ipcorner { border:none; margin-left:50px; float: left; bottom: 0%; margin-top: -40px; display: block;}
div.ipcorner { border:1px dotted #eeeeee; min-height: 95px; padding-top: 40px; overflow: hidden;  }
.smallfont   { font-size:86%;color:#999; }