@import "modalbox.css";

BODY {
	margin: 0;
	padding: 0;
	background: #EDF1F4 url(../images/bg.gif) 0 0 repeat;
	color: #202022;
	font: normal 1em/1.4 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
H1, H2, H3, P, UL, OL, LI, DL, DT, DD, FORM, IMG {
	margin: 0;
	border: 0;
	padding: 0;
}
A {
	text-decoration: underline;
}
	A:link,
	A:active {
		color: #0854C7;
	}
	A:visited {
		color: #0854C7;
	}
	A:hover {
		color: #202022;
	}
h1 {
	margin: 0 0 1em;
	padding-top: 6px;
	color: #0854C7;
	font-size: 140%;
}
	h1 a {
		color: #0854C7 !important;
		text-decoration: none;
	}
	h1.compact {
		padding-top: 0;
	}
	h1.i-campfire {
		margin-top: 0;
		padding-left: 35px;
		padding-top: 6px;
		background: transparent url(../images/i_campfire.gif) no-repeat 0 .3em;
	}

h2 {
	padding: .6em 0 .4em;
	color: #202022;
	font-size: 120%;
}
	h2 a {
		color: #0854C7 !important;
		text-decoration: underline;
	}
		h2 a:hover {
			color: #202022 !important;
		}
h2.dark {
	color: #081C26 !important;
}
	h2.dark a {
		border-bottom: 1px solid #999;
		color: #081C26 !important;
		text-decoration: none;
	}
	h2.dark a:hover {
		border-bottom-style: solid;
	}

	h2.compact {
		padding: .8em 0 .2em;
	}
H3 {
	padding: .6em 0 .8em;
	font-size: 100%;
	font-weight: bold;
}
	H3.compact {
		padding-bottom: 0;
	}
p {
	padding: .2em 0 .8em;
	font-size: 100%;
}
	p.view-more {
		margin: 0 0 1em;
	}
		p.view-more a {
			color: #202022;
			font-weight: bold;
			text-decoration: underline;
		}
		p.view-more a:hover {
			text-decoration: none;
		}
UL,
OL {
	padding: .2em 0 .8em 2.4em;
	font-size: 100%;
}
	UL.compact,
	OL.compact {
		padding-left: 0;
	}
UL LI,
OL LI {
	padding: .2em 0;
}
	UL.compact LI,
	OL.compact LI {
		list-style: none;
	}

code {
	font-family: Monaco, "Lucida Console", "Courier New", Courier, monospace;
	font-style: normal !important;
	font-weight: normal;
}
	code.source-block {
		display: block;
		margin: .2em 0 .8em;
		border: 1px solid #CCC;
		padding: 1em;
		background-color: #EEE;
		color: #202022;
		white-space: nowrap;
		overflow: auto;
		//width: 98%;
		//padding-bottom: 2em;
	}

	.form-row code.source-block,
	table code.source-block {
		width: 40em;
	}

acronym {
	border-bottom: 1px dotted #AAA;
	text-decoration: none;
}

KBD {
	font: 10px Monaco, "Lucida Console", "Courier New", Courier, monospace;
}

TABLE {
	font-size: 100%;
}
	TABLE.detached TD,
	TABLE.detached TH {
		padding-bottom: 1em !important;
	}
	TABLE.mid TH,
	TABLE.mid TD {
		vertical-align: middle !important;
	}





/* Useful styles
---------------------------------------- */

.hide {
	display: none;
}

#suggestions-remove tr.selected td {
	background-color: #F9F9F9 !important;
	color: #999;
}

	#suggestions-remove tr.selected td label {
		text-decoration: line-through;
	}

img.spinner {
	vertical-align: middle;
	margin: 0 .25em;
}

.http {
	float: left;
	width: 4em;
	margin-left: -4em;
	padding: .25em 0 0;
	text-align: right;
}

a.action {
	color: #900 !important;
	font-weight: bold;
}

.clear {
	clear: both;
}
.nowrap {
	white-space: nowrap;
}
.sml {
	font-size: 85%;
}
.big {
	font-size: 140%;
	vertical-align: middle;
}
.light {
	font-weight: normal;
}
.meta {
	color: #789 !important;
}
.indent {
	margin-left: 1.7em !important;
}
	TABLE.indent { margin-left: 2em !important; }

.code {
	font: normal 11px Monaco, "Lucida Console", "Courier New", Courier, monospace;
}

.hot {
	color: #B00 !important;
	font-weight: bold;
}
.highlight {
	background-color: #faf2c8;
}
.fade {
	background-color: #FFFFE4;
}
	P.fade {
		clear: both;
		margin: .2em 0 .8em;
		padding: 5px 10px;
		background-color: #FFFFE4;
		color: #383000 !important;
	}
	
.icon-in-text {
	margin: 0 .2em;
	vertical-align: text-bottom;
}
	H1 .icon-in-text { margin: 0; }

.fullsize {
	width: 98%;
}

