/* Reset
------------------------------ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.data, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	border: 0;
	padding: 0;
	outline: 0;
	font-size: 1em;
	vertical-align: baseline;
	background-color: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table.data {
	border-collapse: collapse;
	border-spacing: 0;
}



/* Global Styles
------------------------------ */

body {
	padding: 0 20px;
	background-color: #FFDE00;
	color: #666;
	font: normal 1em/1.4 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

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

h1 {
	position: relative;
	margin: .4em 0 1em;
	border-bottom: 1px solid #EAEAEA;
	padding: 0 0 .1em;
	color: #333;
	font-size: 1.6em;
}
	h1 .title-addon {
		position: absolute;
		top: 0; right: 0;
		padding: .85em 0 0;
		color: #AAA;
		font-size: .55em;
	}
		h1 .title-addon a.notice {
			padding-left: 23px;
			background: url(../../images/application/i-warning-dark.png) no-repeat 0 center;
			text-decoration: none;
		}
	h1 select {
		position: absolute;
		top: .6em; right: 0;
	}
	h1.success {
		padding-left: 25px;
		background: url(../../images/application/i-success.png) no-repeat 2px center;
	}

h2 {
	position: relative;
	margin: 1.4em 0 .8em;
	color: #333;
	font-size: 1.2em;
}
	h2 .title-addon {
		position: absolute;
		top: 0; right: 0;
		padding: .4em 0 0;
		font-size: .7em;
	}
	h2 .title-addon select {
		margin-top: -1em;
	}
	h2 em.returnpath {
		font-size: .85em;
		color: #9EA9B4;
	}

h3 {
	margin: 1.5em 0 .5em;
	font-size: 1.1em;
}
p {
	margin: .2em 0 1em;
}
ul, ol {
	margin: .2em 0 1em 2.1em;
}
	ul li,
	ol li {
		margin-bottom: .75em;
	}
	ul li { list-style: disc; }
	ol li { list-style-type: decimal; }

kbd {
	font: bold .9em 'Courier New', Courier, serif;
	color: #000;
}

hr {
	height: 1px;
	margin: 20px 0 30px;
	border: 1px solid #EEE;
	border-width: 1px 0 0;
}

code {
	margin: 0 .25em;
	color: #000;
	font: 11px/1.6 "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, Monospace;
}



/* Misc
------------------------------ */

.hidden {
	display: none !important;
}
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

.meta {
	color: #AAA;
}
.light {
	font-weight: normal;
}

.block-content {
	margin: 0 0 2em;
	font-size: .85em;
}

p.helper {
	margin: .5em 0 1.75em;
}

p.hint {
	margin: 4em 0 2em;
	border: 1px solid #DEDEDE;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 1.25em;
	background: url(../../images/application/bg-stripes-light.gif);
	color: #333;
	text-align: center;
	font-size: .85em;
}
p.hint a {
	color: #000;
}

span.sep {
	color: #DDD;
}

code.full-size {
	display: block;
	margin: 0 0 1em;
	padding: 1em 1.3em;
	border: 1px solid #DDD;
	background: url(../../images/application/bg-stripes-light.gif);
	overflow-x: auto;
	white-space: pre;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
}
code.full-size.flat {
	background: none;
}


/* Highlight */

kbd.highlight,
strong.highlight {
	padding: .2em .4em;
	background-color: #FFFED0;
	color: #4E4D00;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
}


/* Buttons */

a.button-big {
	display: inline-block;
	margin: 0 25px;
	padding: 30px;
	background-color: #007DCC;
	background-position: 30px 50%;
	background-repeat: no-repeat;
	color: #FFF;
	line-height: 1;
	text-decoration: none;
	text-shadow: #003E66 0 1px 1px;
	font-weight: bold;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
}
	a.button-big:hover {
		background-color: #0076BF;
	}

a.button-big.i-add {
	padding-left: 75px;
	padding-right: 40px;
	background-image: url(../../images/application/i-add-big.png);
}
a.button-big.i-next {
	padding-left: 75px;
	padding-right: 40px;
	background-image: url(../../images/application/i-next-big.png);
}
a.button-big.i-done {
	padding-left: 75px;
	padding-right: 40px;
	background-image: url(../../images/application/i-done-big.png);

}

a.button-sml {
	margin-left: 1em;
	padding: .2em .4em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	background-color: #CCC;
	color: #FFF;
	font-size: .85em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer !important;
}
a.button-sml:hover,
a.button-sml.hover {
	background-color: #333;
}
a.button-sml:active,
a.button-sml.active {
	background-color: #000;
}


/* Default Actions */

div.actions {
	margin: 3em 0 0;
	padding: 2em 0 0;
	border-top: 1px solid #DDD;
	text-align: center;
}
	div.actions span {
		margin: 0 .4em;
		color: #CCC;
	}

a.action {
	color: #F00 !important;
	text-decoration: none;
	font-weight: bold;
}
a.action:hover {
	text-decoration: underline;
}
a.action.confirm {
	color: #007A31 !important;
}
a.action.i-cancel {
	padding-left: 18px;
	background: url(../../images/application/i-cancel.png) no-repeat 0 60%;
}
a.action.i-print {
	padding-left: 18px;
	background: url(../../images/application/i-arrow-right.png) no-repeat 0 60%;
	color: #333 !important;
}
a.action.i-back {
	padding-left: 18px;
	background: url(../../images/application/i-arrow-left.png) no-repeat 0 60%;
	color: #333 !important;
}


/* Blank Message */

p.blank {
	padding: 2em 0;
	font-size: 1.1em;
	line-height: 1.6;
}
p.blank.centered {
	text-align: center;
}


/* Server Type */

strong.type {
	padding: .2em .4em;
	font-size: .91em;
	text-transform: uppercase;

	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
}
strong.type.shared {
	background-color: #333;
	color: #FFF;
	text-shadow: 0 1px 0 #000;
}
strong.type.dedicated {
	background-color: #DDD;
	color: #333;
	text-shadow: 0 1px 0 #EEE;
}


/* Tooltips */

#tooltip {
	position: absolute;
	width: 180px;
	padding: .4em .6em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	background-color: #000;
	z-index: 65000;
}
	#tooltip p {
		margin: 0;
		color: #FFF;
		font-size: .75em;
	}
		#tooltip p span {
			color: #999;
		}
	

/* Pagination */

.pagination {
	font-size: .85em;
	text-align: center;
}
	.pagination a {
		padding: .2em .3em;

		color: #007DCC;
		text-decoration: none;
	}
	.pagination a:hover {
		color: #004775;
	}
	.pagination span {
		color: #B3D8F0;
	}
	.pagination span.current {
		padding: .2em .6em;
		border: 1px solid #007DCC;
		background-color: #007DCC;
		color: #FFF;
		text-shadow: 0 1px 0 #004775;

		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
	}
	.pagination span.disabled {
		margin-right: .4em;
		color: #80BEE6;
	}
	.pagination p.status {
		color: #AAA;
		font-size: .85em;
	}


/* Announcement */

#announcement {
	position: relative;
	margin: 0 -20px;
	background: #007DCC url(../../images/application/bg-announcement.png) repeat-x 0 100%;
	color: #cce5f5;
}
	#announcement p {
		width: 90%;
		margin: 0;
		padding: 1em 20px;
		font-size: .81em;
	}
		#announcement p a {
			color: #FFF;
		}
	#announcement p.hide {
		position: absolute;
		top: 0; right: 0;
		width: auto;
	}
		#announcement p.hide a {
			font-weight: bold;
			text-decoration: none;
		}


/* Autocomplete */

.ac_results {
	border: 1px solid #AAA;
	background-color: #EEE;
	z-index: 9999;
	overflow: hidden;
}
	.ac_results ul {
		width: 100%;
		padding: 0;
		margin: 0;
		list-style-position: outside;
		list-style: none;
	}
		.ac_results ul li {
			display: block;
			margin: 0px;
			padding: .2em .4em;
			font-size: .81em;
			cursor: pointer;
			overflow: hidden;
		}
	.ac_results iframe {
		position: absolute;
		top: 0; left: 0;
		width: 3000px;
		height: 3000px;
		z-index: -1;
		filter:mask();
	}
