body {
	max-width: 835px;
	_width: 835px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	font-size: 80%;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: #666666;
	background-image: url(/static/images/background.jpg);
	background-repeat: repeat-x;
}

*.invisible {
    display: none;
}

a {
	color: #225500;
}

abbr {
    text-decoration: none;
    border: none;
}

h1, h2, h3, h4 {
	font-family: 'DejaVu Sans', Verdana, Sans-Serif;
	font-stretch: condensed;
	font-weight: bold;
	position: relative;
	margin-top: 30px;
}
h1 {
	font-size: 3.5em;
	margin-top: 10px;
	margin-bottom: 10px;
}
h2 {
	font-size: 1.8em;
	margin-bottom: 0px;
}
h3 {
	font-size: 1.4em;
	margin-bottom: 0px;
}
h4 {
	font-size: 1.4em;
	margin-bottom: 0px;
}

sup {
	margin-left: 5px;
	font-size: 50%;
}

div.display_coupon {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    padding: 15px;
    border: 1px solid black;
    background-color: #feefbf;
    text-align: center;
    font-size: 180%;
}

dd {
	margin-bottom: 0.2em;
}

.qa dt {
	font-weight: bold;
}

.qa dd {
	margin-bottom: 10px;
}

div.header {
	position: relative;
	padding: 10px;
	width: 815px;
	background: url(/static/images/header_background.png) repeat-x;
	color: white;
	height: 78px;
}

	#header_logo {
		border: none;
		position: absolute;
		top: 0px;
		left: 0px;
	}

	#header_dnc {
		border: none;
		position: absolute;
		top: 0px;
		right: 0px;
	}

	.header a {
		color: white;
		text-decoration: none;
	}

	.header a:hover {
		text-decoration: underline;
	}

div.footer {
	position: relative;
	clear: both;
	text-align: left;
	background: url(/static/images/footer.png);
	padding: 14px;
	height: 10px;
	color: #ffffff;
	_width: 806px;
	font-size: 80%;
}
	.footer ul {
		padding: 0px;
		margin: 5px;
	}
	.footer li {
		display: inline;
		margin: 10px;
		padding: 0px;
	}
	.footer a {
		color: #ffffff;
		text-decoration: none;
	}
	.footer a:hover {
		text-decoration: underline;
	}

	.footer div.redspider {
		position: absolute;
		right: 10px;
		top: 15px;
	}

table.buttonbar {
	width: 100%;
}

div.content {
	position: relative;
	background-color: white;
	padding: 10px;
	padding-left: 50px;
	padding-right: 50px;
	overflow: auto;
	_width: 734px;
	min-height: 450px;
	line-height: 150%;
}

div.clear {
	background: none;
	height: 1px;
}

div.package_list {
	background-color: black;
	color: white;
	padding: 2%;
	margin: 0px;
	width: 98%;
}
	.package_list a {
		color: #ff8888;
	}

table.prices {
	margin: 10px;
	background-color: #727272;
	color: white;
	padding: 5px;
}

div.column_right {
	float: left;
	width: 284px;
	padding-left: 50px;
	padding-right: 0px;
}

div.column_left {
	float: left;
	width: 390px;
	min-width: 390px;
	padding-left: 0px;
	padding-right: 1%;
	
}

div.column_left_manage {
	float: left;
	width: 520px;
	min-width: 520px;
	padding-left: 0px;
	padding-right: 0px;
	
}
div.right_head {
	position: absolute;
	right: 5px;
	top: 0px;
	display: none;
}

img.signup_support {
	margin: 5px;
	float: right;
}

div.search {
	position: absolute;
	right: 5px;
	top: 5px;
}

ul.menu {
	position: absolute;
	right: 100px;
	bottom: 5px;
}

	.menu li {
		display: inline;
		margin: 5px;
		font-size: 1.0em;
	}

ul.features {
	font-size: 2.4em;
	background-color: black;
	color: white;
}

	.features li {
		text-align: center;
	}

div.warning {
	border: 2px solid #aa7777;
	background-color: #f0cccc;
	padding: 5px;
	margin: 5px;
}