.message {
	margin: .2em 0 .8em;
	padding: 5px 10px;
	border: 1px solid #CEDCE8;
}
.bordered {
	margin: .2em 0 .8em;
	border: 1px solid #CEDCE8;
	padding: 10px 10px .3em 10px;
	background-color: #F2F6FC;
	zoom: 1;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
	.bordered.light {
		background-color: #FFF;
	}
	.bordered p {
		padding: 0 0 .5em;
	}
	.bordered .button {
		display: block;
		margin-bottom: 0;
	}
	.bordered h1 {
		margin-top: 0;
	}
	.bordered h2 {
		margin: 0 0 1em;
		padding: 0;
	}
	.bordered .comment {
		color: #97A8C2;
	}
	


.center {	text-align: center; }
	
/* State */

p.state-on {
	padding-left: 25px;
	background: url(../images/i_successfully.gif) no-repeat 0 0;
	color: #588C1C;
	font-weight: bold;
}
p.state-off {
	padding-left: 25px;
	background: url(../images/i_error.gif) no-repeat 0 0;
	color: #CC1414;
	font-weight: bold;
}


/* Help block */

.block-wrapper-help {
	margin: .4em 0 1em;
	border: 1px solid #F8F1D4;
	padding: .8em 10px .2em 12px;
	background-color: #FFFAE4;
	color: #A77400;
	font-style: normal;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
	.block-wrapper-help h3 {
		padding: .3em 0 .6em;
		color: #382700;
		font-size: 110%;
	}
	.block-wrapper-help em {
		font-style: normal;
		font-weight: bold;
	}
	.block-wrapper-help a {
		color: #7a5500;
	}


/* Rounded block */

.rounded {
	margin: 10px 0;
	padding: 0 10px 10px;
	background-color: #E7EEF5;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.rounded.without-background {
	background: #FFF;
	padding: 0 0 10px;
}
	.rounded h2.block-title {
		padding: .5em 0 .5em;
		color: #4879A3;
		font-size: 100%;
	}
		.rounded h2.h-delivery-issues {
			padding-left: 27px;
			background: transparent url(../images/i_error.gif) no-repeat 0 6px;
		}
		.rounded h2.block-title a {
			color: #4879A3 !important;
		}

	.rounded h3.block-title {
		margin: 10px 0;
		border-top: 1px solid #202022;
		border-bottom: 1px solid #202022;
		padding: .5em 10px;
		background-color: #FFF;
		font-weight: normal;
		font-size: 150%;
	}
		.rounded h3.block-title strong {
			font-size: 130%;
		}
		.rounded h3.block-title.notification {
			border: 0;
			background-color: #B00;
			color: #FFF;
		}

	.rounded .block-wrapper {
		margin: 0 0 10px !important;
		border: 1px solid #A0BDD3;
		padding: 10px;
		background-color: #FFF !important;
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
		.rounded .block-wrapper.light {
			background-color: #EDF4FA !important;
		}
		.rounded .block-wrapper.border-bottom {
			border: 0;
			border-bottom: 1px solid #A0BDD3;
		}

	.rounded .block-wrapper-help {
		margin: 0 0 10px;
		padding: .8em 10px .8em 12px;
	}
		.rounded .block-wrapper .block-wrapper-help {
			margin: -10px -10px 10px;
			padding: 10px;
		}
		.rounded .block-wrapper .two-equal-col .block-wrapper-help {
			margin: 10px 0 0;
			height: 4em;
		}



	.rounded table.data {
		margin: 0;
	}
		.rounded table.data .line-chart {
			float: left;
			height: 1.3em;
			margin-right: .5em;
			background: #0854C7 url(../images/bg_candy_blue.gif) 0 0 no-repeat;
		}

		.rounded table.data td.chart-bar-container {
			padding-left: 0;
		}
		table.data tr.selected td {
			background-color: #FDFF7F !important;
			color: #494A01;
			font-weight: bold;
		}
		.rounded table.data tr.selected td {
			background-color: #FFFFBD;
		}
			.rounded table.data tr.selected td .line-chart {
				background-color: #8BC3AA;
			}

		table.data tr.warning td {
			background-color: #990000;
		}
		.rounded table.data tr.warning td {
			border-color: #FFF;
			background-color: #B00;
		}
			.rounded table.data tr.warning td .line-chart {
				background: url(../images/bg_candy_red.gif);
			}
			.rounded table.data tr.warning td a {
				color: #FFF;
			}

	.rounded .sparkline {
		height: 4em;
		padding: 0 0 20px;
		overflow: hidden;
		//height: 1%;
	}
		.rounded .sparkline .chart {
			float: left;
			width: 60px;
		}
		.rounded .sparkline .information {
			margin-left: 65px;
			line-height: 1.2;
		}
			.rounded .sparkline .information h3 {
				padding: .2em 0 0;
			}
				.rounded .sparkline .information h3 strong {
					font-size: 140%;
				}
			.rounded .sparkline .information p {
				padding: 0;
				font-size: 90%;
				color: #666;
			}
			.rounded .sparkline .information .notification {
				margin-top: 5px;
				padding: .3em 0 .2em 25px;
				background: #FFF url(../images/i_error.gif) no-repeat .1em 0;
				color: #A00;
				line-height: 1.1;
			}
				.rounded .sparkline .information .notification a {
					color: #A00;
				}


/* Message Bar
------------------------------ */

.msgbar {
	margin-bottom: 1em;
	padding: .5em 0;
	border-bottom: 1px solid #D7CBAB;
	background: #FFFAE4;
	color: #A77400;
	text-align: center;
	font-size: .75em;
}
	.msgbar p {
		margin: 0;
		padding: 0;
	}



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

#header {
	position: relative;
	width: 100%;
	height: 100px;
	min-width: 900px;
	margin: 5px 0 0;
	background: transparent url(../images/bg_main_tl.gif) 0 100% no-repeat;
}

	/* Logotype */

	#header h1 {
		position: relative;
		float: left;
		width: 220px;
		height: 38px;
		margin: 21px 0 0 20px;
		line-height: 1;
		font-size: 1.3em;
		overflow: hidden;
		z-index: 500;
	}
		#header h1 a {
			display: block;
			width: 128px;
			height: 38px;
			color: #000;
			text-decoration: none;
		}
		#header h1 span {
			position: absolute;
			top: 0; left: 0;
			width: 175px;
			height: 100%;
			background: url(../images/logo.gif) no-repeat 0 0;
		}

	/* Top Navigation */
	
	#log {
		float: right;
		margin: 0 20px;
		color: #81A3C0;
		font-size: 70%;
		white-space: nowrap;
	}
		#log IMG {
			margin: -3px 20px 0 10px;
			vertical-align: middle;
		}
		#log A:LINK,
		#log A:VISITED {
			color: #81A3C0;
			font-weight: bold;
		}
		#log A:HOVER {
			color: #0854C7;
		}
		#log SPAN {
			color: #B7CBDB;
		}
		#log b {
			color: #202022;
		}
		#log A.disabled {
			color: #B7CBDB;
			text-decoration: none;
		}

	/* System Message */
	
	.sys-msg {
		display: block;
		position: absolute;
		top: 31px;
		right: 20px;
		padding-left: 25px;
		background: url(../images/i_spinner_s.gif) 0 3px no-repeat;
		color: #202022;
		font-size: 100%;
		font-weight: bold;
		white-space: nowrap;
		z-index: 500;
	}
		.sys-msg a:link,
		.sys-msg a:visited {
			color: #202022;
			font-weight: bold;
		}
		.sys-msg a:hover {
			text-decoration: none;
		}
		
	/* Active Element */
	
	#header .active-element {
		position: absolute;
		bottom: -2px; right: 0;
		height: 35px;
		padding: 5px 20px 0;
		background: url(../images/bg_active_element.gif) 100% 0 no-repeat;
		color: #0854C7;
		font-size: .8em;
		font-weight: normal;
		z-index: 65000;
	}
		#header .active-element span {
			font-weight: bold;
		}
		#header .active-element i {
			color: #B7CBDB;
			font-style: normal;
		}


/* Main tabs
------------------------------ */

#nav {
	position: absolute;
	bottom: 0; left: 0;
	width: 100%;
	height: 80px;
	background: transparent url(../images/bg_main_tr.gif) 100% 100% no-repeat;
}
	#nav ul {
		height: 40px;
		margin: 3px 250px 0;
		padding: 0;
		overflow: hidden;
		//zoom: 1;
	}
		#nav ul li {
			float: left;
			height: 40px;
			margin: 0 10px 0;
			padding: 0;
			line-height: 1;
			list-style: none;
		}
		#nav ul li a {
			display: block;
			height: 29px;
			padding: 11px 0;
			font-size: 1.05em;
			font-weight: bold;
			text-decoration: none;
			cursor: pointer;
		}
		#nav ul li a:hover {
			color: #202022;
		}
		#nav ul li.active {
			background: #0854C7 url(../images/bg_candy_blue.gif) 0 0 no-repeat;
		}
			#nav ul li.active a {
				display: block;
				width: auto;
				height: 40px;
				margin: 0;
				padding: 0;
				background: transparent url(../images/bg_nav_corners.gif) 0 0 no-repeat;
				color: #FFF;
			}
			#nav ul li.active a:hover {
				color: #FFF;
			}
				#nav ul li.active a strong {
					display: block;
					height: 29px;
					padding: 11px 20px 0;
					background: transparent url(../images/bg_nav_corners.gif) 100% 0 no-repeat;
				}	



/* LAYOUT
============================== */

/* Page wrapper
------------------------------ */

#pagewrap {
	max-width: auto;
	padding: 0 7%;
}


/* Main area
------------------------------ */

#main {
	clear: both;
	min-width: 900px;
	//height: 1%;
}
#main:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#wrapper {
	background: #FFF url(../images/bg_main_r.gif) 100% 0 repeat-y;
	//height: 1%;
}
#wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* Content area
------------------------------ */

#content {
	float: right;
	width: 100%;
	font-size: 80%;
}
#content .wrap {
	position: relative;
	padding: 0px 20px 10px;
	background-color: #FFF;
}
* html #content .wrap {
	background-color: transparent;
}


/* Left sidebar
------------------------------ */

#sidebar {
	display: none;
	float: left;
	width: 210px;
}


/* Footer
------------------------------ */