.ac_over {
	background-color: #AAA;
	color: #FFF;
	text-shadow: 0 1px 0 #999;
}
.ac_loading {
	display: none;
}


/* Black Curtain */

#curtain {
	position: fixed;
	top: 0; left: 0;
	width: 100%;
	background-color: #000;
	z-index: 65000;
	opacity: .9;
}


/* Popup */

#popup {
	position: fixed;
	top: 0; left: 0;
	width: 420px;
	background-color: #FFF;
	font-size: .81em;
	z-index: 66000;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
}
	#popup .wrapper {
		padding: 40px;
	}
	#popup a.b-close-popup {
		display: block;
		position: absolute;
		top: -15px; right: -15px;
		width: 29px;
		height: 29px;
		background: url(../../images/application/b-close.png) no-repeat 0 0;
		text-indent: -9999px;
	}

	/* Content */

	#popup h2 {
		margin: 0 0 1em;
		color: #333;
	}
	#popup hr {
		height: 1px;
		margin: 20px -40px 20px;
		border: 1px solid #DDD;
		border-width: 1px 0 0;
	}
#popup.loading {
	background: #FFF url(../../images/application/i-loading.gif) no-repeat center center;
}
	#popup.loading .wrapper {
		padding: 40px 100px;
	}



/* Header
------------------------------ */

.header {
	position: relative;
	min-width: 940px;
	height: 110px;
	z-index: 5000;
	overflow: hidden;
}


	/* Logotype */

	.header h1 {
		position: absolute;
		top: 39px; right: 40px;
		width: 130px;
		height: 21px;
		margin: 0;
		border: 0;
		padding: 0;
		background: url(../../images/application/logo.png) no-repeat 0 0;
		text-indent: 9999px;
		text-align: right;
		font-size: 23px;
		line-height: .8em;
		overflow: hidden;
	}
		.header h1 a {
			display: block;
			height: 100%;
		}


	/* Navigation */

	ul.nav {
		width: 820px;
		margin: 27px auto 0;
		overflow: hidden;
	}
		ul.nav li {
			float: left;
			margin: 0 28px 0 0;
			padding: 14px 0 0;
			list-style: none;
			font-size: .95em;
		}
			ul.nav li a {
				color: #760;
				text-decoration: none;
				font-weight: bold;
			}
			ul.nav li a:hover {
				color: #222;
			}
		ul.nav li.active {
			height: 35px;
			margin-bottom: 10px;
			padding-left: 23px;
			padding-right: 23px;
			background-color: #333;
			color: #FFF;
			text-shadow: #000 0 1px 1px;

			box-shadow: 0 2px 2px #CCC;
			-webkit-box-shadow: 0 2px 2px #CCC;
			-moz-box-shadow: 0 2px 2px #CCC;

			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-khtml-border-radius: 5px;
		}
			ul.nav li.active a {
				color: #FFF;
			}
			ul.nav li.active strong span {
				float: left;
				width: 15px;
				height: 15px;
				margin: .2em .5em 0 0;
				background-image: url(../../images/application/bg-nav-label.png);
				background-repeat: no-repeat;
				background-position: 0 0;
			}


	/* Sub-Navigation */

	ul.subnav {
		width: 820px;
		height: 39px;
		margin: -16px auto 0;
		border-top: 1px solid #BBB;
		padding: 0 20px;
		background: #EEE url(../../images/application/bg-subnav.gif) repeat-x 0 0;
		overflow: hidden;

		border-bottom-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-khtml-border-radius-bottomleft: 5px;

		border-bottom-right-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-khtml-border-radius-bottomright: 5px;
	}
		ul.subnav li {
			float: left;
			margin: 0 40px 0 0;
			padding: 10px 0 0;
			list-style: none;
			font-size: .8em;
		}
			ul.subnav li a {
				color: #999;
				text-decoration: none;
				font-weight: bold;
			}
			ul.subnav li a:hover,
			ul.subnav li strong,
			ul.subnav li strong a {
				color: #333;
			}
				ul.subnav li a span,
				ul.subnav li strong span {
					color: #BBB;
					font-weight: normal;
				}


	/* User */

	.header p {
		position: absolute;
		top: 5px; right: 40px;
		margin: 0;
		color: #760;
		font-size: .7em;
	}
		.header p span {
			margin: 0 .4em;
			color: #D6BC0A;
		}
		.header p a {
			margin-left: 3px;
			padding-left: 15px;
			background: url(../../images/application/i-header.png) no-repeat 0 0;
			color: #333;
			font-weight: bold;
			text-decoration: none;
		}
		.header p a:hover {
			color: #000;
		}
		.header p a.i-user   		{ background-position: 0 2px; padding-right: 10px; }
		.header p a.i-logout 		{ background-position: 0 -48px; margin: 0; }
		.header p a.i-feedback  { background-position: 0 -98px; padding-right: 10px; }
		.header p a.i-help {
			margin-left: 10px;
			padding: .2em .7em;
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			-khtml-border-radius: 10px;
			background: #333;
			color: #FFDE00;
		}
		

		/* Credits */

		.header p a.i-credits {
			position: relative;
			margin: 0;
			padding: .2em .6em;
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			-khtml-border-radius: 10px;
			background: #D6BC0A;
			text-shadow: 0 1px 0 #FFDE00;
		}
		.header p a.i-credits:hover {
			background-color: #333;
			color: #FFDE00;
			text-shadow: none;
		}
		.header p a.i-credits.warning {
			margin-left: 16px;
		}
			.header p a.i-credits.warning b {
				position: absolute;
				top: .2em; left: -2em;
				width: 21px;
				height: 19px;
				background: url(../../images/application/i-warning-dark.png) no-repeat 0 0;
			}



/* Layout
------------------------------ */

.main {
	position: relative;
	min-width: 940px;
	margin-top: -40px;
	background-color: #FFF;
	font-size: .95em;
	z-index: 2500;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
}
	.main .wrap {
		width: 820px;
		margin: 0 auto;
		padding: 60px 0;
	}


/* Footer */

#footer {
	width: 940px;
	margin: 20px auto;
	color: #907E00;
	text-align: center;
	font-size: .7em;
}
	#footer p {
		margin: 0 0 .4em;
	}
	#footer a {
		color: #907E00;
	}
	#footer a:hover {
		text-decoration: none;
	}
	#footer span {
		color: #C7AE00;
	}
	
	

/* Compact layout
------------------------------ */

#compact .header,
#compact .main {
	width: 680px;
	min-width: 0;
	margin: 0 auto;
}
	#compact .header h1 {
		right: 60px;
		width: 201px;
		height: 32px;
		background-image: url(../../images/application/logo-big.gif);
	}
	#compact .main {
		margin-top: -10px;
	}
	#compact .main .wrap {
		width: 560px;
		margin-top: 50px;
	}



/* Forms
------------------------------ */

.form-action {
	text-align: center;
	overflow: hidden;
}

input.empty,
textarea.empty {
	color: #AAA !important;
}

fieldset {
	margin: 0 0 3em;
	font-size: .85em;
}
	fieldset legend {
		display: block;
		padding: 0 0 1em 240px;
		color: #333;
		font-size: 1.3em;
		font-weight: bold;
	}
fieldset.boxed {
	padding: 20px 0;
  border: 1px solid #DDD;
	border-width: 1px 0 1px 0;
}

p.form-help {
	margin: 0 0 1em 240px;
}

