@charset utf-8;
/*
	Author: S Asim Imtiaz
	Author URI: http://www.fuzedbulb.com/
*/

/* =Layout
-------------------------------------------------------------- */

#fullWidth {
	width: 100%;
}

.home{
	min-width: 1000px;
}


#footer {
	clear: both;
	width: 100%;
}
/* =Fonts
-------------------------------------------------------------- */
body,input,textarea,#site-info,.page-title span,.pingback a.url {
	font-family: Georgia, "Bitstream Charter", serif;
}

pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}

code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono",
		monospace;
}

/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body {
	background: #FFF;
	margin: 100px;
    background: url("bg-header.png") repeat-x;
}

body,input,textarea {
	color: #666;
	font-size: 14px;
	line-height: 22px;
}

hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}

img{
	border: 0px;
}

/* Text elements */
p {
	margin-bottom: 18px;
}

ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}

ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}

ol ol {
	list-style: upper-alpha;
}

ol ol ol {
	list-style: lower-roman;
}

ol ol ol ol {
	list-style: lower-alpha;
}

ul ul,ol ol,ul ol,ol ul {
	margin-bottom: 0;
}

dl {
	margin: 0 0 24px 0;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 18px;
}

strong {
	font-weight: bold;
}

cite,em,i {
	font-style: italic;
}

big {
	font-size: 131.25%;
}

ins {
	background: #ffc;
	text-decoration: none;
}

blockquote {
	font-style: italic;
	padding: 1.5em 3em 0em 3em;
	color: #777;
}

blockquote cite,blockquote em,blockquote i {
	font-style: normal;
}

pre {
	background: #F8EDD5;
	color: #666;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}

abbr,acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

sup,sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

input[type="text"],textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
	padding: 2px;
}

a:link {
	color: #0066cc;
}

a:visited {
	color: #0066cc;
}

a:active,a:hover {
	color: #ff4b33;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}

/* =Footer
-------------------------------------------------------------- */
#footerContainer {
	border-top: 1px solid #E0E0E0;
	background-color: #222;
}

#footer {
	margin: 30px 0px 0px 0px;
	height: 150px;
}

#colophon {
	margin-top: -4px;
	overflow: hidden;
	padding: 18px 0;
}

#site-info {
	font-style: italic;
	color: #666;
}

#site-info a {
	color: #666;
	text-decoration: none;
}

#site-info a:hover {
	color: #666;
	border-bottom: 1px dotted #555;
}

.clear {
	clear: both;
}

.rounded-corners {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
/* =Menu
-------------------------------------------------------------- */
.menuButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
	background-color:#63b8ee;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:1px solid #3866a3;
	display:inline-block;
	color:#14396a !important;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:8px 18px;
	text-decoration:none;
	text-shadow:1px 1px 0px #7cacde;
}.menuButton#active,.menuButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
	background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
	background-color:#468ccf;
}.menuButton:active {
	position:relative;
	top:1px;
}
.ctaButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52) );
	background:-moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52');
	background-color:#b8e356;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff  !important;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:1px 1px 0px #86ae47;
}.ctaButton#active,.ctaButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356) );
	background:-moz-linear-gradient( center top, #a5cc52 5%, #b8e356 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356');
	background-color:#a5cc52;
}.ctaButton:active {
	position:relative;
	top:1px;
}

