/* style.css */
/** shared styles **/

/* fonts and links */

/* p */
p.para {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* image caption */
p.caption {
	margin-top: 10px;
	font: 10px Arial;
}

sup {
	vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: -0.4em;
}

.table-supenv
{
    width:100%;
    border-color: #000;
    border-width: 0 0 1px 1px;
    border-style: solid;
}

.td-supenv
{
    border-color: #000;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #CCC;
    font: 12px Arial;
}

/* L1 */
a{
	text-decoration:none;
	outline:none;
	font: 12px Arial;
}
a{color: #00567d;} 
a:hover{color:#489ab4;text-decoration:underline;}
a:visited{color:#577f8e;}
a:visited:hover{color:#489ab4;}
a.caption {margin-top: 10px;font: 10px Arial;}

#crumbs, #crumbs a{font: 11px Arial;color:white}
#crumbs span{font-weight:bold}



/**button style 1 (sliding door) -  ex: customer showcase learn more*/
a.button-1{
	display:block;
	background:url("/images/button-1-right.png") right no-repeat;
	text-align:center;
	padding-right:24px;
}
a.button-1 span{
	position:relative;
	display:block;
	height:24px;
	line-height:24px;
	padding-left:11px;
	white-space:nowrap;
	background:url("/images/button-1-left.png") left no-repeat;	
}
/**button style 2 (sliding door) -  ex: talk to us or chat online*/
a.button-2:hover{background-position:bottom right}
a.button-2 span:hover{background-position:bottom left}
a.disabled:hover{background-position:top right}
a.disabled span:hover{background-position:top left}
a.button-2{
	display:block;
	background:url("/images/shared/button-2-right.png") top right no-repeat;
	text-align:center;
	padding-right:6px;
	float:left;
}
a.button-2 span{
	position:relative;
	display:block;
	height:18px;
	line-height:18px;
	padding-left:6px;
	white-space:nowrap;
	background:url("/images/shared/button-2-left.png") top left no-repeat;
}
/**button style 3 (sliding door) -  ex: LAUNCH SOLUTION GUIDE*/
a.button-3{
	display:block;
	background:url("/images/shared/button-3-right.png") right no-repeat;
	text-align:center;
	padding-right:10px;
	float:left;
}
a.button-3 span{
	position:relative;
	display:block;
	height:23px;
	line-height:23px;
	padding-left:10px;
	white-space:nowrap;
	background:url("/images/shared/button-3-left.png") left no-repeat;
	color: #00567d;
}



strong{font-weight:bold;}
/* general */
.constraint { width: 960px; margin: 0 auto;}
/* footer */
#footer{clear:both;}

#shadow-above-site-map{background-image:url('/images/shadow-above-site-map.jpg');height:6px;}
#site-map{background-color:#E5E5E5;height:163px;}
#site-map-focus{
	width:996px;
	background-image:url('/images/shared/sitemap-table-bg.jpg');
	background-repeat:repeat-y;
	height:169px;
}
#site-map-focus li{
	float:left;
	height:169px;
	background-image:url('/images/shared/sitemap-bg.jpg');
	margin-top:-6px;
}
#site-map-focus li.col-2{
	background-position:top right;
	padding-top:29px;
	height:140px;
}

#site-map-focus li.first{
	background-image:url('/images/shared/sitemap-highlighted-bg.jpg');
	margin-left:18px;
}

#site-map-focus li ul li{
	float:left;
	clear:left;
	border:none;
	height:auto;
	background-image:none;
	margin-top:0px;
	padding-left:12px;
	width:inherit;
}


#site-map-focus li ul li a{
font: 10px Arial;
color:#333333;
line-height:11px;
}
#site-map-focus li ul li.heading{
	padding-top:10px;
	padding-bottom:8px;
	font: 10px Arial;
	color:#333333;
	line-height:11px;
	font-weight:bold;
}
#site-map-focus li ul li.sub{
	padding-left:24px;
}
#site-map-focus li ul li a:hover{
color:#489ab4;
}




#line-below-site-map{
	background-color:#C3CDCE;
	height:1px;
	
}
#section-below-site-map{
	background-color:#E7F3F4;
	height:40px; /* necessary? */	
	padding-top:18px;
}
#section-below-site-map p{
	padding-left:12px;
	color:#666666;
		
}
#section-below-site-map p,#section-below-site-map a{	font-size:11px;}
#section-below-site-map a{font-weight:bold}
#section-below-site-map p span{
	color:#00567D;
	margin-left:18px;
}


