@charset "UTF-8";

/* General styling for index.php */
html {
	height:100%;
}
body {
	background:#424242 url('/images/background_x.png') repeat-x top center;
	height:100%;
	padding:0;
	margin:0;

	font:normal 11px Tahoma,Arial;
	color:white;
}
.canvas {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	height:100%;
	width:98%;
	/* bottom background */
	background:black url('/images/footer.png') no-repeat bottom left;
}
.border_top_left {
	background:transparent url('/images/border_corners.png') no-repeat 0px -10px;
	height:27px;
	width:34px;
}
.border_top {
	background:transparent url('/images/border_top_x.png') repeat-x top center;
	height:27px;
}
.border_top_right {
	background:transparent url('/images/border_corners.png') no-repeat 0px -57px;
	height:27px;
	width:34px;
}
.border_left_y {
	background:transparent url('/images/border_sides.png') repeat-y -10px;
	vertical-align:top;
	width:34px;
}
.border_left {
	background:transparent url('/images/border_left.png') no-repeat top left;
	width:34px;
	height:100%;
}
.border_right_y {
	background:transparent url('/images/border_sides.png') repeat-y -64px;
	vertical-align:top;
	width:34px;
}
.border_right {
	background:transparent url('/images/border_right.png') no-repeat top left;
	width:34px;
	height:100%;
}
.innercanvas {
	background:transparent url('/images/header.jpg') no-repeat top left;
	vertical-align:top;
	text-align:center;
}
.header {
	text-align:left;
	height:161px;
	padding:0;
	margin:0;
	min-width:900px;
}
.link_button img {
	padding-top:10px;
}
.contentborder_top_left {
	background:white url('/images/border_corners.png') no-repeat -10px -104px;
	width:7px;
	height:7px;
}
.contentborder_top_right {
	background:white url('/images/border_corners.png') no-repeat -10px -131px;
	width:7px;
	height:7px;
}
.contentborder_y {
	width:7px;
	background-color:white;
}
.contentborder_x {
	background-color:white;
}
.content {
	width:100%;
	height:100%;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding-left:19px;
	padding-right:19px;
	/*margin-left:19px;
	margin-right:19px;*/
	/*margin-top:-211px;*/
	/* border-radius */
	/*-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;*/
}
.menu {
	background-color:#2b2b2b;
	width:181px;
	vertical-align: top;
	font-size:12px;
	font-family:Verdana;
}
.menu h1 {
	border-bottom:1px solid #383838;
	margin-bottom:0px;
}
.menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	border:none;
}
.menu li {
	border-bottom: 1px solid #4b4b4b;
	margin: 0;
}
.menu li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #999999;
	border-right: 10px solid #777777;
	background-color: #555555;
	color: #fff;
	text-decoration: none;
	width: 100%;
}
.menu > ul > li > ul > li {
	border-bottom:none;
}
.menu > ul > li > ul > li a {
	border-left:none;
	margin-left:10px;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:20px
}
html>body .menu li a { width: auto; }
.menu li a:hover {
	border-left: 10px solid #AAAAAA;
	border-right: 10px solid #999999;
	background-color: #777777;
	color: #fff;
}
.menu > ul > li > ul > li a:hover {
	border-left:none;
	border-right: 10px solid #999999;
	background-color: #777777;
	color: #fff;
}

.menu_footer {
	background-color:#2b2b2b;
	width:181px;
	vertical-align:bottom;
}
.innercontent {
	background-color:#929292;
	height:100%;
	vertical-align: top;
}
.innercontent_footer {
	background-color:#929292;
	vertical-align: bottom;
}
.innercontent .indent {
	padding:0px 8px;
}

/* Styling for news items at homepage */
.news {
	background-color:#666666;
}
.news h1 {
	margin-top:8px;
	border-top:1px solid #8E8E8E;
	border-bottom:1px solid #383838;
}
.newsfooter {
	background-color:#929292;
	color:#CCCCCC;
	margin-bottom:30px;
	padding:5px 8px 0 8px;
}
.newsfooter a, .newsfooter a:active, .newsfooter a:visited {
	color:#CCCCCC;
}
.newsfooter a:hover {
	color:white;
}
.readmore a{
	color:white;
}
.formbox {
	vertical-align:top;
	padding-left:5px;
	padding-right:5px;
	border:1px solid #CCCCCC;
	width:400px;
	background-color:#8B8B8B;
}

