@charset "UTF-8";

/* XXXXXXXXXXXXXXXXXXXXXXXXXXX GLOBAL XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


body {
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	background: #717171;
	margin: 0;
	padding: 0;
	color: #2b2b2b;
}


ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin:  0 0 10px 0;
	padding:  0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;	
}


h1{
	font-size:18px;
	color:#1968be;
}

h2{
	font-size:14px;
	color:#1968be;
}

h3{
	font-size:10px;
	color:#1968be;
	font-weight:bold;
	margin-bottom:0px;
}


p {
font-size:11px;
line-height:18px;
}


a{
color:#1968be;	
	
}


img{
/*display:block;*/
margin:0px;
}


a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXX CONTAINER XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */



#container {
	width: 100%;
	/*max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
	/*min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
	background: #FFF;
	/*margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
}



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXX SEARCH XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#cse-search-box form{
width:200px;
}

#cse-search-box input{
width: 175px;
height: 16px;
border: 0;
font-size: 10px;
}


#cse-search-box .button{
background: url('../images/search-button.png')  no-repeat;
width: 16px; height: 16px;
padding:0px;
margin:0px;
margin-top:3px;
cursor: pointer; 
border: 0;
vertical-align: top;
}


#searchResultsWrapper{
padding-left:170px;
}






/* XXXXXXXXXXXXXXXXXXXXXXXXXXX HEADER XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#header {
	background: #1152a2;
	border-bottom:8px solid #cd9933;
	color:white;	
}

#headerContent {
	background: #1152a2;
	background-image:url(../images/header-bg.jpg);
	width:931px;
	margin: 0 auto;
	height:141px;
}

#headerContentTop{
	padding-top:15px;
	height:50px;
}

#headerContentTopLeft{	
float:left;
width:300px;
}

#headerContentTopRight{	
float:right;
width:600px;
text-align:right;
padding-top:3px;
}


.phoneNumber{
margin:0px;
padding:0px;
font-size:12px;
padding-right:20px;	
}

#linksAndSearch{
width:600px;
float:right;
padding-top:5px;
}

#linksAndSearchLeft{
float:left;
text-align:right;
padding-top:6px;
width:385px;
}


#linksAndSearchRight{
float:right;
height:25px;
}

.headerLinks{
font-size:10px;
}

.headerLinks a{
color:white;
text-decoration:none;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXX NAV XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#theNav{
padding-top:20px;
padding-left:220px;
position:relative;
z-index:100;
}

/*.navLink{
	color:white;
	text-decoration:none;
	font-size:14px;
	margin-left:10px;	
	margin-right:10px;
	padding:10px;
	border-left:1px solid white;
}*/

/*ul#menu li {
  display: inline;
  position: relative;
}*/

div#menu div div {
  display: none;
}

div#menu div.hovering div {
  display: block;
}

div#menu div.mega{
margin-right:30px;
float:left;	
}


div#menu div.mega div {
border: 1px solid #fff;
border-top:none;
width: 476px;
height: 400px;
position: absolute;
top: 84px;
padding: 10px;
background: #717171;
color: #fff;
z-index:100;
}


/*div#menu div.mega div #lastMenu{
	border: 1px solid #fff;
border-top:none;
width: 476px;
height: 400px;
position: absolute;
top: 84px;
left:50px;
padding: 10px;
background: #717171;
color: #fff;
z-index:100;
}*/


div#menu div.mega div a{
color:white;	
text-decoration:none;
}


div#menu div.mega div h1{
	color:white;
	position:absolute;
	top:70px;
	left:215px;	
}

div#menu div.mega div h3{
	color:white;
	position:absolute;
	top:70px;
	left:215px;	
	font-size:18px;
	font-weight:normal;
}

div#menu div.mega div p{
	position:absolute;
	top:160px;
	left:23px;
	width:430px;
}


div#menu div.mega div ul{
	margin-left:50px;
	float:left;
	width:178px;
	height:118px;
	margin-top:260px;
	padding:0px;
	margin-bottom:0px;
	list-style-type:disc;
	
}