#footer {
	min-width: 900px;
	background: transparent url(../images/bg_main_bl.gif) no-repeat 0 0;
	color: #81A3C0;
	font-size: 70%;
	//height: 1%;
}
	#footer .wrap {
		padding: 30px 20px;
		background: transparent url(../images/bg_main_br.gif) no-repeat 100% 0;
	}
	#footer a:link,
	#footer a:visited {
		color: #81A3C0;
	}
	#footer a:hover {
		color: #0854C7;
	}
	#footer span {
		color: #B7CBDB;
	}



/* ELEMENTS
============================== */

/* Tabs in sidebar
------------------------------ */

DL.tab {
	padding: 0 0 10px;
}
DL.tab img {
	display: none;
}
DL.tab DT {
	height: 40px;
	padding: 0 5px 0 0;
	background: #8FBADB url(../images/tv_bg.gif) no-repeat 0 0;
	color: #003459;
	font-size: 100%;
	font-weight: bold;
}
	/* Tab name */

	DL.tab DT .name {
		float: left;
		width: 129px;
		height: 30px;
		padding: 10px 0 0 35px;
		background: transparent none no-repeat 10px 11px;
		color: #202022;
		font-size: 90%;
		font-weight: bold;
		text-decoration: none;
	}
	DT#n-subscribers .name			{ background-image: url(../images/i_subscriber.gif); }
	DT#n-subscribers.active .name	{ background-image: url(../images/ia_subscriber.gif); }
	DT#n-templates .name			{ background-image: url(../images/i_templates.gif); }
	DT#n-templates.active .name		{ background-image: url(../images/ia_templates.gif); }

	/* Tab icons */

	DL.tab DT .icon {
		float: right;
		margin: 9px 1px 0;
	}

DL.tab DT.active {
	background: #FFF url(../images/tva_bg.gif) no-repeat 0 0;
}

DL.tab DD {
	padding: 5px 5px 5px 0;
	font-size: 85%;
}
	DL.tab DD.newbie {
		text-align: center;
		padding: 20px 0 10px;
	}


/* Tooltips with help
------------------------------ */

/* Default */

A.tooltip {
	position: relative;
	z-index: 20;
	text-decoration: none;
	zoom: 1;
}
	A.tooltip SPAN {
		display: none;
	}
	DL.tab DT A.tooltip IMG { vertical-align: middle; }
	#content  A.tooltip IMG { vertical-align: text-bottom; }

/* Active */

A.tooltip:hover {
	z-index: 40;
	background: transparent none;
	text-decoration: none;
}
	A.tooltip:hover SPAN {
		display: block;
		position: absolute;
		top: 15px;
		left: 15px;
		width: 150px;
		border: 1px solid #D9A336;
		padding: 5px 10px;
		background-color: #F9F1E1;
		color: #000;
		font-weight: normal;
		font-size: 11px !important;
	}
		DL.tab DT A.tooltip:hover SPAN { font-size: 75%; }
		#content  A.tooltip:hover SPAN { font-size: 90%; }



/* List of links
------------------------------ */

/* In content */

#content UL.linkslist {
	margin-right: -10px;
	padding-left: 0;
	overflow: hidden;
	//height: 1%;
}
	#content UL.linkslist LI {
		float: left;
		width: 20%;
		margin: 0 0 10px;
		list-style: none;
	}
		#content UL.linkslist LI A {
			display: block;
			height: 25px;
			margin-right: 10px;
			padding: 6px 10px 0;
			background: #0854C7 url(../images/bg_candy_blue.gif) 0 0 repeat-x;
			color: #FFF;
			font-weight: bold;
			text-decoration: none;
			
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		}
		#content UL.linkslist LI A:HOVER {
			background: #202022 url(../images/bg_candy_grey.gif) 0 0 repeat-x;
		}




/* In sidebar */

#sidebar UL.linkslist {
	margin-bottom: .5em;
	padding: 0 10px 0;
}
	#sidebar UL.linkslist LI {
		list-style: none;
	}
	#sidebar UL.linkslist LI.active {
		margin: 0 -20px 0 -10px;
		padding: 2px 0 0 10px;
		height: 18px;
		background: #FFF url(../images/tvs_bg.gif) 0 0 no-repeat;
	}
		#sidebar UL.linkslist LI.active a {
			color: #FFF !important;
		}
		#sidebar UL.linkslist A,
		#sidebar UL.linkslist STRONG {
			display: block;
			margin-bottom: 3px;
			color: #202022;
			font-size: 80%;
			font-weight: bold;
		}
		#sidebar UL.linkslist A STRONG {
			display: inline;
			height: auto;
			padding: 0;
		}


/* List of actions in sidebar
------------------------------ */

#sidebar UL.actions {
	margin-top: 5px;
	padding: 0 10px 0;
}
	#sidebar UL.actions LI A {
		color: #97a8c2;
		font-size: 80%;
		font-weight: bold;
		text-decoration: none;
	}
	#sidebar UL.actions LI A:HOVER {
		text-decoration: underline;
	}
#sidebar UL.actions LI {
	padding: 0 0 .3em 17px;
	background: transparent none no-repeat 0 .5em;
	background-position: 0 .3em;
	list-style: none;
}
	#sidebar UL.actions LI.prev	{ background-image: url(../images/i_prev_sml.gif); }
	#sidebar UL.actions LI.next	{ background-image: url(../images/i_next_sml.gif); }
	#sidebar UL.actions LI.add	{ background-image: url(../images/i_add_sml.gif); }
	#sidebar UL.actions LI.add a {
		color: #007a0e;
	}
	#sidebar UL.actions LI.show-all	{ background-image: url(../images/i_show_all_sml.gif); }
	#sidebar UL.actions LI.show-all a {
		color: #202022;
	}

/* Secondary tabs
------------------------------ */

#innertabs {
	position: relative;
	margin: -10px -20px 20px -20px;
}
	#innertabs i,
	#innertabs b {
		display: block;
		position: absolute;
		top: 0; left: 0;
		width: 15px;
		height: 15px;
		background: url(../images/subnav_corners.gif) 0 0 no-repeat;
		z-index: 1000;
	}
	#innertabs b {
		left: auto;
		right: 0;
		background-position: -15px 0;
	}

	#innertabs UL {
		padding: 0;
		//height: 1%;
	}
	#innertabs UL:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
		#innertabs UL LI {
			float: left;
			padding: 0;
			color: #0B314D;
			list-style: none;
		}

	/* Primary tabs */

	#innertabs #primary {
		position: relative;
		height: 40px;
		background: #0854C7 url(../images/bg_candy_blue.gif) 0 0 repeat-x;
		overflow: hidden;
		//height: 1%;
	}
		#innertabs #primary LI {
			float: left;
			margin-left: 20px;
		}
			#innertabs #primary LI A {
				display: block;
				height: 27px;
				padding: 13px 15px 0;
				text-decoration: none;
				color: #FFF;
				font-weight: bold;
				line-height: 1em;
			}
			#innertabs #primary A:HOVER {
				text-decoration: underline;
			}
			#innertabs #primary LI.active A {
				height: 19px;
				margin-top: 5px;
				padding: 8px 20px 3px;
				background: #FFF;
				color: #0854C7;
				
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
			}
				#innertabs #primary LI.active A:HOVER {
					text-decoration: none;
				}
				#innertabs #primary li.disabled a {
				  color: #8cb2ec;
				}
				#innertabs #primary li.disabled a:hover {
					text-decoration: none;
				}
				
	/* Secondary tabs */

		#innertabs #secondary {
			border-bottom: 1px solid #CEDCE8;
			height: 40px;
			background: #FFF;
		}
		#innertabs #secondary LI {
			margin-left: 20px;
		}
			#innertabs #secondary LI A {
				display: block;
				height: 27px;
				padding: 13px 15px 0;
				text-decoration: none;
				color: #81A3C0;
				font-weight: normal;
				line-height: 1em;
			}
			#innertabs #secondary LI A:HOVER {
				color: #0854C7;
				text-decoration: underline;
			}
			#innertabs #secondary LI STRONG {
				margin-left: -.5em;
				padding: .25em .5em;
				background-color: #eff8ff;
				color: #0854C7;
				font-weight: strong;
				text-decoration: underline;
			}
			

