@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}
body {
	background-image:url(../images/1pix.jpg);
	background-repeat:repeat-x;
	background-color:#f3f4f6;
	font-family:Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}
img, a img 	{	border:none;	}

/* layout and positioning */
#wrapper {
	width:1000px;
	margin:0 auto;
	background-image:url(../images/page_bg.jpg);
	background-repeat:repeat-y;
}
	#left-shadow, #right-shadow {
		float:left;
		width:20px;
		height:700px;
		background-repeat:no-repeat;
		background-image:url(../images/fade_left.jpg);
	}
	#right-shadow {
		background-image:url(../images/fade_right.jpg);
	}
	#container {
		width:960px;
		float:left;
	}
		#nav-bar {
			background-image:url(../images/nav.jpg);
			height:60px;
			padding:0 0 0 254px;
		}
		#copy {
		background-color:#f6f8f8;
		margin:25px 0 0 0;
		height: auto !important;
		min-height:500px;
		padding:10px 0 20px 0;
		}
		#page {
			min-height: 500px;
			height: auto !important;
			height: 500px;
		}
		#col1, #col2, #col3 {
			float:left;
			min-height: 200px;
			height: auto !important;
			height: 200px;
		}
		/* column width based on page type: 
		/* t1 - e.g. home page - 3 col layout, col1 and col3 are narrow, col2 is wide
		/* t2 - e.g. showcase page - 3 col layout, col1 is narrow, col2 and col3 are equal width */
		.t1 #col1 {
			width:240px;
			background-image:url(../images/left_nav.jpg);
			background-position:top;
			background-repeat:no-repeat;
		}
		.t1 #col2 {
			width:465px;
			background-image:url(../images/page_top.jpg);
			background-position:top;
			background-repeat:no-repeat;
		}
		.t1 #col3 {
			width:255px;
			background-image:url(../images/right_top.jpg);
			background-position:top;
			background-repeat:no-repeat;
		}
	
	#footer {
		clear:both;
		background-image:url(../images/fade_bottom.jpg);
		background-repeat:no-repeat;
		background-position:bottom;
		text-align:center;
		color:#999999;
		padding:10px 0 27px 0;
		font-size:10px;
	}
		#footer-menu {
			margin:10px 50px 5px 50px;
			padding:7px 0 1px 0;
			border-top:1px solid #CCCCCC;
		}
		#copyright {
			clear:both;
			margin:5px 0 0 0;
		}


/* formatting */
#page a:link, a:visited {
	text-decoration:none;
	color:#4a64c6;
}
#page a:hover {
	text-decoration:underline;
}
.no-border {
	border:none !important;
}
#col2 .nolink a:hover {
	text-decoration:none;
	color:#333333;
}
#col2 iframe {
margin:25px 0 0 0;
width:465px;
height: auto !important;
min-height:500px;
padding-left:10px;
}

#col2 h1 {
	color:#333333;
	font-size:18px;
	font-weight:bold;
	line-height:22px;
	padding:10px 13px 5px 13px;
}
#col2 h2, #col2 h2 a {
	color:#333333 !important;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	padding:10px 13px 5px 13px;
}
#col2 h2 a:hover {
	text-decoration:none !important;
}
#col2 h3 {
	color:#333333;
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	padding:10px 13px 0 13px;
}
p {
	padding:3px 0 5px 5px;
}
hr {
	border:0;
	background-color:#999999;
	height:1px;
	margin:5px 20px 0 15px;
}
#col2 p {
	line-height:18px;
	padding:3px 20px 8px 13px;
}
.small {
font-size:9px;
line-height:9px;
}
#col2 ul {
	list-style-type:none;
	margin:3px 0 8px 20px;
}
	#col2 ul li {
		padding:4px 4px 4px 17px;
		background-image:url(../images/bullet.gif);
		background-repeat:no-repeat;
		background-position:0 5px;
	}
#col2 ol {
	margin:3px 0 8px 30px;
}
	#col2 ol li {
		padding:4px;
	}
#files ul {
	list-style-type:none;
	margin:3px 0 8px 20px;
}
#files ul li {
	padding:6px 4px 6px 22px;
	background-image:url(../images/pdf-icon.png);
	background-repeat:no-repeat;
	background-position:0 4px;
}
#files ul li a {
font-weight:bold;
}

/* sitemap list */
.sitemap li {
	font-weight:bold;
}
.sitemap ul {
	margin:0 0 5px 20px !important;
}
.sitemap ul li {
	background-image:url(../images/bullet2.gif) !important;
	background-position:0 12px !important;
	padding:8px 0 0 15px !important;
	font-weight:normal !important;
}