div#menu div.mega div ul li{
padding-bottom:0px;	
margin-bottom:3px;
font-size:10px;

}


div#menu div.mega div img{
	margin:0px;
	padding:0px;
	margin-right:46px;
}

div#menu div.mega div #megaBottomButtons{
position:absolute;
top:388px;
left:40px;
}


div#menu div.mega div img.navpic{
	position:absolute;
	left:18px;
	top:15px;
	
}

div#menu div.mega div #megaBottomButtons img.viewMoreButton{
	padding-left:28px;
	margin-right:0px;
}


div#menu div.mega div.megaCapabilities{
	background-image:url(../images/meganav/bg.jpg);
}


div#menu div.mega div.megaSolutions{
	background-image:url(../images/meganav/bg.jpg);
}


div#menu div.mega div.megaIndustries{
	background-image:url(../images/meganav/bg.jpg);
}


div#menu div.mega div.megaFeatures{
	background-image:url(../images/meganav/bg.jpg);
	left:435px;
	
}



/* XXXXXXXXXXXXXXXXXXXXXXXXXXX MIDDLE XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


#middle {
	position:relative;
	padding: 0px;
}

#middleContent {
	position:relative;
	background: #fff;
	width:931px;
	margin: 0 auto;
	min-height:300px;
	/*margin-top:20px;*/
	margin-bottom:20px;
}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
#middleContent ul, #middleContent ol { 
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}


div#getStartedRow{
width:100%;
height:20px;		
}

div#getStartedRow img{
	float:right;
}



/* XXXXXXXXXXXXXXXXXXXXXXXXXXX FOOTER XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */



#footer {
	position:relative;
	padding: 0px;
	background: #717171;
}

#footerContent {
	position:relative;
	background: #1152a2;
	background-image:url(../images/header-bg.jpg);
	width:931px;
	margin: 0 auto;
	height:67px;
}


#logoFooter{
	float:left;
	width:120px;
	padding-left:20px;
	padding-top:21px;
}

#address{
	color:#FFF;
	font-size:9px;
	float:left;
	width:650px;
	text-align:center;
	padding-top:30px;
	/*padding-top:25px;*/
}

#address a{
	color:#FFF;
	text-decoration:none;
}

#socialMediaIcon{
	float:right;
	width:120px;
	padding-top:23px;
	padding-left:20px;
}

#socialMediaIcon img{
	margin-right:10px;
	
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXX BOTTOM LINKS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


#bottomLinks{
background: #717171;
}

#bottomLinksContent {
	background: #717171;
	width:931px;
	margin: 0 auto;
	height:75px;
	
}


#bottomLinksRow1{
	width:210px;
	margin-left:22px;
float:left;
color:#dedada;
padding-bottom:20px;
}

#bottomLinksRow1 a{
	color:#dedada;
	text-decoration:none;
	
}


#bottomLinksRow1 p{
margin:0px;
padding:0px;
font-size:10px;	
}


#bottomLinksRow1 h3{
margin-top:20px;
margin-bottom:8px;
color:#dedada;
font-size:14px;	
font-weight:normal;
	
}



