/*
 *  Copyright (c), 1999-2005.  Dynamic Network Services, Inc.
 */
 
/* Globals */

body {
	margin: 0;
	padding: 0;
	background: #fff;
}

h1, h2, h3, h4, a, p, li, td, div {
	font-family: arial, helvetica, sans-serif;
}

/* Header */

#header {
	margin:0;
	padding: 0;
	height: 66px;
	background-color: #000;
}

#header h1 {
	margin: 0;
	display: none;
}

#header img {
	float: left;
	border: 0;
}

#toplogin {
	margin: 0 1em 0 0;
	float: right;
	color: white;
	text-align: center;
	font-size: 75%;
	background: url(/images/site/toplogin-right.gif) bottom right no-repeat;
	background-color: #6e6e6e;
}

#toplogin-left {
	background: url(/images/site/toplogin-left.gif) bottom left no-repeat;
	padding: 0;
	margin: 0;
}

#toplogin form {
	margin: 0;
	padding: .5em;
}

#toplogin a {
	color: white;
	text-decoration: none;
}

#toplogin-actions {
	padding-bottom: .5em;
}	

#toplogin-login {
	padding: .5em;
}	


/* topnav */

#topnav {
	padding: 0;
	margin: 0;
	float: left;
	width:100%;
	background: #ffcc00 url(/images/site/dyndns-logo2.gif) top left no-repeat;
	text-align: center;
}

#topnav ul {
	margin: 0 0 0 85px;
	padding: 6px 0 0 20%;
	list-style: none;
}

#topnav li {
	float: left;
	background: url(/images/site/tabs/left_both.png) no-repeat left top;
	margin: 0;
	padding: 0 0 0 9px;
}

#topnav a {
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	background: url(/images/site/tabs/right_both.png) no-repeat right top;
	padding: 3px 15px 3px 6px;
	text-decoration: none;
	color: #333;
	line-height: 125%;
}

#topnav > ul a {
	width: auto;
}

#topnav a {
	float: none;
}

#topnav a:hover {
	color:#333;
}

#topnav #currenttab {
	background-position:0 -150px;
	border-width:0;
}

#topnav #currenttab a {
	background-position:100% -150px;
	color:#fff;
}

#topnav li:hover, #topnav li:hover a {
	background-position:0% -150px;
	color:#fff;
}

#topnav li:hover a {
	background-position:100% -150px;
}


/* body */

#main {
	border-top: 7px solid #302F42;
	clear: both;
	margin: 0;
	padding: 0;
}

/* sidenav */

#sidenavtd {
	width: 175px;
	margin: 0;
	padding: 0;
	background: #302f42;
	vertical-align: top;

}

#sidenav {
	background: #302f42;
	margin-top: 10px;
	width: 175px;
	float: left;
}

#sidenav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidenav a {
	color: white;
	text-decoration: none;
}

#sidenav li:hover {
	background-color: #515165;
	text-decoration: none;
}

#sidenav li.title {
	font-size: 14px;
	font-weight: bold;
	border-top: 1px solid #aaa;
	line-height: 12px;
	padding: 6px 3px 6px 6px;
	margin: 0px;
}

#sidenav li.first {
	font-size: 12px;
	font-weight: bold;
	border-top: 1px solid #5d5d72;
	line-height: 12px;
	padding: 3px 3px 3px 12px;
	margin: 0;
}

#sidenav li.second {
	font-size: 12px;
	line-height: 12px;
	padding: 3px 3px 3px 24px;
	margin: 0px;
}

#sidenav li.third {
	font-size: 11px;
	line-height: 11px;
	padding: 3px 3px 3px 42px;
	margin: 0px;
}

#sidenav li.last {
	border-top: 1px solid #aaa;
	font-size: 11px;
	line-height: 11px;
	margin: 0px;
}

#sidenav li.last:hover {
	font-size: 11px;
	line-height: 11px;
	margin: 0px;
	background-color: #302f42;
}


#currentnav {
	background-color: #464559;
	color: white;
}


/* body */


#main {
	width: 100%
}

#maintd {
	background: url(/images/site/corner.gif) no-repeat left top;
	vertical-align: top;
}

#content {
	padding: 0 1em 1em 1em;
	margin: 0;
}

#content h2 {
	margin-top: .5em;
	padding: 0;
	border-bottom: 3px solid #ffcc00;
	background: url(/images/site/globe_bk.gif) no-repeat left top;
	font-size: 133%;
}

#content h3 {
	border-bottom: 1px solid #ffcc00;
	background-color: #f3f2fa;
	font-size: 125%;	
	font-weight: normal;
}

#content table {
	width: 100%;
}

#content th {
	background: #b8b7cf;
	padding: .33em;
}

#content td {
	background: #e8e8e8;
	padding: .5em;
	vertical-align: middle;
	text-align: left;
}


#content li {
	line-height: 150%;
}

#content dt {
	margin-top: 1em;
	font-weight: bold;
}

#content dd {
	line-height: 150%;
}

#content img {
	border: 0;
}

#content .error {
	color: #ff0000;
	font-size: 75%;
}

#content .note {
	font-size: 75%;
	text-align: center;
	background-color: #e8e8e8;
	border: 1px solid #a8a8a8;
	padding: .67em;
	margin: .67em;
}

#content .actions {
	font-size: 83%;
}

#content .right-actions {
	padding-top: 3px;
	float: right;
	font-size: 83%;
}

#content .page-actions, #content .submit {
	text-align: right;
	font-size: 83%;
}

#content .table-actions {
	text-align: right;
	font-size: 83%;
	margin: 0;
	padding: 0;
}

#content .table-content {
	margin: 0;
	padding: 0;
}


#content .mon-green {
	background-color: #ccffcc;
}

#content .mon-yellow {
	background-color: #ffffcc;
}

#content .mon-disabled {
	background-color: #ffffcc;
}

#content .mon-red {
	background-color: #ffcccc;
}


/* footer */

#footer {
	margin-top: 0;
	border-top: #302F42 1px solid;
	padding: 1em;
	clear: both;
	text-align: center;
	font-size: 75%;
	font-family: arial, helvetica, sans-serif;
}

#footer a {
	text-decoration: none;
}


/* error */


#bugreport {
	text-align: center;
	background-color: #e8e8e8;
	border: 1px solid #a8a8a8;
	padding: 1em;
	margin: 1em;
}