body {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F5F5F5;
	background-image: url('../imgs/body_bg.jpg');
	background-repeat: repeat-y;
}

td, th {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	vertical-align: top;
}

html {
	overflow: -moz-scrollbars-vertical;
}

table#biz {
	border-right: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
}



/*
	HEADER
*/

tr#header td {
	background-image: url('../imgs/header_bg.jpg');
	background-repeat: no-repeat;
	vertical-align: bottom;
}

tr#header th,
tr#header td {
	border-bottom: 1px solid #F2F2F2;
}


/*
	NAV
*/

tr#nav td {
	padding: 0;
	border: 2px solid #fff;

	background-image: url('../imgs/nav_button_off.jpg');
	background-repeat: repeat-x;
	background-color: #DFEEFF;
}

	tr#nav td div {
		margin: 0;
		padding: 4px 16px 3px 16px;
	}

	tr#nav td a {
		padding: 4px 16px 3px 16px;
		text-decoration: none;
		font-size: 11px;
		font-weight: bold;
		color: #4a4a4a;
	}

	tr#nav td a:hover {
		background-image: url('../imgs/nav_button_on.jpg');
		background-repeat: repeat-x;
		background-color: #EA2214;
		color: #fff;
	}

	tr#nav td span.admin {
		float: right;
	}

/*
	LOGIN
*/

	p#login {
		text-align: right;
		margin: 0px 160px 45px 0px;
	}

		p#login a img {
			border: 2px solid #006699;
		}

		p#login a:hover  img{
			border: 2px solid #F23824;
		}


/*
	SIDEBAR
*/

td#sidebar {
/*	border-right: 1px solid #F2F2F2;*/
	border-top: 1px solid #dedede;
}

