/* Global Layout */
@import url(/connected/share/css/reset.css);
/* Elements */



body {
	text-align:center;
	font:normal 62.5%/1.7em Arial, Tahoma, Helvetica, sans-serif; /* "Trebuchet MS", */
	color:#333;
	background: #eee url(/connected/gateway/demo/share/css/body_bg.gif) repeat-y 50% 0;
	margin:0
	}	

h1 {
	font-size:1.9em;
	line-height:1.2;
	color:#0095d5;
	margin:-0.3em 0 0.30em 0
	}
	
h2 {
	font-size:1.9em;
	margin:1em 0 0.5em 0;
	line-height:1.2
	}
	
h2.demo-h2 {
	font-size:1.6em;
	color:#0095d5;
	margin:5px 5px 10px 5px;
	line-height:1.4
	}	
	
	h3 {
		font-size:1.3em;
		margin:0;
		font-weight:900;
		color:#fff;
		border-bottom:none;
		font-family:Tahoma, Geneva, sans-serif;
		}
		
		h3.toggle-gs-w {border-color:#9933ff}
		h3.toggle-gs-e {border-color:#9933ff}
		h3.toggle-cc   {border-color:#0397d6}
		h3.toggle-el   {border-color:#cd4333}
		h3.toggle-pm   {border-color:#ff9900}
		
h3 a {
		display:inline-block;
		}

h3 a {
	padding:6px 7px 6px 10px;
	display:block;
	text-decoration:none;
	color:#fff;
	width:200px;
	float:left}

h3 span {
		display:block;
		height:22px;
		width:22px;
		float:right;
		background-color:transparent;
		background-position:1 100%;
		background-repeat:no-repeat}
		
		* html h3 span {
				margin-top:4px;
				height:22px}

h3.toggle-gs-w span {
		/*background-image:url(/connected/gateway/demo/share/css/arrow-gs.png)*/}

h3.toggle-gs-e span {
		/*background-image:url(/connected/gateway/demo/share/css/arrow-gs.png)*/}

h3.toggle-cc span {
		/*background-image:url(/connected/gateway/demo/share/css/arrow-cc.png)*/}

h3.toggle-el span {
		/*background-image:url(/connected/gateway/demo/share/css/arrow-el.png)*/}

h3.toggle-pm span {
		/*background-image:url(/connected/gateway/demo/share/css/arrow-pm.png)*/}


h4 {
	font-size:1.4em;
	font-weight:900;
	margin:0 0 10px 0;
	color:#444}
	
h4 a {
	font-size:1.3em;
	font-weight:100;
	margin:0 0 0.75em 0
	}	
	
h5 {
	font-size:1.3em;
	font-weight:900;
	margin:0 0 10px 0
	}	
	
a {
		color:#2d4b8c}
	
p {
	margin:0 0 1.1em 0;
	font-size:1.1em;
	line-height:1.2em;
	text-align:justify}

li {
	font-size:1.2em;
	padding:2px 0 2px 20px}


#column-two a {
	color:#006cbf
	}

#column-two a:hover {
	color:#4c98d2}	

	
strong {
	font-weight:900;
	}
	
dl {
	margin:0 0 10px 0;
	font-size:1.3em
	}

dt {
	font-weight:900
	}
	
dd {	
	line-height:1.5
	}

dd p {	
	font-size:.9em
	}	
	
hr {
	display:none}
	
	
/* Layout declarations*/

.logo {
	display:inline-block}

.logo {
	display:block;
	height:60px;
	width:150px;
	background:transparent;
	text-indent:-6000px;
	margin: 0 0 0 5px;
	float:left}

.accordion {
		background:#fff;
		padding:10px 5px 5px 5px;}
			
	.accordion p {
		margin: 7px;
		font-size:1.2em;
		background:#fff;
		line-height:1.5}
	
	.accordion p img {
		float:right;
		margin: 2px 0 0 15px}

p.introduction {
	background: transparent url(/connected/share/img/demo/intro_bg.gif) no-repeat 0 0;
	padding: 10px 25px 40px 8px;
	margin: 0 0 10px 15px
}

p.footer {
	background: transparent url(/connected/share/img/demo/footer_bg.gif) repeat-x top;
	padding:10px;
	margin-top:10px
}

#wrapper {
	width:700px;
	margin: 0 auto 0 auto;
	text-align:left}
	
#header {
	height:133px;
	background: transparent url(/connected/gateway/demo/share/css/demo-header-new.gif) no-repeat 50% 0;
	position:relative;
	margin:0 0 30px;
	}

#content {
	padding:0 20px 10px 20px !important}	

.toggler {
		cursor:pointer}

#footer {
	font-size:1.1em;
	padding:10px 0;
	border-top:1px solid #ccc}
	
	#footer p {
		float:left;
		width:32%;
		font-size:1.0em}
	
	#footer ul {	
		float:right;
		width:58%;
		list-style:none}
	
	#footer ul li {
		float:right;
		padding:0 10px 0 10px;
		border:solid #ccc;
		border-width:0 1px 0 0}
	
	#footer ul li.last {
		padding-right:0;
		border-right:0}	
	
