/* CSS Document */
html
{
    margin: 0 0 0 0;
    padding: 0;
}
body
{
    margin: 15px 0px 0px 0px;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#666666;
}

a.specialLink:link { color: #067aab; font-weight: bold; }
a.specialLink:visited { color: #067aab; font-weight: bold; }

#siteTop { width:865px; height:69px; margin:0 auto; }
#menuTopLeftCorner { width:30px; height:35px; background-image:url(/images/topleft_nav.gif); float:left;} 
#menuTopRightCorner { width:30px; height:35px; background-image:url(/images/topright_nav.gif); float:left;} 
#menuHeaderArea { width:805px; height:35px; float:left; } 
#menuFooter { width:865px; height:34px; background-image:url(/images/nav_bground2.gif); } 

#siteTopLeft { width:280px; height:90px; float:left;} 
#siteTopRight { width:160px; height:90px; float:right; } 

#clientLogin { margin-top:28px; height:22px; line-height:22px;  background: url(/images/arrow.png) 80px 2px no-repeat; color:#0079AC; font-size:11px; } 
#clientPhone { color:#71764D; font-size: 11px; font-weight:bold;  color:#0079AC;}

#siteLeftColumn { width:612px; float:left; }
#siteRightColumn {  width:232px; float:left; margin-left:17px; margin-right:4px;} 

#pageTopHeader { background: url(/images/second-page-header.png) 0px 0px no-repeat; width:610px; height:93px; } 
#pageTopHeader #title { padding:60px 20px 0px 20px; color:#FFF; font-size:20px;}

/* Common */
h1 { font-size:1em; text-align:right; font-weight:normal; margin:0px; line-height:30px; height:30px; font-size:11px;}
h2 { color:#0079AC; padding-top:20px; padding-left:30px; font-size:11px;  margin:0px; font-weight:normal;} 
h4 { color:#0079AC; font-size: 11px;  margin:0px; } 
h5 { color:#0079AC; font-size: 22px;  margin:0px; font-family: Trebuchet, Helvetica, sans-serif; font-weight:bold;}
h6 {
	font-size: 1em;
	text-align: right;
	color: #666666;
	font-size: 11px;
	margin: 0px;
	line-height: 30px;
	height: 30px;
	font-weight: normal;
}
h7 { font-size:1em; text-align:right; font-weight:normal; margin:0px; line-height:30px; height:30px; font-size:11px;}
h8 { color:#ffffff; font-size: 11px;  margin:0px; }
h9 {

	text-align: right;
	color: #666666;
	font-size: 12px;
	margin: 0px;
	line-height: 30px;
	height: 12px;
	font-weight: normal;
}


.cleanIt
{
    clear: both;
    height: 0;
    line-height: 0;
}

.divClear
{
    clear: both;
}

.noBorder { border:none; } 
.vertSpacer1 { height:8px; } 
.vertSpacer2 { height:30px; } 
.vertSpacer3 { height:4px; } 
.vertSpacer4 { height:14px; } 

.color1 { color:#0079AC; } 

/* bullet type 1 */ 
ul.type1 { 
 list-style:none;
 margin:0px; 
 padding:0px;
}
ul.type1 li { 
 margin-bottom:2px;
 color:#0079AC;
} 

/* Navigation Menu */
ul.subNav
{
    /*background: url(/images/headerbg.gif) 0% 0px repeat-x;*/
    height: 20px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
}

ul.subNav li
{
    display: block;
    float: left;
}

ul.subNav li a
{
    display: block;    
    float: left;
    font-size:10px;
	margin-top:7px;
    text-align: center;    
    line-height:20px;
    padding: 0px 12px 0px 15px;
    color: #6A6A6A;
    text-decoration: none;
}

ul.subNav li a:hover
{
    /*background: url(/images/main-mouse-over.png) 0px 0px repeat-x;*/       
    line-height:20px;
	padding: 0px 12px 0px 15px;    
    text-decoration: none;
	color:#067aab;
}

div#nav a{
	margin-right:4px;
	float:left;
	width:288px;
	height:73px;
	text-decoration:none;
	background: #fff url("/images/hosted-exchange-off.png") 0px 0px no-repeat;
}

div#nav a:hover{
	background: #fff url("/images/hosted-exchange-on.png") 0px 0px no-repeat;
}

/* Hyperlinks */
A.hp1:ACTIVE, A.hp1:VISITED, A.hp1:LINK
{
    color: #666666;
    text-decoration: underline;
    font-weight: normal;
    font-size: 1em;
}
A.hp1:HOVER
{
    text-decoration: underline;
}

A.hp2:ACTIVE, A.hp2:VISITED, A.hp2:LINK, A.hp2:HOVER
{
	display: block;
	width: 130px;
	color: #0079AC;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

A.hp3:ACTIVE, A.hp3:VISITED, A.hp3:LINK, A.hp3:HOVER
{
    color: #000000;
    text-decoration: none;
}


A.hp4:ACTIVE, A.hp4:VISITED, A.hp4:LINK
{
	color:#666; 
	text-decoration:none;
}

A.hp4:HOVER 
{ 
	text-decoration:underline;
} 

#servicesTable .header {
	font-weight: bold;
	background-color: #800000;
	color: #ffffff;
}

#servicesTable .services {
    vertical-align:middle;
}
#servicesTable .servicesgrey {
    vertical-align:middle;
	background-color:#EBEBEB;
}
#servicesTable .serviceswhite {
  vertical-align:middle;
	background-color:#FDFDFD;
}

#servicesTable .servicesHeader td{
	font-weight: bold;
	font-size: 10px;
	background-color: #0079AC;
	color: #ffffff;
}

#servicesTable .headerlight {
	font-weight: bold;
	font-size: 10px;
	background-color: #E7E7D3;
	color: #800000;
	padding-top: 5px;
	padding-bottom: 5px;
}