hr {
	background-color: #f2f2f2;
	color: #F1F1F1;
	border: none;
	line-height: 1px;
	height: 1px;
	padding: 0px;
	margin: 2px 0px 0px 0px;
	display: block;
}

	/* BOXES */
	td#sidebar table {
		width: 100%;
	}

	td#sidebar table td {
		font-size: 11px;
		border-left: 3px solid #E5E5E5;
		border-top: 1px solid #f2f2f2;
		margin: 2px 2px 0px 0px;
		padding: 0px 0px 20px 0px;
		background-image: url('../imgs/sidebar_div_bg.jpg');
		background-repeat: repeat-x;
	}

	/* color specific boxes */
	td#sidebar table td.forCustomers { /*border-left-color: #29A349; border-left-color: #327FD7;*/ }
	td#sidebar table td.lime { border-left-color: #CCFF00; }
	td#sidebar table td.blue { border-left-color: #00D2FF; }
	td#sidebar table td.urgent { border-left-color: #29A349; }
	td#sidebar table td.disaster { border-left-color: #F23824; }

	/* color specific urgent headers and color legend */
	td#sidebar table td.lime h1,
	td#sidebar table td.legend span.lime { background-color: #CCFF00; }

	td#sidebar table td.blue h1,
	td#sidebar table td.legend span.blue { background-color: #00D2FF; }

	td#sidebar table td.urgent h1,
	td#sidebar table td.legend span.urgent { background-color: #29A349; color: #fff; }

	td#sidebar table td.disaster h1,
	td#sidebar table td.legend span.disaster { background-color: #F23824; color: #fff; }

	td#sidebar table th {
		padding: 5px 0px 2px 16px;
		margin: 2px 2px 0px 0px;

		border-left: 3px solid #E5E5E5;
		background-color: #FBFBFB;
		background-image: url('../imgs/sidebar_h1_bg.jpg');
		background-repeat: repeat-x;

		font-size: 12px;
		font-weight: bold;
		text-align: left;
		color: #666;
	}

	td#sidebar table th.red {
		border-left-color: #F23824;
	}


	/* box sub styles */

		td#sidebar table td h1 {
			/* urgent & disaster header */
			font-size: 10px;
			color: #333;
			background-color: #EBF5FF;
			background-image: none;
			border: none;
			display: block;
			margin: 0px;
			padding: 2px 16px 2px 16px;
		}


		td#sidebar table td h2 {
			/* regular news header */
			padding: 0px;
			margin: 10px 10px 0px 16px;

			font-size: 11px;
			font-weight: normal;

			color: #2B84E7;
		}

			td#sidebar table td.disaster h2 {
				color: #F23824;
			}

		td#sidebar table td span.date {
			color: #CCC;
			float: right;
			margin: 10px 16px 0px 0px;
		}

		td#sidebar table td p {
			padding: 10px 16px 0 16px;
			margin: 0px;
		}

		td#sidebar table td p.readmore {
			text-align: right;
		}


		td#sidebar table td p.button,
		td#sidebar table td p.button-neutral {
			text-align: center;
			padding-top: 20px;
			padding-bottom: 10px;
		}


			td#sidebar table td p.button a img,
			td#sidebar table td p.button-neutral a img {
				padding: 2px;
				border: 1px solid #CCC;
				background-color: #26AE1A;
			}

			td#sidebar table td p.button-neutral a img {
				background-color: #fff;
			}


			td#sidebar table td p.button a img:hover,
			td#sidebar table td p.button-neutral a img:hover {
				background-color: #F23724;
			/*	border: 1px solid #F23724; */
			}

		td#sidebar table td a {
			color: #2B84E7;
			text-decoration: none;
		}

			td#sidebar table td a:hover {
				text-decoration: underline;
			}

	td#sidebar table td.legend {
		text-align: center;
		vertical-align: middle;
		padding-top: 10px;
		color: #999;
	}

		td#sidebar table td.legend span {
			width: 5px;
			font-size: 5px;
			height: 5px;
			line-height: 5px;
			border: 1px solid #E9E9E9;
			padding-left: 5px;
			margin-left: 20px;
			margin-right: 5px;
		}

	/* generic tables */
	td#content table {
		margin: 1em 20px 1em 20px;
		margin-right: 10px;
		background-color: #E6F0FA;
	}

		td#content table th {
			padding: 4px;
			color: #000;
			text-align: left;
		}

		td#content table th.red {
			background-image: url('../imgs/table_th_red.jpg');
			background-repeat: repeat-x;
			background-color: #F13824;
			color: #fff;
		}

		td#content table th.blue {
			background-image: url('../imgs/table_th_blue.jpg');
			background-repeat: repeat-x;
			background-color: #EBF5FF;
			color: #333;
			font-weight: normal;
			font-size: 11px;
		}


		td#content table td {
			font-size: 11px;
			padding: 4px;
			color: #333;
		}

	/* sidebar info box */
	td#sidebar div.infobox {
		background-color: transparent;
	}

		td#sidebar div.infobox-active {
			background: #F8F9E0 url('../imgs/div_infobox_active_bg.jpg') repeat-y scroll left top;
