/* CSS Document @charset "utf-8"; */
		
		 
		
		
		
		/*  GLOBALS */
		
		
BODY {
font-size: 80%;
margin: 0px auto;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
background: #d1e0ea;
margin-top: 0px;
} 

		/*.webkit BODY{
		margin-top: 35px;
		} 
		.gecko  BODY{
		margin-top: 35px;
		
		}*/
html {
overflow-y: scroll;   /* forces scrollbar  to avoid page shimmer on short pages */

}
		
IMG{
border: 0px;
} 

DD, DL{
margin: 0px;
padding: 0px;
} 
UL LI{ 
margin: 4px 0px 7px 0px;
} 
P{
line-height: 1.3em;
} 		
A{
color: #588eaf;
text-decoration: none;

} 
A:hover{
color: #ff980d;
}
A.hidden{
text-decoration: none;
} 

HR	{
border: 0px;
border-bottom: 1px solid #cccccc;
background: #ffffff;
} 
	
h1{
color: #999999;
font-size: 1.7em; 
margin: 0px 0px 10px 0;
}

h2{
color: #333333;
font-weight: normal;
font-size: 1.4em; 
margin: 20px 0px 7px 0;
}	
		
		.required{  
		color: #CC0000;
		}  	
		
.red{  /* for testing - can be removed*/
border: 1px solid #ff0000;
} 
		

		
div.clear, div.visualClear{
clear: both;
} 

.fleft{
float: left
} 
.fright{
float: right
} 
.textBig{
font-size: 1.1em;
} 
.textMid{
font-size: .9em;
} 
.textSmall{
font-size: .8em;
} 
 
	.twoUp{
	width: 47%;
	} 
	.grey, A.grey{
		color: #333333;
	} 

	.greyLight{
	color: #c1c1c1;
	}
	.purple, a.purple{
	color: #a95da7 !important;
	}
			
		
/*  CONTAINERS */ 
		
DIV#wrapper {
width: 974px; 
background:  url(../images/back-page.png) 0 0 repeat-y;
margin: 0 auto;
position: relative;
}
		
DIV#wrapper-left {
width: 15px; 
height: 635px;
background:  url(../images/back-page-left.png) 0 0 no-repeat;
position: absolute;
top: 0px;
left: 0px;
}
DIV#wrapper-right {
width: 15px; 
height: 635px;
background:  url(../images/back-page-right.png) 0 0 no-repeat;
position: absolute;
top: 0px;
right: 0px;
}
		
DIV#header { 
position: relative;
height: 125px; 
color: #1f6794;
font-size: 19px;
border-top: 6px solid #fb980e;
margin: 0 15px 0 15px;
font-family: Trebuchet MS;
} 	
		
DIV#headerright { 
position: absolute;
top: 0px;
right: 0px;
text-align: right;
height: 20px;
width: 400px; 
} 

DIV#header IMG{
width: 188px;
height: 28px;
margin: 25px 20px 0px 35px;
}
 
		
/*  TIER PAGE  Containers */
DIV#mainCol{
position: relative;
width: 475px; 
padding: 30px 0 30px 0px; 
float: left;
margin-left: 225px; 
min-height: 440px;  
}
.ie6 DIV#mainCol{
margin-left: 110px; 
}
DIV#rightCol{
position: relative;
float: right;
width: 210px;
padding: 10px 35px 30px 0;
}
DIV#leftCol { 
position: absolute;
top: 160px;
left: 45px;
float: left;
WIDTH: 150px;
Z-INDEX: 100; 
font-size: 12px; 
BACKGROUND-COLOR: #ffffff; 
margin-botom: 10px;  
}
		 

		
/*  TEMPLATE DIV / STYLES */

DIV#quicklinks  { 
background: #fb980e  url(../images/back-tertiary.png) 0 1px no-repeat; 
width: 215px;
height: 64px;
padding: 9px 20px 5px 0;
position: absolute;
top: 0px;
right: 15px;
text-align: right;
color: #ffffff;
line-height: 18px;
font-weight: bold;
}