/* XXXXXXXXXXXXXXXXXXXXXXXXX HOME PAGE XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


#tabContainer{
height:310px;
width:608px;
float:left;		
}


#partnerLogosHomePage{
clear:both;
padding:15px;
padding-top:20px;
padding-left:18px;
background-color:#b1b1b1;	
}

#partnerLogosHomePage img{
margin-left:43px;	
	
}


#promo_Container{
	float:right;
	width:300px;
	height:307px;
	background-color:#b1b1b1;
	
}


#promo_Container img{
	padding-left:10px;
	padding-top:18px;
	
}


#promo_Container img.promoImage{
	padding:0px;
	
}


.homeVideoIcon{
	padding-left:400px;
}


ul.homenews{
	margin:0px;
	padding:0px;
}


ul.homenews li{
	margin:0px;
	padding:0px;
	margin-top:10px;
}


.newsTitle{
margin-left:26px;	
	
}


.tabColumbs{
	float:left;
	width:250px;
	padding-left:5px;
}

.tab_content p{
	line-height:16px;
}

.tab_content a{
	text-decoration:none;
}


#middleSectionHome{
padding-left:20px;
height:180px;	
margin-top:20px;
margin-bottom:20px;	
}

#middleSectionHomeImage{
float:left;
margin-right:20px;	
}

#middleSectionHomeText{
float:left;	
width:250px;
border-right: 1px solid #999;
height:160px;
width:325px;
padding-right:20px;
}


#middleSectionHomeJump{
float:left;	
padding-left:30px;	
	
}

#middleSectionHomeText h1{
	font-size:14px;
	margin:0px;
	padding:0px;
}

#middleSectionHomeText p{
	font-size:10px;
	margin:0px;
	padding:0px;
	margin-top:10px;
}


#middleSectionHomeJump h1{
	font-size:14px;
	margin:0px;
	padding:0px;
	margin-bottom:20px;
}



.go_button{
	
	color:#fff;
  background-color:#007ac0;
  border: 1px solid;
  border-color: #fff;
  filter:progid:DXImageTransform.Microsoft.Gradient
  (GradientType=0,StartColorStr='#9dd0ee',EndColorStr='#007ac0');
  cursor:pointer;

	
	
}


.go_buttonHV{
	
	color:#fff;
  background-color:#007ac0;
  border: 1px solid;
  border-color: #fff;
  filter:progid:DXImageTransform.Microsoft.Gradient
  (GradientType=0,StartColorStr='#007ac0',EndColorStr='#9dd0ee');
  cursor:pointer;
	
	
}


.go_button2{
	
	color:#fff;
  background-color:#007ac0;
  border: 1px solid;
  border-color: #fff;
  filter:progid:DXImageTransform.Microsoft.Gradient
  (GradientType=0,StartColorStr='#9dd0ee',EndColorStr='#007ac0');
  cursor:pointer;
	
}

.go_button2HV{
	
	color:#fff;
  background-color:#007ac0;
  border: 1px solid;
  border-color: #fff;
  filter:progid:DXImageTransform.Microsoft.Gradient
  (GradientType=0,StartColorStr='#007ac0',EndColorStr='#9dd0ee');
  cursor:pointer;

	
}


.go_button3{
	
	color:#fff;
  background-color:#007ac0;
  border: 1px solid;
  border-color: #fff;
  filter:progid:DXImageTransform.Microsoft.Gradient
  (GradientType=0,StartColorStr='#9dd0ee',EndColorStr='#007ac0');
  cursor:pointer;
	
}

.go_button3HV{
	
	color:#fff;
  background-color:#007ac0;
  border: 1px solid;
  border-color: #fff;
  filter:progid:DXImageTransform.Microsoft.Gradient
  (GradientType=0,StartColorStr='#007ac0',EndColorStr='#9dd0ee');
  cursor:pointer;

	
	
}








/* XXXXXXXXXXXXXXXXXXXXXXXXX BASIC PAGE XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#leftNav{
	float:left;
	width:220px;
}


#leftNav img{
margin-top:5px;
margin-left:5px;
	
}

#leftNav ul{
list-style-type:none;
margin-left:0px;
padding-left:0px;
padding-top:4px;	
}

#leftNav h3 {
	padding-bottom:15px;
	font-size:11px;
}

/*#leftNav ul li{
padding-bottom:5px;
padding-top:5px;
border-bottom:1px solid #ccc;
}*/


#leftNav p{
padding-bottom:3px;
padding-top:3px;
width:190px;
margin-top:0px;
margin-bottom:0px;
border-bottom:1px solid #ccc;
cursor:pointer;
color:#1968be;
}

#leftNav div ul li{
padding-bottom:2px;
padding-top:2px;
padding-left:5px;
margin-left:5px;
border-bottom:none;
font-size:9px;
}