/* Comments */
.comment {
	margin-bottom:20px;
}
.commentauthor {
	font-weight:bold;
	padding:0px 10px;
	float:left;
}
.commentdate {
	font-size:10px;
	font-style:italic;
	color:#CCCCCC;
	float:right;
	padding:0px 10px;
}
.commenttext {
	background-color:#858585;
	border-top:1px solid #555555;
	border-bottom:1px solid #CCCCCC;
	clear:both;
	padding:2px 20px;
}
#commentsbox {
	width:350px;
}

/* Styling for Recaptcha */
#recaptcha {
	width:350px;
}
#recaptcha_response_field {
	width:300px;
	
}
#recaptcha_buttons {
	width:25px;
	padding:5px;
}
#recaptcha_buttons img {
	border:none;
}

/* Styling for zone.php page */
.infobox {
	width:auto;
	max-width:40%;
	display:inline-block;
	vertical-align:top;
	padding-left:5px;
	padding-right:5px;
	border:1px solid #CCCCCC;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.infobox table {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
.infobox legend {
	color:#CCCCCC;
	font-size:9px;
}
.arenapop table {
	border-spacing:0px;
}
.arenapop td {
	padding:2px;
}
.arenapop table thead td {
	border-bottom:1px solid white;
}
.arenapop .rightborder {
	border-right:1px solid white;
}
.directory_availability a {
	text-decoration: none;
}
.directory_availability a:hover {
	text-decoration: underline;
}
td.availability_icon {
	height:16px;
}
a.availability_icon {
	padding:0px 0px 1px 20px;
}
.zOK_dOK {		background: transparent url(/images/icons.png) no-repeat -11px -515px; }
.zOK_dNOK {		background: transparent url(/images/icons.png) no-repeat -11px -623px; }
.zNOK_dOK { 	background: transparent url(/images/icons.png) no-repeat -11px -659px; }
.zNOK_dNOK {	background: transparent url(/images/icons.png) no-repeat -11px -695px; }

.graph {
	padding:10px;
}

/* Styling for tree.php / node.php */
.graphtile {
	padding:10px;
	display:inline-block;
}

/* Styling for directory.php */
#directory-zones {
	border-spacing:0px;
	margin-left:20px;
	padding-bottom:5px;
	border-bottom:1px solid #DDDDDD;
}
#directory-zones thead th {
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
}
#directory-zones td {
	padding:0px 21px 0px 10px;
}
#directory-zones td.iconcolumn {
	padding:0;
}
#directory-zones tbody tr:target {
	background-color:#999900;
}
th.sortHeader {
	background:transparent url(/images/sortable.gif) no-repeat right center;
	cursor:pointer;
	padding:0px 21px 0px 10px;
}
th.sortDown {
	background:transparent url(/images/sort_descending.gif) no-repeat right center; 
}
th.sortUp {
	background:transparent url(/images/sort_ascending.gif) no-repeat right center; 
}


/* Styling for contact.php */
#contactform {
	border-top:1px solid #222;
	/*border-bottom:1px solid #383838;*/
	background-color:#666666;
	padding-top:5px;
}
#contactform table td {
	vertical-align:middle;
}
#contactform #formbuttons {
	padding:5px 8px 0;
	background-color:#929292;
	margin-bottom:30px;
}
#contactform #intro, #contactform #busy, #contactform #outro, #contactform #outro_fail {
	margin:60px 0px;
	text-align:center;
}

#contactform input[type='text']:focus,
#contactform input[type='file']:focus,
#contactform textarea:focus,
#contactform select:focus  {
	outline:orange solid 1px;
	/*outline:none;*/
	border:1px solid #9d762a;
}

ul#tabs {
	padding: 3px 0;
	margin: 0;
}
ul#tabs li {
	list-style: none;
	margin: 0;
	display: inline;
}
ul#tabs li a {
	padding: 3px 0.5em 3px 25px;
	margin-left: 3px;
	border: 1px solid #383838;
	border-bottom: none;
	text-decoration: none;
	white-space: nowrap;
}
ul#tabs li a:link { color: #000; }
ul#tabs li a:visited { color: #000; }