DIV#quicklinks UL {
list-style: none;
margin: 0px;
padding: 0px;
}
DIV#quicklinks UL  LI{ 
margin: 0px 0px 3px 15px;
}

DIV#quicklinks A {
color: #ffffff;
text-decoration: none;
}
DIV#quicklinks A:hover {
color: #878787;
}
		
	
DIV.line {
position: absolute;
top: 140px;
left: 45px;
border-bottom: 1px solid #cccccc;
height: 1px;
width: 650px;
}

.ie6  DIV.line {
top: 127px;
left: 45px;
}

		
/*      Top Nav          */
		
.glowingtabs {
FONT-SIZE: 13px; 
height: 28px;
WIDTH: 653px;  
background: #6292b1 url(../images/back-nav.gif) 0 0  repeat-x;  
position: absolute;
left: 45px;
top: 95px;
}
		/**html .glowingtabs {
		margin: 7px 0 0 4px;
		}
		
		.webkit .glowingtabs A{
		padding: 9px 15px 10px 15px;  
		}
		*/
		
.glowingtabs UL {
PADDING: 0 0 0 0; 
MARGIN: 0 0 0 0;  
LIST-STYLE-TYPE: none;
position:relative;
}
.glowingtabs LI {
PADDING: 0 0 0 0x; 
DISPLAY: inline; 
MARGIN: 0px; 
}

.glowingtabs A {	
color: #ffffff; 
font-weight: bold;
font-size: 14px; 
FLOAT: left;  
padding: 6px 18px 5px 18px;
TEXT-DECORATION: none;
border-right: 1px solid #66879b;
}
.glowingtabs A.b05 {	
border-right: 0px;
padding-right: 22px;
}

.webkit .glowingtabs A.b05  {	
padding-right: 28px;
}
.chrome .glowingtabs A {	
padding: 6px 17px 5px 18px;
}
		/*		.webkit .glowingtabs A {
		padding: 5px 38px 6px 38px;	
		}
		.chrome .glowingtabs A {
		padding: 5px 38px 6px 39px;	
		}*/
		
		/* a.b01{ 
		background: #525f44 url(../images/back-nav.gif)  0 0 repeat-x; 
		border-left: 0px solid #ffffff;
		} */

/*.glowingtabs span{  
height:28px;
border-right: 1px solid #a4a4a5;
border-left: 1px solid #b6b7b8;
float:left;
}  */

.glowingtabs LI.selected A {
COLOR: #588eaf;
text-decoration: none;
background: #bfc0c2 url(../images/back-nav.gif) 0 -28px  repeat-x;  
} 

.glowingtabs LI.selected A.b01 {
BACKGROUND-POSITION: 0 -28px;
COLOR: #588eaf;
text-decoration: none;
} 

.dropmenudiv_d {
WIDTH: 150px;
Z-INDEX: 100; 
VISIBILITY: hidden; 
font-size: 12px;
POSITION: absolute;  
BACKGROUND-COLOR: #ffffff;
filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity: 0.80;
opacity: 0.80; 
margin-botom: 10px;
border: 1px solid #c1c1c1;
border-top: 0px solid #c1c1c1;
}
.dropmenudiv_d IMG.line{
width: 180px;
margin: 20px 0 5px  10px;
height: 1px;
}
.dropmenudiv_d A{
DISPLAY: block; 
WIDTH: auto; 
COLOR: black;  
TEXT-DECORATION: none;
padding: 4px 10px 4px 10px;

}
* HTML .dropmenudiv_d A {
WIDTH: 100%
}


.dropmenudiv_d A.subNavTop{ 
background:  url(../images/arrrow-purple.png) 10px 6px  no-repeat;
padding-left: 20px;
}
.dropmenudiv_d A.subNav{ 
padding: 3px 10px 3px 50px;
}

.dropmenudiv_d A:hover{
color: #588eaf;
text-decoration: none;
}

/*.glowingtabs a.on1{ 
color: #ffffff; 
background:   url(../images/back-nav.gif) 0px -28px  no-repeat; 
text-decoration: none;
}*/