/* Columns
------------------------------ */

/* 50/50 */

.two-equal-col {
	overflow: hidden;
	//height: 1%;
}
.two-equal-col .col1 {
	float: left;
	width: 49%;
}
.two-equal-col .col2 {
	float: right;
	width: 49%;
}

/* 70/30 */

.two-7030-col {
	overflow: hidden;
	//height: 1%;
}
.two-7030-col .col1 {
	float: left;
	width: 68%;
}
.two-7030-col .col2 {
	float: right;
	width: 28%;
}

/* Three equal columns */

.three-col {
	overflow: hidden;
	//height: 1%;
}
.three-col .col1 {
	float: left;
	width: 31%;
	margin-right: 20px;
}
.three-col .col2 {
	float: left;
	width: 31%;
	margin-right: 20px;
}
.three-col .col3 {

}


/* Left floating block */

.left-box {
	clear: left !important;
	float: left;
	width: 38%;
}

/* Right floating block */

.right-box {
	float: right;
	width: 40%;
	margin-left: 15px;
}


/* System announcement
------------------------------ */

#announcement {
	margin: 0 0 2em;
	padding-top: 10px;
}
	#announcement .wrapper {
		padding: 15px 20px;
		border: 1px solid #FAF1C7;
		background-color: #FFFAE4;

		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	#announcement h1 {
		margin: 0 0 .25em;
		padding: 0;
		color: #382700;
		font-size: 150%;
	}
	#announcement p {
		margin: 0;
		padding: 0;
		color: #A77400;
	}



/* Box in content
------------------------------ */

.box {
	position: relative;
	margin: 65px 0 15px;
}

/* Tabs */

.box .subtabs {
	height: 40px;
	margin: -40px 0 10px;
	padding: 0;
	border-bottom: 1px solid #CEDCE8;
}
	.box .subtabs LI {
		float: left;
		margin-right: 15px;
		padding: 0;
		font-size: 1.2em;
		list-style: none;
		line-height: 0;
		
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
	}
	.box .subtabs LI.active {
		border: 1px solid #CEDCE8;
		border-bottom: 1px solid #FFF;
		color: #0854C7;
		background: #FFF;
	}
		.box .subtabs A,
		.box .subtabs STRONG,
		.box .subtabs SPAN {
			float: left;
			height: 3px;
			padding: 16px 40px 15px;
			font-weight: bold;
			
			outline: none;
		}
		.box .subtabs A {
			margin-top: 6px;
			background: url(../images/bg.gif);
			color: #202022;
			font-weight: bold;
			text-decoration: none;
			
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-topright: 5px;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-top-right-radius: 5px;
		}
		.box .subtabs A:HOVER {
			color: #0854C7;
			text-decoration: underline;
		}
		.box .subtabs LI.active strong {
			padding: 18px 40px;
			height: 3px;
		}
		.box .subtabs LI.active A STRONG {
			float: none;
			height: auto !important;
			padding: 0;
			color: #0B314D;
		}
		.box .subtabs LI.text {
			display: none;
		}

	/* Deactivated menu item */

	.box .subtabs LI.off {
	}
		.box .subtabs LI.off SPAN {
			color: #81A3C0;
			font-weight: normal;
		}

	/* Plain text in menu */

	.box .subtabs LI.plain {
		margin: 5px 10px 0;
		background: transparent none;
		font-weight: normal;
	}
		.box .subtabs LI.plain LABEL,
		.box .subtabs LI.plain INPUT {
			vertical-align: middle;
		}

	/* Link in right side of menu */

	.box .subtabs LI.right {
		float: right;
		background: transparent none;
		font-weight: normal;
	}
		.box .subtabs LI.right A {
			padding-right: 0;
			background: transparent none;
			color: #202022;
			font-weight: normal;
		}
		.box .subtabs LI.right A:hover,
		.box .subtabs LI.right A:active {
			text-decoration: underline;
		}
		.box .subtabs LI.right A.popup {
			background: transparent url(../images/i_popup.gif) no-repeat 0px 10px;
		}


/* Box without tabs */

.without-tabs {
	margin-top: .2em;
}

/* Box without columns */

.box .wrapper {
	padding: 0;
	overflow: hidden;
	//height: 1%;
}

	/* Compact wrapper */

	.box .wrapper.compact {
		clear: both;
		padding: 0;
	}

	/* Choose template section */

	.box #select-section {
		padding-bottom: 1em;
		font-size: 90%;
	}
		.box #select-section A {
			margin-left: .5em;
		}
		.box #select-section STRONG {
			margin-left: .5em;
			padding: .2em .5em;
			background-color: #FFF;
		}


/* Two columns */

.box .columns {
	overflow: hidden;
	//height: 1%;
}

	.box .columns .narrow {
		float: left;
		width: 160px;
		padding: 10px 0;
	}
	.box .columns .wide {
		margin-left: 180px;
		padding: 10px;
	}
		.box .columns .wide .wrap {
			margin-left: 180px !important;
			padding: 10px !important;
		}
		.box .columns .wide H3 {
			padding-bottom: .2em;
		}



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

#pages {
	margin-top: 20px;
	font-size: 90%;
}
	#pages #show-n {
		display: inline;
		margin-left: 2em;
	}


/* Table for data
------------------------------ */

TABLE.data {
	width: 100%;
	margin: .2em 0 .8em;
	border-collapse: collapse;
	background-color: #F3F6F9;
	border-top: 1px solid #D9E4EC;
}
TABLE.data.bordered {
	border: 0 !important;
}
	TABLE.data TH,
	TABLE.data TD {
		padding: .5em;
		vertical-align: top;
	}
	TABLE.data TH {
		border-bottom: 2px solid #81A3C0;
		background-color: #FFF;
		color: #81A3C0;
		text-align: left;
	}
	TABLE.data TD {
		border-top: 1px solid #D9E4EC;
	}

		TABLE.data TD.noborder {
			border-bottom: none;
		}

		TABLE.data TD.comment {
			font-size: 100%;
			color: #A1ACBC;
		}
			TABLE.data TD SPAN.comment {
				color: #A1ACBC;
			}

		TABLE.data TR.highlight TD,
		TABLE.data TR.fade TD,
		TABLE.data TR TD SPAN.highlight {
			background-color: #FDFF7F !important;
			color: #494A01;
			font-weight: bold;
		}
			TABLE.data TR.highlight TD A,
			TABLE.data TR.fade TD A,
			TABLE.data TR TD SPAN.highlight {
				color: #494A01 !important;
			}
			TABLE.data TR.highlight TD STRONG.hot {
				color: #a3a500 !important;
				font: italic .9em/1.3 Georgia, sans-serif;
			}

		TABLE.data TR.highlight-green TD {
			background-color: #f0ffd9;
			color: #2f7500;
		}
		TABLE.data TD.highlight {
			padding-bottom: 10px;
			border: 1px solid #81A3C0;
			border-width: 2px 0 2px 0;
			background-color: #FFF;
		}
			TABLE.data TD.highlight H2 {
				clear: both;
				padding: .8em 0 .4em;
				font-size: 110%;
			}
			TABLE.data TD.highlight TABLE {
				position: static;
				width: 100%;
				font-size: 90%;
			}
				TABLE.data TD.highlight TABLE TH,
				TABLE.data TD.highlight TABLE TD {
					border: 0;
					padding: .3em 20px .3em 0;
					background-color: transparent;
				}

	TABLE.data TR.fade TD {
		background-color: #F8DFAF;
	}
	TABLE.data TR.current TD {
		background-color: #FE8;
	}

	table.data td .big {
		line-height: 1;
	}