/* to organize later */
#content{background-color:#EEE;}
#focus{
	background-image:url('/images/focus-bg.jpg');
	padding:0 15px;
	margin: 0 auto;	
	padding-bottom:25px;
}
#focus-one-column{
	background-image:url('/images/shared/focus-bg-1-col.jpg');
	padding:0 15px;
	margin: 0 auto;	
	padding-bottom:25px;
}
#left-col{
	padding:0 21px 0 25px;
	width:625px;
}

#crumbs{
	height:19px;	
	padding-top: 0px;
}

/* fix for sifr implementation */

hr{
	border-bottom:1px solid #E3E3E3;
	border-top:1px dotted #489ab4;
	border-left:none;
	border-right:none;
	clear:left;
}
/* T1 */
p{
	font: 12px Arial; 
	line-height:16px;
	color: #333333;
}
/* gray accordian styling */

.accordian-gray{
	width:623px;
	margin-top:15px;
	margin-bottom:25px;
}
.accordian-gray .top{
	display:block;
	height:10px;
	background-image:url('/images/product-detail/accordian-gray-top.jpg');
}
.accordian-gray .bottom{
	display:block;
	height:11px;
	background-image:url('/images/product-detail/accordian-gray-bottom.jpg');
}
.acc-content dd{
	display:none;
	width:605px;
	padding: 5px 0 5px 18px;
	background-image:url('/images/product-detail/accordian-open-bg.jpg');
}

/* H5 */
.acc-content a{
	display:block;
	width:605px;
	font: 12px Arial;
	padding-left:18px;
	padding-top: 10px;
	height:24px;
	background-image:url('/images/product-detail/accordian-gray-closed.jpg');
}

.acc-content a.linkA{
	display:inline;
	width:auto;
	font: 12px Arial;
	padding-left:0px;
	padding-top: 0px;
	height:auto;
	background:none;
}

.acc-content a.expanded{font-weight:bold;background-image:url('/images/product-detail/accordian-gray-open.jpg');}

.acc-content a:hover {text-decoration:none;}

.acc-content a.linkA:hover {text-decoration:underline;}

/* T2 Bulleted text 1 */
.acc-content dd ul li strong{color:black;}

/* T3 */
.acc-content dd ul li{
	font: 12px Arial;
	line-height: 16px;
	color: #333333;
	background:url('/images/shared/large-bullet.jpg') no-repeat left 14px;
	padding-left:20px;
	margin-left:20px;
	margin-right:20px;
	padding-top: 8px;
}

.pw dd ul li{
	list-style-type:none;
	background:url('/images/shared/white-bullet.jpg') no-repeat left 10px;
	padding-left:11px !important;
	margin-left:0 !important;
	padding-top:3px !important;
}
.acc-content dd ul li.sub{
	background:none;
	padding-top:0px;	
}

.acc-content dd ul li.sub li{
	padding-left:11px;
	margin-left:0px;	
	padding-top: 3px;
	background:url('/images/shared/small-bullet.jpg') no-repeat left 9px;
	list-style-type:none;	
}


/* plus/minus accordion styling for management team*/
dl.mgt{
	width:800px;
	margin: 15px 0 15px 20px;
	border-bottom:1px dotted #B2B2B2;
}
dl.mgt a{
	display:block;
	width:800px;
	font: 12px Arial;
	color:black;
	background: url("/images/product-detail/plus.jpg") no-repeat scroll left center;
	border-top:1px dotted #B2B2B2;	
	padding:7px 0 7px 22px;
	height:15px;
}


