@charset "UTF-8";
@import 'reset.css';
html {
	background-color:#D9D9D9;
}
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	background: url(../images/bkgd-content-m1.jpg) 0 150px  repeat-x #f5f5f5;
}
h1 {
	font-size: 14px;
	font-weight: bold;
	color: #6D3987;
	padding-bottom: 10px;
}
h2 {
	color: #EC7519;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EC7519;
	font-weight: bold;
	margin-bottom: 5px;
}
h4 {
	font-weight: bold;
	color: #205CA8;
}
p {
	padding-bottom: 10px;
}
hr {
	color: #6D3987;
	margin-bottom: 10px;
	margin-top: 5px;
}
#head {
	margin:auto;
	background:url(../images/bkgd-head-m1.jpg) repeat-x;
}
#headcontent {
	width:955px;
	margin:0 auto;
}
#headcontent img {
	border:none;
}
#headleft {
	float: left;
	height: 130px;
	width: 50%;
	text-align: right;
	/*background: url(../images/bkgd-head-lt.gif) repeat-x right;*/
}
#headright {
	float: left;
	height: 130px;
	width: 50%;
	/*background: url(../images/bkgd-head-rt.gif) repeat-x left;*/
}
#nav {
	/*height: 65px;*/
	height:50px;
	background-image: url(../images/bkgd-nav.gif);
	background-repeat: repeat-x;
	clear: both;
}
#mainnav {
	height: 38px;
	width: 955px;
	margin-right: auto;
	margin-left: auto;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
}

/* LEVEL ONE */
#mainnav ul.dropdown { position: relative; }
#mainnav ul.dropdown li { /*font-weight: bold;*/  /*float:left;*/ /*zoom: 1; background: #ccc;*/}
#mainnav ul.dropdown a:hover {
	background: url(../images/bkgd-hover.gif) repeat-x;
	color: #6D3987;
}
#mainnav ul.dropdown a:active { /*color: #ffa500;*/ }
#mainnav ul.dropdown li a {
	display: block;
	height: 17px;
	width: 190px;
	padding-top: 11px;
	padding-bottom: 10px;
	float: left;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	border-right: 1px solid #fff;
}
#mainnav ul.dropdown li:last-child a {  } /* Doesn't work in IE */
#mainnav ul.dropdown li.hover, ul.dropdown li:hover {  }
#mainnav ul.dropdown li.hover a {  }

/* LEVEL TWO */
#mainnav ul.dropdown ul { width:189px; top:100%; left:0; visibility:hidden; margin:38px 0 0 192px; position:absolute; background:#666 url(../images/bkgd-dropdown.gif) top repeat-x; }
#mainnav ul.dropdown ul li {  }
#mainnav ul.dropdown ul li a { border-right:none; }
#mainnav ul.dropdown ul li a:hover {
	background: url(../images/bkgd-hover-dropdown.gif) repeat-x;
	color: #6D3987;
}

									  
/* IE 6 & 7 Needs Inline Block */
#mainnav ul.dropdown ul li a					{ display:inline-block; } 

/* LEVEL THREE */
#mainnav ul.dropdown ul ul 					{ left: 100%; top: 0; }
#mainnav ul.dropdown li:hover > ul 			{ visibility: visible; }

/*#mainnav ul li a {
	display: block;
	height: 17px;
	width: 190px;
	padding-top: 11px;
	padding-bottom: 10px;
	float: left;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	border-right: 1px solid #fff;
}*/

/*#mainnav ul li a:hover {
	background-image: url(../images/bkgd-hover.gif);
	background-repeat: repeat-x;
	color: #6D3987;
}*/