#servicesTable .charthilite {
	background-color: #C1CBA4;
	vertical-align: middle;
}


/*  Home page 3 blocks */
.homeBox1 {  width:288px; height:73px; float:left; cursor: pointer;  background: url(/images/hosted-exchange-off.png) 0% 0px no-repeat; } 
.homeBox1_On { background: url(/images/hosted-exchange-on.png) 0% 0px no-repeat;} 
.homeBox1 .content1 { color:#B8C099; width:200px; margin-left:32px; margin-top:32px; }

.homeBox2 {  width:288px; height:73px; float:left; cursor: pointer; background: url(/images/dedicated-exchange-off.png) 0% 0px no-repeat;} 
.homeBox2_On { background: url(/images/dedicated-exchange-on.png) 0% 0px no-repeat;} 
.homeBox2 .content1 { color:#B8C099; width:180px; margin-left:32px; margin-top:32px;} 

.homeBox3 {  width:289px; height:73px; float:left; cursor: pointer; background: url(/images/advanced-messaging-off.png) 0% 0px no-repeat;} 
.homeBox3_On { background: url(/images/advanced-messaging-on.png) 0% 0px no-repeat;} 
.homeBox3 .content3 { color:#B8C099; width:200px; margin-left:28px; margin-top:32px; } 

/*  Home page 5 blocks */
.homeLeft1 {  width:173px; height:116px; float:left; cursor: pointer; background-image:url(/images/left-off.png);} 
.homeLeft1_On { background-image:url(/images/left-on.png);} 

.homeCenter1 {  width:173px; height:116px; float:left; cursor: pointer; background-image:url(/images/center-off.png);} 
.homeCenter1_On { background-image:url(/images/center-on.png);} 

.homeRight1 {  width:173px; height:116px; float:left; cursor: pointer; background-image:url(/images/right-off.png);} 
.homeRight1_On { background-image:url(/images/right-on.png);} 

/* Right column boxes */ 
.box1 {  width:232px; height:79px; margin-bottom:4px; cursor: pointer; background-image:url(/images/right-menu-off.png);} 
.box1_On { background-image:url(/images/right-menu-on.png);} 

.box2 { height:110px; background-color:#D9EBF1; margin-bottom:4px;}
.box2a { width:232px; height:95px; background-color:#D9EBF1; margin-bottom:4px; }

.header1 {  color:#0079AC; padding-top:32px; padding-left:30px; font-size:11px; } 
.header2 { color:#0079AC; padding-left:20px; font-size: 11px; } 

.section1 { color:#58595B; width:120px; margin-left:30px; margin-top:10px; } 

.siteContent1 { padding:25px 0px 0px 20px;} 
.inside1 { padding:10px 20px 0px 10px; } 
.inside2 { padding:12px 20px 20px 20px;  } 
.inside3 { padding:12px 20px 0px 10px; } 
.inside4 { padding:8px 20px 0px 10px; } 
.inside5 { padding:12px 20px 0px 10px; } 

.blockType1 { background-color:#A7A9AC; padding:20px; } 

/* Footer */
#footer { background: url(/images/footer.png) 0% 0px repeat-x; width:865px; height:26px; margin-top:20px; line-height:26px; }
#footer .area1 { padding-left:20px; font-size:1em; } 

/* Modal Popup */
#modalPage
{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px; left: 0px;
}
.modalBackground
{
    filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.2;
    width: 100%; height: 100%; background-color: #7E8463;
    position: absolute;
    z-index: 500;
    top: 0px; left: 0px;
}
.modalContainer
{
    position: absolute;
    width: 312px;
    left: 50%;
    top: 50%;
    z-index: 750;
}
.modal
{
    background-color: white;
    border: solid 4px black; position: relative;
    top: -150px;
    left: -150px;
    z-index: 1000;
    width: 320px;
    height: 218px;
    padding: 0px;
}
.modalTop
{
    width: 312px;
    background-color: #000000;
    padding: 4px;
    color: #ffffff;
    text-align: right;
}
.modalTop a, .modalTop a:visited
{
    color: #ffffff;
}
.modalBody
{
    padding: 0px;
}


.selectedMenuItem
{
    font-weight: bolder;
}