span.fielderror {
	color: #aa0000;
}

/*** Flash (bold red rounded (moz) border) */

div.flash {
	background-color: #d0b000;
	color: #000000;
	border-top: 1px dotted black;
	border-bottom: 1px dotted black;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	padding: 5px;
}

/*** Progress bar for signup */

div.progress {
	width: 312px;
	height: 38px;
	margin: 15px auto 15px auto;
	position: relative;
}
	.progress div.text {
		position: relative;
		top: -10px;
		z-index: 101;
		text-align: center;
		font-size: 22px;
		font-weight: bold;
	}

	.progress img {
		position: absolute;
		top: 0px;
		left: 0px;
	}

/*** Forms */

.tableform th {
	text-align: right;
}

table.contactlist {
	width: 100%;
}

.contactlist h4 {
	margin-top: 0px;
	margin-bottom: 5px;
}

	
/*** Week view tables */

div.weekTop {
	margin-top: 50px;
	text-align: center;
	margin-bottom: 8px;
}

div.weekBottom {
	margin-top: 8px;
	text-align: center;
}

table.evenMenu {
	width: 100%;
}
	td.evenLeft {
		width: 50%;
		text-align: right;
		padding-right: 10px;
	}

	td.evenRight {
		padding-left: 10px;
		width: 50%;
		text-align: left;
	}