.form-row {
	margin: 0 0 1em;
	overflow: hidden;
	background: url(../../images/application/i-loading-s.gif) no-repeat 100% -800px;
}
.form-row.loading {
	background-position: 100% center;
}
.form-row.multiple {
	margin: 0 0 .2em;
}
	.form-row .form-label {
		float: left;
		width: 220px;
		padding-top: .5em;
		text-align: right;
	}
	.form-row.aligned .form-label {
		padding: 0;
	}
		.form-row .form-label label,
		.form-row .form-label {
			color: #333;
			font-weight: bold;
		}
		.form-row .form-label a {
			margin-left: .25em;
			color: #AAA;
			font-weight: normal;
		}

	.form-row .form-field,
	.form-row .form-comment,
	.form-row .form-error,
	.form-row .form-text {
		margin-left: 240px;
	}
	.form-row .form-field.align {
		padding-top: .5em
	}
	.form-row .form-text {
		padding-top: .5em;
	}
		.form-row .form-text p {
			margin: .1em 0 0;
		}
		.form-row .form-text p.warning {
			padding-left: 21px;
			background: transparent url(../../images/application/i-warning.png) no-repeat 0 center;
			color: #CC4D00;
			font-weight: bold;
		}
		.form-row .form-text code {
			margin: 0;
			padding: 0;
			color: #999;
			font-size: 1.1em;
		}
		.form-row .form-field input,
		.form-row .form-field textarea,
		.form-row .form-field select,
		.form-submit input {
			margin: 0 0 .3em;
			padding: .3em;
			font: normal 1em/1.4 'Helvetica Neue', Arial, Helvetica, sans-serif;
		}
		.form-row input.credits {
			font: normal 1em/1.4 'Helvetica Neue', Arial, Helvetica, sans-serif;
			text-align: right;
		}
		.form-row .form-field select {
			margin: .4em 0 0;
			padding: 0;
			border: 1px solid #333;
			font-size: 1em;
		}
	.form-row .form-comment {
		margin-top: .6em;
	}
		.form-row .form-comment p {
			margin: 0;
			padding: .3 0 0;
			color: #999;
		}
		.form-row.optional .form-label label {
			color: #666;
			font-weight: normal;
		}


/* Notice */

.form-notice {
	margin: 0 0 2em;
	padding: 20px 0;
	border-radius: 3px;
	-webkit-border-radius: px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
}
	.form-notice p {
		margin: 0;
		padding: 0 20px 0 240px;
	}
.form-notice.warning {
	background: url(../../images/application/i-warning.png) no-repeat 200px center;
}
	.form-notice.warning p {
		color: #CC4D00;
		font-size: 1.1em;
		line-height: 1.6;
	}
.form-notice.summary {
	background: #EEE url(../../images/application/i-warning-dark.png) no-repeat 200px center;
}
	.form-notice.summary p {
		color: #333;
		font-size: 1.1em;
	}
.form-notice.help {
	margin-bottom: 1.5em;
	padding: 0;
}
	.form-notice.help p {
		color: #007DCC;
		font-size: 1.1em;
	}
	.form-notice.help a {
		color: #007DCC;
	}


/* SMTP Access */

.smtp-status {
	padding-top: .5em;
}

.smtp-enabled,
.smtp-disabled {
	padding-left: 14px;
	background-image: url(../../images/application/i-status-marks.png);
	background-repeat: no-repeat;
	font-weight: bold
}
	.smtp-enabled  {
		background-position: 1px 4px;
		color: #5D8C00;
	}
	.smtp-disabled {
		background-position: 1px -46px;
		color: #A33;
	}


/* Submit */

.form-submit {
	margin: 3em 0 0;
	padding: 2em 0 0;
	border-top: 1px solid #DDD;
	text-align: center;
}
	.form-submit input {
		display: inline-block;
		margin: 0 25px;
		padding: 30px;
		border: 0;
		background-color: #333;
		color: #FFF;
		font-size: 1em;
		line-height: 1;
		text-shadow: #000 0 1px 1px;
		font-weight: bold;
		cursor: pointer;

		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-khtml-border-radius: 10px;
	}
	.form-submit input:hover {
		background-color: #222;
	}

	.form-submit input.i-next {
		padding-left: 75px;
		padding-right: 40px;
		background: #007DCC url(../../images/application/i-next-big.png) no-repeat 30px 50%;
		text-shadow: #003E66 0 1px 1px;
	}
	.form-submit input.i-next:hover {
		background-color: #0076BF;
	}


/* Big Form */

.big {
	margin-top: 3em;
}
.big .form-row {
	margin: 0 0 1.5em;
}
.big .form-row .form-label,
.big .form-row .form-field {
	font-size: 1.2em;
}
.big .form-row .form-field input,
.big .form-row .form-field textarea,
.big .form-row .form-field select {
	font-weight: bold;
	font-size: 1.2em
}
.big .form-row .form-field .link-password-recovery {
	margin-left: .5em;
	color: #999;
	font-size: .8em;
}


/* Disabled State */

.form-row.disabled {
}
	.form-row.disabled label {
		color: #AAA !important;
	}
	.form-row.disabled .form-comment p {
		color: #CCC;
	}


/* Error Handling */

.form-row.error {
	margin: 0 0 1em;
}
	.form-row.error .form-label {
		padding-top: 1.1em !important;
	}
		.form-row.error .form-label label {
			color: #B00;
			font-weight: bold;
		}
	.form-row.error .form-field {
		padding: .5em;
		background-color: #FDF2F3;
	}
	.form-row.error .form-comment,
	.form-row.error .form-error {
		padding: 0 .6em .5em;
		background-color: #FDF2F3;
	}
		.form-row.error .form-comment p {
			color: #966;
		}
	.form-row.error .form-error {
		margin-top: -.2em;
		padding: 0 .6em .7em;
	}
		.form-row.error .form-error p {
			margin: 0;
			padding: 0 0 0 1.7em;
			background: #FDF2F3 url(../../images/application/i-warning.png) no-repeat 0 center;
			color: #B00;
			font-weight: bold;
		}


/* Search */

fieldset.search {
	width: auto !important;
	margin: 0 0 1em !important;
	padding: .4em .5em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	background-color: #EEE;
}
	fieldset.search span {
		margin: 0 .4em;
		color: #CCC;
	}


/* CC Selecotr */

ul.cc-selector {
	margin: 5px 0 0;
	overflow: hidden;
}
	ul.cc-selector li {
		float: left;
		width: 40px;
		text-align: center;
		list-style-type: none;
	}
		ul.cc-selector li label {
			display: block;
			width: 40px;
			height: 30px;
			background: url(../../images/application/i-cc.png) no-repeat center 0;
			text-indent: -9999px;
		}
		ul.cc-selector li.cc-visa label 			{ background-position: center 0; }
		ul.cc-selector li.cc-mastercard label { background-position: center -100px; }
		ul.cc-selector li.cc-amex label				{ background-position: center -200px; }



/* Messages
------------------------------ */

.message {
	margin: 0 -20px 40px;
	border-width: 3px;
	border-style: solid;
	padding: 1em 20px 1em;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
}
	.message h3 {
		margin: 0;
		font-size: 1em;
	}
	.message p {
		margin: 1em 0 .2em;
		color: #666;
		font-size: .85em;
	}


	/* Error */

	.message.error {
		border-color: #B00;
	}
		.message.error h3 {
			color: #B00;
		}
		.message.error p {
			color: #CF4C4C;
		}


	/* Success */

	.message.success {
		border-color: #333;
	}
		.message.success h3 {
			color: #333;
		}
		.message.success p {
			color: #666;
		}


	/* Inline Notice */

	.message.inline-notice {
		margin: 0 0 2em;
		border-color: #333;
	}
		.message.inline-notice p {
			margin: .3em 0 0;
			color: #333;
			font-weight: bold;
		}



/* Inner tabs
------------------------------ */