/* boxes*/
#col1 .box {
background-image:url(../images/promo_button.jpg);
background-repeat:no-repeat;
	font-size:12px;
	margin:32px 8px 0px 10px;
	height:113px;
}
	#col1 .box h2, #col1 .box h2 a {
		color:#FFF;
		font-size:24px;
		line-height:24px;
		font-weight:bold;
		text-decoration:none;
		padding:14px 60px 0 20px;
	}
	#col1 .box h2 a:hover {
text-decoration:none;
}
	#col1 .box h3, #col1 .box h3 a {
		color:#FFF;
		font-size:15px;
		line-height:15px;
		font-weight:bold;
		text-decoration:none;
		padding:2px 50px 0 20px;
	}
#col1 .box h3 a:hover {
text-decoration:none;
}

#col1 .box p, #col1 .box a {
		padding:5px 60px 0 20px;
		font-size:12px;
		font-weight:normal;
		line-height:14px;
		color:#ffcd56;
		text-decoration:none;
	}
#col1 .box a:hover {
text-decoration:none;
}

#col1 .box1 {
background-image:url(../images/uptodate_bg.jpg);
background-repeat:no-repeat;
	font-size:12px;
	margin:2px 8px 0px 10px;
	height:148px;
}
	#col1 .box1 h2 {
		color:#000000;
		font-size:16px;
		line-height:16px;
		font-weight:bold;
		padding:20px 24px 0 20px;
	}
#col1 .box1 p {
		padding:4px 24px 0 20px;
		font-size:11px;
		font-weight:normal;
		line-height:12px;
		color:#000000;
	}
#col1 .box1 .input {
	width:170px;
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:10px;
	border:1px solid #999999;
	padding:2px;
	margin:10px 0 10px 20px;
	color:#999999;
}
.message1 {
	padding:10px;
	margin:15px 10px 5px 0;
	font-size:10px;
	font-weight:bold;
	color:#4a64c6;
}
	
	#col1 .box a, #col1 .box1 a {
	padding:0;
	}
	#col1 .box h2 a, #col1 .box1 h2 a {
	padding:0;
	}
	
#col3 .box {
	background-image:url(../images/right_info.jpg);
	background-repeat:no-repeat;
	height:110px;
	margin:0;
}
	#col3 .box p, #col3 .box a {
	color:#000000;
	padding:22px 30px 10px 54px;
	line-height:12px;
	font-size:10px;
	}
	#col3 .box a:hover {
	color:#4a64c6;
	text-decoration:underline;
	}
	
	#col3 .box1 {
background-image:url(../images/right_case.jpg);
background-repeat:no-repeat;
	font-size:12px;
	margin:0;
	height:168px;
}
	#col3 .box1 h2, #col3 .box1 h2 a {
		color:#000000;
		font-size:15px;
		line-height:16px;
		font-weight:bold;
		text-decoration:none;
		padding:16px 30px 0 20px;
	}
#col3 .box1 h2 a:hover {
text-decoration:none;
}
#col3 .box1 p, #col3 .box1 a {
		padding:5px 30px 0 20px;
		font-size:10px;
		font-weight:normal;
		line-height:12px;
		color:#000000;
		text-decoration:none;
	}
	#col3 .box1 a {
	color:#4a64c6;
	}
#col3 .box1 a:hover {
text-decoration:underline;
}

#col3 .box2 {
background-image:url(../images/right_service.jpg);
background-repeat:no-repeat;
	margin:0px;
	height:91px;
}
	#col3 .box2 h2, #col3 .box2 h2 a {
		color:#FFF;
		font-size:16px;
		line-height:16px;
		font-weight:bold;
		text-decoration:none;
		padding:20px 60px 0 20px;
	}
#col3 .box2 h2 a:hover {
text-decoration:none;
}
#col3 .box2 p, #col3 .box2 a {
		padding:0px 60px 0 20px;
		font-size:14px;
		font-weight:normal;
		line-height:16px;
		color:#FFF;
		text-decoration:none;
	}
#col3 .box2 a:hover {
text-decoration:none;
}

#col3 .box3 {
background-image:url(../images/right_request.jpg);
background-repeat:no-repeat;
	margin-top:0px;
	height:51px;
}
	#col3 .box3 h2, #col3 .box3 h2 a {
		color:#FFF;
		font-size:12px;
		line-height:12px;
		font-weight:bold;
		padding:18px 0 0 20px;
	}
#col3 .box2 h2 a:hover {
text-decoration:none;
}

	#col3 .box a, #col3 .box1 a, #col3 .box2 a, #col3 .box3 a {
	padding:0;
	}
	#col3 .box h2 a, #col3 .box1 h2 a, #col3 .box2 h2 a, #col3 .box3 h2 a {
	padding:0;
	}
	
	.feed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url(../images/feed-icon-12x12.gif) no-repeat 0 50%;
} 

/* service providers */
body.serviceproviders #content {
	width:100%;
}

.boxFloatContainer {
	float:left;
	background-color:#f6f8f8;
}
.floatBox {
	float:left;
}


