@charset "utf-8";

BODY {
font-size: 80%;
margin: 0px auto;
font-family: Arial, Helvetica, sans-serif;
color: #464646;
background: #ffffff;
margin-top: 15px;
} 
/*.webkit BODY{
margin-top: 35px;
} 
.gecko  BODY{
margin-top: 35px;

}*/

IMG{
border: 0px;
outline: none;
} 

DD, DL{
margin: 0px;
padding: 0px;
} 

A{
color: #00B5CC; 
outline: none;
border:0px;
} 
A:hover, A.hiddenColor:hover{
color: #8cc63f;
}


A.hidden{
text-decoration: none;
} 

A.hiddenColor{
color: #464646;
} 

.required{  /* for testing - can be removed*/
color: #CC0000;
} 


.red{  /* for testing - can be removed*/
border: 1px solid #ff0000;
} 

html {
 /* overflow-y: scroll;   forces scrollbar  to avoid page shimmer on short pages */

}

div.clear, div.visualClear{
clear: both;
} 

.fleft{
float: left
} 
.fright{
float: right
} 

.twoUp{
width: 47%;
} 






.greyLight{
color: #c1c1c1;
}
.purple, a.purple{
color: #812780 !important;
}
h1{
/*color: #00b5cc;*/
font-weight: normal;
font-size: 22px; 
margin: 0px 0px 10px 0;
}
/*h2{
color: #8d8f91;
font-weight: normal;
font-size: 15px; 
margin: 20px 0px 7px 0;
}
*/
h2{ 
font-weight: bold;
font-size: 1em; 
margin: 20px 0px 7px 20px;
}


h3{
color: #4D4D4D;
font-weight: bold;
text-transform: uppercase;
font-size: 12px; 
margin: 3px 0px 3px 10px;
}


/*  CONTAINERS */


DIV#wrapper {
width: 940px;

margin: 0 auto;
position: relative;
}


DIV#header { 
position: relative;
height: 120px;

}


DIV#headerright {

position: absolute;
top: 0px;
right: 0px;
text-align: right;
height: 20px;
width: 400px;
vertical-align: top;
margin: 0px !important;
padding: 0px !important;

}


/*  TEMPLATE DIV / STYLES */

DIV#quicklinks, DIV#search  {
clear: both;
width: 400px;
text-align: right;
position: relative;
margin: 0px;
padding: 0px;
}
DIV#search  {
padding-top: 15px;
height: 20px;
}
DIV#quicklinks UL {
list-style: none;
margin: 0px;
padding: 0px;
}
DIV#quicklinks UL  LI{
float: right;
margin-left: 15px;
}

DIV#quicklinks A {
color: #999999;
font-size: 10px;
text-decoration: none;
}
DIV#quicklinks A:hover {
color: #00AFDB;
}

A.lock {
background: url(../images/icon-lock.gif) 0 2px no-repeat;
padding-left: 9px;
}

/*DIV#search INPUT.sinput{
background: url(../images/search-box.gif) 0 0 no-repeat;
width: 118px;
height:16px;
padding: 1px 0 0 7px;
border: 0px;
font-size: 10px;
color: #6a6a6a;
}
DIV#search INPUT.sbutton{
margin-bottom: -4px;

}*/
/*.webkit DIV#search INPUT.sbutton{
margin-bottom: -4px; 
} 
.gecko DIV#search INPUT.sbutton{
margin-bottom: -3px;

}*/

DIV#header IMG{
width: 276px;
height: 64px;
margin-top: 0px;
}
 

/*      Top Nav          */

.glowingtabs {
height: 28px;
WIDTH: 100%;  
background: #bfc0c2 url(../images/back-nav.gif) 0 0  repeat-x;  
position: absolute;
left: 0px;
top: 77px;
white-space: nowrap;
}
/**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 {
position:relative;
PADDING: 0 0 0 0x; 
DISPLAY: inline; 
MARGIN: 0px; 
}

.glowingtabs A {
position:relative;	
color: #333333; 
font-size: 13px;
BACKGROUND: url(../images/back-nav.gif) repeat-x 0 0 ; 
FLOAT: left;  
padding: 5px 38px 6px 39px;
TEXT-DECORATION: none;
text-transform: lowercase;
}
.webkit .glowingtabs A {
padding: 5px 38px 6px 38px;	
}
.chrome .glowingtabs A {
padding: 5px 38px 6px 39px;	
}
.mac .chrome .glowingtabs A {
padding: 5px 38px 6px 38px;	
}
/*.ie .glowingtabs  A{
padding: 5px 38px 6px 38px;
}
.ie .glowingtabs A.b07 {
padding: 5px 35px 6px 36px;	
}*/

/* a.b01{ 
background: #525f44 url(../images/back-nav.gif)  0 0 repeat-x; 
border-left: 0px solid #ffffff;
} */

.glowingtabs span{  
position:relative;
height:27px;
border-right: 1px solid #a4a4a5;
border-left: 1px solid #b6b7b8;
float:left;
}  


.glowingtabs LI.selected A {
position:relative;
BACKGROUND-POSITION: 0px -28px;
COLOR: #ffffff;
text-decoration: none;
} 