#leftNav a{
	text-decoration:none;
}

#pageContent{
	float:left;
	width:490px;
	padding-right:40px;
}

#rightSide{
	float:left;
	width:180px;
}

.rightActions{
	
}

#rightSide ul{
	list-style-type:square;	
	padding-left:12px;
	margin-left:12px;
}


#rightSide ul li{
	margin-bottom:5px;
}


#actionButtons{
background:#999;
width:180px;
overflow:hidden;
height:97px;
margin-top:30px;
margin-bottom:20px;
}

#actionButtons img{
	display:block;
	margin-top:1px;
	margin-left:1px;
}

#resourceCenter{
width:178px;
height:72px;
margin-top:10px;
margin-bottom:20px;
border:1px solid #999;
}

p.relatedinfoTitle{
	font-size:12px;	
}

.crumbs{
	color:#1968be;
	margin-bottom:3px;	
}

.crumbs a{
	text-decoration:none;
}


.pageTitle{
	font-weight:normal;
	color:#2b2b2b;
	margin-bottom:30px;
	font-size:14px;
}


img.resourcePlacards{
	margin-right:10px;
	margin-bottom:7px;
}


img.indexImage{
	margin-bottom:20px;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXX Page Boxes XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


#pageBox1{
	float:left;
	width:230px;
	padding-right:20px;
	
}


#pageBox2{
	float:right;
	width:200px;
	padding-right:40px;
	
}


#pageBox3{
	clear:both;
	float:left;
	width:230px;
	padding-right:20px;
	margin-top:20px;
	
}


#pageBox3b{
	clear:left;
	float:left;
	width:230px;
	padding-right:20px;
	margin-top:20px;
	
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXX Form XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

span.required{
color:red;	
	
}


label{
}


table#basicInfo{
width:400px;	
}

table#basicInfo td{
	width:200px;
	height:50px;
}

table#basicInfo input{
width:175px;	
	
}

table#basicInfo td.formProblems{
padding-top:10px;
padding-bottom:20px;	
}

table#basicInfo td.formProblems textarea{
	width:380px;
	height:80px;
}


table#featuresCheckBoxes td{
	width:135px;
}

td#featuresCheckBoxesOther{
	height:50px;
}


table#basicInfo td.formTitle{
	
	background:#1968be;
	background-image:url(../images/tablerow-gradient-bg.png);
	height:20px;
	padding:8px;
	color:white;
	font-weight:bold;
}


table#featuresCheckBoxes td.formTitle{
	background:#1968be;
	background-image:url(../images/tablerow-gradient-bg.png);
	height:20px;
	padding:8px;
	color:white;
	font-weight:bold;
	
}


input.madlibForm{
	border:0px;
	border-bottom:1px dashed #666;
	width:100px;
	background-image:url(../images/paper-field-bg.jpg);
}


p.madlib{
	
	line-height:30px;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXX Features Table XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


table#featuresTable{
border-collapse: collapse;
}

.tableBG{
background:#efefef;
border:1px solid #1968be;
padding-top:20px;
padding-bottom:20px;	
}

table#featuresTable tr.featruesTableHeadings td h3{
margin:0px;
padding:0px;
padding:10px;
padding-top:0px;
padding-bottom:5px;
font-size:11px;	
	
}


tr.featruesTableTitleTop td{
background:#2554a3;
background-image:url(../images/tablerow-gradient-bg.png);
background-repeat:repeat-x;
padding:10px;
color:white;	
margin:0px;
border-top:2px solid #0072ba;
border-bottom:2px solid #2554a3;
border-left:1px solid #2554a3;
border-right:1px solid #2554a3;		
}


tr.featruesTableTitleTop td h3{
color:white;
margin:0px;
padding:0px;
font-weight:normal;
	
}

td.featruesTableTitle{
background:#2554a3;
background-image:url(../images/tablerow-gradient-bg.png);
background-repeat:repeat-x;
padding:10px;
color:white;	
margin:0px;
border-top:2px solid #0072ba;
border-bottom:2px solid #2554a3;
border-left:1px solid #2554a3;
border-right:1px solid #2554a3;
}