.inner-tabs {
	margin: 2em 0 0;
	border-bottom: 1px solid #BBB;

	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;

	background-color: #EEE;
}
	.inner-tabs ul {
		margin: 0;
		padding: 0;
		font-weight: bold;
		font-size: .85em;
		overflow: hidden;
	}
		.inner-tabs ul li {
			float: left;
			margin: 0;
			padding: 10px 20px;
			list-style: none;
			text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
		}
		.inner-tabs ul li a {
			color: #999;
			text-decoration: none;
		}
		.inner-tabs ul li a:hover {
			color: #333;
		}
		.inner-tabs ul li.active a {
			color: #000;
		}
		.inner-tabs ul li .disabled {
			color: #C5C5C5;
		}


/* Tables
------------------------------ */

/* List Table */

table.list {
	margin: 0 0 4em;
	border-collapse: collapse;
	width: 100%;
	background: url(../../images/application/bg-stripes-light.gif);
	font-size: .85em;
}
	table.list thead th {
		padding: 0 1em .8em;
		border-bottom: 2px solid #333;
		color: #333;
		background-color: #FFF;
		font-weight: bold;
		text-align: left;
	}
		table.list thead th a {
			text-decoration: none;
		}
		table.list thead th a:hover {
			text-decoration: underline;
		}
		table.list thead th span {
			color: #AAA;
			font-weight: normal;
		}
	table.list td {
		padding: .8em 1em;
		border-bottom: 1px solid #EEE;
		background-color: #FFF;
		vertical-align: middle;
	}
	table.list th:first-child,
	table.list td:first-child { padding-left: 0; }
	table.list th:last-child,
	table.list td:last-child 	{ padding-right: 0; }
	
	table.list tbody tr:hover td {
		background: none;
	}
	table.list th.actions,
	table.list td.actions {
		text-align: right;
	}
	

		/* Columns */

		table.list td.full-name a,
		table.list td.invoice a {
			border-bottom: 1px solid #DDD;
			font-weight: bold;
			text-decoration: none;
		}
		table.list td.full-name a:hover,
		table.list td.invoice a:hover {
			border: 0;
		}
		table.list th.align,
		table.list td.align {
			text-align: right;
		}
		table.list td.date {
			color: #999;
			font-size: .85em;
		}
		table.list td.alerts strong {
			margin-right: 1em;
		}


		/* Status */

		table.list td.status {
		}
			table.list td.status b {
				display: none;
				width: 16px;
				height: 16px;
			}
			table.list td.status a {
				font-size: .91em;
			}
			table.list td.status.checked b {
				display: block;
				background: url(../../images/application/i-checkmark.png) no-repeat 0 center;
			}
			table.list td.status.loading b {
				display: block;
				background: url(../../images/application/i-loading-s.gif) no-repeat 0 center;
			}
			table.list td.status.failed a {
				padding-left: 15px;
				background: url(../../images/application/i-failed.png) no-repeat 0 center;
			}


	/* Actions & Buttons */
	
	table.list td.actions a {
		margin-left: .3em;
		color: #333;
		text-decoration: none;
	}
	table.list td.actions a:hover {
		border: 0;
		color: #333;
	}
	
	table.list td.actions a.b-edit,
	table.list td.actions a.b-delete {
		display: inline-block;
		height: 16px;
		background: url(../../images/application/b-actions.png) no-repeat 0 0;
		text-align: left;
		text-indent: -9999px;
	}
	table.list td.actions a.b-edit 		{ width: 33px; background-position: 0 center; }
	table.list td.actions a.b-delete 	{ width: 13px; background-position: -150px center; }


/* Data Table */

table.data {
	border-collapse: collapse;
	width: 100%;
	font-size: .85em;
}
	table.data th,
	table.data td {
		padding: .6em 0;
		vertical-align: middle;
	}
	table.data th {
		width: 160px;
		padding-top: .4em;
		padding-right: 20px;
		color: #AAA;
		text-align: right;
	}

	/* Reset for Form Elements */

	table.data form,
	table.data fieldset,
	table.data input,
	table.data select {
		margin: 0;
		padding: 0;
	}
	table.data input {
		margin-left: .6em;
	}


/* Column Width */

.width-5 		{ width: 5%; }
.width-10 	{ width: 10%; }
.width-15 	{ width: 15%; }
.width-20 	{ width: 20%; }
.width-25 	{ width: 25%; }
.width-30 	{ width: 30%; }
.width-35 	{ width: 35%; }
.width-40 	{ width: 40%; }
.width-45 	{ width: 45%; }
.width-50 	{ width: 50%; }
.width-55 	{ width: 55%; }
.width-60 	{ width: 60%; }
.width-65 	{ width: 65%; }
.width-70 	{ width: 70%; }
.width-75 	{ width: 75%; }
.width-80 	{ width: 80%; }
.width-85 	{ width: 85%; }
.width-90 	{ width: 90%; }
.width-95 	{ width: 95%; }
.width-100 	{ width: 100%; }


/* Toolbar */

.toolbar {
	height: 45px;
	margin: 0 0 20px;
	background: url(../../images/application/bg-toolbar.png) no-repeat 0 0;
}
	.toolbar ul {
		margin: 0;
		font-size: .85em;
	}
		.toolbar ul > li {
			position: relative;
			float: right;
			height: 35px;
			margin: 0;
			padding: 10px 20px;
			list-style-type: none;
		}
			.toolbar ul li span {
				margin-right: .2em;
				color: #AAA;
			}
			.toolbar ul li i {
				color: #BBB;
				font-style: normal;
				font-weight: normal;
			}
		
		/* Dropdown */
		
		.toolbar ul li.t-dropdown {
		}
		.toolbar ul li.t-dropdown.first {
			background: url(../../images/application/line-toolbar.gif) no-repeat 100% 1px;
		}
			.toolbar ul li.t-dropdown.first b,
			.toolbar ul li.t-dropdown.last b {
				display: none;
				position: absolute;
				bottom: 15px;
				width: 10px;
				height: 10px;
				background-image: url(../../images/application/bg-toolbar.png);
				background-repeat: no-repeat;
				z-index: 1000;
			}
			.toolbar ul li.t-dropdown.first b { left: 0; background-position: 0 100%; }
			.toolbar ul li.t-dropdown.last b 	{ right: 0; background-position: 100% 100%; }
			
			.toolbar ul li.t-dropdown > a {
				padding-right: 13px;
				background: url(../../images/application/i-arrow-down.png) no-repeat 100% center;
				font-weight: bold;
				text-decoration: none;
			}
				
				/* Tooltip */
				
				.toolbar ul li.t-dropdown ol {
					position: absolute;
					top: 35px; left: 14px;
					width: 202px;
					margin: 0;
					padding: 10px 0 10px;
					font-size: .91em;
					z-index: 1000;
					overflow: hidden;
					visibility: hidden;
				}
				.toolbar ul li.t-dropdown:hover ol,
				.toolbar ul li.t-dropdown:hover b {
					visibility: visible;
				}
					.toolbar ul li.t-dropdown ol li {
						margin: 0;
						padding: 0 2px;
						background: url(../../images/application/bg-tooltip.png) repeat-y 0 0;
					}
					.toolbar ul li.t-dropdown ol li:first-child {
						padding-top: 10px;
						background-position: -202px 0;
					}
					.toolbar ul li.t-dropdown ol li:last-child {
						padding-bottom: 10px;
						background-position: -202px 100%;
					}
					.toolbar ul li.t-dropdown ol li.last {
						padding-bottom: 10px;
						background-position: -202px 100%;
					}

						.toolbar ul li.t-dropdown ol li a {
							display: block;
							padding: 5px 15px;
							border-bottom: 1px solid #444;
							color: #999;
							text-decoration: none;
							line-height: 1.3;
						}
							.toolbar ul li.t-dropdown ol li a i {
								margin-left: .25em;
								color: #666;
							}
						.toolbar ul li.t-dropdown ol li:last-child a {
							padding-bottom: 0;
							border: 0;
						}
						.toolbar ul li.t-dropdown ol li.last a {
							padding-bottom: 0;
							border: 0;
						}
						.toolbar ul li.t-dropdown ol li a:hover {
							color: #FFF;
							background-color: #2A2A2A;
							text-shadow: 0 1px 0 #000;
						}
							.toolbar ul li.t-dropdown ol li a:hover i {
								color: #AAA;
							}
	
						/* Selected */
						
						.toolbar ul li.t-dropdown ol li.selected a {
							color: #FFDE00 !important;
						}
							.toolbar ul li.t-dropdown ol li.selected a i {
								color: #978717 !important;
							}

						/* Main Groups */

						.toolbar ul li.t-dropdown ol li.all-emails a,
						.toolbar ul li.t-dropdown ol li.inactive a,
						.toolbar ul li.t-dropdown ol li.soft-bounce a,
						.toolbar ul li.t-dropdown ol li.in-queue a,
						.toolbar ul li.t-dropdown ol li.sent a {
							padding-left: 29px;
							color: #FFF;
							font-weight: bold;
						}
						.toolbar ul li.t-dropdown ol li.inactive a,
						.toolbar ul li.t-dropdown ol li.soft-bounce a,
						.toolbar ul li.t-dropdown ol li.in-queue a,
						.toolbar ul li.t-dropdown ol li.sent a {
							background-image: url(../../images/application/i-status-dropdown.png);
							background-repeat: no-repeat;
						}
						.toolbar ul li.t-dropdown ol li.inactive a    { background-position: 15px 8px; }
						.toolbar ul li.t-dropdown ol li.soft-bounce a { background-position: 15px -42px; }
						.toolbar ul li.t-dropdown ol li.in-queue a    { background-position: 15px -92px; }
						.toolbar ul li.t-dropdown ol li.sent a        { background-position: 15px -142px; }

						.toolbar ul li.t-dropdown ol li.inactive a i,
						.toolbar ul li.t-dropdown ol li.soft-bounce a i,
						.toolbar ul li.t-dropdown ol li.in-queue a i,
						.toolbar ul li.t-dropdown ol li.sent a i {
							color: #AAA;
						}



		/* Search */

		.toolbar ul li.t-search {
			float: left;
			height: 38px;
			padding-top: 7px;
			text-align: right;
		}
			.toolbar ul li.t-search a {
				margin-left: .4em;
				border-bottom: 1px dashed #CCC;
				color: #AAA;
				text-decoration: none;
			}
			.toolbar ul li.t-search input[type=search] {
				font: 1.2em 'Helvetica Neue', Arial, Helvetica, sans-serif;
				vertical-align: -1px;
			}
			.toolbar ul li.t-search input[type=submit] {
				display: inline-block;
				width: 13px;
				height: 13px;
				margin: 0 0 0 .25em;
				padding: 0;
				border: 0;
				background: url(../../images/application/b-search.png) no-repeat center center;
				text-indent: -9999px;
				cursor: pointer;
			}