/*			background-color: #F1F2DA;*/
		}

	/* forms */
	form {
		margin-left: 20px;
		margin-right: 20px;
	}

	form input,
	form select,
	form textarea {
		display: block;
		margin-bottom: 1em;
		margin-left: 100px;
		border: 1px solid #CCC;
		padding: 2px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		width: 250px;
		vertical-align: middle;
	}

	form select {
		width: 256px;
	}

	form input:focus,
	form textarea:focus,
	form select:hover {
/*		border: 1px solid #F13824;*/
		border: 1px dashed #999;
		background-color: #F9F9E1;
	}

	form input.radio,
	form input.checkbox {
		display: inline;
		margin: 3px 3px 4px 5px;
	}

	form input.hidden {
		display: none;
	}

		form label {
			display: block;
			margin-left: 100px;
		}

		form label.noBlock {
			display: inline;
			margin-left: 10px;
		}

		form label.noSpace {
			display: inline;
			margin: 0;
		}

	form input.radio,
	form input.checkbox,
	form input.button,
	form input.submit {
		width: auto;
		text-align: left;
		border: none;
	}

	form input.button,
	form input.submit {
		font-weight: bold;
		border: 1px solid #D9522D;
		color: #3f3f3f;
		background-color: #FEFEFE;
		margin-top: 1em;
	}

		form input.submit {
			color: #FFF;
			background: #EA2214 url('../imgs/nav_button_on.jpg') repeat-x scroll 0 0;
		}

		form input.submit.disabled {
			background-color: #CCCCCC !important;
			color: #666666 !important;
			background-image: none !important;
			border: 1px solid #333333 !important;
		}

	form span {
		float: left;
		width: 90px;
		font-size: 90%;
		text-align: right;
	}

	fieldset {
		border: 1px solid #cccccc;
		margin-bottom: 1em;
		padding: 10px;
	}

		fieldset legend {
			padding: 0 4px 0 4px;
			color: #F13824;
			font-size: 90%;
			font-weight: bold;
		}

	form span.info {
		display: block;
		width: 250px;
		margin: -10px 0 0 100px;
		color: #666;
		font-size: 10px;
	}

		form span.info a {
			color: red;
			text-decoration: none;
		}

		form span.info a:hover {
			text-decoration: underline;
		}

	/*
		Forms with wide labels
	*/
	form.widelabels span {
		width: 130px;
	}

	form.widelabels span.info {
		width: 250px;
	}

	form.widelabels input,
	form.widelabels select,
	form.widelabels textarea,
	form.widelabels span.info {
		margin-left: 140px;
	}

	/*
		Form: login
	*/
	form.login,
	form.trial	{
		margin-top: 1em;
	}

	form.login {
		font-size: 12px;
	}

	form.login input,
	form.trial input	{
		width: 120px;
		font-size: 12px;
	}

	form.login input {
		width: 200px;
		padding: 2px;
	}

		form.trial span {
			float: none;
			display: block;
		}

		form.trial input {
			margin-left: 0;
		}

	form.login input.submit,
	form.trial input.submit	{
		width: auto;
	}


	form.manage a {
		padding-left: 20px;
	}

	form.bills span {
		width: 150px;
		color: #2b84e7;
		font-weight: bold;
	}



/*
	CONTENT
*/

td#content {
	font-size: 12px;
	padding-left: 1px;
	padding-bottom: 20px;
	border-left: 1px solid #dedede;
	border-top: 1px solid #dedede;
}

td#content h1 {
	display: block;
	padding: 2px 0px 0px 16px;
	margin: 2px 2px 2px 0px;

/*	border-left: 3px solid #E5E5E5;*/
	border-left: 3px solid #F23824;
	border-bottom: 1px solid #F5F5F5;
	border-top: 1px solid #DEDEDE;
	background-color: #FBFBFB;
	background-image: url('../imgs/sidebar_h1_bg.jpg');
	background-repeat: repeat-x;

	font-size: 13px;
	line-height: 24px;
	height: 24px;
	font-weight: bold;
	color: #666666;
	letter-spacing: -0.5px;
}

td#content h2 {
	font-size: 2em;
	font-weight: normal;
	color: #2B84E7;
	padding: 1em 0 0 20px;
	margin: 0;
	border-bottom: 1px solid #F5F5F5;
	line-height: 28px;
	letter-spacing: -0.5px;
}

td#content h3 {
	display: block;
	padding: 4px 0px 0px 20px;
	margin: 2px 2px 2px 0px;

	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

td#content h4 {
	display: block;
	padding: 4px 0px 0px 20px;
	margin: 2px 2px 2px 0px;

	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	color: #666666;
}

td#content h5 {
	display: block;
	padding: 4px 0px 0px 20px;
	margin: 2px 2px 2px 0px;

	font-size: 10px;
	font-weight: normal;
	color: #2B84E7;
}



td#content p {
	font-size: 12px;
	line-height: 22px;
	color: #666;
	padding: 0 20px 0 20px;
	margin: 5px 0 0.5em 0;
}

td#content div.contentPadding {
	padding: 0 20px 1em 20px;
	border: 0;
}