dl.mgt dd p a:visited, dl.pw dd ul li a:visited{color:#577f8e;}
dl.mgt a.expanded{font-weight:bold;background: url("/images/product-detail/minus.jpg") no-repeat scroll left center;}
dl.mgt a:hover {text-decoration:none;}

dl.mgt dd{
	display:none;
	width:800px;
	background-image:none;
	padding-left:22px;
}

/* plus/minus accordion styling */
dl.pw{
	width:597px;
	margin: 15px 0 15px 20px;
	border-bottom:1px dotted #B2B2B2;
}
dl.pw a,dl.pw a:hover{
	display:block;
	width:575px;
	font: 12px Arial;
	color:black !important;
	background: url("/images/product-detail/plus.jpg") no-repeat scroll left center;
	border-top:1px dotted #B2B2B2;	
	padding:7px 0 7px 22px;
	height:15px;
	text-decoration:none;
}

dl.pw dd p a, dl.pw dd ul li a, dl.pw dd p a:hover, dl.pw dd ul li a:hover,dl.mgt dd p a, dl.mgt dd ul li a, dl.mgt dd p a:hover, dl.mgt dd ul li a:hover{
	display:inline;
	width:auto;
	font: 12px Arial;
	color:#00567d !important;
	background: none;
	border-top:0px dotted #B2B2B2;	
	padding:0px;
	height:auto;
}
dl.pw dd p a:hover, dl.pw dd ul li a:hover,dl.mgt dd p a:hover, dl.mgt dd ul li a:hover{
	text-decoration:underline;
        color:#489ab4 !important;
}

dl.pw dd p a:visited, dl.pw dd ul li a:visited{color:#577f8e;}
dl.pw a.expanded,dl.pw a.expanded:hover{
	font-weight:bold;
	background: url("/images/product-detail/minus.jpg") no-repeat scroll left center;	
}
dl.pw dd{
	display:none;
	width:553px;
	background-image:none;
	padding-left:22px;
}

dl.pw dd li{
	margin-left: 14px;
	padding-left: 3px;
	padding-top: 3px;
}

/* hx */

h1{
	font: 16px Arial;
	color: #00567d;
	margin-top: 16px;
	margin-bottom: 18px;
	font-weight:bold;
}

h2{
	font:14px Arial;
	font-weight:bold;
	color:#de5f1f;
	margin-top: 10px;
	margin-bottom:10px;
}
.h9{
	font: 11px Arial;
	font-weight: bold;
	color: #666666;
}



/* refactor this */
#title{	
	font: 24px Helvetica;
	color:white;
	height:41px;
	padding-top: 18px;
} 

/* T4 Side bar body text */
.t4{
	font: 11px Arial;
	color: #666666;
	line-height:14px;
}	
	
.h5{
	font:14px arial;
	font-weight:bold;
	color:#6D012C;
	text-decoration:none;
}
.h5:hover{color:#a90144;}

/*L4 Link (Side bar)*/
a.l4{
	font: 11px Arial;
	color: #00577e;	
}
a.l4:hover{color:#489ab4;}
a.l4:visited{color:;#577f8e;}	

	
a.brief{
	background: url("/images/briefcase.jpg") no-repeat scroll left top; 
	padding-left:25px;	
	padding-top:2px;
	position:relative;
	top:2px;
	color:#6D012C;
	display:block;
	float:left;
	cursor:pointer;
}
a.brief:hover{color:#A90144}
a.pdf{
	background: url("/images/shared/pdf.jpg") no-repeat scroll left top; 
	padding-left:25px;		
	padding-top:3px;
	position:relative;
	display:block;
	top:2px;
	float:left;
}

a.no_icon {
        float:left;
	padding-left:0px;		
	padding-top:3px;
	position:relative;
	top:2px;
	display:block;
	width:150px;
}

	
/* sitemap styling */
/** psuedo columns: example .span-1 = 24px, .span-2 = 48px, .span-3 = 72px ../
/** the sitemap is 960pixels wide, and can only take 40 possibly columns */

/* should these by 1px less in account for borders? */
.span-1{width:24px;}
.span-2{width:48px;}
.span-3{width:72px;}
.span-4{width:96px;}
.span-5{width:120px;}
.span-6{width:144px;}
.span-7{width:168px;}
.span-8{width:192px;}
.span-9{width:216px;}
.span-10{width:240px;}
.span-11{width:264px;}
.span-12{width:288px;}
.span-18{width:432px}

.dropdown-container{
	float:right;	
	position:relative;
	top:15px;
	left:15px;			
	z-index:900;
	
}
a.dropdown{	
display:block;
width:196px;
height:19px;
padding: 3px 0 0 13px;
background: url("/images/shared/dropdown-bg.jpg") no-repeat scroll left top;
color: #495055 !important;
font-size:11px !important;
font-weight: normal !important;
}

.dropdown-container ul{
	display:none;
	width:177px;
	padding: 5px 15px;
	background: url("/images/shared/dropdown-selection-bg.jpg") no-repeat scroll left top !important;
	border:1px solid #DDDDDD;
	position:absolute !important;
	height:auto !important;
}

.dropdown-container ul li a{
	font-size:11px !important;
	color: #495055 !important;
	font-weight:normal !important; 
}
.dropdown-container ul li a:hover{
	font-size:11px !important;
	color: #aaaaaa!important;
}

.lower-z{z-index:999;}
	
.for-absolute{
	position:relative;
	margin:0px;
	padding:0px;
}	


	
#partners-detail-one-col-container, #about-atg-detail-one-col-container, #solutions-detail-one-col-container, #prod-detail-one-col-container, #default-container{
	padding: 0 21px 0 25px; /* copy of left-col styling in style.css */
}

#partners-detail-one-col-container p, #about-atg-detail-one-col-container p, #solutions-detail-one-col-container p, #prod-detail-one-col-container p, #default-container p{
	margin-bottom:10px;
}
	
#partners-detail-one-col-container blockquote, #about-atg-detail-one-col-container blockquote, #solutions-detail-one-col-container blockquote, #prod-detail-one-col-container blockquote, #default-container blockquote{
	font: 14px Arial;
	color:#779439;
	margin-bottom:15px;
	line-height:20px;
}

	
.center { text-align:center;padding:20px;}

#errorMessages ul, #errorMessages li, #errorMessages p{
	font-size:11px;
	color:#6D012C;
}

#default-container{
	background-image:url('/images/news-events/news-events-bg.jpg');
	background-repeat:no-repeat;	
}