.glowingtabs LI.selected A.b01 {
position:relative;
BACKGROUND-POSITION: 0 -28px;
COLOR: #ffffff;
text-decoration: none;
} 

.dropmenudiv_d {
WIDTH: 200px;
Z-INDEX: 100; 
VISIBILITY: hidden; 
font-size: 12px;
POSITION: absolute;  
BACKGROUND-COLOR: #ffffff;
filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95; 
margin-botom: 10px; 
}
.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: #a9218e;
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: #ffffff; 
background:  url(../images/back-nav.gif) 0px -28px  repeat-x; 
text-decoration: none;
}


IMG.tl{
position:absolute;
top: 0px;
left:0px; 
width: 3px;
height: 3px;
z-index: 999;
}
IMG.tr{
position:absolute;
top: 0px;
right: 0px; 
width: 3px;
height: 3px;
z-index: 999;
}
IMG.bl{
position:absolute;
bottom: 0px;
left:0px; 
width: 4px;
height: 4px;
z-index: 999;
}
IMG.br{
position:absolute;
bottom: 0px;
right:0px; 
width: 4px;
height: 4px;
z-index: 999;
}


/*left*/
.left_nav {
WIDTH: 200px;
Z-INDEX: 100; 
top:400px;

font-size: 12px;
POSITION: absolute;  
BACKGROUND-COLOR: #ffffff;
filter:alpha(opacity=70);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8; 
margin-botom: 10px;
}
.left_nav IMG.line{
width: 180px;
margin: 20px 0 5px  10px;
height: 1px;
}
.left_nav A{
DISPLAY: block; 
WIDTH: auto; 
COLOR: black;  
TEXT-DECORATION: none;
padding: 4px 10px 4px 10px;

}
* 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: #a9218e;
text-decoration: none;
}

.left_nav  a.side_on{ 
color: #A9218E; 
/*background:  url(../images/back-nav.gif) 0px -28px  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;
position: relative;
margin-top: 50px;
font-size: 9px;
} 

DIV#footer UL{
list-style: none;
margin: 0px;
padding: 0px 0 15px 0;

}
DIV#footer UL  LI{
float: left;
margin-right: 61px;
white-space: nowrap;
}
DIV#footer UL  LI.right{
margin-right: 0px;
/*float: right;*/
}
DIV#footer UL LI A {
font-size: 11px;
color: #959595;
text-decoration: none;
}
DIV#footer UL LI A:hover {
color: #00AFDB;
}



 

/* side Menu  */ 

TD#portal-column-one DIV.visualPadding{
margin-top: -24px;
padding: 0px;
}

UL.sideNav{
list-style: none;
margin: 0px 0 0 0;
padding: 0px;
}
UL.sideNav LI{
margin: 0px;
padding: 0px 0 0 0px;
}
  
UL.sideNav LI A{
display: block;
text-decoration: none;
color: #666666; 
background:  url(../images/arrow-green.gif) 0px 5px no-repeat; 
padding: 4px 0 4px 15px;
}
UL.sideNav LI A:hover{ 
color: #00AFDB;
}

 
 /*  EXPAND COLLAPSE CSS  used on /resources/  */
 
 
.expandHeader{ /*header of 1st demo*/
/*cursor: hand;
cursor: pointer;*/
padding: 2px 5px;
border: 1px solid #cccccc; 
background:  url(../images/back-nav.gif) 0px 0px  repeat-x; 
}
/*header of 1st demo* REMOVED ADD BACK IF USE SCRIPT
.expandHeader:hover{ 
background:  url(../images/back-nav.gif) 0px -5px  repeat-x; 
}
/
.openContent{ /*class added to contents of 1st demo when they are open*/ 
background:  url(../images/back-nav.gif) 0px -28px  repeat-x;
color: #ffffff; 
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}


/*  HOME PAGE  CSS */

DIV.anchorHome{
padding: 0px 0 25px 0;

}


DIV.newsEvents{
position: relative;
float: left;
border-top: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
padding: 2px 0 2px 0;
width: 590px;
color: #636363; 
font-size: 11px;
}
DIV.newsEvents A{
text-decoration: none;
color: #636363; 
margin-left: 13px;
}

DIV.socialIcons{
position: absolute;
top: 40px;
right: 0px;
width: 357px;
font-size: 10px;
text-align: right;
}
DIV.socialIcons FORM{
position: relative;
float: right; 
margin-bottom: 7px;
}

DIV.socialIcons INPUT.sinput{
background: url(../images/search-box-sm.gif) 0 0 no-repeat;
width: 85px;
height:14px;
padding: 0px 0 0 7px;
border: 0px;
font-size: 9px;
color: #6a6b6b;
}

#rightCol INPUT.sinput{
background: url(../images/search-box-sm.gif) 0 0 no-repeat;
width: 85px;
height:14px;
padding: 0px 0 0 7px;
border: 0px;
font-size: 9px;
color: #6a6b6b;

}