#skiptocontent {
	display:none}
	
ul#index-list {
	list-style:none}

ul#index-list li {
	color:#ccc;
	font-size:1.4em;
	line-height:1.6em}

ul#index-list li a {
	display:inline-block}	
	
ul#index-list li a {
	display:block;
	color:22;}	

#demo-page {
	margin:0 0 10px 0}

#demo-page #return-to-index {
	display:inline-block}	

#demo-page #return-to-index {
	display:block;
	background:#e2e9f0;
	border-bottom:1px solid #c7d5e1;
	padding:5px 10px;
	color:#6c859b;
	margin:-5px 0 20px;
	font-weight:900;
	font-size:1.1em;
	text-align:left;
	text-decoration:none}

#demo-page #return-to-index:hover {
	background:#dbe3ec}
	
#demo-page center {
	margin-top:10px}		

ul#top-nav {
	text-align:left;
	margin-top:10px;
	padding:10px;
	width:450px;
	float:right}

	ul#top-nav li {
		display:inline;
		float:right;
		width:auto;
		margin:0 0px 0 0}
			
			ul#top-nav li a {
				display:inline-block;
				font-weight:bold;}
					
			ul#top-nav li a {
				display:block;
				font-size:1.1em;
				color:#555;
				text-decoration:none;
				float:left;}
				
				ul#top-nav a:hover {
				color:#000;
				text-decoration:underline;
				}

ul.demo-buttons {
	text-align:left;
	float:left;
	padding-bottom:10px;
	margin:0 0 0 8px;
	}
	
	* html ul.demo-buttons {
	margin:0 0 0 10px;
	}

	ul.demo-buttons li {
		display:inline;
		float:left;
		width:auto;
		margin:0 10px 0 0;
		padding:0;
		border:0px solid #ccc;
		}
			
			ul.demo-buttons li a {
				display:inline-block}
					
			ul.demo-buttons li a {
				display:block;
				float:left;
				padding:5px 16px 5px 10px;
				background-color:transparent;
				background-repeat:no-repeat !important;
				background-position:95% 0px;
				text-decoration:none;
				color:#333}
					
			ul.demo-buttons li a:hover {
				background-position: 0 -30px}
					
				ul.demo-buttons li.more-info-cc a,
				ul.demo-buttons li.launch-demo-cc a,
				ul.demo-buttons li.take-trial-cc a {
						padding:7px 0 0;
						width:141px;
						height:24px;
						background-color:#f9f9f9;
						background-image:url(/connected/gateway/demo/share/css/arrow-cc-small.gif)}
											
				ul.demo-buttons li.more-info-pm a,
				ul.demo-buttons li.launch-demo-pm a,
				ul.demo-buttons li.take-trial-pm a {
						padding:7px 0 0;
						width:141px;
						height:24px;
						background-color:#f9f9f9;
						background-image:url(/connected/gateway/demo/share/css/arrow-pm-small.gif)}
						
				ul.demo-buttons li.more-info-gs-e a,
				ul.demo-buttons li.launch-demo-gs-e a,
				ul.demo-buttons li.take-trial-gs-e a {
						padding:7px 0 0;
						width:141px;
						height:24px;
						background-color:#f9f9f9;
						background-image:url(/connected/gateway/demo/share/css/arrow-gs-small.gif)}
						
				ul.demo-buttons li.more-info-gs-w a,
				ul.demo-buttons li.launch-demo-gs-w a,
				ul.demo-buttons li.take-trial-gs-w a {
						padding:7px 0 0;
						width:141px;
						height:24px;
						background-color:#f9f9f9;
						background-image:url(/connected/gateway/demo/share/css/arrow-gs-small.gif)}
						
				ul.demo-buttons li.more-info-el a,
				ul.demo-buttons li.launch-demo-el a,
				ul.demo-buttons li.take-trial-el a {
						padding:7px 0 0;
						width:141px;
						height:24px;
						background-color:#f9f9f9;
						background-image:url(/connected/gateway/demo/share/css/arrow-el-small.gif)}
							
				ul.copy-ul {
					margin:0 0 15px 8px}
					
					.demo-gs-e {
						overflow:auto;
					}
				
ul.copy-ul-pm li {
		background-image:url(/connected/gateway/demo/share/css/bullets-sprite-big.gif);
		background-position:10px -79px;
		background-repeat:no-repeat;
		}		
		
ul.copy-ul-el li {
		background-image:url(/connected/gateway/demo/share/css/bullets-sprite-big.gif);
		background-position:10px -251px;
		background-repeat:no-repeat;}
		
ul.copy-ul-gs li {
		background-image:url(/connected/gateway/demo/share/css/bullets-sprite-big.gif);
		background-position: 10px -165px;
		background-repeat:no-repeat;
		}
		
ul.copy-ul-cc li {
		background-image:url(/connected/gateway/demo/share/css/bullets-sprite-big.gif);
		background-position: 10px 6px;
		background-repeat:no-repeat;}

.latest-news-ul {
		border:1px solid #ddd;
		background:#f9f9f9;
		padding:5px;
		
		}
		
.latest-news-ul a {
	text-decoration:none;
}

.latest-news-ul a:hover {
	text-decoration:underline;
}

	
/* Clearfix styles */	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden}	
.clearfix {display: inline-block
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */						

.topb1 {
	border-width:0; border-style:solid; border-color:#fff; padding:6px 12px; background:transparent url(/connected/gateway/demo/share/css/b1.gif) no-repeat bottom left; margin-top:-9px;
}

.topb2 {
border-width:0; border-style:solid; border-color:#fff; padding:6px 12px; background:transparent url(/connected/gateway/demo/share/css/b2.gif) no-repeat bottom left; margin-top:-9px;
}


.top_but {
	color:#000;
	width:141px;
	height:24px;
	padding:0;
	margin:0;
	background:transparent url(/connected/gateway/demo/share/css/button-silver.gif) no-repeat;
}

a.top_but {
	cursor:pointer;
	color:#000;
	margin:0;
	padding:6px 0 2px;
	text-align:center;
}

#but-wrap {
	display:block;
	width:141px;
	height:31px;
	background:transparent url(/connected/gateway/demo/share/css/button-silver.gif) no-repeat 0 0;
}