table#featuresTable tr.featruesTableRow1 td{
background:	#e6eef6;
background-image:url(../images/td_bg1.gif);
background-repeat:repeat-x;
padding:5px;
padding-left:10px;
margin:0px;
border:1px solid #d3e5ed;
}

table#featuresTable img{	
	margin-left:25px;
}


table#featuresTable img.registerButton{
margin-left:5px;	
}

table#featuresTable tr.featruesTableRow2 td{
background:	#ceddec;
background-image:url(../images/td_bg2.gif);
background-repeat:repeat-x;
padding:5px;
padding-left:10px;
margin:0px;
border:1px solid #d3e5ed;
}


table#featuresTable tr.featruesTableRow3 td{
padding:5px;
padding-left:20px;
margin:0px;
}

table#featuresTable div.featuresTableFeature{
	height:15px;	
	position:relative;
}

table#featuresTable div.featuresTableFeature img{	
	position:absolute;
	top:1px;
	margin-left:0px;
}


div.featuresTableFeature p{	
	position:absolute;
	margin:0px;
	padding:0px;
	left:20px;
	top:0px;
	width:240px;
}


div.featuresTableFeature p.featuresTableFeature-News{
	width:340px;
}


div.featuresTableFeature p a{
	text-decoration:none;
}


.tooltip {
	display:none;
	background:url(../images/tool-tip-arrow.png);
	font-size:10px;
	height:70px;
	width:185px;
	padding:25px;
	color:#fff;	
}


#toolTipsDiv{
	margin-bottom:20px;
}


p.newsArchiveLink{	
	padding-top:10px;
}



/* XXXXXXXXXXXXXXXXXXXXXXXX CLOUD CONNECT XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


#cloudwrapper{
	background:#6699cc;
	width:929px;
	background-image:url(../images/cloudconnect/cloud-bg.jpg);
	background-repeat:no-repeat;
	margin-top:20px;
	
}


#cloudtop{
	background-image:url(../images/cloudconnect/corner.png);
	background-repeat:no-repeat;
	text-align:center;
	width:100%;
	position:relative;
	padding-bottom:30px;	
	
}

#keepposted{
   position:absolute;
   left:700px;
   background-image:url(../images/cloudconnect/posted2.png);
	background-repeat:no-repeat;
}


#cloudContentbox{
	width:600px;
	margin: 0px auto;
	padding-top:60px;
	
}

#cloudnav{
	width:600px;
	height:49px;
	margin:0px auto;
	font-size:12px;
	color:white;
	
}

#cloudnav ul{
list-style-type:none;
margin:0px;
padding:0px;	
	
}


#cloudnav ul li{
float:left;	
margin:0px;
padding:0px;
	
}


#cloudnav ul li a{
display:block;
width:150px;
text-align:center;
color:#FFFFFF;
text-decoration:none;
height:29px;
padding-top:20px;
background:url(../images/cloudconnect/nav-bg.png);
	
}

#cloudnav ul li a.needsline{

background-image:url(../images/cloudconnect/nav-line.png);
background-repeat:no-repeat;

}


#cloudnav ul li a:hover{
	background-image:url(../images/cloudconnect/nav-bg-hover.png);
background-repeat:no-repeat;
}

#cloudContent{
	background:url(../images/cloudconnect/white-bg.png);
	background-repeat:repeat;
	padding:20px;
	color:#333333;
	text-align:left;
}

#cloudContent h1{
	
color:#333333;

}
	
	


#cloudfooter{
	background-image:url(../images/cloudconnect/footer-bg.png);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	text-align:center;
	padding:20px;	
	color:white;
	
}


.cloudtoplogo{
margin-bottom:20px;	
}





/* XXXXXXXXXXXXXXXXXXXXXXXXXXX MISC XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */



.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	font-size: 1px;
	line-height: 0px;
	overflow:hidden;
}