/* main elements */
body {
	margin: 0px;
	background: url('../../images/jan07/banner_bg.gif') repeat-x top;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666666;
}
body#indexBody {
	background: url('../../images/jan07/banner_index_bg.gif') repeat-x top;
}
b {
	color: #000000;
}
a, a b {
	font-family: Arial, Helvetica, sans-serif;
	color: #0066CC;
	text-decoration: none;
}
a:hover, a:hover b {
	color: #CC6600;
}
form {
	margin: 0px;
}
h3 {
	font-size: 14px;
}

/* template elements */
.containBorder {
	border-top: 1px #999999 solid;
	margin-top: 20px;
}
.container {
	width: 780px;
	margin: 0px auto;
}
#topLinks {
	float: right;
	margin-top: 32px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
	#topLinks a {
		font: 10px Arial, Helvetica, sans-serif;
		color: #FFFFFF;
	}
#logo {
	width: 260px;
	height: 77px;
}
#pageTitle {
	height: 44px;
	padding-top: 9px;
}
	#pageTitle p {
		margin: 0px;
		padding: 0px;
		font: bold 21px Arial, Helvetica, sans-serif;
		color: #0066CC;
	}
	#pageTitle a {
		font: bold 21px Arial, Helvetica, sans-serif;
		color: #0066CC;
	}
#mainBody {
	width: 465px;
}
#randomImage {
	width: 465px;
	height: 88px;
	text-align: center;
}
	#randomImageText, #randomImageShadow {
		font-size: 12px;
		font-weight: bold;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		letter-spacing: 2px;
		position: absolute;
		width: 463px;
		padding-top: 5px;
		text-align: center;
	}
	#randomImageShadow {
		color: #000000;
	}
	#randomImageText {
		color: #FFFFFF;
		margin: -2px 0px 0px -1px;
	}
#rightCol {
	width: 150px;
	padding-left: 15px;
}
#footer {
	clear: both;
	background: url('../../images/jan07/services_banner.gif') top center no-repeat;
	margin-top: 20px;
	padding-top: 80px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #999999;
}
	#footer a {
		font: 10px Arial, Helvetica, sans-serif;
		color: #0066CC;
	}

/* left menu */
#leftCol {
	width: 135px;
	padding-right: 15px;
}
	#leftCol ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	#leftCol .leftMenuIndent {
		margin-left: 10px;
	}
	#leftCol .leftMenuHeader {
		margin: 5px 0;
		font: bold 13px Arial, Helvetica, sans-serif;
		color: #666666;
	}
	#leftCol .leftMenuItem a, #leftCol .leftMenuActive a, #leftCol .leftMenuSubActive a {
		display: block;
		width: 100%;
		font: 12px Arial, Helvetica, sans-serif;
		color: #666666;
		text-decoration: none;
		border-bottom: 1px dotted #666666;
	}
	#leftCol .leftMenuActive a, #leftCol .leftMenuItem a:hover, #leftCol .leftMenuSubActive a {
		color: #0066CC;
		border-bottom: 1px dotted #0066CC;
	}
	#leftCol .leftMenuSubActive a:hover {
		color: #CC6600;
		border-bottom: 1px dotted #666666;
	}
	#clientMenu {
		margin: 40px 0px 15px 0px;
		font: bold 15px Arial, Helvetica, sans-serif;
		color: #666666;
		line-height: 115%;
	}

/* content boxes */
.contentBox {
	width: 100%;
	background: #F7F7F7 url('../../images/jan07/contentBox_bg_left.png') repeat-y left;
	margin-top: 20px;
}
body#indexBody .loginBoxTop {
	margin-top: 20px;
}
	.contentBoxContainer {
		background: url('../../images/jan07/contentBox_bg_right.png') repeat-y right;
	}
		.contentBoxHead {
			background: url('../../images/jan07/contentBox_head_bg_right.png') no-repeat top right;
			border-bottom: 1px #999999 solid;
		}
			.contentBoxHead h3 {
				background: url('../../images/jan07/contentBox_head_bg_left.png') no-repeat top left;
				font: bold 18px Arial, Helvetica, sans-serif;
				color: #666666;
				padding-top: 4px;
				padding-left: 10px;
				margin: 0px;
			}
		.contentBoxBody {
			background: url('../../images/jan07/contentBox_body_bg_right.png') no-repeat bottom right;
		}
			.contentBoxText {
				background: url('../../images/jan07/contentBox_body_bg_left.png') no-repeat bottom left;
				padding: 0px 10px 13px;
			}
				.contentBoxText p {
					margin: 0px;
					padding-top: 1em;
				}