DIV.socialIcons  INPUT.sbutton{
margin: 0 0 -4px 2px; 
}
#rightCol INPUT.sbutton{
margin: 0 0 -4px 2px; 
}
DIV.socialIcons IMG{
margin: 4px 0 -4px 0px; 
}
 
 
DIV.homeCallout{
float: left;
border-right: 1px solid #d8d8d8;
padding: 0 20px 0 20px;
min-height: 220px;
white-space: normal
}
DIV.homeCallout h1{
color: #00B5CC; 
white-space: nowrap;
margin: -4px 0px 5px 0;
}
DIV.homeCallout A{
text-decoration: none;
}
DIV.homeCallout P{
margin: 5px 0 5px 0;
}

DIV.hcZero {
padding: 0 20px 0 0px; 
width: 300px;
color: #999999;

}
DIV.hcZero  UL{
padding: 0;
margin: 0px;
}
DIV.hcZero  UL LI{
padding: 0;
margin: 5px 0 0 15px; 
}
DIV.hcZero  UL LI SPAN{
color: #999999;
}




DIV.hcOne {
padding: 0 20px 0 20px; 
width: 170px;
}

DIV.hcOne DIV.fleft {
width: 35px;
margin-bottom: 10px;
font-size: 11px;

}
DIV.hcOne DIV.fright {
width: 130px;
margin-bottom: 10px;
 
}
DIV.hcTwo {
width: 215px;
}

DIV.hcThree {
width: 170px;
}

DIV.hcFour {
float: right;
border-right: 0px; 
width: 150px;
padding-left: 0px;
margin-right: 5px;
}

DIV.hcFour IMG {
padding: 5px 0px 10px 0px;
}
DIV.hcFour .left{
padding: 5px 10px 10px 10px;
}






/*  TIER PAGE  Containers */
DIV#mainCol{
position: relative;
width: 501px;
min-height:400px;
padding: 0px 0px 0 235px; 
float: left;
}
DIV#rightCol{
position: relative;
float: right;
width: 165px;
padding-top: 0px;

}
/*  TIER PAGE  Styles */
  
DIV#mainCol DIV.headLine { 
height: 110px;
padding-bottom: 15px; 
color: #ffffff;
font-size: 22px;
padding: 26px 30px 0 50px;
}
  

 
  
DIV#mainCol P{ 
padding-left: 20px; 
}
  
DIV.tierSocialIcons{ 
margin: 15px 0 00px 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;

}
a.butSignUp, a.butBlue{
width: 145px;
height: 53px;
display: block;
color: #ffffff;
font-weight: bold;
font-size:13px;
padding: 11px 7px 0px 12px;
text-decoration: none;
background: url(../images/button-green-sm.gif) 0 0 no-repeat; 
} 
a.butSignUp{ 
background: url(../images/button-green-sm.gif) 0 0 no-repeat; 
} 
a.butBlue{
background: url(../images/button-blue-sm.gif) 0 0 no-repeat;

}
a.butSignUp:hover, a.butBlue:hover{
filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75; 
}



  DIV.teal{
background: url(../images/back-solutions-long.jpg) 0 0 no-repeat;

}
 DIV.green{
background: url(../images/back-industries.jpg) 0 0 no-repeat;

}
 DIV.orange{
background: url(../images/back-services.jpg) 0 0 no-repeat;

}
 DIV.partners{
background: url(../images/back-partners.jpg) 0 0 no-repeat;

}
 DIV.purpleAnchor{
background: url(../images/back-company.jpg) 0 0 no-repeat;

}
 DIV.news{
background: url(../images/back-services.jpg) 0 0 no-repeat;

}

TABLE.tablePress TD{
padding-bottom:15px;
}
TABLE.tablePress TH{
text-align: left;
width: 85px;
}

TABLE.tableForm TD{
padding: 4px 0 4px 0;
}
TABLE.tableForm  TH{
text-align: left;
width: 110px;
}
TABLE.tableForm  input[type="text"]{ 
width: 232px;
}
.iFrame{
margin-top: 7px;width:130px; border:0; background-color:000000; height:14px; overflow:hidden;
}

.webkit .iFrame{
width:150px;
}

 
 
 div.line {
 height: 7px;
background: url(../images/back-line.gif) 0 0 repeat-x;
}


DIV.sideLinks  { 
margin:  5px  10px 0 10px;
font-size: 11px;
}

DIV.sideLinks A{
display: block;
text-decoration: none;
color: #4D4D4D;
margin: 2px 0 3px 0;
}
DIV.sideLinks A SPAN{
display: block
text-decoration: none;
color: #91278F;
font-weight: bold;
}

DIV.quote { 
color: #B2B2B2;
font-size: 18px;
font-weight: bold;
margin:  20px  0px 0 0px;
}
DIV.quoteTitle { 
color: #4D4D4D;
text-align: right;
margin:  2px  30px 0 10px;
}

A.iconPDF{ 
background: url(../images/icon-pdf-sm.gif) 0 0 no-repeat;
padding: 0 0 10px 16px; 
}
A.iconWebinar{ 
background: url(../images/icon-webinar-sm.gif) 0 0 no-repeat;
padding: 0 0 10px 19px; 
}

OL.numbers{ 
list-style: decimal
}