td#content p.error {
	border: 1px dashed #FF0000;
	font-weight: bold;
}

td#content a {
	color: #2B84E7;
	text-decoration: none;
}

	td#content a:hover {
		color: #F23824;
		text-decoration: underline;
	}

td#content hr {
	margin: 1em 0 1em 0;
	background-color: #CCCCCC;
}

.error {
	color: #FF0000;
	margin: 2px;
	padding: 0 1em 0 1em;
}

.discreet {
	color: #666666 !important;
	font-size: 90% !important;
}

.accent {
	font-size: 120% !important;
}

.smaller {
	font-size: 90%;
}

.tiny {
	font-size: 80%;
}

.left {
	text-align: left !important;
}

.right {
	text-align: right !important;
}

.nospace-above {
	margin-top: 0;
}

.noair {
	padding: 0;
}

.air-left {
	padding-left: 1em;
}

a.button {
	font-weight: bold;
	border: 1px solid #D9522D;
	background-color: #FEFEFE;
	margin-top: 1em;
	padding: 4px;
	color: #FFFFFF !important;
	background: #EA2214 url('../imgs/nav_button_on.jpg') repeat-x scroll 0 0;
}

	a.button:hover {
		text-decoration: none !important;
	}

/* general colors */

.blue {
	color: #006699;
}

.red {
	color: #F23824;
}

img.framed {
	border: 1px solid #BBB;
}

td#content div {
	margin: 0 2px 2px 0;
	border-left: 3px solid #e5e5e5;
}

/* NOTIFYER box */
div#notifyer {
	border: 2px solid #1BB43F !important;
	background-color: #FEFEFE;
	background-image: none;
/*
	background: #DAEBBB url('../imgs/div_infobox_active_bg.jpg') repeat-y scroll left top;
	border: 1px solid #D6D6C2;
*/
	padding: 1em;
	margin: 10px 10px 10px 20px;
	font-size: 11px;
	width: 90%;
	text-align: left !important;
	/*display: none;*/
}

div#notifyer b {
	color: #1BB43F !important;
	display: block;
}

div#notifyer.notifyer-error {
	border: 2px solid #F23824 !important;
	background-color: #FEFEFE;
	background-image: none;
}

div#notifyer.notifyer-error b {
	color: #F23824 !important;
}

/*
	NOTE box
*/
.note {
	padding: 5px;
	margin: 0.5em 10px 0 10px !important;
	border: 2px solid #D3E9F5 !important;
	background-color: #FFFFDB;
}

	.note h1 {
		font-size: 13px;
		font-weight: bold;
		letter-spacing: 0 !important;
		color: #1a1a1a;
		border: 0 !important;
		border-bottom: 1px dashed #999999 !important;
		background-color: transparent !important;
		background-image: none !important;
	}

	.note p {
		line-height: 16px !important;
	}

	.note b {
		color: #333333;
	}

/*
	ERROR msg
*/
div.error {
	border: 2px solid #F23824 !important;
	padding: 5px;
	color: #000000 !important;
	background-color: #FEFEFE;
	background-image: none;
}



/* TABLE columns */
table.columns {
	width: 100%;
}

	table.columns td.main {
		width: 33%;
		border-left: 1px solid #E5E5E5;
	}

/* TABLE type1 */
td#content table.type1 {
	width: 80%;
	background-color: transparent;
	border: 1px solid #e5e5e5;
	border-bottom: 0;
	border-right: 0;
	font-size: 14px;
}

td#content table.type1 td {
	padding: 2px;
	border: 0;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #e5e5e5;
	text-align: right;
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	padding: 6px;
}

td#content table.type1 td.highlight {
	font-size: 11px;
	font-weight: bold;
	background-color: #FFFFD9;
	color: #000000;
}