/* Labels
------------------------------ */

.label-blue      { background-color: #21CDFE; }
.label-turquoise { background-color: #21FEB3; }
.label-orange    { background-color: #FE8421; }
.label-yellow    { background-color: #FEEC21; }
.label-green     { background-color: #3BFE21; }
.label-red       { background-color: #FE3621; }
.label-purple    { background-color: #7F21FE; }
.label-grey      { background-color: #929292; }



/* Rack
------------------------------ */

/* Servers */

.servers-list {
	margin: 60px -100px;
	padding: 0 100px 9px;
	background: url(../../images/application/bg-servers-shadow.png) no-repeat 50% 100%;
	overflow: hidden;
}
	.block-server {
		position: relative;
		width: 620px;
		height: 90px;
		margin: 0 100px;
		background-image: url(../../images/application/bg-server.png);
		background-repeat: no-repeat;
	}
	.block-server.shared 		{ background-position: 0 0; }
	.block-server.dedicated { background-position: 0 -90px; }


		/* Server Name */

		.block-server h2 {
			float: left;
			margin: 35px 0 0 34px;
			font-size: .9em;
		}
			.block-server h2 a {
				text-decoration: none !important;
			}
			.block-server h2 span {
				float: left;
				width: 19px;
				height: 19px;
				margin: .1em .75em 0 0;
				background-image: url(../../images/application/bg-server-label.png);
				background-repeat: no-repeat;
			}
		.block-server.shared h2 a,
		.block-server.shared h2 { color: #FFF; text-shadow: #000 0 1px 1px; }
			.block-server.shared h2 span { background-position: 0 0; }
		.block-server.dedicated h2 a,
		.block-server.dedicated h2 { color: #000; text-shadow: #FFF 0 1px 1px; }
			.block-server.dedicated h2 span	{ background-position: 0 -19px; }


		/* Status */

		.block-server p {
			position: relative;
			float: right;
			width: 120px;
			margin: 30px 31px 0 0;
		}
			.block-server p b {
				display: block;
				position: absolute;
				top: 0; left: -10px;
				width: 10px;
				height: 30px;
				background: url(../../images/application/bg-server-status.png) no-repeat 0 0;
			}
			.block-server p strong {
				display: block;
				height: 20px;
				margin: 0 10px 0 0;
				padding: 10px 0 0;
				background: url(../../images/application/bg-server-status.png) no-repeat 100% 0;
				text-transform: uppercase;
				font: bold 12px/1 'Courier New', Courier, monospace;
			}

			.block-server p.status-good b 			{ background-position: 0 0; }
			.block-server p.status-good strong 	{ background-position: 100% 0; color: #254000; }

			.block-server p.status-bad b 				{ background-position: 0 -30px; }
			.block-server p.status-bad strong 	{ background-position: 100% -30px; color: #7D4B4B; }

		.block-server a.more {
			position: absolute;
			top: 31px; right: -84px;
			width: 56px;
			height: 24px;
			margin: 0 0 1px;
			padding: 6px 0 0 28px;
			background: #DDD url(../../images/application/b-details.png) no-repeat 0 0;
			color: #333;
			text-decoration: none;
			font-weight: bold;
			font-size: .85em;

			border-top-right-radius: 3px;
			-webkit-border-top-right-radius: 3px;
			-moz-border-radius-topright: 3px;
			-khtml-border-radius-topright: 3px;

			border-bottom-right-radius: 3px;
			-webkit-border-bottom-right-radius: 3px;
			-moz-border-radius-bottomright: 3px;
			-khtml-border-radius-bottomright: 3px;
		}
			.block-server a.more:hover {
				background-color: #CCC;
				color: #222;
			}



/* Server Overview
------------------------------ */

/* Chart */

.chart {
	position: relative;
	width: 820px;
	height: 220px;
	margin: 2.5em 0 0;
	background-image: url(../../images/application/bg-chart.gif);
	background-repeat: no-repeat;
}
	.chart ul.y-labels {
		position: absolute;
		top: -7px; left: 10px;
		height: 220px;
		margin: 0;
	}
		.chart ul.y-labels li {
			display: block;
			height: 20px;
			margin: 0;
			padding: 0;
			font-size: .75em;
			text-align: center;
			list-style-type: none;
		}
	.chart ul.x-labels {
		position: absolute;
		bottom: 1px; left: 40px;
		width: 820px;
		margin: 0;
		overflow: hidden;
	}
		.chart ul.x-labels li {
			float: left;
			width: 130px;
			margin: 0;
			padding-left: 10px;
			font-size: .75em;
			list-style-type: none;
		}
	.chart img {
		display: block;
		position: absolute;
		top: 0; left: 40px;
	}
	.chart img.overlay {
		opacity: .2;
	}
	.chart ul.columns {
		position: absolute;
		top: 0; left: 40px;
		margin: 0;
		z-index: 1000;
	}
		.chart ul.columns li {
			display: block;
			float: left;
			width: 20px;
			height: 200px;
			margin: 0;
			list-style-type: none;
		}
			.chart ul.columns li a {
				display: block;
				position: relative;
				width: 20px;
				height: 200px;
				background: url(../../images/application/transparent.png);
				text-decoration: none;
			}
			.chart ul.columns li a:hover {
				background: url(../../images/application/bg-chart-column.png) no-repeat 0 0;
			}
				.chart ul.columns li a span {
					display: none;
					position: absolute;
					bottom: 0; left: -23px;
					width: 68px;
					height: 40px;
					padding: 6px 0 0 9px;
					background: url(../../images/application/bg-chart-bubble.png) no-repeat 0 0;
					color: #FFF;
					font-size: .8em;
					font-weight: bold;
					line-height: 1.3;
					text-shadow: 0 1px 0 #222;
				}
					.chart ul.columns li a span i {
						display: block;
						color: #999;
						font-size: .8em;
						font-style: normal;
						font-weight: normal;
					}
				.chart ul.columns li.active a,
				.chart ul.columns li a:hover {
					text-indent: 0;
				}
				.chart ul.columns li.active a span,
				.chart ul.columns li a:hover span {
					display: block;
				}


/* Reputation Chart */

.chart.reputation {
	background-image: url(../../images/application/bg-chart-reputation.gif);
}
	.chart p.legend {
		position: absolute;
		top: -20px; left: 40px;
		width: 200px;
		font-size: .75em;
		font-weight: bold;
		line-height: 1;
	}
		.chart p.legend span {
			margin-right: .6em;
		}
		.chart p.legend b {
			display: inline-block;
			width: 10px;
			height: 10px;
			background: url(../../images/application/bg-legend.png) no-repeat center center;
			vertical-align: -15%;
		}
		.chart p.legend .l-reputation 		{ color: #333; }
		.chart p.legend .l-reputation b 	{ background-color: #333; }
		.chart p.legend .l-volume		 			{ color: #AAA; }
		.chart p.legend .l-volume b		 		{ background-color: #AAA; }

	.chart.reputation span.low-risk,
	.chart.reputation span.high-risk {
		position: absolute;
		top: 0; right: 40px;
		padding: .5em 1em;
		font-size: .75em;
		font-weight: bold;
		text-shadow: 0 1px 0 rgba(255, 255, 255, .5);

		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
	}
	.chart.reputation span.low-risk {
		top: 11%;
		background: rgba(9, 129, 0, .2);
		color: #098100;
	}
	.chart.reputation span.high-risk {
		top: 67%;
		background: rgba(210, 0, 15, .2);
		color: #D2000F;
	}
	.chart.reputation a.button-senderscore {
		display: block;
		position: absolute;
		top: 0; left: 0;
		width: 39px;
		height: 45px;
		padding-top: 4px;
		background-image: url(../../images/application/b-senderscore.png);
		background-repeat: no-repeat;
		color: #FFF;
		font-size: 1.2em;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
		z-index: 100;
	}
	.chart.reputation a.button-senderscore:hover {
		background-position: -39px 0;
	}
.chart.loading {
	background: #EEE url(../../images/application/i-loading.gif) no-repeat center center;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
}


/* Stats */

ul.stats {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
	ul.stats li {
		float: left;
		height: 46px;
		margin: 0;
		border-style: solid;
		border-color: #DDD;
		padding: 10px 20px 0 58px;
		background-image: url(../../images/application/i-stats-server.png);
		background-repeat: no-repeat;
		color: #AAA;
		list-style: none;
	}
		ul.stats li strong {
			margin-right: .2em;
			color: #333;
			font-size: 1.6em;
		}
	ul.stats li.mails-sent {
		width: 193px;
		border-width: 2px 1px 2px 2px;
		background-position: 18px 14px;

		border-top-left-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-khtml-border-radius-topleft: 5px;

		border-bottom-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-khtml-border-radius-bottomleft: 5px;
	}
	ul.stats li.mails-bounced {
		width: 194px;
		border-width: 2px 1px 2px 0;
		background-position: 18px -86px;
	}
	ul.stats li.mails-spam {
		width: 193px;
		border-width: 2px 2px 2px 0;
		background-position: 18px -186px;

		border-top-right-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topright: 5px;
		-khtml-border-radius-topright: 5px;

		border-bottom-right-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-khtml-border-radius-bottomright: 5px;
	}
	ul.stats li.warning {
		border-color: #E0C6C6;
		background-color: #FFE5E5;
		color: #E28A90;
	}
		ul.stats li.warning strong {
			color: #B3000D;
		}
ul.stats.loading {
	border: 2px solid #EEE;
	background: #EEE url(../../images/application/i-loading.gif) no-repeat center center;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
}
	ul.stats.loading li {
		visibility: hidden;
	}



/* Text Pages
------------------------------ */

.main .text-page {
	width: 620px;
}
	.text-page h2 {
		margin: 1.8em 0 .4em;
	}
	.text-page p,
	.text-page ul,
	.text-page ol {
		text-align: justify;
	}



/* Minimal Layout
------------------------------ */

#minimal {
	background: #373737 url(../../images/application/bg-page.gif) repeat 0 0;
	color: #AAA;
}
	#minimal .header h1 {
		background-image: url(../../images/application/logo-dark.png);
	}
	#minimal .main {
		background-color: transparent;
	}
	#minimal .main .wrap {
		width: 620px;
	}
	#minimal .content {
		margin: 0 -2em 2em;
		padding: 2em;
		background-color: #FFF;

		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
	}

#minimal a:link    { color: #EEE; }
#minimal a:visited { color: #CCC; }
#minimal a:hover,
#minimal a:active  { color: #FFF; }

#minimal h1 {
	margin-top: 0;
	border: 0;
	padding: 0;
	color: #FFF;
	text-shadow: #222 0 1px 1px;
}
	#minimal h1 .title-addon {
		color: #666;
	}
#minimal a.button-big {
	background-color: #FFF;
	color: #333;
	text-shadow: none;
}
#minimal a.button-big:hover {
	background-color: #F3F3F3;
}



/* Server Wizard
------------------------------ */

#server-wizard fieldset {
	font-size: 100%;
}
#server-wizard fieldset legend {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 0 1em;
	color: #FFF;
	text-shadow: #222 0 1px 1px;
	font-size: 1.6em;
	overflow: hidden;
}
	#server-wizard fieldset legend .title-addon {
		position: absolute;
		top: 0; right: 0;
		padding: .85em 0 0;
		color: #666;
		font-size: .55em;
	}
#server-wizard p.step-details {
	min-height: 3em;
}
#server-wizard .block-server {
	margin: 0;
}
#server-wizard .block-server input {
	width: 240px;
	margin: -.3em 0 0;
	padding: .3em;
	border: 0;
	color: #666;
	font: normal 1em/1.4 'Helvetica Neue', Arial, Helvetica, sans-serif;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
}
#server-wizard .form-submit {
	margin: 0;
	border: 0;
	padding: 0;
}
	#server-wizard .form-submit input.i-next {
		background-color: #FFF;
		color: #333;
		text-shadow: none;
	}
	#server-wizard .form-submit input.i-next:hover {
		background-color: #F3F3F3;
	}