/* gallery thumbs */
.tmb-title {
	clear:both;
	text-align:center;
	background-image:url(../images/showcase.jpg);
	background-repeat:no-repeat;
	width:287px;
	height:93px;
	margin:0 0 10px 0;
}
.tmb-img {
	float:left;
	background-image:url(../images/frame.jpg);
	background-repeat:no-repeat;
	width:83px;
	height:87px;
	padding:4px 0 0 5px;
	margin:0 10px 11px 0;
}
	.tmb-img.no-margin {
		margin-right:0px;
	}

/* contact page */

#contact1 {
	float:left;
	width:190px;
	margin-right:20px;
}
#contact2{
	float:left;
	width:190px;
}
.pretty-form ul {
	margin:0px !Important;
}
.pretty-form li {
	padding:5px 0 !important;
	background-image:none !important;
}
.pretty-form label {
	display:block;
	float:left;
	width:120px;
	padding-left:30px;
}
.pretty-form .input {
	width:260px;
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:11px;
	border:1px solid #999999;
	padding:2px;
}
.error {
	border:1px solid #CC0000;
	padding:10px;
	margin:5px 10px 5px 0;
	font-size:10px;
	color:#CC0000;
	background-color:#FFF5F2;
}
.message {
	border:1px solid #C5DCA6;
	background-color:#F8FEF1;
	padding:10px;
	margin:5px 10px 5px 0;
	font-size:10px;
}

/* Status Colouring */

.status-critical {
    background-color: red;
    text-align: center
}

.status-warning {
    background-color: yellow;
    text-align: center
}

.status-normal {
    background-color: green;
    text-align: center
}
tr.divider td {
	border-top-width: 2px;
}
td.divider {
	border-top-width: 2px;
}
td.bright {
	padding-left: 20px;
	background-position: top left;
	background-repeat: repeat-y;
}

tr.Critical td { background-color: #F5CDCD; }
tr.Critical td.divider { border-top: 2px solid #CC0000 !important; }
tr.Critical td.bright { background-image: url(../images/bgCritical.png); }

tr.Major td { background-color: #FFD7CD; }
tr.Major td.divider { border-top: 2px solid #FF3300 !important; }
tr.Major td.bright { background-image: url(../images/bgMajor.png); }

tr.Minor td { background-color: #FFEBCD; }
tr.Minor td.divider { border-top: 2px solid #FF9900 !important; }
tr.Minor td.bright { background-image: url(../images/bgMinor.png); }

tr.Warning td { background-color: #FFF5CD; }
tr.Warning td.divider { border-top: 2px solid #FFCC00 !important; }
tr.Warning td.bright { background-image: url(../images/bgWarning.png); }

tr.Indeterminate td { background-color: #EBEBCD; }
tr.Indeterminate td.divider { border-top: 2px solid #999900 !important; }
tr.Indeterminate td.bright { background-image: url(../images/bgIndeterminate.png); }

tr.Normal td { background-color: #D7E1CD; }
tr.Normal td.divider { border-top: 2px solid #336600 !important; }
tr.Normal td.bright { background-image: url(../images/bgNormal.png); }

tr.Cleared td { background-color: #EEE; }
tr.Cleared td.divider { border-top: 2px solid #999 !important; }
tr.Cleared td.bright { background-image: url(../images/bgCleared.png); }

tr.CellStatus td {
	padding-left: 20px;
	background-position: top left;
	background-repeat: repeat-y;
}

tr.CellStatus td.Critical
{
	background-color: #F5CDCD; 
	border-top: 2px solid #CC0000 !important;
	background-image: url(../images/bgCritical.png);
}

tr.CellStatus td.Major
{
	background-color: #FFD7CD; 
	border-top: 2px solid #FF3300 !important;
	background-image: url(../images/bgMajor.png);
}

tr.CellStatus td.Minor
{
	background-color: #FFEBCD; 
	border-top: 2px solid #FF9900 !important;
	background-image: url(../images/bgMinor.png);
}

tr.CellStatus td.Warning
{
	background-color: #FFF5CD; 
	border-top: 2px solid #FFCC00 !important;
	background-image: url(../images/bgWarning.png);
}

tr.CellStatus td.Indeterminate
{
	background-color: #EBEBCD; 
	border-top: 2px solid #999000 !important;
	background-image: url(../images/bgIndeterminate.png);
}

tr.CellStatus td.Normal
{
	background-color: #D7E1CD; 
	border-top: 2px solid #336600 !important;
	background-image: url(../images/bgNormal.png);
}

tr.CellStatus td.Cleared
{
	background-color: #EEE; 
	border-top: 2px solid #999 !important;
	background-image: url(../images/bgCleared.png);
}

tr.CellStatus td.nobright
{
	background-image: none;
}

/* Hax (don't look here) */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
/* END: Hax (don't look here) */