.glowingtabs  a.on, .glowingtabs A:Hover{ 
color: #588eaf; 
background:  url(../images/back-nav.gif) 0px -28px  repeat-x; 
text-decoration: none;
}
		
		
IMG.tl{
position:absolute;
top: 0px;
left:0px; 
width: 10px;
height: 9px;
z-index: 999;
}
IMG.tr{
position:absolute;
top: 0px;
right: 0px; 
width: 10px;
height: 9px;
z-index: 999;
}
IMG.bl{
position:absolute;
bottom: 0px;
left:0px; 
width: 10px;
height: 9px;
z-index: 999;
}
IMG.br{
position:absolute;
bottom: 0px;
right:0px; 
width: 10px;
height: 9px;
z-index: 999;
}
		
		
/*left NAV */

UL.left_nav{
list-style: none;
margin: 0px;
padding: 0px;

}
UL.left_nav LI{
border-bottom: 1px solid #c3c3c3;

} 	 
UL.left_nav A{
display: block; 
width: auto; 
color: #58595b;  
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
padding: 11px 0px 11px 5px;

}


/*		* HTML .left_nav A {
		WIDTH: 100%
		}*/
		
/*		
		.left_nav A.subNavleft{ 
		background:  url(../images/arrrow-purple.png) 10px 6px  no-repeat;
		padding-left: 20px;
		}
		.left_nav A.subNav{ 
		padding: 3px 10px 3px 50px;
		}*/
		
.left_nav A:hover{
color: #ffffff; 
background: #6f9ab2;
text-decoration: none;
}

.left_nav  a.side_on{ 
color: #ffffff; 
background: #85aac0 url(../images/back-nav-side.gif) 0px 0px  repeat-x; 
text-decoration: none;
}
.left_nav  a.side_on:hover{ 
color: #ffffff; 
background: #85aac0 url(../images/back-nav-side.gif) 0px -60px  repeat-x; 
text-decoration: none;
}
		
		/*.glowingtabs a.on1{ 
		color: #ffffff; 
		background:   url(../images/back-nav.gif) 0px -28px  no-repeat; 
		text-decoration: none;
		}*/
		
		
		
/* footer */

DIV#footer{
/*width: 980px;*/
margin: 0 auto;
height: 78px;
position: relative;
margin-top: 0px; 
background:   url(../images/back-footer.png) 0px 0px  no-repeat; 
text-align: center;
color: #ffffff;
line-height: 31px;
} 


DIV#footer A {
color: #ffffff;
text-decoration: none;
border-left: 6px solid #588eaf;
border-right: 6px solid #588eaf;
}
DIV#footer A:hover {
color: #ff980d;
}
DIV.copyright{
margin-top: 3px;
color: #828282;
}
		
DIV#footer DIV.copyright A{
color: #828282;
border: 0px;
}
DIV#footer DIV.copyright A:hover{
color: #ff980d;
}		
		 
		
		/* right col Styles */ 

DIV.sideBox{ 
position: relative;
border: 1px solid #c1c1c1;
width: 100%;
} 

DIV.sideBox H3{ 
position: relative;
background: #0b5381;
color: #ffffff;
font-size: 15px;
padding: 5px 0 5px 12px;
margin: 0px;
} 
DIV.sideContent{ 
padding: 0px 12px 20px 12px;
} 
DIV.sideContent IMG{ 
float: left;
} 
DIV.sideContent P.fright{ 
float: right;
width: 105px;
margin: 0px;
} 

DIV.sideBox DIV.tl{ 
position: absolute;
top: -1px;
left:-1px;
width: 9px;
height: 9px;
background:   url(../images/side-b-tl.gif) 0px 0px  no-repeat; 
z-index: 999;
} 
DIV.sideBox DIV.tr{ 
position: absolute;
top: -1px;
right:-1px;
width: 9px;
height: 9px;
z-index: 999;
background:   url(../images/side-b-tr.gif) 0px 0px  no-repeat; 
} 
	