table.week {
	width: 100%;
}
	.week th {
		background-color: black;
		color: white;
	}

	.week td {
		text-align: center;
	}

	.wide th, .wide td {
		width: 11%;
	}
	
	.normal th, .normal td {
		width: 14%;
	}
	
	tr.even_even { background-color: #f0e0e0; }
	.even_even th { color: #705050; background-color: #f0e0e0; }

	tr.even_odd { background-color: #ffefef; }
	.even_odd th { color: #8f6f6f; background-color: #ffefef; }

	tr.odd_even { background-color: #e0e0f0; }
	.odd_even th { color: #505070; background-color: #e0e0f0; }

	tr.odd_odd { background-color: #efefff; }
	.odd_odd th { color: #6f6f8f; background-color: #efefff;}

/*** Calendar on view/edit */

table.calendar {
	position: absolute;
	right: 5px;
	top: 5px;
	border-collapse: collapse;
}
	.calendar td, .calendar th {
		text-align: center;
		margin: 0px;
		padding: 2px;
	}

	.calendar tr.current {
		background-color: #dddddd;
	}

/*** Reports */

table.report {
	width: 95%;
}

.report tr.task_failed {
	background-color: #ffaaaa;
}

table.results {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/*** Cards (vert reports) */
.card th {
	text-align: right;
}

/*** Contacts (partial tables) */
table.contactSet {
	width: 99%;
}
.contactSet td {
	vertical-align: top;
}

/*** Money tables */

td.currency, th.currency {
	text-align: right;
}

.change td {
	font-style: italic;
}

.total td {
	border-top: 1px dotted black;
}

.total td {
	font-weight: bold;
}

#dnc_logo {
	position: absolute;
	right: 0px;
	top: 0px;
	border: none;
}

h3.partition {
	border-top: 1px solid #aaaaaa;
	margin-top: 40px;
}

.footnotes {
	margin-top: 20px;
}

.footnote {
	font-size: 80%;
}

form.panel {
	background: url(/static/images/panel.png);
	
	width: 389px;
	height: 105px;
	font-size: 1.6em;
	padding-top: 15px;
	text-align: center;
	margin-bottom: 30px;
}

.panel input.domain, .panel input.tld_select, .panel .tld_select {
	background-color: #333333;
	color: white;
	font-size: 1.0em;
	border: 1px solid #444444;
}

.panel input[type="submit"].glow {
	background: url(/static/images/button_glow_black.png);
}

.panel input[type="submit"] {
	background: url(/static/images/button_black.png);
}

.panel input[type="submit"]:hover {
	background: url(/static/images/button_glow_black.png);
}


div.buttonbar {
	position: relative;
	padding-top: 15px;
}

input[type="submit"] {
	border: none;
	background: url(/static/images/button.png);
	width: 86px;
	height: 23px;
	color: white;
}

input[type="submit"]:hover {
	background: url(/static/images/button_glow.png);
}

a.button {
	display: block;
	border: none;
	background: url(/static/images/button.png);
	width: 82px;
	height: 20px;
	color: white;
	text-align: center;
	text-decoration: none;
	padding: 2px;
}

a.button:hover {
	background: url(/static/images/button_glow.png);
}

a.black {
	background: url(/static/images/button_black.png);
	height: 19px;
}

a.black:hover {
	background: url(/static/images/button_glow_black.png);
}



div.standard_box {
	background: url(/static/images/standard_box.png);
	width: 283px;
	height: 180px;
}

div.free_box {
	background: url(/static/images/free_box.png);
	width: 283px;
	height: 180px;
}

div.box {
	border: 1px solid white;
	margin-top: 20px;
	position: relative;
}

.box h3 {
	font-size: 1.8em;
	margin-top: 10px;
	padding-top: 0px;
	padding-left: 40px;
	color: white;
}

.box a.button {
	position: absolute;
	right: 10px;
	bottom: 30px;
}

.box p {
	padding-top: 5px;
	padding-left: 40px;
	padding-right: 40px;
	color: white;
}

.midheight {
	vertical-align: middle;
}

.free_box p {
	padding-right: 80px;
}

table.matrix {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

.matrix tr th {
	text-align: right;
}

.matrix td {
	text-align: center;
}

.matrix td.high {
	color: #660000;
}
.matrix td.low {
	color: #000066;
}

div.sidemenu {
	position: absolute;
	right: 0px;
	top: 40px;
	width: 200px;
	background-color: black;
	color: white;
    padding-top: 18px;
    padding-bottom: 18px;
}
	.sidemenu div {
		margin: 5px 0px 5px 0px;
		padding: 0px;
	}
	.sidemenu div {
		margin: 0px 0px 0px 0px;
		padding: 5px 20px 5px 20px;
	}
	.sidemenu div:hover {
		background-color: #333333;
	}
	.sidemenu div.current {
		background-color: #222;
		font-weight: bold;
	}
	.sidemenu hr {
		margin-left: 10px;
		margin-right: 10px;
		border: none;
	}

	.sidemenu a {
		color: white;
		text-decoration: none;
	}

div.summary_action {
	text-align: right;
}

div.green {
	background-color: #d6e6c3;
}

img.round_top {
    position: absolute;
    top: 0px;
    left: 0px;
}

img.round_bottom {
    position: absolute;
    bottom: 0px;
    left: 0px;
}


div.summary {
	position: relative;

	margin: 0px 0px 30px 0px;
	width: 520px;
}
	div.summary_content {
		padding: 7px 20px 7px 70px;
	}

	.summary div.icon {
		position: absolute;
		top: 15px;
		left: 0px;
		width: 50px;
		height: 50px;
		text-align: right;
		font-size: 40px;
        overflow: visible;
        line-height: 40px;
		color: #7a9954;
	}

	.green div.icon {
		top: 20px;
		left: 5px;
	}

	.summary div.more {
		position: relative;
		height: 15px;
		margin-top: 5px;
		text-align: right;
	}

	.summary .more img {
		position: absolute;
		right: 0px;
		border: none;
	}

*.error {
	color: #660000;
	font-style: italic;
}


/* Forms */


/* Form styles */
div.form-container { margin: 10px; padding: 5px; }

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC;  color: black; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.search form label { width: 90px; }
form div.searchcolumn_2_2 label { width: 50px; }

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #999; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #eee 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container .error label, 
div.form-container .error span { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container .error input,
div.form-container .error textarea { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container .error input:focus, 
div.form-container textarea:focus { background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }
div.form-container div.nolabel { margin-left: 170px; }
div.form-container div.nolabel input { display: inline; float: none; }
div.form-container div.nolabel label { display:inline; float: none; width: auto; }

div.microform-container form fieldset { border: none; }