/* login boxes */
.loginBox {
	margin-top: 15px;
	width: 150px;
}
.loginBoxTop {
	margin-top: 0px;
}
	.loginBox h3 {
		font-size: 16px;
		padding-top: 5px;
	}
	.loginText {
		font: 11px Arial, Helvetica, sans-serif;
		color: #000000;
		padding-top: 10px;
	}
	.loginInput {
		font: 11px Arial, Helvetica, sans-serif;
		border: 1px #000000 solid;
		width: 120px;
	}
	.loginImage {
		margin-top: 19px;
		float: right;
	}
	.loginReminder {
		margin-top: 60px;
	}
		.loginReminder a {
			font: 10px Arial, Helvetica, sans-serif;
			color: #0066CC;
			text-decoration: none;
		}
		.loginReminder a:hover {
			color: #CC6600;
		}

/* page navigation */
#pageNav {
	width: 100%;
	margin-top: 20px;
	overflow: hidden;
}
	#pageNavLeft {
		float: left;
		width: 30%;
		height: 16px;
		text-align: left;
		background: url('../../images/jan07/arrow_left.gif') no-repeat left;
		padding-left: 20px;
		padding-top: 1px;
	}
	#pageNavMid {
		text-align: center;
	}
	#pageNavRight {
		float: right;
		width: 30%;
		height: 16px;
		text-align: right;
		background: url('../../images/jan07/arrow_right.gif') no-repeat right;
		padding-right: 20px;
		padding-top: 1px;
	}

/* more info */
#moreInfo {
	border-top: 1px solid #666666;
	margin-top: 20px;
	padding-top: 10px;
	font-size: 10px;
	clear: both;
}
	#moreInfo b {
		color: #666666;
		font-size: 11px;
	}
	#moreInfoLeft {
		float: left;
		text-align: left;
	}
	#moreInfoRight {
		float: right;
		text-align: right;
	}

/* contact form */
#hiddenForm {
	width: 465px;
	padding: 15px 160px 0px 140px;
}
	.hiddenFormInput {
		width: 225px;
	}
	#hiddenForm textarea {
		width: 460px;
	}
	.hiddenFormSubmit {
		background-color: #DDDDDD;
		color: #333333;
	}

/* feedback */
#feedbackIndex {
	margin-bottom: 20px;
	margin-top: 20px;
	clear: both;
}
	.feedbackTitle {
		font: bold 18px Arial, Helvetica, sans-serif;
		color: #666666;
		margin-bottom: 20px;
	}
	#feedbackIndex .feedbackTitle {
		float: left;
		height: 50px;
		padding-right: 20px;
		font-size: 21px;
	}
	.feedbackQuote {
		font-family: Arial, Helvetica, sans-serif;
	}
	#feedback .feedbackQuote {
		margin-top: 1em;
		margin-bottom: 10px;
		font-size: 11px;
		font-style: normal;
		font-weight: bold;
		color: #999999;
	}
	#feedbackIndex .feedbackQuote {
		font-size: 13px;
		color: #999999;
	}
	#feedback .feedbackAuthor {
		font-style: normal;
		font-weight: normal;
	}
	#feedbackIndex .feedbackAuthor {
		color: #CCCCCC;
	}
#feedbackFull {
	
}
	#feedbackFull .feedbackQuote {
		margin-top: 20px;
		border-bottom: 1px solid #CCCCCC;
		padding-bottom: 20px;
	}
	#feedbackFull .feedbackAuthor {
		font-style: italic;
	}

/* side items */
#internalAdLeft {
	margin-top: 30px;
	text-align: left;
}
#internalAdRight {
	margin-top: 15px;
	height: 50px;
	text-align: center;
}
#swsoft {
	margin-top: 20px;
	margin-bottom: 20px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666666;
}
a.sidelink {
	font-size: 10px;
}

/* index template */
#indexTop {
	height: 157px;
}
	#indexLeft {
		position: absolute;
		width: 50%;
		height: 157px;
		background: url('../../images/jan07/index_bg_left.png') right no-repeat;
	}
		#indexLeft .indexText {
			float: right;
			color: #FFFFFF;
			font: 17px Arial, Helvetica, sans-serif;
		}
		.indexLeftBold {
			margin: 18px 0px 13px 0px;
			font: bold 21px Arial, Helvetica, sans-serif;
		}
	#indexRight {
		position: absolute;
		left: 50%;
		width: 50%;
		height: 157px;
		background: #000000 url('../../images/jan07/index_bg_right.png') left no-repeat;
	}
		#indexRight .indexText {
			text-align: right;
		}
		.indexRightBold {
			font: bold 17px Arial, Helvetica, sans-serif;
			color: #3399FF;
			margin: 20px 0px 10px 0px;
		}
		#indexOrder {
			display: block;
			margin-top: 10px;
		}
	.indexText {
		width: 390px;
		height: 157px;
	}

