.mainFont { color:#333333; font-weight:normal; font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:12px;}
.italic { font-style:italic }
.justify {text-align:justify }
.centerDiv {background:#FFF;overflow:auto; border:1px solid #CCCCCC; border-top:0;color:#666;margin:20px auto 0; margin-top:0; padding:20px;text-align:left;width:910px;}
#company_title{background-color:#00162C;color:#FFF;float:left;font-size:24px;line-height:60px;margin:0;padding:0;text-align:left;}
#content_container{background:#FFF url(images/content_container_bg.gif) repeat-y;border:1px solid #CCCCCC; border-top:0;color:#666;margin:20px auto 0; margin-top:0; padding:0;text-align:left;width:950px;}
#content_left{background-color:#FFF;float:left;margin:0;padding:15px;text-align:left;width:670px;}
#side_menu{background-color:#f3fbfe;border-left:1px solid #CFE2FF;float:right;margin:0;padding:15px;text-align:left;width:219px;}
#side_menu ul{list-style:none;margin:0 0 10px;padding:0;}
#side_menu ul li{line-height:25px;margin:0;padding:0;}
#top{background-color:#00162C;height:80px;margin:0 auto; padding:10px;text-align:left;width:930px; border:1px solid #999999; border-bottom:0;}
#top_container{margin:10; margin-top:0;padding:10;text-align:center;}
#top_menu{background:#F5F5F5 url(images/top_menu_bg.gif) repeat-x;height:30px;line-height:30px;margin:0;padding:0;text-align:left;}
#top_menu ul{list-style:none;margin:0;padding:0;}
#top_menu ul li{float:left;margin:0;padding:0;}
#top_menu ul li a,#top_menu ul li a:visited{color:#666;display:block;height:30px;line-height:30px;padding:0;text-align:center;text-decoration:none;width:100px;}
#top_menu ul li a.down,#top_menu ul li a.down:visited,#top_menu ul li a.down:hover{background-color:#FFF;border-right:1px solid #00162C;color:#333;font-weight:700;width:99px;}
#top_menu ul li a:hover{background-color:#EBEBEB;color:#333;}
#welcome_box{background-color:#00162C;float:right;line-height:60px;margin:0;padding:0;text-align:right;}
#welcome_box a,#welcome_box a:visited{color:#accbff;text-decoration:none;}
#welcome_box a:hover{text-decoration:underline;}
.absmiddle{vertical-align:middle;}
.breadcrumb{background-color:#F5F5F5;margin:0 0 10px;padding:10px;}
.clear{clear:both;}
.green{color:#006F0F;}
.header{color:#1a4d80;font-size:14px;font-weight:700;}
.red{color:#BF0000;}
.small{font-size:11px;}
.warning{background-color:#FFFFDF;border:1px solid #FDFF3F;margin:0 0 10px;padding:10px;}
.contentbox{padding:10px;margin:0 0 10px;text-align:center;}
.errorbox{background-color:#FFBFBF;padding:10px;margin:0 0 10px;text-align:center;color:#7F0000;}
.successbox {border: 1px solid #66CC00;font-weight: bold;background-color: #DDFFC6;text-align: center;padding: 10px;color: #009933;}
.clientareatableactive{background-color:#DFFFE0}
.clientareatablepending{background-color:#EFEFEF}
.clientareatablesuspended{background-color:#FFF6CF}
.clientareatableterminated{background-color:#FFCFCF}
.clientticketreplyheader{background-color:#EBEBEB;color:#333;border-top:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #EBEBEB;border-left:1px solid #CCC;}
.clientticketreply{background-color:#F5F5F5;margin:0 0 10px;padding:10px;border-right:1px solid #CCC;border-bottom:1px solid #CCC;border-left:1px solid #CCC;}
.adminticketreplyheader{background-color:#CFE6FF;color:#333;border-top:1px solid #CAE6FF;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF}
.adminticketreply{background-color:#EEF6FF;padding:10px;margin:0 0 10px;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF;}
.networkissueaffected{background-color:#EFEFEF;padding:10px;margin: 0 0 10px;}
.textgreen{color:#158F00;}
.textred{color:#9F0000;}
a,a:visited{color:#333;text-decoration:underline;}
a:hover{color:#666;text-decoration:none;}
body{background-color:#999999}
body,td,th{color:#666;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:12px;}
form{margin:0;padding:0;}
h1{border-bottom:1px solid #EBEBEB;color:#1a4d80;font-size:24px;font-weight:400;margin:0 0 12px;padding:0 0 3px;}
h2{border-bottom:1px solid #F5F5F5;color:#333;font-size:18px;font-weight:400;margin:0 0 5px;padding:10px 0 3px;}
h3{color:#666;font-size:16px;font-weight:700;margin:0;padding:10px 0 5px;}
hr{background-color:#EBEBEB;border:0;border-top:1px solid #EBEBEB;height:0;margin:10px 0;overflow:hidden;}
input,select,textarea{color:#666;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:12px;margin:0;padding:2px;}
p{margin:0;padding:3px 0 8px;}
table.data{margin:0 0 10px;padding:0;}
table.data td{background-color:#FFF;border-bottom:1px solid #333333;}
table.data th{background-color:#888;border-bottom:1px solid #333;color:#FFF;font-weight:400;}
table.data tr.clientareatableactive td{background-color:#DFFFE0 !important;}
table.data tr.clientareatablepending td{background-color:#EFEFEF !important;}
table.data tr.clientareatablesuspended td{background-color:#FFF6CF !important;}
table.data tr.clientareatableterminated td{background-color:#FFCFCF !important;}
table.frame{margin:0 0 10px;padding:0;border:1px solid #EBEBEB;border-bottom:0;}
table.frame table td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
table.frame table td.fieldarea{background-color:#F5F5F5;color:#333;text-align:right;border-right:1px solid #EBEBEB;}



/* MENU */

/* A container should group all your columns. */
.container {
  width: 950px;
  padding: 0px 20px 18px 20px;
  margin: 0 auto;
}


/* Columns
-------------------------------------------------------------- */

/* Use this class together with the .span-x classes
   to create any composition of columns in a layout. */
   
.column {
  float: left;
  margin-right: 10px;
}


/* The last column in a row needs this class. */
.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1   { width: 30px; }
.span-2   { width: 70px; }
.span-3   { width: 110px; }
.span-4   { width: 150px; }
.span-5   { width: 190px; }
.span-6   { width: 230px; }
.span-7   { width: 270px; }
.span-8   { width: 310px; }
.span-9   { width: 350px; }
.span-10  { width: 390px; }
.span-11  { width: 430px; }
.span-12  { width: 470px; }
.span-13  { width: 510px; }
.span-14  { width: 550px; }
.span-15  { width: 590px; }
.span-16  { width: 630px; }
.span-17  { width: 670px; }
.span-18  { width: 710px; }
.span-19  { width: 750px; }
.span-20  { width: 790px; }
.span-21  { width: 830px; }
.span-22  { width: 870px; }
.span-23  { width: 910px; }
.span-24  { width: 950px; margin: 0; }

/* Add these to a column to append empty cols. */
.append-1   { padding-right: 40px; }  
.append-2   { padding-right: 80px; } 
.append-3   { padding-right: 120px; } 
.append-4   { padding-right: 160px; } 
.append-5   { padding-right: 200px; } 
.append-6   { padding-right: 240px; } 
.append-7   { padding-right: 280px; } 
.append-8   { padding-right: 320px; } 
.append-9   { padding-right: 360px; } 
.append-10  { padding-right: 400px; } 
.append-11  { padding-right: 440px; } 
.append-12  { padding-right: 480px; } 
.append-13  { padding-right: 520px; } 
.append-14  { padding-right: 560px; } 
.append-15  { padding-right: 600px; } 
.append-16  { padding-right: 640px; } 
.append-17  { padding-right: 680px; } 
.append-18  { padding-right: 720px; } 
.append-19  { padding-right: 760px; } 
.append-20  { padding-right: 800px; } 
.append-21  { padding-right: 840px; } 
.append-22  { padding-right: 880px; } 
.append-23  { padding-right: 920px; } 

/* Add these to a column to prepend empty cols. */
.prepend-1   { padding-left: 40px; }  
.prepend-2   { padding-left: 80px; } 
.prepend-3   { padding-left: 120px; } 
.prepend-4   { padding-left: 160px; } 
.prepend-5   { padding-left: 200px; } 
.prepend-6   { padding-left: 240px; } 
.prepend-7   { padding-left: 280px; } 
.prepend-8   { padding-left: 320px; } 
.prepend-9   { padding-left: 360px; } 
.prepend-10  { padding-left: 400px; } 
.prepend-11  { padding-left: 440px; } 
.prepend-12  { padding-left: 480px; } 
.prepend-13  { padding-left: 520px; } 
.prepend-14  { padding-left: 560px; } 
.prepend-15  { padding-left: 600px; } 
.prepend-16  { padding-left: 640px; } 
.prepend-17  { padding-left: 680px; } 
.prepend-18  { padding-left: 720px; } 
.prepend-19  { padding-left: 760px; } 
.prepend-20  { padding-left: 800px; } 
.prepend-21  { padding-left: 840px; } 
.prepend-22  { padding-left: 880px; } 
.prepend-23  { padding-left: 920px; } 


/* Border on right hand side of a column. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace on the left, spans one column, used on elements floated right. */
.colborderl {
  padding-left: 24px;
  margin-left: 25px;
  border-left: 1px solid #eee;
}



/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column. */

.pull-1  { margin-left: -40px; }
.pull-2  { margin-left: -80px; }
.pull-3  { margin-left: -120px; }
.pull-4  { margin-left: -160px; }

.push-0  { margin: 0 0 0 18px; }
.push-1  { margin: 0 -40px 0 18px; }
.push-2  { margin: 0 -80px 0 18px; }
.push-3  { margin: 0 -120px 0 18px; }
.push-4  { margin: 0 -160px 0 18px; }
.push-0, .push-1, .push-2, .push-3, .push-4 { float: right; }


/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #eee; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.4em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}

/* Clearing floats without extra markup */

.clear, .clearit {display:inline-block;}   
.clear:after, .container:after, .clearit:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear, * html .clearit { height: 1%; }
.clear, .clearit { display: block; }

#navigation {
	border: 0px solid #999999;
	border-width: 1px 0 1px 0;
	background: url("../../images/back.png") top left repeat-x;
}

#navigation ul, #navigation li	{
	display : inline;
	list-style-type : none;
}

#navigation a:link, #navigation a:visited	{
	display: block;
	text-decoration:none;
	float: left;
	color: #333;
	font-weight: bold;
	padding: 7px 20px 4px 20px;
	margin: 0px 0 0px 0;
	border-left: 1px solid #b9b9b9;
}

#nav-1 a:link, #nav-1 a:visited {
	border-left-width: 0px;
}


/* TABLE COMPARE */

tr.one {
	color:#0F4276;
	background-color:#F0F0F0;
	text-align:center;
	}

tr.two {
	color:#0F4276;
	background-color:#FFFFFF;
	text-align:center;
	}

tr.dblue th {
	background-image: url(../img/tback.gif);
	color:#333333;
	height:35px;
	text-align:left;
	font-size:12px;
	padding:0 6px ;
	}

td.question {
	text-align:center;
	width: 3%;
	border:0px;
	}

td.feature {
	margin: 3px;
	padding: 5px;
	width:28%;
	height: 15px;
	text-align:left;
	font-size:13px;
	}

td.feature2 {
        margin: 3px;
        padding: 5px;
        width:190px;
        height: 15px;
        text-align:left;
        font-size:13px;
        }

td.plans {
	text-align:center;
	color:#666666;
	margin: 3px;
	width: 20%;
	}

td.plans2 {
        text-align:center;
	color:#666666;
        margin: 3px;
	width:200px;
        }

td.select {
/*	background-color:#A6BDD4; */
	width:20%;
	}

td.select2 {
        background-color:#A6BDD4;
        }

#maintable {
        width: 503px;
        margin:0px auto;
        padding:0px;
        }

#shared {
	text-align:center;
	margin:auto;
	}

.rollover3{
        height: 16px;
        width: 15px;
        background: url(../img/q.gif) top center no-repeat;
        display: block;
        margin:5px;
        }

.rollover3:hover{
        background-position: bottom center;
        }




#menu {
	border-bottom : 1px solid #21499C;
	margin : 0;
	padding-bottom : 29px;
	padding-left : 10px;
	}

#menu ul, #menu li	{
	display : inline;
	margin : 0;
	padding : 0 ;
	}

#menu a:link, #menu a:visited	{
        background: #EF8E31 url(../img/wind.gif) no-repeat;
	border : 1px solid #21499C;
	color:#666666;
	float : left;
	font-size : small;
	font-weight : bold;
	line-height : 24px;
	margin-right : 8px;
	padding : 2px 12px 2px 38px;
	text-decoration : none;
	}

#menu a:link.active, #menu a:visited.active	{
        background: #EF9E42 url(../img/wind.gif) no-repeat;
	border-bottom : 1px solid #fff;

	}

#menu a:hover	{
	color : #FFFFFF;
	background: #EF9E42 url(../img/wind.gif) no-repeat;
	text-decoration:underline;
	}

body.section-1 #menu li#nav-1 a, 
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a {

	background: #336699 url(../img/linux.gif);
	border-bottom:1px solid #31699C;
	}

body.section-1 #menu li#nav-1 a {
	background: #336699 url(../img/linux.gif);
	background-repeat: no-repeat;
	}

body.section-2 #menu li#nav-1 a {
	background: #336699 url(../img/orlin.gif);
	background-repeat: no-repeat;
	}

body.section-2 #menu li#nav-2 a {
	background: #336699 url(../img/windb.gif);
	border-bottom:1px solid #31699C;
	background-repeat: no-repeat;
	}

#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4 {
	display : none;
	width: 90%;
	}

body.section-1 #menu ul#subnav-1, 
body.section-2 #menu ul#subnav-2,
body.section-3 #menu ul#subnav-3,
body.section-4 #menu ul#subnav-4 {
	display : inline;
	left : 10px;
	position : absolute;
	top : 95px;
	}

#menu ul#subnav-1 a, 
#menu ul#subnav-2 a,
#menu ul#subnav-3 a,
#menu ul#subnav-4 a {
	background : #fff;
	border : none;
	border-left : 1px solid #21499C;
	color:#666666;
	font-size : smaller;
	font-weight : bold;
	line-height : 10px;
	margin-right : 4px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
	}

 #menu ul a:hover {
        color : #f00 !important;
	}

#contents {
	width:506px;

	background: #FFF url(../img/back1.gif) top repeat-x;
	border : 1px solid #21499C;
	border-top : none;
	clear : both;
	margin : 0px;
	padding : 15px 0;
	padding-top:0px

	}
	
.style2 {
	color: #FFFFFF;
	font-weight: bold;
}
.style3 {color: #FFFFFF}