DIV.sideBox DIV.bl{ 
position: absolute;
bottom: -1px;
left:-1px;
width: 9px;
height: 9px;
background:   url(../images/side-bl.gif) 0px 0px  no-repeat; 
} 
DIV.sideBox DIV.br{ 
position: absolute;
bottom: -1px;
right:-1px;
width: 9px;
height: 9px;
background:   url(../images/side-br.gif) 0px 0px  no-repeat; 
} 

	
		 
		
/*  HOME PAGE  CSS */

DIV#mainColHome{
position: relative;
width: 650px; 
padding: 10px 0 0px 0px; 
float: left;
margin-left: 45px; 
}


DIV.home DIV.line{ 
border-bottom: 0px solid #cccccc;
}	
DIV.home h1{ 
margin: 15px 0 0 0;
}	

DIV.home DIV.sideContent { 
padding-top: 5px;
} 

DIV.home DIV.sideContent P.fright{ 
width: 115px;
margin: 5px 0 5px 0;
} 
DIV.home DIV.sideBox{ 
position: relative;
width: 238px;
margin: 20px 0 -20px -24px; 
border: 0px;
background:   url(../images/back-home-callout.png) 0px 0px  repeat-x; 
} 
DIV.sideBox UL{ 
margin: 0px 0px 0px 14px;
padding: 0px; 
} 
DIV.sideBox UL LI{ 
margin: 4px 0px 7px 0px;
} 	
		
DIV.demoButton{ 
position: relative;
background:   url(../images/home-button-demo.gif) 0px 0px  no-repeat; 
width: 274px;
height: 108px;
margin: 0 0 -10px -43px;
z-index: 999;
}	

DIV.demoButton div.fleft{ 
position: relative;
background:   url(../images/arrow-white.gif)  0px  3px no-repeat;
color: #ffffff;
font-size: 15px;
font-weight: bold;
margin: 37px 0 0 36px;
padding-left: 15px; 
}	

DIV.demoButton div.fright{ 
position: relative; 
color: #4d4d4f;
font-size: 18px;
font-weight: bold;
margin: 15px 70px 0 0 ;
padding-left: 15px; 
}	

DIV.homeBox{ 
position: relative;
background:   url(../images/back-home-box.png) 0px 0px  no-repeat; 
width: 238px;
height: 97px;
margin: 16px 0 0 -24px;
color: #818181;
cursor:pointer;
font-size: 12px;
}
DIV.homeBox:hover{ 
 filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity: 0.80;
opacity: 0.80; 
color: #000000;
}

DIV.homeBox IMG.fleft{ 
margin-right: 11px;
}
DIV.homeBox H3{ 
color: #ffffff;
padding: 5px 0 0 0px;
margin: 0px;
font-size: 15px;
}
DIV.homeBox P{ 
padding: 0px 5px 0 0px;
margin: 5px;
}

DIV.homeBoxBlue{  
background: #2d709a  url(../images/bb-back.gif) 0px 0px repeat-x;
position: relative;
color: #ffffff;
margin: 20px 0 10px 0;
padding: 5px 20px 5px 30px;
}

DIV.homeBoxBlue UL{  
margin: 0px 15px 0 5px;
padding: 0px;
list-style: none;
}
DIV.homeBoxBlue UL LI{  
margin: 5px 0 12px 0;
padding: 0 0 0 15px; 
background: url(../images/arrow-orange2.gif) 0px 4px no-repeat;
}
DIV.homeBoxBlue IMG.tl{
position:absolute;
top: 0px;
left:0px; 
width: 12px;
height: 10px; 
}
DIV.homeBoxBlue IMG.tr{
position:absolute;
top: 0px;
right: 0px; 
width: 12px;
height: 10px;
}
DIV.homeBoxBlue IMG.bl{
position:absolute;
bottom: 0px;
left:0px; 
width: 12px;
height: 10px;
}
DIV.homeBoxBlue IMG.br{
position:absolute;
bottom: 0px;
right:0px; 
width: 12px;
height: 10px;
}
DIV.homeBoxBlue H1,DIV.homeBoxBlue A {  
color: #ffffff;
}
DIV.homeBoxBlue H1 {  
font-size: 24px;
}