a.mheader {
	position:relative;
	text-decoration:none;
	top:2px;
}

a.comp-comp-h {
	width:100%;
	height:29px;
	margin:1px 0 0;
	padding:0;
	background:transparent url(/connected/gateway/demo/share/css/comp-comp-grey.gif) no-repeat 0 0;
}

a.comp-comp-h-blu {
	width:100%;
	height:29px;
	margin:1px 0 0;
	padding:0;
	background:transparent url(/connected/gateway/demo/share/css/comp-comp-blu.gif) no-repeat 0 0;
}

a.policy-h {
	width:100%;
	height:29px;
	margin:1px 0 0;
	padding:0;
	background:transparent url(/connected/gateway/demo/share/css/pm-grey.gif) no-repeat 0 0;
}

a.policy-h-blu {
	width:100%;
	height:29px;
	margin:1px 0 0;
	padding:0;
	background:transparent url(/connected/gateway/demo/share/css/pm-blu.gif) no-repeat 0 0;
}

				
a.gse-h {
	width:100%;
	height:29px;
	margin:1px 0 0;
	padding:0;
	background:transparent url(/connected/gateway/demo/share/css/gse-grey.gif) no-repeat 0 0;
}

a.gse-h-blu {
	width:100%;
	height:29px;
	margin:1px 0 0;
	padding:0;
	background:transparent url(/connected/gateway/demo/share/css/gse-blu.gif) no-repeat 0 0;	
}

a.gsw-h {
	width:100%;
	height:29px;
	margin:1px 0 0;
	padding:0;
	background:transparent url(/connected/gateway/demo/share/css/gsw-grey.gif) no-repeat 0 0;	
}

a.gsw-h-blu {
	width:100%;
	height:29px;
	margin:1px 0 0;
	padding:0;
	background:transparent url(/connected/gateway/demo/share/css/gsw-blu.gif) no-repeat 0 0;	
}

a.elea-h {
	width:100%;
	height:29px;
	margin:1px 0 0;
	padding:0;
	background:transparent url(/connected/gateway/demo/share/css/elearning-grey.gif) no-repeat 0 0;	
}

a.elea-h-blu {
	width:100%;
	height:29px;
	margin:1px 0 0;
	padding:0;
	background:transparent url(/connected/gateway/demo/share/css/elearning-blu.gif) no-repeat 0 0;	
}

.threelineb {
height:30px;
margin:0 0 20px 0;
}

* html .threelineb {
height:10px;
margin:0;
}