ul#tabs li a:hover
{
	color: #000;
	background-color: #EEE;
}

ul#tabs li a.current
{
	color:white;
	font-weight:bold;
	background-color: #666666;
	border-bottom: 1px solid #666666;
}

li#tab-requestzone a {				background: #DDE url(/images/icons.png) no-repeat -7px -44px; }
li#tab-requestzone a:hover,
li#tab-requestzone a.current {		background: #DDE url(/images/icons.png) no-repeat -7px -8px; }
li#tab-requestdirectory a {			background: #DDE url(/images/icons.png) no-repeat -7px -116px; }
li#tab-requestdirectory a:hover,
li#tab-requestdirectory a.current {	background: #DDE url(/images/icons.png) no-repeat -7px -80px; }
li#tab-requestremoval a {			background: #DDE url(/images/icons.png) no-repeat -7px -188px; }
li#tab-requestremoval a:hover,
li#tab-requestremoval a.current {	background: #DDE url(/images/icons.png) no-repeat -7px -152px; }
li#tab-requestcustom a {			background: #DDE url(/images/icons.png) no-repeat -7px -260px; }
li#tab-requestcustom a:hover,
li#tab-requestcustom a.current {	background: #DDE url(/images/icons.png) no-repeat -7px -224px; }
li#tab-submitlogo a { 				background: #DDE url(/images/icons.png) no-repeat -7px -332px; }
li#tab-submitlogo a:hover,
li#tab-submitlogo a.current { 		background: #DDE url(/images/icons.png) no-repeat -7px -296px; }
li#tab-errorreport a {				background: #DDE url(/images/icons.png) no-repeat -7px -404px; }
li#tab-errorreport a:hover,
li#tab-errorreport a.current {		background: #DDE url(/images/icons.png) no-repeat -7px -368px;}
li#tab-other a { 					background: #DDE url(/images/icons.png) no-repeat -7px -476px; }
li#tab-other a:hover,
li#tab-other a.current { 			background: #DDE url(/images/icons.png) no-repeat -7px -440px; }

span.validation_icon, span.validation_passed, span.validation_error {
	width:14px; 
	height:14px; 
	display:inline-block;
	vertical-align:text-top;
	margin-left:2px;
	background: transparent url(/images/icons.png) no-repeat -11px -551px;
}
span.validation_passed {
	background: transparent url(/images/icons.png) no-repeat -11px -515px;
}
span.validation_error {
	background: transparent url(/images/icons.png) no-repeat -11px -587px;
}
	
/* Common styles */
h1 {
	background-color:#007b93;
	font:bold 14px Verdana,Arial;
	color:black;
	padding:0px 4px;
	margin:9px 0px;
}
h2 {
	padding:0;
	margin:0;
	font-size:13px;
	font-weight:bold;
	color:#ffcc33;
	display:inline;
}

a, a:active, a:hover, a:visited {
	color:white;
}

table thead {
	font-weight:bold;
}
hr {
	border-bottom:1px solid #cdcdcd;
	border-top:1px solid #505050;
	border-left:none;
	border-right:none;
	margin-bottom:0px;
}
fieldset legend {
	color:white;
}
textarea {
	font:normal 11px Tahoma,Arial;
}

input[type="text"], input[type="file"], textarea, select {
	border:1px solid #555555;
	background-color: #D9D9D9;
}
.hidden {
	display:none;
}


/* Block-element floating */
.left {
	float:left;
}
.right {
	float:right;
}
.center {
	margin-left:auto;
	margin-right:auto;
}
.bottom { 
	vertical-align:bottom;
}
.clear {
	clear:both;
}
.text-padding {
	padding-left:5px;
	padding-right:5px;
}
.align-right {
	text-align:right;
}
.align-left {
	text-align:left;
}
.align-center {
	text-align:center;
}

/* Font-size classes */
.large {
	font-size:12px;
}
.small {
	font-size:10px;
}
.smaller {
	font-size:9px;
}
.tiny {
	font-size:8px;
}

.error_message, .warning_message {
	padding-left: 10px;
	padding-right: 10px;
}
.color-lightgrey,.color-lightgrey a {
	color:lightgrey;
}