.incomingButton {
    -moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
    -webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
    box-shadow:inset 0px 1px 0px 0px #f7c5c0;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d) );
    background:-moz-linear-gradient( center top, #fc8d83 5%, #e4685d 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d');
    background-color:#fc8d83;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #d83526;
    display:inline-block;
    color:#ffffff !important;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    padding:5px 16px;
    text-decoration:none;
    text-shadow:1px 1px 0px #b23e35;
}.incomingButton#active,.incomingButton:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83) );
    background:-moz-linear-gradient( center top, #e4685d 5%, #fc8d83 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83');
    background-color:#e4685d;
}.incomingButton:active {
    position:relative;
    top:1px;
}

.subMenuButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777 !important;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	padding:3px 8px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.subMenuButton:hover {
	background-color:#dfdfdf;
}.subMenuButton:active {
	position:relative;
	top:1px;
}

/* =Manager
-------------------------------------------------------------- */
h1,h2 {
    font-family: 'Doppio One', sans-serif;
}

h1 {
    font-size: 38px;
    line-height: 24px;
    letter-spacing: -0.06em;
    margin: 0 0 20px 0;
    text-shadow: 0.05em 0.05em #EFEFEF;
    color: #333;
}

h3 {
    font-family: 'Noticia Text', serif;
}

.header,.subcontent {
    padding-bottom: 10px;
    border-bottom: 1px solid #EFEFEF;
}

.subcontent {
    padding: 10px;
    clear: both;
}

table {
    margin: 20px;
    border: 1px solid #EFEFEF;
}

table th {
    background-color: #EFEFEF;
    color: #555;
}

table tr td {
    border-bottom: 1px solid #CCC;
}

.console {
    position: fixed;
    top: 15px;
    left: auto;
    width: 600px;
    opacity: 0.98;
    filter: alpha(opacity = 98);
    padding: 20px;
    margin: auto;
    color: #000;
    display: none;
    font-family: 'Doppio One', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    z-index: 99;
}

.console#warn {
    background-color: lightpink;
    border: 2px solid #F00;
}

.console#ok {
    background-color: lightyellow;
    border: 2px solid #090;
}

fieldset {
    margin-left: 20px;
    border: 0px solid #CCC;
    width: 600px;
}

fieldset span {
    display: block;
    width: 120px;
    float: left;
    clear: left;
    line-height: 28px;
}

fieldset div{
   display: block;
   margin-top:10px;
}

select {
    background-color: #F7F7F7;
    border: 1px solid #CCC;
    cursor: pointer;
}

input,select {
    padding: 3px;
}

.entry-meta {
    color: #888888;
    font-size: 12px;
}

.subcontent#incoming{
	background: url("stripe_bg.png");
}

#autoConfig{
	width: 85%;
	margin: auto;
	padding: 10px;
	border: 3px orange solid;
	background-color: lightyellow;
	position: relative;
}
#autoConfig .close{
	position: absolute;
	top: 10px;
	right: 10px;
}
#numberDashboard{
	position:relative;
}
#numberDashboard .entry-meta{
	position: absolute;
	top:18px;
	right: 10px;
	background-color: lightblue;
	padding: 5px;
}

#incomingTable #delivered{
	background-color: #ccffaa;
}
#incomingTable #failed,#incomingTable #buffered,#incomingTable #queued{
	background-color: #FFEAEA;
}

table th,#theKey{
	font-family: 'Noticia Text', serif;
	text-transform: uppercase;	
	font-weight:bolder;
}

#incomingTable table{
	width: 95%;
	margin: auto;
}

#originalmsg{
	font-style:italic;
	color: #999;
}

.grid{
	width:30%;
	float:left;
	margin: 5px;
	padding: 5px 15px 5px 5px;
	border: 1px solid #CCC;
	background: url("stripe_bg.png");
	text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.35);
	box-shadow: 0px 0px 6px rgba(140, 154, 151, 0.35);
}
#grid1,#grid2,#grid3{
	min-height: 240px;
}
#grid5{
	width: 63%;
}
.grid h2{
	font-size: 18px;
	letter-spacing: -0.08em;
	display:block;
	border-bottom: 1px solid #CCC;
}

.grid img{
	float: left;
	width: 72px;
	margin: 0px 15px 10px 10px;
}

.grid p{
	font-size: 12px;

	color: #444;
}

.grid #img img{
	border: 1px solid #999;
	height: 50px;
	width: auto;
}