#mainnav ul li a.selected {
	background-image: url(../images/bkgd-hover.gif);
	background-repeat: repeat-x;
	color: #6D3987;
}
#secondnav {
	width: 570px;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
	padding-top: 7px;
}
#secondnav ul li {
	display: inline;
}
#secondnav ul li a {
	color: #FFF;
	text-decoration: none;
}
#secondnav ul li a:hover {
	color: #D5E03C;
	text-decoration: none;
}
#secondnav ul li.selected {
	color: #D5E03C;
	text-decoration: none;
}
#content {
	width: 955px;
	margin-right: auto;
	margin-left: auto;
	background: #F5F5F5;
	clear: both;
}
#content ul {
	margin-top: -8px;
	margin-bottom: 10px;
}
#content ol {
	margin-bottom: 10px;
}
#content ol li {
	margin-left: 25px;
	list-style-position: outside;
	list-style-type:decimal;
}
#content ul li {
	margin-left: 20px;
	list-style-position: outside;
	list-style-type:disc;
}
#content ul ul {
	margin-top: 8px;
	margin-bottom: 10px;
}
#content ul ul li {
	list-style-type:circle;
}
#content #rightcolumn table tr td ul {
	margin: 2px;
}
#content #leftcolumn {
	float: left;
	width: 292px;
}
#content #rightcolumn {
	float: left;
	width: 583px;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 40px;
}
#content #rightcolumn img.pic2  {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #666;
}
#content #rightcolumn p.home {
	font-size:16px;
	line-height: 30px;
	margin-bottom:20px;
}
#content #rightcolumn p.icon {
	float: left;
	width: 70px;
}
#content #rightcolumn p.company {
	width: 200px;
	float: left;
	/*border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	padding-right: 10px;
	margin-right: 16px;*/
}
#content #rightcolumn p.monitoring {
	width: 200px;
	float: left;
	margin-bottom:10px
}
#content #rightcolumn p.block {
	width: 200px;
	float: left;
}

#content #rightcolumn #noc {
	display:block;
	width:250px;
	padding:25px 10px 5px 10px;
	clear:both;
	background: #fff url(../images/bkgnd-noc.gif) 0 -10px no-repeat;
	border:1px solid #CCC;
	margin-bottom:20px;
}
#content #rightcolumn #noc a {
	background:url(../images/bkgnd-button-noc.gif) repeat-x;
	display:block;
	margin:3px auto;
	text-align:center;
	width:150px;
	height:23px;
	border:1px solid #CCC;
	font-size:11px;
	line-height:23px;
	font-weight:bold;
	text-decoration:none;
}
#content #rightcolumn .spacebefore {
	margin-top:20px;
}
#content #rightcolumn .screenshot {
	margin:5px 0 10px 0;
}

#content #rightcolumn #col1 {
	width:270px;
	float:left;
	/*border-right:1px solid #999;*/
}

#content #rightcolumn #col2 {
	width:270px;
	float:left;
	border-left:1px solid #999;
	padding-left: 10px;
	margin-left: 16px;
}


#content #rightcolumn div.download {
	float: left;
	width: 200px;
}
#content #rightcolumn a{
	color: #000;
	text-decoration: underline;
}
#content #rightcolumn a:hover {
	color: #6D3987;
	text-decoration: underline;
}
#content #footer {
	height: 38px;
	background-image: url(../images/footerbar.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-bottom:20px;
	clear: both;
}
#content #footer img {
	margin-right: 40px;
}

/*NOC service request form*/
#logshell {
	display:none;
}
#logservices {
	width:230px;
}
#logservices form {
	padding:10px;
}
#logservices label {
	display:block;
}
#logservices input {
	width:200px;
}
#logservices textarea {
	width:200px;
	min-height:200px
}
#logservices #submit1 {
	width:inherit;
	margin-top:10px;
	margin-bottom: 30px;
}

/*Contact us forms*/
.form form {
	padding:10px;
	margin-bottom:10px;
}
.form label {
	display:block;
}
.form input, .form textarea {
	width:200px;
	display:block;
}
.form #submit2, .form #submit3 {
	width:inherit;
	margin-top:10px;
}


/*validation classes*/
.ValidationErrors {
	color: red;
	font-size: 10px;
}

.ErrorField {
	font-size: 10px;
	color: #red;
	border: 1px solid red;
	display: block;
	clear: both;
}








/*end forms*/


#content #rightcolumn #hr {
	display:block;
	width:250px;
	padding:10px 10px 5px 10px;
	clear:both;
	background: #fff;
	border:1px solid #CCC;
	margin-bottom:20px;
}
#content #rightcolumn #hr a {
	background:url(../images/bkgnd-button-noc.gif) repeat-x;
	display:block;
	margin:3px auto;
	text-align:center;
	width:150px;
	height:23px;
	border:1px solid #CCC;
	font-size:11px;
	line-height:23px;
	font-weight:bold;
	text-decoration:none;
}


#partner {
	margin-top:10px;
}
#partner.one img {
	float:left;
	margin-right:15px;
}
#partner.one {
	clear:both;
	height:149px;
}
#partner.two {
	border-top:1px solid #666;
	margin-top:20px;
	padding-top:20px;
	clear:both;
}	


.purplebold {
	font-weight: bold;
	color: #6D3987;
}