TABLE.data.short {
	width: 100%;
}


TABLE.data.compact {
	margin-bottom: .4em;
}
TABLE.data.compact TH,
TABLE.data.compact TD {
	padding: .5em;
	font-size: 90%;
}


TABLE.data .date,
TABLE.data .amount {
	text-align: right;
}
TABLE.data .center {
	text-align: center;
}
TABLE.data .warning {
	border-color: #A00;
	background-color: #B00;
	color: #FFF;
}
	TABLE.data .warning .line-cart {
		background: red;
	}

table.data tr.buy-more td {
	background: #0854C7 url(../images/bg_candy_blue.gif) repeat-x;
	color: #FFF;
	font-weight: bold;
}
	table.data tr.buy-more td a {
		color: #FFF;
	}
table.data th.amount.meta,
table.data td.amount.meta {
	color: #0854C7 !important;
	font-weight: bold;
}
table.data tr.buy-more td.amount {
	text-align: center;
}

.data .arrows {
	white-space: nowrap;
	vertical-align: middle;
	text-align: right;
	padding-right:0;
}
.data .last .arrows {
	text-align: left;
}
.data .arrows img {
	cursor: pointer;
}


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

fieldset {
	margin: 0;
	border: 0;
	padding: .2em 0 .6em;
}
fieldset.compact .form-row {
	padding: .1em 0;
}

fieldset.wide .form-row {
	padding-bottom: 1.2em;
}
	fieldset.wide .form-label {
		width: 200px;
	}
	fieldset.wide .form-field,
	fieldset.wide .form-comment {
		margin-left: 210px;
	}

fieldset .notification {
	padding: .3em 0 .2em 25px;
	background: url(../images/i_error.gif) no-repeat .1em 0;
	color: #A00;
	line-height: 1.1;
}
fieldset span.notification {
	padding: .0em 0 .2em 25px;
}
.colored {
	padding: .4em 10px;
	border: 1px solid #202022;
	border-width: 1px 0 1px 0;
	background: #FFF;
	color: #202022;
	//height:1%;
}

fieldset.rows-colored .form-row {
	padding: .2em;
	background-color: #DAEAF5;
}

/* Table for form layout */

TABLE.form {
	position: relative;
	margin: .4em 0 .8em;
	border-collapse: collapse;
}
	TABLE.form TH,
	TABLE.form TD {
		padding: .5em 20px .5em 0;
		text-align: left;
		font-weight: normal;
		vertical-align: top;
	}

	/* Error handling */

	TABLE.form TR.error {
		border: 0;
	}
		TABLE.form TR.error TH,
		TABLE.form TR.error TD {
			padding: 10px 20px 10px 0;
			background-color: #FFF;
			color: #CC1414;
			font-weight: bold;
		}
		TABLE.form TR.error TH {
			padding: 10px 20px 10px 5px;
		}

/* Alternative form layout */

legend {
	margin: 0;
	padding: .6em 0 .2em;
	color: #000;
	font-size: 110%;
	font-weight: bold;
}
fieldset.bordered legend {
	margin-left: -.5em;
	padding: 0 .5em;
}

.form-row {
	padding: .2em 0 .6em;
	overflow: hidden;
	//height: 1%;
}


	.form-row input,
	.form-row select,
	.form-row label {
		margin-right: .25em;
	}
	.form-label {
		float: left;
		width: 160px;
		padding: .2em 0;
	}
	.form-field {
		margin-left: 170px;
	}
	.form-comment {
		margin-left: 170px;
		color: #999;
		font-size: 85%;
	}
.form-submit {
	padding: 1em 0;
	vertical-align: middle;
	overflow: hidden;
	//height: 1%;
}
	.form-submit img {
		margin-right: .5em;
		vertical-align: middle;
	}
	.form-submit .action {
		margin: 0 .5em;
	}

.form-row.short .form-label {
	width: 90px;
}
.form-row.short .form-field,
.form-row.short .form-comment {
	margin-left: 100px;
}


/* Messages */

.formvalidator,
.error-desc,
.successfully-desc,
.notice {
	clear: both;
	margin: 1em 0 2em;
	padding: 11px 15px 3px 15px;
	font-weight: bold;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.formvalidator,
.error-desc {
	border: 1px solid #F5D2D7;
	background-color: #FFE1E5;
	color: #CC1414;
}
	.error-desc A {
		color: #900;
	}
	.error-desc ul {
		margin-left: 0;
		padding-left: 1.5em;
	}
	.error-desc h2 {
		padding: .2em 0;
		color: #A00;
		font-size: 120%;
	}
.successfully-desc {
	border: 1px solid #E1F5C2;
	background-color: #F0FFD9;
	color: #2F7500;
}
	.successfully-desc a {
		color: #250;
	}
.notice {
	border: 1px solid #E5C939;
	padding-bottom: 11px;
	background-color: #FFF4AC;
	color: #66470A;
}
	.notice a {
		color: #320;
	}

/* Confirmation Modalbox */

.confirmation-frame {
	margin: .75em 0 1.5em;
	text-align: center;
	font-size: 80%;
}
	.confirmation-frame p {
		font-size: 130%;
	}

.confirm-inline {
	margin: 0 0 0 .5em;
	padding: 2px 4px;
	text-align: center;
	font-size: 80%;
	font-size: .85em;
	background: #993C3C;
	color: #fff;
}
	.confirm-inline a {
		color: #fff;
	}
	
/* Additional styles */

.required {
	color: #D93700;
	font-size: 150%;
	font-weight: normal;
	line-height: 0;
}
.comment {
	color: #999;
	font-size: 85%;
}
p.hint {
	color: #999;
	font: italic 90%/1.4 Georgia, sans-serif;
}
.error {
	margin: .2em 0 .8em;
	padding: 10px;
	background-color: #FFE1E5;
	color: #CC1414;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.charcount-limit {
	color: #D93700;
}

/* Buttons */

.inline {
	margin: .3em;
	vertical-align: middle;
}
.button {
	margin: .4em 0 .5em;
}
.button-inline {
	margin-right: .5em;
	vertical-align: middle;
}
	* HTML .button-inline {
		margin: .3em .5em .3em 0;
		vertical-align: text-bottom;
	}

.buttons-container {
	margin: 1em 0;
}


/* Labels */

a.label {
	padding: 5px 7px 3px;
	background: #0854C7 url(../images/bg_candy_blue.gif) 0 0 no-repeat;
	color: #FFF !important;
	font-size: 90%;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
}
a.label:hover {
	background: #202022 url(../images/bg_candy_grey.gif) 0 0 no-repeat;
}


/* Icons */

a.popup, a.i-add, a.i-delete, a.i-dup-templ, a.i-edit, a.i-next, a.i-img, a.i-zoom, .i-openid {
	padding-left: 16px !important;
	background: transparent no-repeat .2em .2em;
}
a.popup			{ background-image: url(../images/i_popup.gif); }
a.i-add			{ background-image: url(../images/i_add_sml.gif); }
a.i-delete		{ background-image: url(../images/i_delete_sml.gif); background-position: 0 0; }
a.i-dup-templ	{ background-image: url(../images/i_duplicate_templ.gif); }
a.i-edit		{ background-image: url(../images/i_edit_sml.gif); }
a.i-next		{ background-image: url(../images/i_next_sml.gif); }
a.i-img			{ background-image: url(../images/i_img_sml.gif); }
a.i-zoom		{ background-image: url(../images/i_zoom_sml.gif); }
.i-openid		{ background-image: url(../images/i-openid.gif); background-position: 0 0; }


/* Wizard's steps
------------------------------ */

UL#steps {
	padding: 0;
	font-size: 85%;
	overflow: hidden;
	//height: 1%;
}
	UL#steps LI {
		float: left;
		width: 120px;
		height: 3em;
		margin: 0 5px 4px 0;
		padding: 2px 5px;
		border: 1px solid #0854C7;
		background-color: #0854C7;
		list-style: none;
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	UL#steps LI.active {
		border-color: #0854C7;
		background: #0854C7 url(../images/bg_candy_blue.gif);
		color: #FFF;
		font-weight: bold;
	}
	UL#steps LI.unactive {
		border-color: #CEDCE8;
		background-color: #FFF;
		color: #97A8C2;
	}
		UL#steps LI STRONG,
		UL#steps LI A {
			display: block;
		}
		UL#steps LI A {
			color: #84aae3;
			text-decoration: underline;
		}
		UL#steps LI A:hover {
			text-decoration: none;
		}