#prod-detail-one-col-container{
	background-image:url('/images/banners/products-services-sec.jpg');
	background-repeat:no-repeat;	
}

#solutions-detail-one-col-container{
	background-image:url('/images/banners/solutions-sec.jpg');
	background-repeat:no-repeat;	
}


#about-atg-detail-one-col-container{
	background-image:url('/images/banners/about-atg-sec.jpg');
	background-repeat:no-repeat;	
}


#partners-detail-one-col-container{
	background-image:url('/images/banners/partners-sec.jpg');
	background-repeat:no-repeat;	
}

/* add-to-briefcase styling  */
.add-box {
	position: absolute;
	background: url('/images/shared/briefcase/add-bg.png');
	width: 288px;
	height: 295px;
	padding: 0px !important;
	padding: 5px 10px !important;	
	z-index: 99999998;
}
#add-box-content {
	position: absolute;
	z-index: 99999999;
}
#add-box-content .close {
	display: block;
	float: left;
	margin-left: 15px;
	margin-top: 3px;
	cursor: pointer;
	cursor: hand;
}
#add-box-content ul{clear:both;margin-top:4px;}
#add-box-content ul li{
	height: 73px !important;
	border: none !important;
	border-top: 1px dotted #b2b2b2 !important;
	margin: 0px 0px 0px 3px !important;
	margin-top: 0px !important;
	padding: 6px 10px 0px 6px !important;
	width: 265px !important;
	_margin-bottom: -4px;
}
#add-box-content .msg {width:225px;overflow:visible;}
#add-box-content .msg, #add-box-content .msg a {color: #45555f;}
#add-box-content .already, #add-box-content .already a {color: #6d012c;}
#add-box-content .already span {cursor: default;}
#add-box-content .msg{
	float: left;
	margin-left: 30px;
	margin-bottom: 3px;
	position: relative;
	bottom: 6px;
}
#add-box-content p {padding-top: 10px;}
#add-box-content .msg a {text-decoration: underline;}
#add-box-content .h9,#add-box-content .t4 {color: white;}
#add-box-content ul li img {margin-right: 15px;}
#add-box-content ul li.already {
	background-color: #6d012c;
	_margin-bottom: -4px !important;
}
#add-box-content a:hover {text-decoration: underline;}
#add-box-content #add-box-image {
	margin-top: -1px;
	float: left;
	width: 56px;
	height: 71px;
	padding-right: 7px;
	overflow: hidden;
}
#add-box-content #add-box-title {
	height: 43px;
	line-height: 11px;
	overflow: hidden;
}
#add-box-content #add-box-link a {color: #ffffff;}
#add-box-content #add-box-link a:hover {color: #ffffff;}
	