td#content table.type1 th {
	width: 100px;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	padding: 4px 10px 4px 20px;
	border: 0;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	color: #EA3B1E;
}

	td#content table.type1 tr.top th {
		width: auto;
		background: #327FD7 url('../imgs/table_pricing_top_bg.jpg') repeat-x scroll 0 0;
	/*	background-color: #368AE8;*/
		color: #ffffff;
		font-size: 14px;
		font-weight: normal;
		border: 0;
		padding: 10px 10px 10px 20px;
	}

	td#content table.type1 tr.top th a {
		color: #FFFFFF;
	}


/*
	TABLE order > plan
*/
td#content table.type2 {
	width: 90%;
	background-color: transparent;
	border: 1px solid #e5e5e5;
	border-bottom: 0;
	border-right: 0;
	font-size: 14px;
}

td#content table.type2 td {
	padding: 2px;
	border: 0;
	border-bottom: 1px solid #CCCCCC;
	text-align: right;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	padding: 6px;
	border-right: 1px solid #E5E5E5;
}

td#content table.type2 tr.total th {
	text-align: right;
	width: 280px;
	color: #000000;
	border-top: 1px solid #327FD7;
}

	td#content table.type2 tr.total td {
		border-top: 1px solid #327FD7;
	}

td#content table.type2 td.highlight {
	font-size: 11px;
	font-weight: bold;
	background-color: #FFFFD9;
	color: #000000;
}

td#content table.type2 th {
	width: 100px;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	padding: 4px 10px 4px 10px;
	border: 0;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	color: #EA3B1E;
}

	td#content table.type2 tr.top th,
	td#content table.type2 tr.top2 th {
		width: auto;
		background: #327FD7 url('../imgs/table_pricing_top_bg.jpg') repeat-x scroll 0 0;
	/*	background-color: #368AE8;*/
		color: #ffffff;
		text-align: right;
		font-size: 12px;
		font-weight: normal;
		border: 0;
		padding: 6px 6px 6px 14px;
	}

		td#content table.type2 tr.top2 th {
			background: #2370C8 url('../imgs/table_th_top2.jpg') repeat-x scroll 0 0;
		}

	td#content table.type2 tr.top th a {
		color: #FFFFFF;
	}

form a.tooltip {
	float: right;
	margin-right: 40px;
	color: #CCCCCC !important;
	font-size: 18px;
}

	form a.tooltip:hover {
		color: #2B84E7 !important;
		text-decoration: none !important;
	}

input.req {
	/*background-color: #F9E5E1;*/
	border-right: 3px solid #29A349 !important;
}



/*
	FOOTER
*/

tr#footer td {
/*	border-top: 1px solid #E9E9E9;*/
	border-top: 1px solid #F99C92;
	background-color: #FAFAFA;
	padding: 4px 20px 4px 20px;

	font-size: 10px;
	color: #999;
}

/*
	GENERAL TYPOGRAPHY AND SUCH
*/

a img {
	border: none;
}

div#adminmenu {
	background-color: #FAFAFA;
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	padding: 3px 3px 3px 20px;
	border-bottom: 1px solid #EE3725;
}
	div#adminmenu a {
		font-size: 11px;
		text-decoration: none;
		color: #1a1a1a;
	}

div#tooltip {
    position: absolute;
    visibility: hidden;
    z-index: 100;
    border: 2px solid #DBEAF2;
    padding: 10px;
    width: 300px;
    background: #fefefe url('../imgs/tooltip_bg.jpg') no-repeat scroll top right;
}

	div#tooltip h1 {
		margin: 0;
		padding: 0;
		font-size: 14px;
	}

	div#tooltip p {
		margin: 0.5em 0 0 0;
		padding: 0;
		font-size: 12px;
	}

/* Screenshots */
div.screenshots {
	width: auto;
	background-color: #f4f4f4;
	border: 1px solid #e5e5e5;
	margin: 1em 15px 0 15px;
	padding: 4px;
}

div.screenshots img {
	border: 1px solid #dadada;
}

div.screenshots div {
	padding: 2px;
}

	div.screenshots div span {
		float: right;
	}

	div.screenshots div b {
		font-weight: normal;
	}