/* Server Type */

.server-type {
	margin: 0 -2em 2em;
	padding: 2em;
	background-color: #FFF;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
}
	.server-type .form-field {
		margin: 0 0 .4em;
	}
		.server-type .form-field input {
			margin: 0 .4em 0 .1em;
		}
		.server-type .form-field label {
			color: #333;
			font-weight: bold;
		}
	.server-type .form-comment {
		margin: 0;
	}
		.server-type .form-comment p {
			font-size: .85em;
		}
	.server-type p.beta-notice {
		margin: 1em 0;
		padding: .5em .5em .5em 2.2em;
		background: #FFF1DE url(../../images/application/i-warning.png) no-repeat .6em center;
		color: #C54F08;
		font-size: .85em;
		font-weight: bold;
		text-shadow: 0 1px 0 #FFF6F0;
	}


/* Terms of Use */

.guidelines {
	margin: 0 -2em 2em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	padding: 2em;
	background-color: #FFF;
	color: #444;
	line-height: 1.6;
}
	.guidelines ul {
		margin-left: 0;
	}
		.guidelines ul li {
			margin: 0 0 1em;
			padding-left: 2em;
			list-style: none;
		}
		.guidelines ul li.allowed {
			background: url(../../images/application/i-server-setup.png) no-repeat 6px 6px;
		}
		.guidelines ul li.forbidden {
			background: url(../../images/application/i-cancel.png) no-repeat 7px 5px;
		}
		.guidelines ul li .meta {
			display: block;
			font-size: .8em;
		}
	.guidelines hr {
		margin-bottom: 20px;
	}
	.guidelines a,
	.guidelines strong.highlight {
		color: #333 !important;
	}