.margin-bottom{margin-bottom:10px;}	

#arrow-ie6{display:none;}


.solution-guide-button{
	display:block;
	height:23px;
	text-indent:-9999px;
	width:155px;		
	background-image:url('/images/solutions-landing/solution-finder-button.png');
}
.solution-guide-button:hover{
	background-position:left bottom;
}
p .solution-guide-button{margin:15px 0}

ul.listA {
	margin-bottom:10px;
	margin-top:10px;
}

ul.listA li{
	font: 12px Arial; 
	line-height:16px;
	color: #333333;
	list-style-type:disc;
	margin-left:35px;
	padding-bottom:8px;
}

#bookmark-share-container {
	float: right;
	margin-top: 5px;
	height: 20px;
}
#bookmark-share-clear {
	clear:left;
	height:10px;
}

#pseudo-footer{	
	background-color:#E5E5E5;	
	height:107px;
}
#pseudo-footer div{
	height:107px;
	background-image:url("/images/shared/sitemap-table-bg.jpg");
	background-repeat:repeat-y;
	width:960px;
	padding-left:18px;
	padding-right:18px;
}
#pseudo-footer div ul li{
	float:left;
	height:107px;
	background-image:url("/images/showcase/footer-2.jpg");
	background-position:right top;
}
#pseudo-footer div ul li.left-position{background-position:left top}
#pseudo-footer div ul li span{
	padding-left:14px;
	font:bold 11px/22px arial;	
	color: #333333;
	display:block;
}
#pseudo-footer div ul li ul{
	float:left;
	padding-top:10px;
}
#pseudo-footer div ul li ul li{
	clear:left;
	height:auto;
	background-image:none;
	padding-left:14px;
	width:130px;
}

#pseudo-footer div ul li ul li a{
	font: 10px Arial;
	color:#666666;
	line-height:11px;
}
#pseudo-footer div ul li ul li a:hover{color:#333333}

/* overlay styling */

#TB_ajaxContent .column{
	width:230px;	
	float:right;
	margin:80px 17px 0 0;
}
#TB_ajaxContent .column p.h5,#TB_ajaxContent .column p.h5:hover {color:#6D012C}

#TB_ajaxContent .column p strong{color:black}
#TB_ajaxContent .column a{
	display:block;
	padding-left:25px;
	margin-bottom:5px;
}
#TB_ajaxContent .column a.brief{background: url('/images/showcase/briefcase-showcasebg.png') no-repeat;
}
#page-count{
	color:#666666;	
	margin-right:107px;
	position:absolute;
	bottom:20px;
	right:0;
}
#page-count  #page{font-weight:bold}
#page-count .column span.h5{display:block}

#TB_ajaxContent  .overlay-image{		
	position:absolute;
	top:468px;
	left:25px;
	font-weight:bold;	
}
.hidden{display:none}


.actual-overlay-content{
	display:block;
	width:765px;
	height:500px;
	position:relative;
	bottom:55px;
	right:15px;
}

#other-close-link{
	color:#666666;
	position:relative;
	left:90px;
}
#other-close-link:hover{color:#333333}


/* title overlay */
	div#title-overlay-container {
		position: absolute;
	}
	div.title-overlay-container-one-column {
		margin: 85px 0px 0px 908px;
	}
	div.title-overlay-container-two-column {
		margin: -20px 0px 0px 933px;
	}
	div.title-overlay-container-home {
		margin: -65px 0px 0px 1100px;
	}
	div#title-overlay-button {
		background-image: url("/images/points-of-view/info-button.png");
		background-repeat: none;
		position: absolute;
		cursor: pointer;
		cursor: hand;
		width: 14px;
		height: 14px;
	}
	div#title-overlay-content-container {
		background-image: url("/images/points-of-view/info-bg.png");
		background-repeat: no-repeat;
		position: absolute;
		width: 170px;
		height: 59px;
		top: -60px;
		left: -160px;
		display: none;
	}
	div#title-overlay-content-container p {
		line-height: 14px;
		padding: 3px 10px;
	}
	div#title-overlay-content-container span {
		color: #ffffff;
	}