/* Template listing
------------------------------ */

UL.choose-template {
	padding-left: 0;
	overflow: hidden;
	//height: 1%;
}
	UL.choose-template LI {
		float: left;
		width: 190px;
		height: 210px;
		padding: 5px 5px 10px;
		list-style: none;
	}
	UL.choose-template LI.fade {
		background-color: #f0f3f6;
	}
		UL.choose-template LI H2 {
			padding: 0 0 .4em;
			font-size: 110%;
		}
		UL.choose-template LI A {
			display: block;
		}
			UL.choose-template LI A IMG {
				display: block;
				margin: 0 0 5px;
				border: 1px solid #003459;
			}
			UL.choose-template LI A:hover IMG {
				border-color: #801500;
			}


.templates-list {
	margin: .5em 0 1em;
	overflow: hidden;
	//height: 1%;
}
	.template-block {
		float: left;
		width: 190px;
		padding: 0 10px 25px 0;
	}
	
		.template-block h2,
		.current-template h2 {
			padding: 0;
			font-size: 110%;
			font-weight: normal;
			color: #000;
		}
		a.template-preview {
			position: relative;
			display: block;
			width: 185px;
			height: 120px;
			margin: .25em 0;
			border: 1px solid #003459;
			text-decoration: none;
			overflow: hidden;
			//cursor: pointer;
		}
		* html a.template-preview {
			position: static;
		}
			a.template-preview span {
				display: none;
				position: absolute;
				top: 0; left: 0;
				width: 100%; height: 100%;
				background: url(../images/bg-preview-tile.png) repeat 0 0;
			}
			a.template-preview:hover span {
				display: block;
			}
				a.template-preview span em {
					float: right;
					margin: .5em 1em;
					padding-left: 16px;
					background: transparent url(../images/i_popup.gif) no-repeat 2px .3em;
					font-style: normal;
					color: #FFF;
				}

.current-template {
	margin: .5em 0 1.5em;
	overflow: hidden;
	//height: 1%;
}
	.current-template a.template-preview {
		float: left;
		margin: 0 .5em 0 0;
	}
	.current-template .template-info {
		margin-left: 200px;
	}

.template-preview-block {
	border: 1px solid #999;
}



.tagline {font-size: 24px;}
.tagline * {padding: 0 0.2em;}
.tagline .current, .tagline a:hover {
	background-color: #801500;
	color: #fff;
	text-decoration: none;
}


/* Online editor
------------------------------ */

#editor {
	width: 99%;
	background-color: #FFF;
	font: 10px Monaco, "Lucida Console", "Courier New", Courier, monospace;
}


/* Online editor + Template preview
------------------------------ */

#edit-template {
	position: relative;
	width: 100%;
}
	#edit-template #editor {
		width: auto;
		height: 300px;
		margin-right: 170px;
		padding: 10px;
		background-color: #FFF;
	}
	#edit-template #template-preview {
		position: absolute;
		top: 0; right: 0;
		width: 160px;
		margin: .2em 0 .8em;
	}

/* Edit template */

TABLE.tpl-edit {
	width: 100%;
	min-width: 425px;
	margin: .2em 0 .8em;
	border-collapse: collapse;
	padding: 0;
	font-size: 85%;
}
	TABLE.tpl-edit TD,
	TABLE.tpl-edit TH {
		margin: 0;
		border: 2px solid #DFECF6;
		padding: 10px;
		background-color: #FFF;
		text-align: left;
		vertical-align: top;
	}

		TABLE.tpl-edit TABLE {
			width: 100%;
			margin: 0;
			border-collapse: collapse;
			padding: 0;
		}
			TABLE.tpl-edit TABLE TH,
			TABLE.tpl-edit TABLE TD {
				margin: 0;
				border: 2px solid #DFECF6;
				padding: 10px;
			}

		TABLE.tpl-edit .inline,
		TABLE.tpl-edit .inline LABEL,
		TABLE.tpl-edit .inline INPUT,
		TABLE.tpl-edit .inline IMG,
		TABLE.tpl-edit .inline A {
			vertical-align: middle;
		}

		TABLE.tpl-edit TABLE.form {
			margin-bottom: .5em;
		}
		TABLE.tpl-edit TABLE.form TH,
		TABLE.tpl-edit TABLE.form TD {
			border: 0;
			padding: .4em 5px;
		}

		TABLE.tpl-edit .message {
			margin: .5em 0 .8em;
			padding: 5px;
			background-color: #E5EFF8;
		}

/* Preview template */

TABLE.tpl-preview {
	width: 160px;
	margin: .2em 0 .8em;
	padding: 0;
	font-size: 85%;
}
	TABLE.tpl-preview TD,
	TABLE.tpl-preview TH {
		margin: 2px;
		padding: 0;
		background-color: #D7D7D7;
		text-align: left;
	}
		TABLE.tpl-preview A,
		TABLE.tpl-preview STRONG,
		TABLE.tpl-preview SPAN {
			display: block;
			padding: 5px 10px;
		}
		TABLE.tpl-preview A {
			background-color: #C8C8C8;
			//height: 100%;
		}
		TABLE.tpl-preview A:hover {
			background-color: #BABABA;
		}
		TABLE.tpl-preview STRONG {
			background-color: #ACCEE5;
		}


	TABLE.tpl-preview TH.edited, TABLE.tpl-preview TD.edited {
		background-color: #ADADAD;
	}
	TABLE.tpl-preview TH.notedited, TABLE.tpl-preview TD.notedited,
	TABLE.tpl-preview TH.selected, TABLE.tpl-preview TD.selected {
		border: 2px solid #CC1414;
	}
	TABLE.tpl-preview TH.act, TABLE.tpl-preview TD.act {
		margin: 2px;
		padding: 3px 8px;
		background-color: transparent;
		text-align: left;
	}
		TABLE.tpl-preview A.act,
		TABLE.tpl-preview A.act:hover,
		TABLE.tpl-preview STRONG.act {
			display: inline;
			padding: 0;
			background-color: transparent;
		}


/* Content Editor
------------------------------ */

.editor-container {
	margin: .5em 0;
	border: 1px solid #B6D5EC;
	padding: 3px;
	background-color: #FFF;
}

#content-editor {
}
#content-editor #pagewrap {
	border-bottom: 5px solid #B6D5EC;
}
#content-editor #header {
	background: none;
	height: 60px;
}
	#content-editor #header h1 {
		margin: 5px 0 0;
	}