/* Label Selector */

ul.label-selector {
	position: absolute;
	top: 20px; left: -60px;
	width: 64px;
	height: 32px;
	margin: 0;
	padding: 10px 15px 7px 10px;
	background: url(../../images/application/bg-label-selector.png) no-repeat 0 0;
}
	ul.label-selector li {
		position: relative;
		float: left;
		width: 13px;
		height: 13px;
		margin: 0 3px 3px 0;
		list-style: none;
		overflow: hidden;
	}
		ul.label-selector li span {
			display: block;
			height: 13px;
			background-image: url(../../images/application/bg-label-selector-pick.png);
			background-repeat: no-repeat;
			cursor: pointer;
		}
		ul.label-selector li span:hover {
			opacity: .7;
		}
		ul.label-selector li.selected span {
			background-position: 0 -13px;
		}
		ul.label-selector li.selected span:hover {
			opacity: 1;
		}
			ul.label-selector li span input {
				position: absolute;
				top: 4px; left: -2px;
				cursor: pointer;
				opacity: 0;
			}



/* Setup Process */

ol.server-setup-process {
	margin: 0 0 0 220px;
	color: #666;
	font-size: .85em;
}
	ol.server-setup-process li {
		margin: 0;
		padding: .25em 0 .5em 25px;
		list-style: none;
	}
	ol.server-setup-process li.done {
		background: url(../../images/application/i-server-setup.png) no-repeat 0 4px;
		color: #00D20A;
		font-weight: bold;
	}
	ol.server-setup-process li.current {
		background: url(../../images/application/i-server-setup.png) no-repeat 0 -45px;
		color: #FFF;
		font-weight: bold;
	}


/* Error Message */

#server-wizard .message.error {
	margin: 2em -20px 0;
	padding: 0;
	border: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	background: #FFF url(../../images/application/i-warning.png) no-repeat 20px center;
}
	#server-wizard .message.error p {
		margin: .3em 0 0;
		padding: 1em 20px 1em 42px;
		color: #CC4D00;
		font-weight: bold;
	}



/* Delivery Issues
------------------------------ */

#activity {
	margin-bottom: 3em;
}
	#activity h2 {
		margin: 2em 0 0;
		border-bottom: 1px solid #AAA;
		padding: 0 0 .25em;
	}


/* Tags */

a.tag {
	margin: 0 .4em;
	padding: .1em .6em .2em;
	border: 1px solid #CCC;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	background-color: #FFF;
	color: #999 !important;
	text-decoration: none;
	line-height: 1;
	font-size: 11px;
}
a.tag:hover {
	border-color: #333;
	background-color: #333;
	color: #FFF !important;
}


/* Activity Items */

.activity-item {
	position: relative;
	border-bottom: 1px solid #EEE;
	padding: 1em 0 1.25em;
	overflow: hidden;
}
	.activity-item:hover {
		background: url(../../images/application/bg-stripes-light.gif);
	}

	.activity-item h3 {
		margin: 0;
		padding-left: 15px;
		background: url(../../images/application/i-status.png) no-repeat -1000px 0;
		font-weight: normal;
		font-size: 1em;
	}
		.activity-item h3 a {
			margin-left: -15px;
			padding-left: 15px;
		}
		.activity-item.inactive    h3   { background-position: 1px 8px; color: #CE0000; }
		.activity-item.inactive    h3 a { color: #CE0000; }
		.activity-item.soft-bounce h3   { background-position: 1px -42px; }
		.activity-item.in-queue    h3   { background-position: 1px -92px; }
		.activity-item.sent        h3   { background-position: 1px -142px; }

	.activity-item p {
		float: left;
		margin: .5em 0 0;
		padding-left: 15px;
		color: #888;
		font-size: .8em;
	}
		.activity-item p em {
			color: #AAA;
		}
		.activity-item p a.tag {
			margin-left: .5em;
		}
		.activity-item p span.has-attachments {
			margin: 0 .4em 0 .8em;
			padding: .1em .6em .2em 17px;
			border: 1px solid #EEE;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-khtml-border-radius: 3px;
			background: #EEE url(../../images/application/i-attachment.png) no-repeat .5em center;
			color: #888;
			line-height: 1;
			font-size: 11px;
			text-shadow: 0 1px 0 #FFF;
		}

	.activity-item p.meta {
		float: right;
		color: #AAA;
	}
		.activity-item p.meta .sep {
			margin: 0 .2em;
		}

	.activity-item p.actions {
		position: absolute;
		top: 1.4em; right: 0;
		margin: 0;
		color: #444;
		font-size: .85em;
	}
		a.b-reactivate {
			padding-left: 15px;
			background: url(../../images/application/i-checkmark.png) no-repeat 0 center;
		}
		a.b-reactivate.loading {
			display: inline-block;
			width: 16px;
			height: 16px;
			padding: 0;
			background: url(../../images/application/i-loading-s.gif) no-repeat 0 0;
			text-indent: -9999px;
		}
		a.b-help {
			margin-left: .5em;
			color: #AAA;
		}
		a.b-help:hover {
			text-decoration: none;
		}


/* Timeline */

#activity.timeline {
	margin: 1.5em 0 -2em;
	border-top: 1px solid #EAEAEA;
}
	.timeline .activity-item {
		border-bottom: 0;
		padding-left: 180px;
		background: transparent none !important;
	}
		.timeline .activity-item h3 {
			padding-top: 1px;
		}
		.timeline .activity-item .timestamp {
			position: absolute;
			top: 0; left: 0;
			width: 140px;
			border-right: 1px solid #EAEAEA;
			padding: 2em 20px 100% 0;
			text-align: right;
			font-size: .9em;
		}

	.timeline .activity-item:first-child {
		padding-top: 1.75em;
	}
	.timeline .activity-item:first-child .timestamp {
		padding-top: 3em;
	}
	.timeline .activity-item:last-child {
		padding-bottom: 2em;
	}



/* Message status */

.message-status {
	margin: 0 0 1.5em;
}
	.message-status .message-item {
		padding: .75em 0;
		overflow: hidden;
	}
		.message-status .message-item h3 {
			float: left;
			width: 140px;
			margin: 0;
			padding: .2em 0 0;
			color: #AAA;
			text-align: right;
			font-size: .85em;
		}
		.message-status .message-item .block-container {
			margin-left: 180px;
			color: #333;
		}
		.message-status .message-item ul.attachments {
			margin: 0;
			font-size: .85em;
			font: normal .8em/1.6 'Bitstream Vera Sans Mono', Monaco, "Courier New", Courier, serif;
		}
			.message-status .message-item ul.attachments li {
				margin: .2em 0 0;
				list-style-type: none;
			}
		.message-status a.tag {
			margin-left: 0;
		}

	.message-status .deactivated {
		margin: 0 0 .75em;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		padding: 1.2em 0 1.5em;
		background-color: #FDF2F3;
		color: #433;
	}
		.message-status .deactivated .block-container {
			margin-left: 155px;
			padding-left: 25px;
			background: url(../../images/application/i-warning-red.png) no-repeat .25em .3em;
		}
		.message-status .deactivated kbd {
			color: #B00;
		}
		.message-status .deactivated p {
			margin: .5em 0 0;
			font-size: .85em;
		}
		.message-status .deactivated a.b-help {
			color: #433;
		}
		.message-status .deactivated a.b-reactivate,
		.message-status .deactivated span.reactivated {
			margin-left: .5em;
			padding-left: 13px;
			color: #000;
			font-weight: bold;
		}
		.message-status .deactivated span.reactivated {
			padding-left: 0;
		}
		


/* Preview email */

#email-preview {
	margin: 0 0 -3em;
	overflow: hidden;
}
	#email-preview iframe,
	#email-preview .email-container {
		margin: 0;
		border-width: 0 1px;
		border-style: solid;
		border-color: #DDD;
		padding: 0;
	}
	#email-preview iframe {
		width: 818px;
		height: 400px;
		margin-bottom: -5px;
	}
	#email-preview .email-container {
		width: 778px;
		height: 360px;
		padding: 20px;
		background-color: #FCFCFC;
		color: #333;
		white-space: pre;
		font: normal .8em/1.6 'Bitstream Vera Sans Mono', Monaco, "Courier New", Courier, serif;
		overflow: auto;
	}


