/*****************************************************************************/
/*                                                                           */
/* StatDNS                                                                   */
/* Copyright (c) 2011-2023, Frederic Cambus                                  */
/* https://www.statdns.com                                                   */
/*                                                                           */
/* Created: 2011-09-06                                                       */
/* Last Updated: 2022-08-02                                                  */
/*                                                                           */
/*****************************************************************************/

@font-face {
    font-family: 'UbuntuBold';
    src: url('/fonts/Ubuntu-Bold-webfont.eot');
    src: url('/fonts/Ubuntu-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Ubuntu-Bold-webfont.woff') format('woff'),
         url('/fonts/Ubuntu-Bold-webfont.ttf') format('truetype'),
         url('/fonts/Ubuntu-Bold-webfont.svg#UbuntuBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*****************************************************************************/

body {
	color: #333;
	background: #f5f5f5 url('/images/background.png');
	font-size: 16px;
}

p {
	font-size: 16px;
}

pre {
	background: #000;
	color: #aaa;
	margin-bottom: 30px;
}

/*****************************************************************************/

#header {
	background: #97d9fc; /* Old browsers */
	background: -moz-linear-gradient(top, #97d9fc 0%, #80d0fe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#97d9fc), color-stop(100%,#80d0fe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #97d9fc 0%,#80d0fe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #97d9fc 0%,#80d0fe 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #97d9fc 0%,#80d0fe 100%); /* IE10+ */
	background: linear-gradient(top, #97d9fc 0%,#80d0fe 100%); /* W3C */
}

#header {
	border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;
	color: #fff;
	font-family: 'UbuntuBold';
	height: 112px;
}

#header strong {
	color: #484848;
	display: block;
	font-size: 14px;
	font-weight: normal;
	text-shadow: 1px 1px 0 #fff;
	margin: 0px;
	padding: 0px;
	line-height: 1;
}

#header h1 {
	color: #fff;
	font-size: 80px;
	font-weight: normal;
	text-shadow: 1px 1px 2px #ccc;
	margin: 0;
	line-height: 1;
}


#header h1 span {
	color: #555;
	text-shadow: 1px 1px 2px #fff;
}

#header a {
	text-decoration: none;
	color: #fff;
}

#logo {
	float:left;
	padding: 5px 0 0 20px;
}

.nav-tabs {
	margin: 20px 20px 0 20px;
}

#content {
	padding: 0 20px;
}

#footer {
	border-top: 1px solid #eee;
	border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px;	-moz-border-radius: 0 0 10px 10px;
	color:#fff;
	height: 60px;
	padding: 10px 20px;
	margin: 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}


#footer a {
	color: #fff47f
}

#footer p {
	font-size: 14px;
    font-weight: bold;
	margin-bottom: 0px
}

/*****************************************************************************/

.container {
	background: #fff;
	border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
	box-shadow: 2px 0px 2px #ccc, -2px 0px 2px #ccc; -webkit-box-shadow: 2px 0px 2px #ccc, -2px 0px 2px #ccc; -moz-box-shadow: 2px 0px 2px #ccc, -2px 0px 2px #ccc;
	margin: 20px auto;
	padding: 0px;
}

.nav-pills {
	border-bottom: 1px solid #eee;
	padding: 5px 20px;
}

.nav-pills li {
	padding-right: 5px;
}

.nav-pills a {
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	line-height: 0.9;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	background: #fff47f;
	color: #484848;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.25);

}

.nav-pills > li > a:hover, .nav-pills > li > a:focus {
    background-color: transparent;
}

.nav-pills {
	height: 45px;
}

.nav-pills, #footer {
	background: #89a8c4; /* Old browsers */
	background: -moz-linear-gradient(top, #89a8c4 0%, #78a1c5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#89a8c4), color-stop(100%,#78a1c5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #89a8c4 0%,#78a1c5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #89a8c4 0%,#78a1c5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #89a8c4 0%,#78a1c5 100%); /* IE10+ */
	background: linear-gradient(top, #89a8c4 0%,#78a1c5 100%); /* W3C */
}

.api td:nth-child(1) { width: 50% }

.data td:nth-child(1) { width: 50% }
.data td:nth-child(2), .data th:nth-child(2) { width: 25%; text-align: center }
.data td:nth-child(3), .data th:nth-child(3) { width: 25%; text-align: right }

.resources td:nth-child(1) { width: 33% }

.rfc td:nth-child(1) { width: 10% }
.rfc td:nth-child(2) { width: 75% }
.rfc td:nth-child(3) { width: 15% }

.zones thead th { text-align: right }
.zones thead th:nth-child(2) { text-align: left }
.zones td { text-align: right }
.zones td:nth-child(1), td:nth-child(2) { text-align: left }

.cctlds th:nth-child(4), .cctlds th:nth-child(7), .cctlds td:nth-child(4), .cctlds td:nth-child(7) { text-align: center }
.cctlds td:nth-child(4) a { text-decoration: none }
.cctlds td:nth-child(7) { color: #8ec100 }

.fa-github { color: #000 }

.alert h3 { color: red; padding-top: 0px; margin-bottom: 10px }
.alert-danger a:hover, .alert-danger a:active, .alert-danger a:link, .alert-danger a:visited { color: red; font-weight: bold }

.well { background-color: #aaa; text-align: center; width: 720px }
.well img { text-align: center }