body, button, input, select, textarea { /* default site font */ 
	font-family:Verdana, Helvetica, sans-serif;
}
body {
	font-size:80.01%;
	padding: 0;
	margin: 0;
	color:#444;
	text-align: center;
}
body * 	{ 
	font-size:1.0em; 
}
h1 {
	font-size:1.5em; 
	margin: 0;
	padding: 0 5px;
	color: #000;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	display: inline;
}
span.records,
span.new {
	font-size:0.9em; 
	margin: 0 10px;
	padding: 0 0 2px 0;
	font-weight: normal;
	position: relative;
	text-align: right;
	color: #777;
}

span.new a {
	background: url(img/add.png) no-repeat 0 50%;
	padding: 2px 0 2px 20px;
	
}
form {
	margin: 0;
	padding: 0;
}

a {
	text-decoration:none;
}
a:link { 
	color: #023ccf;
}
a:visited {
	color: #03c;
}
a:hover {
	color: #f00;
}
a:active {
	color: #c00;
}


div.domains {
	padding: 5px;
	background: #eee url(img/grad_v_40px_fff-eee.png) repeat-x 0 0;
	border-bottom: 1px solid #999;
}

table.list {
	border-collapse: collapse;
	margin: 5px auto 0 auto;
	width: 100%;
	clear: both;
}
table.list th {
	background: #555 url(img/table_list_th.png) repeat-x 0 0;
	border: 1px solid #333;
	color: #fff;
	font-size: 0.8em;
	padding: 2px 0;
	text-transform: uppercase;
	vertical-align: top;
	white-space: nowrap;
	text-align: center;
}
table.list td {
	background: #eee url(img/grad_v_40px_fff-eee.png) repeat-x 0 -20px;
	border: 1px solid #999;
	padding: 2px 5px;
	vertical-align: top;
	white-space: nowrap;
	text-align: left;
}
table.list tr:hover td {
	background: #fff;
	color: #000;
}

table.form {
	border-collapse: collapse;
	margin: 5px auto 0 0;
	width: 1%;
	clear: both;
	border: 1px solid #999;
	text-align: left;
}
table.form th {
	background: #f5f5f5;
	padding: 5px;
	vertical-align: top;
	white-space: nowrap;
	text-align: right;
}
table.form th label {
	display: block;	
	padding: 4px 0;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
}
table.form th span {
	font-weight: normal;
	font-size: 0.9em;		
}
table.form td {
	background: #f5f5f5;
	padding: 5px;
	vertical-align: top;
	white-space: nowrap;
	text-align: left;
}



tr.active td {
	color: #444;
}
tr.inactive td {
	color: #777;
	background: #ddd;
}
tr.inactive a {
	text-decoration: line-through;
}
tr.inactive a:link,
tr.inactive a:visited {
	color:#f00;
}


.modify,
.mdate {
	width: 1%;
}
.rec_type {}
.ttl {}
.priority {}

.name input,
.ip input {
	width:99%;
}

/* Added by Brendan */
img {
  border:0;
  vertical-align: bottom;
}
table.list td.ip {
	white-space: normal;
} 
table.list td.name,
table.list td.user_login {
	text-align: right;
} 
table.list td.mdate {
	padding-top: 4px;
	font-size: 0.8em;
} 
table.list td.alias {
	white-space: normal;
} 

.user_login,
.user_name,
.user_pass {
	width: 33%;
}

.name,  
.ip {
	width: 50%;
}



div.users,
div.addresses,
div.edituser,
div.editalias {
	margin: 50px auto;
	width: 600px;
	text-align: left;
}


span.user_local,
span.user_internal,
span.user_external {
	display: block;
	text-align: right;
}
span.user_local {
	color: #3c0;
	font-weight: bold;
}
span.user_internal {
}
span.user_external {
	color: #03c;
	font-style: italic;
}



/*
	Login Page
*/
div.loginform {
	margin: 50px auto 0 auto;
	border: 1px solid #999;
	background: #f5f5f5;
	width: 250px;
}
div.loginform div.input {
	text-align: left;
	padding: 15px 15px 0 15px;
}
div.loginform div.input label {
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
}
div.loginform div.input input {
	width: 99%;
}
div.loginform div.submit {
	padding: 15px;
}