#content-editor .box {
	margin: 10px 0 20px;
	background-color: transparent;
}
#content-editor .box .subtabs {
	background-color: transparent;
}

#content-editor .box {
	font-size: 80%;
}
#content-editor .box .button {
	margin: 0;
	position: relative;
	top: -8px;
}


/* Report
------------------------------ */

#report {
	margin: .2em 0 .8em;
	overflow: hidden;
	//height: 1%;
}
	#report .information {
		float: left;
		width: 55%;
	}
	#report .chart {
		float: right;
		width: 45%;
		text-align: center;
	}

#report.a-b {
	font-size: 85%;
}
	#report.a-b .information.wide {
		width: 39%;
	}
	#report.a-b .information.narrow {
		width: 20%;
	}
	#report.a-b .chart {
		float: left;
		width: 20%;
	}

/* Short inline chart */

TABLE.chart {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
	TABLE.chart TD {
		height: 5px;
		margin: 0;
		padding: 0;
		border: none;
	}

/* Color legend */

.color-explanation {
	clear: both;
	float: left;
	width: 1.2em;
	height: 1.2em;
	margin-right: .5em;
}

.opened			{ background-color: #0854C7 !important; }
.unopened		{ background-color: #CDD9E4 !important; }
.bounced		{ background-color: #DE001D !important; }
.spam-complaint	{ background-color: #909090 !important; }

.unsubscribed	{ background-color: #909090 !important; }
/*
.link-click		{ background-color: #86CD52 !important; }
.profile-update	{ background-color: #F2AA18 !important; }
.send-to-friend	{ background-color: #C191F2 !important; }
*/


/* Inline charts */

.graph {
	margin: .2em 0 .8em;
	padding: 1px;
	border: 1px solid #CEDCE8;
	background-color: #FFF;
}
	table .graph {
		margin: 0;
	}
	.graph .graph-filler {
		display: block;
		height: 1.35em;
		border-right: 1px solid #FFF;
	}
	.graph .graph-filler.rep-poor				{ background-color: #B00; }
	.graph .graph-filler.rep-neutral		{ background-color: #FF9600; }
	.graph .graph-filler.rep-good				{ background-color: #9FCD00; }
	.graph .graph-filler.rep-excellent	{ background-color: #04AB00; }

		.graph .graph-state,
		.graph .graph-count {
			padding: .25em .5em;
			font-size: 85%;
			line-height: 1;
		}
		.graph .graph-state {
			float: left;
			color: #FFF;
			font-weight: bold;
		}
		.graph .graph-count {
			float: right;
			margin-right: -3em;
			color: #BBB;
			text-shadow: none !important;
		}


/* Reputation notices */

.rep-notices {
	margin: .2em 0 .8em;
	border: 2px solid #D1E4F3;
	padding: 10px 10px 5px;
	background-color: #FFF;
}
	.rep-notices h2 {
		margin: -10px -10px 5px;
		padding: 5px 10px;
		color: #000;
		font-size: 110%;
		font-weight: normal;
	}
	.rep-notices h3 {
		margin: 0;
		padding: .4em 0 .2em;
	}
	.rep-notices p {
		margin: 0;
		padding: 0 0 .4em;
	}

	.rep-notices.rep-poor			{ border-color: #F2C2B9; }
	.rep-notices.rep-poor h2		{ background-color: #F2C2B9; }
	.rep-notices.rep-neutral		{ border-color: #F9E4BC; }
	.rep-notices.rep-neutral h2		{ background-color: #F9E4BC; }
	.rep-notices.rep-good			{ border-color: #E1ECAB; }
	.rep-notices.rep-good h2		{ background-color: #E1ECAB; }
	.rep-notices.rep-excellent		{ border-color: #BFE5B7; }
	.rep-notices.rep-excellent h2	{ background-color: #BFE5B7; }

	.rounded .rep-notices {
		margin: -10px -10px 10px;
		border: 0;
		border-bottom: 1px solid #999;
		padding: 0;
		background-color: #FFF;
	}
		.rounded .rep-notices h2 {
			margin: 0;
			padding: 10px;
			font-size: 120%;
			font-weight: bold;
		}

/* Reputation total */

.rep-total {
	padding-bottom: 0 !important;
}
	.rep-total .block-wrapper-help {
		margin-bottom: 0 !important;
		border: 0;
	}


/* Overview */

.report-overview {
	overflow: hidden;
	//height: 1%;
}
	.report-overview .report-overview-snapshot {
		float: left;
		width: 100%;
		margin-left: -430px;
	}
		.report-overview .report-overview-snapshot .rounded {
			margin-left: 430px;
		}
		.report-overview .report-overview-snapshot .i-zoom {
			background-position: .2em .1em;
		}
	.report-overview .report-overview-chart {
		float: right;
		width: 410px;
	}
		.report-overview .report-overview-chart img {
			display: block;
			margin: 0 -20px;
		}



.report-overview-delivery-chart {
	float: left;
	width: 170px;
	margin: 0 20px 20px 0;
}
.report-overview-delivery-details {
	margin: 20px 0 0 190px;
	font-size: 85%;
}
	.report-overview-delivery-details dl dt {
		font-weight: bold;
		overflow: hidden;
		//height: 1%;
	}
	.report-overview-delivery-details dl dd {
		padding: 0 0 .5em 1.7em;
		color: #666;
	}

/* When people open emails */

.report-when {
	padding: 0 0 20px;
	font-size: 120%;
	overflow: hidden;
	//height: 1%;
}
	.report-when h3,
	.report-when p {
		margin-left: 100px;
		padding: .2em 0 0;
		font-weight: normal;
	}
	.report-when .report-when-chart {
		float: left;
		display: block;
		margin: 0 20px 0 0;
	}


/* Purchase email credits
------------------------------ */

#purchase-credits {
	margin: .2em 0 .8em;
	overflow: hidden;
	//height: 1%;
}
	#purchase-credits #desc {
		float: left;
		width: 37%;
	}
	#purchase-credits #pricing {
		float: right;
		width: 60%;
	}
		#purchase-credits #pricing TABLE {
			width: 100%;
		}


/* Progress bar
---------------------------------------- */

.upload-progress-bar {
	overflow: hidden;
	//height: 1%;
}
	.upload-progress-bar .container {
		margin: .6em 0 0;
		border: 2px solid #D1E4F3;
		padding: .4em 10px .8em;
		background-color: #FFF;
	}
		.upload-progress-bar H3 {
			padding-bottom: .4em;
		}
		.upload-progress-bar .progressBar {
			width: 500px;
			margin: 5px 0;
		}
			.upload-progress-bar .progressBar .border {
				width: 100%;
				border-left: 1px solid #8C8C8C;
				border-right: 1px solid #8C8C8C;
				background: transparent url(../images/progress-remainder.gif) repeat-x;
			}
				.upload-progress-bar .progressBar .background {
					width: 0;
					height: 18px;
					background: transparent url(../images/progress-bar.gif) repeat-x;
				}
		.upload-progress-bar .encoding .background {
			background: transparent url(../images/progress-bar_encoding.gif) repeat-x !important;
		}
		.upload-progress-bar .uploadStatus {
			width: 430px;
			margin: .2em 0 0;
			font-size: 85%;
		}


#add-subscribers, #import-subscribers {
	margin: .6em 0 1em;
	border: 2px solid #DDD;
	padding: .4em 10px;
}

.options-list span { padding-right: 10px; }
.data .f-hidden * {color: #CCC;}


/* Tag reference
---------------------------------------- */

#tags-ref {
	padding-top: 20px;
}
	#tags-ref table {
		margin: 1em 0 2em;
	}
	#tags-ref table td {
		font-size: 90%;
	}
		#tags-ref table td strong {
			color: #900;
			font-weight: normal;
		}
	#tags-ref code {
		font-size: 10px;
	}


/* Modalbox */

#MB_content {
	font-size: 80%;
}


/* ADMIN AREA
============================== */

.admin #header {
}
.admin .wrap {
	padding: 20px;
}
.admin #main,
.admin #footer {
}
	.admin #nav LI A,
	.admin #nav LI STRONG {
		padding-left: 10px;
	}
	.admin #content,
	.admin #content .wrap {
		margin-left: 0;
	}
	.admin #footer .wrap {
		padding-left: 0;
		text-align: center;
	}


/* Quick Overview
---------------------------------------- */

TABLE#quick-overview {
	width: 100%;
	margin: .2em 0 2em;
	border-collapse: collapse;
	background-color: #FFF;
	font-size: 85%;
}
TABLE#quick-overview TH,
TABLE#quick-overview TD {
	border-bottom: 1px solid #EDF4FA;
	padding: .4em 5px .4em 10px;
	text-align: left;
	vertical-align: top;
}

/* Dashboard
---------------------------------------- */

.admin .two-col {
	clear: both;
	overflow: hidden;
	//height: 1%;
}
	.admin .two-col .col1 {
		float: left;
		width: 73%;
	}
	.admin .two-col .col2 {
		float: right;
		width: 25%;
	}

/* Icons */

.adm-activate {
	margin-left: 2em;
	padding-left: 14px;
	background: transparent url(../images/i_defined_sml.gif) no-repeat 0 0;
}
.adm-delete {
	margin-left: 2em;
	padding-left: 17px;
	background: transparent url(../images/i_delete_sml.gif) no-repeat 0 0;
}
.adm-deactivate {
	margin-left: 2em;
	padding-left: 17px;
	background: transparent url(../images/i_cancel_sml.gif) no-repeat 0 0;
}


/* Highrise integration */

.highrise-sidebar {
	text-align: center;
	background-color: #fff;
	margin-top: 0;
	margin-left: 5px;
	float: right;
	width: 150px;
}
.highrise-sidebar.status {
  width: auto;
  padding: 1em;
}
	.highrise-sidebar h2 strong {
		color: #801500;
	}
	.highrise-sidebar .tooltip {
		text-align: left;
	}
.highrise-form {
	overflow: hidden;
}
	.highrise-form img { 
		float: left;
		margin-right: 10px;
	}
	.highrise-form fieldset {
		margin-left: 120px;
	}
		.highrise-form fieldset .form-row {
			padding-bottom: 0;
		}
		
.highrise-status {
  float: right;
  overflow: hidden;
  //height: 1%;
}
.highrise-status.enabled {
  padding-left: 1.5em;
  background: url(../images/i_enabled.gif) no-repeat;
  background-position: 0 2px;
}

.highrise-status.disabled {
  padding-left: 1.5em;
  background: url(../images/i_disabled.gif) no-repeat;
  background-position: 0 2px;
}



/* Account Summary */

.account_summary .bordered {
	background-color: #fff;
}

/* Billing Summary */

.billing_summary {
	font-size: 90%;
	line-height: 1.4;
}
	.billing_summary dl {
		margin: 0;
		padding: 0;
	}
		.billing_summary dl dt {
			display: block;
			margin: 0 0 .2em;
			padding: .25em 0 0;
			font-weight: bold;
		}
		.billing_summary dl dd {
			margin: 0 0 .5em 0;
			padding: 0;
		}
		.billing_summary dl .link-action {
			font-weight: normal;
		}

/* Past Invoices */

.invoices-list {
	font-size: 90%;
}
	.invoices-list ul{
		margin: 0;
		padding: 0;
		list-style: none;
	}
		.invoices-list ul li {
			margin: 0;
			border-top: 1px solid #D1E4F3;
			padding:0.4em 0;
			color:#666;
			background-color: #fff;
		}
			.invoices-list ul li .discount {
				color:#666;
				text-decoration:line-through;
			}
	.invoices-list em {
		display: block;
		font-size: 90%;
		font-style: normal;
	}

.defined-plan {
	margin-left: 1em;
  padding-left: 17px;
  background: url(../images/i_defined_sml.gif) 0 1px no-repeat;
}	

/* Features List */
	.features-list ul {
		list-style: none;
		margin: 0 0 1em;
		padding: 0;
	}
		.features-list li {
			margin: 0;
		  padding-left: 20px;
		  background: url(../images/i_defined_sml.gif) 0 5px no-repeat;
		}

/* Admin plans */
.plans {}
	.plans .disabled td {
		color: #ccc;
	}

	.plans .editable {
		background: url(../images/i_edit_sml.gif) 98% 4px no-repeat;
		padding: 1px 20px 1px 0;
	}
	.plans .hover {
		background-color: #ffc;
	}
	.plans .edit_field {
		font-size: .85em;
		white-space: nowrap;
	}
		.plans .edit_field input {
			display: inline;
			background-color: #ffc;
			border-width: 1px;
			width: 4.5em;
			margin-right: .5em;
		}
		.plans .amount .edit_field input {
			text-align: right;
		}
		.plans .edit_field img {
			vertical-align: middle;
		}	

	.plans a.i-edit {
		margin-left: .5em;
	}

	/* Disabled plan */

	.plans tr.plan-disabled td {
		background-color: #EDF4FA;
		color: #9AB;
		font-size: .9em;
	}


	
/* Tour
---------------------------------------- */

.tour {
	position: relative;
	height: 54px;
	margin: 0 -22px 2em;
}
	.tour em,
	.tour b {
		display: block;
		position: absolute;
		top: 26px; left: 0;
		width: 2px;
		height: 6px;
		background: url(../images/line-endings.gif) 0 0 no-repeat;
		z-index: 500;
	}
	.tour b {
		left: auto; right: 0;
		background-position: 100% 0;
	}
	.tour .wrapper {
		position: absolute;
		top: 0; left: 0;
		width: 100%;
	}
	.tour ul {
		margin: 0 0px;
		padding: 0 10px 0 20px;
		background: url(../images/line.gif) 0 center repeat-x;
		overflow: hidden;
		//height: 1%;
	}
	.tour ul li {
		width: 20%;
		float: left;
		font-size: .9em;
		line-height: 1;
		list-style-type: none;
	}
		.tour ul li .container {
			position: relative;
			height: 54px;
			margin-right: 10px;
			background: url(../images/bg_tour_buttons.gif) 0 -54px no-repeat;
		}
			.tour ul li .container i {
				display: block;
				position: absolute;
				top: 0; right: 0;
				width: 10px;
				height: 54px;
				background: url(../images/bg_tour_buttons.gif) 100% -54px no-repeat;
			}
		.tour ul li span {
			display: block;
			padding: 12px 0 3px 15px;
			color: #AAA;
		}
		.tour ul li strong,
		.tour ul li a {
			display: block;
			margin-left: 15px;
		}
		.tour ul li a:link,
		.tour ul li a:visited {
			color: #202022;
			font-weight: bold;
		}
		.tour ul li a:hover {
			text-decoration: none;
		}
		
		.tour.steps-4 ul li { width: 25%; }
		.tour.steps-5 ul li { width: 20%; }
		.tour.steps-6 ul li { width: 16.65%; }
		
		/* Active State */
		
		.tour ul li.active .container {
			background: url(../images/bg_tour_buttons.gif) 0 0 no-repeat;
		}
		.tour ul li.active span {
			color: #C5AB93;
		}
		.tour ul li.active strong {
			color: #FFF;
		}
		.tour ul li.active i {
			background: url(../images/bg_tour_buttons.gif) 100% 0 no-repeat;
		}