DIV.homeBoxBlue DIV.whitepaper{  
background: url(../images/whitepaper.png) 0px 0px no-repeat; 
_background: url(../images/whitepaper.gif) 0px  -0px no-repeat;  
float: right;
width: 205px;
height: 170px;
margin-top: -10px;
cursor: pointer;
}
DIV.homeBoxBlue DIV.dcd{  
background: url(../images/dcd.jpg) 0px 0px no-repeat; 
float: left;
width: 180px;
height: 170px;
margin-top: -10px;
}
DIV.homeBoxBlue DIV.dcdtext{
font-size: 1.1em;
font-weight: bold;
}

DIV.homeBoxBlue DIV.whitepaper:hover, DIV.homeBoxBlue A:hover{  
color: #ff980d;
}

DIV.homeBoxBlue DIV.whitepaper DIV{  
padding: 42px 10px 0 138px;
}
.blueLine{  
border-bottom: 1px solid #7da6c0;
height: 1px;
width: 100%;
}

/*  home page IE6 fixes */
.ie6 DIV#mainColHome{
margin-left: 21px;
}
.ie6 DIV.ie6Fix{
height: 150px;
}
.ie6 DIV.demoButton{  
width: 260px;
}	

.ie6 DIV.demoButton div.fleft{ 
margin: 37px 0 0 16px;
}	

.ie6 DIV.demoButton div.fright{ 
margin: 15px 15px 0 0 ;
} 
.ie6 DIV#rightCol{
position: absolute;
top: 131px;
right: -3px;
}



DIV.home DIV.sideBox DIV.tl{ 
top: 0px;
left:0px;
} 
DIV.home DIV.sideBox DIV.tr{  
top: 0px;
right:0px; 
} 
	
	
/*  TIER PAGE  Styles */


DIV.tableGridBox {  
position: relative;
} 

TABLE.tableGrid{  
position: relative;
border-collapse: collapse;
width: 100%;
} 
TABLE.tableGrid TH{  
vertical-align: bottom;
background: #0b5381;
color: #ffffff;
padding: 2px 2px 4px 4px;
border-right: 1px solid #3c759a;
text-align: left;
} 
TABLE.tableGrid TD{  
vertical-align: top;
border: 1px solid #c1c1c1;
padding: 3px 2px 4px 4px;
vertical-align: middle;
} 
TABLE.tableGrid .blue{  
background-color: #d1e0ea;
} 	

TABLE.tableGrid .center{  
text-align: center;
} 	


TABLE.tableList {  
position: relative;
border-collapse: collapse;
width: 100%;
} 

TABLE.tableList TD{   
background:   url(../images/arrow-orange.gif) 0px 9px  no-repeat; 
padding: 6px 0 6px 15px;
width: 50%;
font-weight:bold;
} 	

TABLE.tableLogos {  
position: relative;
border-collapse: collapse;
width: 100%;
}

TABLE.tableLogos TD{  
padding: 6px 0 6px 15px;
width: 50%;
text-align: center;
font-weight:bold;
border: 1px dotted #eeeeee;
} 	 

TABLE.battlife TD {
font-size: 80%;
margin: 0px auto;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
background: #d1e0ea;
margin-top: 0px;
} 
TABLE.battlife TH{  
vertical-align: bottom;
background: #0b5381;
color: #ffffff;
padding: 2px 2px 4px 4px;
border-right: 1px solid #3c759a;
text-align: left;
} 


TABLE.battgreen {  
background: #A2AC82;
color: #ffffff;
padding: 0px;
margin: 0px;
border: 2px solid #A2AC82;
border-collapse: collapse;
text-align: left;
} 
TABLE.battgreen TH {  
vertical-align: bottom;
background: #A2AC82;
color: #ffffff;
padding: 2px 2px 4px 4px;
border: 1px solid #A2AC82;
text-align: left;
} 
TABLE.battgreen TR {  
vertical-align: bottom;
background: #F9F9F2;
color: #000000;
padding: 0px;
margin: 0px;
border: 0px none;
border-collapse: collapse;
text-align: left;
} 
TABLE.battgreen TD {  
vertical-align: bottom;
background: #F9F9F2;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
padding: 2px;
margin: 0px;
border: 0px none;
border-collapse: collapse;
text-align: left;
} 


