body 
{
	padding: 0px;
	margin: 0px;
}

/* ================================================================================================================================ 
/*	Fonts
/* ================================================================================================================================ */

body, div, td, form, a, p, span, select, input
{
	font-size: 12px;
	font-family: Trebuchet MS, arial, verdana, sans-serif;
	color: #444;
}

h1 { color: #444; font-weight: normal; font-size: 26px; padding: 0px; margin: 0px 0px 10px 0px; }
h2 { color: #444; font-weight: normal; font-size: 26px; padding: 0px; margin: 0px 0px 10px 0px; }

a { color: Blue; text-decoration: none; }
a:hover { color: Blue; text-decoration: underline; }

img { border: none; }
div.container { border: 4px solid #fff; border-radius: 10px; margin-bottom: 15px; box-shadow: 1px 1px 6px #666; }
div.error { color: Red; }

/* ================================================================================================================================ 
/*	Layout
/* ================================================================================================================================ */

div#content-status  
{
	position: fixed; 
	top: 0px; 
	left: 0px; 
	height: 100%; 
	width: 290px; 
	background: transparent url(/images/bg-shadow-left.png) repeat-y top right;
}
div#content-main { margin-left: 270px; padding: 10px 30px; width: 530px; }


/* ================================================================================================================================ 
/*	Status
/* ================================================================================================================================ */

div#content-status div.content { background: #fff; width: 250px; padding: 10px 20px 10px 10px; height: 100%; }
div.status-server-msg { font-size: 24px; font-weight: normal; }
div.status-server-msg span { font-size: 24px; font-weight: bold; color: #1bc921; }
div.status-server-msg span.error { color: Red; }
div.status-current-msg { font-size: 24px; font-weight: bold; }
div.status-current-time { font-size: 16px; color: #888; text-shadow: none; }
td.status-time { color: #888; padding-left: 7px; white-space: nowrap; }
td.status-msg { padding-right: 7px !important; }

div.status-section { margin-top: 10px; }
div.status-server,
div.status-current,
div.status-title  
{
	border-top-left-radius: 6px; 
	border-top-right-radius: 6px; 

	border: 1px solid #aaa; 
	padding: 5px 8px;	
	text-shadow: 1px 1px 1px #888;
}
div.status-current { background-color: #d2e3fa; }
div.status-title { background-color: #eaeaea; font-size: 16px; }
div.status-server  
{
	background-color: #eaeaea;
	border-bottom-left-radius: 6px; 
	border-bottom-right-radius: 6px; 
}

table.status-hist,
table.status-detail { margin: 5px 0px; }
table.status-hist td { padding: 2px 0px 2px 7px; }
table.status-detail td { padding: 1px 0px 0px 7px;  text-align: right; }
table.status-hist td.label,
table.status-detail td.label { text-align: left; width: 80px; color: #666; }


/* ================================================================================================================================ 
/*	Page wrapper
/* ================================================================================================================================ */

div.action-bar { position: fixed; top: 0px; left: 280px; width: 100%; }
div.action-bar div.content { padding: 10px 10px 10px 10px; background-color: #fff; height: 30px;}
div.action-bar div.content div.action,
div.action-bar div.content a 
{ 
	display: block;
	float: left;
	margin-left: 20px;	
	box-shadow: 1px 1px 6px #444;
}
div.action-bar div.content div.action:hover,
div.action-bar div.content a:hover
{ 
	box-shadow: 1px 1px 6px #9998f8;
}
div.action-bar div.content a
{
	text-shadow: 1px 1px 1px #bbb;
	padding: 5px 10px;
}
div.action-bar div.content select { border: 0px; padding: 3px; }
div.action-bar div.content a:hover { text-decoration: none; }

div.action-bar div.shadow { clear: both; height: 10px; width: 100%;background: transparent url(/images/bg-shadow-bottom.png) repeat-x bottom left; }
div.page-content { margin: 65px 0px 0px 10px; }

/* ================================================================================================================================ 
/*	Mailshots
/* ================================================================================================================================ */

div.status-finished { color: #666; }
div.status-in-prog { color: #0f9513; }
div.status-waiting,
div.status-paused { color: Orange; }
div.status-cancelled { color: #f00; }
 

div.pc_bar div.cancelled,
div.pc_bar div.finished { background-color: #bbb; }
div.pc_bar div.waiting  { background-color: Orange; }
div.pc_bar div.in-prog { background-color: #1bc921; }
div.pc_bar div.paused { background-color: Orange; }

div.mailshot-summary
{
	border-top-left-radius: 6px; 
	border-top-right-radius: 6px; 
	background-color: #eaeaea;
	border: 1px solid #aaa; 
	padding: 2px 4px;
}
div.mailshot-summary table { width: 100%; }
div.mailshot-summary td.left { padding-right: 20px; }
div.mailshot-summary td.right {  }

div.mailshot-name { font-size: 18px; padding: 2px 0px; text-shadow: 1px 1px 1px #888; }
div.mailshot-cust { font-weight: bold; color: #888; }
div.mailshot-subject { font-style: italic; }
div.mailshot-status { font-size: 18px; white-space: nowrap; }
div.pc_text { text-align: right; margin-top: 5px; white-space: nowrap; }
div.pc_bar { width: 100px; margin: 2px 0px; border: 1px solid #aaa; background-color: #fff; height: 10px; text-align: left; }
div.pc_bar div { height: 10px; background-color: #0f9513; }

div.mailshot-details { clear: both; }
div.mailshot-details table.mailshot-timings { margin-left: 30px; }
div.mailshot-details table.mailshot-detail { float: left; margin-right: 10px; }
div.mailshot-details table.mailshot-actions { float: right; }
table.mailshot-detail { margin: 5px 0px; }
table.mailshot-detail td { padding: 1px 0px 0px 5px;  text-align: right;}
table.mailshot-detail td.label,
table.mailshot-detail td.time  { text-align: left; }
table.mailshot-detail td.pc { color: #888; }
table.mailshot-detail td.label { color: #666; }
div.clear { clear: both; }
table.mailshot-detail td.action a { display: block; border: 1px solid #fff; padding: 2px 4px; text-align: center; width: 80px; text-shadow: 1px 1px 1px #bbb; box-shadow: 1px 1px 6px #444; margin-bottom: 5px; }
table.mailshot-detail td.action a:hover { text-decoration: none; box-shadow: 1px 1px 6px #9998f8;}