/* Hard bounce popup */

#popup.bounce {
	width: 820px;
}
	#popup.bounce table {
		width: 100%;
		margin: 0 0 1.5em;
	}
		#popup.bounce table th {
			width: 15%;
			color: #AAA;
			text-align: left;
		}
		#popup.bounce table td {
			color: #000;
		}

	#popup.bounce .email-container {
		display: block;
		width: auto;
		height: 17.75em;
		margin: 1.5em 0;
		border: 1px solid #EEE;
		padding: 10px 20px;
		background-color: #FCFCFC;
		color: #666;
		white-space: pre;
		font: normal .85em/1.6 'Bitstream Vera Sans Mono', Monaco, "Courier New", Courier, serif;
		overflow: auto;
	}

	#popup.bounce code {
		margin: 0;
	}
	#popup.bounce p.notice {
		margin: 2em 0 0;
		padding-left: 22px;
		background: url(../../images/application/i-warning-dark.png) no-repeat 0 .15em;
	}



/* Credits & Invoices
------------------------------ */

#credits {
	position: relative;
}


	/* Status */

	#credits p.credits-status {
		display: block;
		width: 220px;
		height: 115px;
		margin: 0 auto 1em;
		background: #0076C1 url(../../images/application/bg-credits-status.png) no-repeat 0 0;
		text-align: center;
	}
		#credits p.credits-status strong {
			display: block;
			padding: .5em 0 0;
			color: #FFF;
			font-size: 2em;
		}
		#credits p.credits-status span {
			display: block;
			margin: .2em 0 0;
			color: #80BBE0;
		}
		#credits p.credits-status.low 					{ background-color: #B00; }
			#credits p.credits-status.low strong 	{ color: #FFF; }
			#credits p.credits-status.low span 		{ color: #DD8080; }


	/* Purchase Credits */

	#credits fieldset {
		margin: 2em 0 2em;
		font-size: 1.1em;
		text-align: center;
	}
		#credits fieldset input[type=text] {
			font: normal 1em/1.4 'Helvetica Neue', Arial, Helvetica, sans-serif;
			text-align: right;
		}
		#credits fieldset .form-submit {
			margin: 0;
			padding: 0;
			border: 0;
		}
			#credits fieldset .form-submit input[type=submit] {
				margin: 0 0 0 .6em;
				padding: .4em .6em .5em;
				font-size: .91em;
			}
		#calculated-price {
			display: inline-block;
			width: 80px;
			padding: .2em .4em .2em 0;
			border: 1px solid #CCC;
			background: #EEE;
			text-align: right;
			text-shadow: 0 1px 0 #FFF;

			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-khtml-border-radius: 3px;
		}


	/* Options */

	#credits p.options {
		text-align: center;
		font-size: .85em;
	}
		#credits p.options span {
			margin: 0 .4em;
			color: #AAA;
		}
		#credits p.options em {
			color: #AAA;
		}


	/* Help */

	#credits p.help {
		display: block;
		position: absolute;
		top: 35px;
		width: 180px;
		background: url(../../images/application/line-credits-help.png) no-repeat 0 0;
		color: #999;
		font-size: .71em;
	}
	#credits p.help.loading {
		background: url(../../images/application/i-loading-s.gif) no-repeat center center !important;
		text-indent: -9999px;
	}
		#credits p.help a {
			color: #999;
			text-decoration: none;
			cursor: default;
		}
	#credits p.help.credits {
		left: 20px;
		padding: 0 50px 0 0 ;
		background-position: -110px center;
		text-align: right;
	}
	#credits p.help.purchase {
		right: 20px;
		padding: 0 0 30px 40px;
		background-position: 0 100%;
	}


/* Invoice */

#invoice  {
	font-size: .85em;
	background: #FFF url(../../images/application/stamp.png) no-repeat 91% 40px;

	width: 460px;
	margin: 0 auto;
	border: 1px solid #CCC;
	padding: 40px;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
}
#invoice h2 {
	color: #333;
	font-size: 1.2em;
}
#invoice p.print-notice {
	margin: 2em 0 0;
	color: #AAA;
}
#invoice ul.address {
	margin: 0;
	padding: 0;
}
	#invoice ul.address li {
		margin: 0;
		color: #666;
		list-style-type: none;
	}


	/* Positions */

	#invoice .positions {
		margin: 2em -40px 0;
		padding: 1em 40px;
		border: 1px solid #DDD;
		border-width: 1px 0 1px 0;
		background: url(../../images/application/bg-stripes-light.gif);
	}
		#invoice .positions table {
			width: 100%;
			border-collapse: collapse;
		}
			#invoice .positions table th,
			#invoice .positions table td {
				padding: .6em 0;
				border-bottom: 1px solid #DDD;
				text-align: left;
			}
			#invoice .positions table th {
				padding-top: 0;
				border-color: #666;
			}
			#invoice .positions table th.number,
			#invoice .positions table td.number {
				width: 140px;
				text-align: right;
			}
			#invoice .positions table td.total-price {
				border: 0;
				text-align: right;
			}
				#invoice .positions table td.total-price strong {
					margin-left: .6em;
				}


	
/* Admin
------------------------------ */

#admin {
}
	#admin .header h1 {
		top: 32px;
		width: 186px;
		height: 28px;
		background: url(../../images/application/logo-admin.png) no-repeat 0 0;
	}
	
	/* Layout Adjustements */
	
	#admin .main .wrap {
		width: auto;
		padding: 60px;
	}
	#admin fieldset {
		width: 840px;
		margin: 0 auto;
	}
	#admin table fieldset {
		width: auto;
		margin: 0;
	}


/* Rate */

strong.rate {
	padding: .1em .4em;
	color: #FFF;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .2);

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
}
strong.rate.good 				{ background-color: #00A743; }
strong.rate.normal 			{ background-color: #007DCC; }
strong.rate.fishy 			{ background-color: #E54B00; }
strong.rate.dangerous 	{ background-color: #B00; }


/* States */

strong.status {
}
strong.status.failed,
strong.status.disabled		{ color: #B00; }
strong.status.processed,
strong.status.enabled 		{ color: #00A743; }
strong.status.pending 	  { color: #AAA; }
strong.status.canceled 	  { color: #666; text-decoration: line-through; }


/* Managment Info */

#management-info {
}
	#management-info h2 select {
		float: right;
	}
	#management-info table {
		width: 100%;
	}
		#management-info table th {
			text-align: left;
		}
		#management-info table td {
			text-align: right;
		}

#b-management-info a {
	position: absolute;
	top: 70px; left: 0;
	width: 50px;
	height: 40px;
	background: url(../../images/application/b-management-info.png) no-repeat 0 0;
	text-indent: -9999px;
	z-index: 6000;
}
#b-management-info a:hover {
	background-position: 0 -40px;
}