/* index items */
#indexBoxes {
	margin: 20px 0 0 0;
	overflow: hidden;
}
#indexBoxOS {
	float: left;
	width: 380px;
	height: 88px;
}
#indexBoxPlesk {
	float: right;
	width: 380px;
	height: 88px;
}
#contentBoxes {
	overflow: hidden;
}
	#contentBoxAustralia {
		float: left;
		width: 295px;
		margin-right: 20px;
	}
		#imageAustralia {
			float: right;
			margin: 10px;
		}
	#contentBoxSecure {
		float: left;
		width: 295px;
	}
		#contentBoxSecureText {
			border: none;
			height: 171px;
			margin-right: -9px;
			margin-bottom: -12px;
			background: url('../../images/jan07/contentBox_secure_bg.gif') no-repeat right bottom;
		}
			#contentBoxSecureText p {
				width: 115px;
				margin: 0px;
			}

/* general classes */
.statusTextGreen {
	color: #009900;
}
.statusTextRed {
	color: #FF0000;
}

.statusBgGreen {
	background-color: #CCFFCC;
}
.statusBgRed {
	background-color: #FFCCCC;
}

/* page-specific items */
#ajxServerPass {
	text-align: center;
	margin-top: 5px;
}
#ajxServerStatus {
	margin-top: 5px;
}
	#ajxServerStatus div {
		padding: 4px 5px 4px 25px;
		margin-top: 3px;
		border-style: solid;
		border-width: 2px;
	}
		#ajxServerStatus div div {
			border-width: 1px 0 0 0;
			padding-left: 20px;
		}
		#ajxServerStatus div.serverStatusSub, #ajxServerStatus div.statusAlertDateTime {
			border: none;
			padding: 0;
			margin: 0;
		}
	.serverStatusBlockHeader {
		background-color: #0066CC;
		border-color: #0066CC;
		color: #FFFFFF;
		font-weight: bold;
		text-align: center;
	}
	.serverStatusActive {
		background: #FFFFFF url('../../images/jan07/serverStatus_active.gif') no-repeat 5px 3px;
		border-color: #009933;
	}
	.serverStatusFailed {
		background: #FFFFFF url('../../images/jan07/serverStatus_failed.gif') no-repeat 5px 3px;
		border-color: #CC0000;
	}
	.statusAlertCritical {
		background: url('../../images/jan07/serverStatus_critical.gif') no-repeat 0 3px;
	}
	.statusAlertNotice {
		background: url('../../images/jan07/serverStatus_notice.gif') no-repeat 0 3px;
	}
	.statusAlertScheduled {
		background: url('../../images/jan07/serverStatus_scheduled.gif') no-repeat 0 3px;
	}
	.statusAlertHistory {
		background: url('../../images/jan07/serverStatus_history.gif') no-repeat 0 3px;
	}
	.serverStatusPortOn {
		background: #CCFFCC url('../../images/jan07/serverStatus_portOn_left.gif') repeat-y top left;
		padding: 0px 0px 0px 7px;
		height: 19px;
	}
		.serverStatusPortOn span {
			background: #CCFFCC url('../../images/jan07/serverStatus_portOn_right.gif') repeat-y top right;
			padding: 2px 7px 2px 0px;
		}
	.serverStatusPortOff {
		background: #FFCCCC url('../../images/jan07/serverStatus_portOff_left.gif') repeat-y top left;
		padding: 0px 0px 0px 7px;
		height: 19px;
	}
		.serverStatusPortOff span {
			background: #FFCCCC url('../../images/jan07/serverStatus_portOff_right.gif') repeat-y top right;
			padding: 2px 7px 2px 0px;
		}
	#ajxServerStatus div.statusAlertDateTime {
		margin-bottom: 5px;
	}
#serverStatusFilter {
	margin: 10px;
}
.serverStatusArchive {
	border-top: #666666 solid 1px;
	padding: 3px 0px;
}

#contentSpecial {
	float: right;
	width: 142px;
	margin: 0px 0px 10px 10px;
}
	a.contentSpecialMenu {
		display: block;
		margin-top: 5px;
		width: 130px;
		height: 20px;
		padding: 5px 0px 0px 12px;
		background: url('../../images/jan07/special_menu_bg.png') no-repeat top left;
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #0066CC;
	}
	a.contentSpecialMenu:hover {
		background-position: top right;
		color: #FFFFFF;
	}

/* generic page layout */
.style1 {
	color: #0066CC;
	font-weight: bold;
}
.style2 {
	color: #0066CC;
}