TABLE.battred {  
background: #DF9683;
color: #ffffff;
padding: 0px;
margin: 0px;
border: 2px solid #DF9683;
border-collapse: collapse;
text-align: left;
} 
TABLE.battred TH {  
vertical-align: bottom;
background: #DF9683;
color: #ffffff;
padding: 2px 2px 4px 4px;
border: 1px solid #DF9683;
text-align: left;
} 
TABLE.battred TR {  
vertical-align: bottom;
background: #F9F9F2;
color: #000000;
padding: 0px;
margin: 0px;
border: 0px none;
border-collapse: collapse;
text-align: left;
} 
TABLE.battred TD {  
vertical-align: bottom;
background: #F9F9F2;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
padding: 2px;
margin: 0px;
border: 0px none;
border-collapse: collapse;
text-align: left;
} 

.redtext { color: #CB5534; }
.greentext { color: #435A03; }



TABLE.formContact INPUT[type="text"], TABLE.formContact TEXTAREA  {  
width: 250px;
}

  
/*		DIV#mainCol P{ 
		padding-left: 20px; 
		}*/
		  
		/*DIV.tierSocialIcons{ 
		margin: 15px 0 00px 0;
		}*/
		
		IMG.anchorTier{ 
		margin: 0px 0 20px 0;
		} 
		
		A.buttonGreen, div.buttonGreen{
		width: 166px;
		height: 32px;
		display: block;
		color: #ffffff;
		font-weight: bold;
		font-size:14px;
		padding: 7px 7px 7px 15px;
		text-decoration: none;
		background: url(../images/button-green.png) 0 0 no-repeat;
		
		}
		div.signUp{
		width: 166px;
		height: 90px;
		display: block;
		color: #ffffff;
		font-weight: bold;
		font-size:14px;
		padding: 10px 7px 0px 15px;
		text-decoration: none;
		background: url(../images/back-signup.png) 0 0 no-repeat;
		
		}
		

DIV.execPic{
float: right;
margin: 5px 0 10px 20px;
		}
	
	
	DIV#solutionsBox{
		width: 869px;
		height: 391px;
		background: url(../images/back-solutions.jpg) 0 0 no-repeat;
		margin: 30px 0 30px 45px;
		position: relative;
		padding: 15px 0 0 25px;
		}
		
		DIV.pieSprite{
		position: absolute;
		top: 67px;
		right: 13px;
		width: 457px;
		height: 314px;
		overflow: hidden; 
		}
			
		DIV#solutionsBox H1{
		font-size: 24px;
		color: #1f6794;
		position: relative; 
		margin: 0px 0 5px 0px;
		} 
		DIV#solutionsBox H2{
		font-size: 16px;
		position: relative; 
		margin: 5px 0 -5px 0;
		} 
		DIV.pieText{
		position: relative; 
		margin: 0px 0 0 0px;
		width: 400px;
		overflow: hidden; 
		}
		DIV.pieBox{
		width: 354px;
		height: 217px;
		background: url(../images/back-pie-box.gif) 0 0 no-repeat;
		/*margin: 30px 0 30px 45px;*/
		position: relative;
		font-size: 11px;
		}
		DIV.pieBox IMG{
		float: left;
		margin: 25px 0 0 25px;
		}
		DIV.pieBox UL{
		width: 210px;
		float: right;
		list-style: none; 
		margin: 10px 0 0 0;
		padding: 0px;
		}
			DIV.pieBox UL LI {
		margin: 5px 10px 8px 15px;
		padding: 0px;
		}
		
		TABLE.tablePhone TD {
		padding:  1px 0px 1px 0px;
		}
		
		
		
		.jsclass body .randomcontent{ /* CSS to hide random contents in the Right Col*/
display: none;