@media screen {
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('/fonts/opensans-regular.eot');
	src: local('Open Sans'), local('OpenSans'), url('/fonts/opensans-regular.woff') format('woff'), url('/fonts/opensans-regular.ttf') format('truetype'), url('/fonts/opensans-regular.svg') format('svg');
}

@font-face {
	font-family: 'SegoeUICONV';
	font-style: normal;
	font-weight: 400;
	src: url('/fonts/SEGOEUI.eot');
	src: local('☺'), url('/fonts/SEGOEUI.woff') format('woff'), url('/fonts/SEGOEUI.ttf') format('truetype'), url('/fonts/SEGOEUI.svg') format('svg');
}
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #022658;
	background-image: url("/images/bg_blue4.gif");
	background-repeat: repeat-x;
	background-position: center top;
	text-align: left;
	font-size: 10pt;
	font-family: 'Segoe UI', 'SegoeUICONV', Verdana, Helvetica, sans-serif;
	text-decoration: none;
	color: #58586B;
}
img { border: 0; }
a { color: #004FAF; }
a:hover { color: #E75A18; }
p { text-align: justify; }
h1, .title1 { margin: 0px; margin-bottom: 6px; padding-top: 0px; font-size:24pt; margin-bottom:6px; color:#002653; line-height:100%; font-family: Calibri; text-align:left; font-weight:lighter; }
h2, .title2 { margin: 0px; margin-bottom: 3px; font-size:14pt; font-family: Calibri; color:#002653; font-weight:lighter; }
h3, .title3 { font-size:10pt; } 
dt { font-size:10pt; font-weight:bold; }
table { font-size: 1em; }
li { margin-top:5px; }
ul { text-align:left; list-style-image:url("/images/puce.gif"); }
.ulLvl2 { list-style-image:url("/images/puce_lvl2.gif"); }

#page {
	margin: auto;
}
 
	#header {
		margin: auto;
		width: 1000px;
		height: 60px;
	}
		#logo {
			padding: 5px 20px;
		}
		
		#logo {
			position: absolute;
			top: 7px;
		}
		#contact {
			margin-top: 8px;
			text-align: right;
			float: right;
			font-weight: bold;
		}
		#contact-text {
			font-family: Arial;
			font-size: 1em;
			color: #FFFFFF;
		}
		#language {
			margin-top: 8px;
			text-align: right;
			float: right;
			width: 200px;
			color: white;
		}
		#language a {
			display: inline-block;
			color: white;
			font-weight: normal;
			text-decoration: none;
			vertical-align: top;
		}
		#language-dropdown {
			display: none;
		}
		#slogan {
			clear: right;
			text-align: right;
			float: right;
			margin-top: 3px;
		}
		#slogan-text {
			color: #F26716;
			font-size: 14pt;
			font-weight: 500;
		}
		#search {
			clear: right;
			text-align: right;
			float: right;
			margin-top: 35px;
		}
			#needle {
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				border: 0;
			}
	
	#middle, #middlehighlight {
		clear: both;
		width: 980px;
		margin: 0px auto;
		padding: 0px 10px;
		background: white;
		
		-webkit-border-top-left-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright: 3px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}
	iframe#middle {
		width: 794px;
	}
		#leftItems, #highlight, #highlight-left, #rightItems {
			margin-bottom: 5px;
		}
		#leftItems {
			float: left;
			margin-left: 5px;
			padding-top: 10px;
			width: 150px;
			font-size: 0.9em;
		}
		#highlight {
			width: 100%;
			margin-top: 10px; 
			float: left;
			 
		}
		#highlight-title {
			float: left;
		}
		#highlight-img {
			float: right;
			clear:right;
			height: 150px;
			text-align: right;
		}
		#rightItems {
			float: right;
			padding-top: 100px;
			width: 202px;
		}
		#content, #content-left, #content-right, #content-left-right {
			margin: 0px;
			padding: 0px;
		}
		#content {
			width: 950px;
			margin-left: 10px;
		}
		#content-left {
			width: 793px;
			margin-left: 168px;
		}
		#content-right {
			width: 746px;
			min-height: 470px;
			margin-left: 10px;
		}
		#content-left-right {
			width: 583px;
			min-height: 470px;
			margin-left: 173px;
		}
	
		#content-page {
			float: left;
			width: 100%;
			padding-bottom:25px; 
		}
#footer {
	position: relative;
	clear: both;
	margin: auto;
	padding: 20px 10px;
	width: 980px;
	text-align: center;
	color: #222222;
	background-color: #CED4DA;
	font-size: 0.9em;
}
#footer a {
	text-decoration: none;
}
#footer a:hover {
}
	#siteMap {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#siteMap th {
		text-align: left;
		padding-bottom: 10px;
	}
	#siteMap th a {
		color: black;
	}
	#siteMap th a:hover {
		color: #E75A18;
	}
	#siteMap td {
		padding-bottom: 3px;
	}
	#leftFooter {
		margin-left: 40px;
	}
	#rightFooter {
		margin-right: 40px;
	}

	
/* Homepage */

	#splash {
		position: relative;
		margin-top: -5px;
		margin-bottom: 10px;
		float: left;
		width: 630px;
		height: 380px;
		overflow: hidden;
		border: 1px solid #B1BCC6;
	}
		#controls {
			position: absolute;
			top: 10px;
			right: 10px;
		}
		
		.splashControls {
			width: 12px;
			height: 12px;
			float: left;
			margin-left: 3px;
			cursor: pointer;
			
			background-image: url('/images/orangePointLight.png');
			background-repeat: no-repeat;
		}
		
		#splashControl1 {
			background-image: url('/images/orangePoint.png');
		}
	
		.splashes {
			width: 630px;
			height: 380px;
			position: absolute;
			left: 630px;
			cursor: pointer;
			background-position: center; 
		}
		
		#splash1 {
			background-image: url('/images/splash_Youtube.png');
			background-size: 440px 266px;
			background-repeat: no-repeat;
			left: 0px;
		}
		#splash1:hover {
			background-image: url('/images/splash_YoutubeHover.png');
		}
		#splash2 {
			background-image: url('/images/splash_VoIP.png');
		}
		#splash3 {
			background-image: url('/images/splash_Network_Monitoring.png');
		}
		#splash4 {
			background-image: url('/images/splash_Application_Performance.png');
		}
		
		.splashComment {
			position: absolute;
			bottom: 0px;
			width: 100%;
			height: 60px;
			background-color: black;
			opacity: 0.8;
			filter: alpha(opacity = 80);
			color: white;
			font-size: 1.2em;
		}
		
		.splashComment p {
			margin: 10px;
		}
	
	#highlights {
		margin-top: -5px;
		padding: 10px;
		padding-top: 0;
		float: right;
		width: 315px;
		height: 370px;
		border: 1px solid #B1BCC6;
		background-image: url('/images/highlights-bg.png');
		background-position: top left;
		background-repeat: repeat-x;
	}
	
		#highlights h2 {
			font-size: 20pt;
		}
		
		#highlights .left {
			float: left;
		}
		
		#highlights .right {
			float: right;
		}
	
		.highlight_block {
			height: 80px;
		}
	
		.highlight_title {
			color: black;
			font-size: 10pt;
			font-weight: bold;
		}
		
		.highlight_date {
			float: right;
			font-size: 9pt;
		}
		
		.highlight_content {
			clear: both;
			font-size: 9pt;
		}
		
			.highlight_logo {
				margin: 10px;
				width: 50px;
			}
			
			.highlight_text {
				width: 240px;
			}
	
	#toptabs {
		margin-top: 10px;
		padding-left: 10px;
	}
		.toptab {
			width: 180px;
			height: 50px;
			background-image: url("/images/Tab_Inactive2.png");
			display: inline-block;
			position: relative;
			top: 1px;
			cursor: pointer;
		}
		
		.toptab:hover {
			background-image: url("/images/Tab_Hover.png");
		}
		
		.toptab.active {
			background-image: url("/images/Tab_Active.png");
		}
		
			.toptab span {
				display: block;
				width: 100%;
				text-align: center;
				font-size: 1.2em;
				font-weight: bold;
				margin-top: 13px;
			}
			.toptab.active span {
				color: #E75A18;
			}
	
	.topoverview, .topproducts, .toptools {
		margin-bottom: 10px;
		padding: 10px;
		clear: both;
		width: 958px;
		border: 1px solid #B1BCC6;
	}
	
	.topoverview  h1 {
		font-size: 16pt;
	}
	.topoverview  h2 {
		font-size: 14pt;
	}
	.topoverview  p {
		font-size: 9pt;
	}
	
		.topproduct_popup, .toptool_popup, .language_popup {
			width: 400px;
		}
	
		.topproduct, .toptool {
			position: relative;
			float: left;
			width: 31%;
			height: 170px;
		}
		.toptool {
			width: 48%;
		}
		
		.topproduct h2, .toptool h2 {
			font-size: 1.5em;
		}
			.topproduct_header, .toptool_header {
				float: left;
				width: 100%;
				margin-bottom: 10px;
				color: black;
				font-family: MyriadPro-Cond;
				font-size: 20pt;
				text-align: center;
			}
			.topproduct_image, .toptool_image {
				float: left;
				width: 20%;
				text-align: center;
			}
			.topproduct_title, .toptool_title {
				float: right;
				width: 75%;
				margin-bottom: 2px;
			}
			.topproduct_title a, .toptool_title a { 
				font-size: 1.3em;
				font-weight: bold;
			}
			.topproduct_subtitle, .toptool_subtitle {
				float: right;
				width: 75%;
				margin-bottom: 2px;
				color: black;
				font-size: 10pt;
				font-weight: bold;
			}
			.topproduct_description, .toptool_description {
				float: right;
				width: 75%;
				height: 70px;
				margin-bottom: 10px;
				font-size: 1em;
			}
			.topproduct_description p, .toptool_description p {
				text-align: left;
			}
			.topproduct_link, .toptool_link {
				width: 100%;
				text-align: center;
			}
				.topproduct_link a, .toptool_link a {
					display: inline-block;
					padding: 4px 0;
					width: 90px;
					border: 1px solid #B1BCC6;
					text-decoration: none;
					vertical-align: top;
				}
				.topproduct_link a:hover, .toptool_link a:hover {
					background-color: #F2C299;
				}
			
		.topproduct_separator, .toptool_separator {
			float: left;
			width: 1px;
			height: 170px;
			margin: 0 15px;
			background-color: #B1BCC6;
		}
	

/* Cartouche Gauche */

table.left-nav {font-size:1em; font-weight:normal; margin:0; padding:0;}
table.left-nav td {vertical-align:middle;}
table.left-nav td a {padding: 3px 10px; display: block;}
table.left-nav td a:link, table.left-nav td a:visited {color:#000000; text-decoration:none;}
table.left-nav td a:hover {color:#000000; text-decoration:none;}
table.left-nav td.overview {height:10px; background:url("/images/menu-top-small.png") no-repeat top left;}
table.left-nav td.overview a:link, table.left-nav td.overview a:visited {color: #FFFFFF}
table.left-nav td.child, table.left-nav td.grandchild, table.left-nav td.childboxtitle {background:url("/images/menu-small.png") repeat-y top left;} 
table.left-nav td.child a:hover, table.left-nav td.grandchild a:hover {color:#EB7020;}
table.left-nav td.highlight, table.left-nav td.childhighlight, table.left-nav td.grandchildhighlight {background-color:#E2E2E2;}
table.left-nav td.highlight a:link, table.left-nav td.highlight a:visited, table.left-nav td.childhighlight a:link,table.left-nav td.childhighlight a:visited, table.left-nav td.grandchildhighlight a:link, table.left-nav td.grandchildhighlight a:visited {color:#000000; font-weight: bold;}
table.left-nav td.child, table.left-nav td.grandchild, table.left-nav td.highlight, table.left-nav td.childhighlight, table.left-nav td.grandchildhighlight {} 
table.left-nav td.footer {height:10px; background:url("/images/menu-bottom-small.png") no-repeat top left;}
table.left-nav td.childboxtitle {font-size:1em; color:#000000; font-weight:bold; text-align:center} /**/
table.left-middle-nav td { background:url("/images/menu-small.png") repeat-y top left;}
table.left-middle-nav td.overview {font-family:verdana,sans-serif; padding:0; font-size:1.2em; text-align:center; height:10px; background:url("/images/menu-top-small.png") no-repeat top left; border-top:0;}
table.left-middle-nav td.child , table.left-middle-nav td.grandchild, table.left-middle-nav td.highlight, table.left-middle-nav td.childhighlight, table.left-middle-nav td.grandchildhighlight {} 
table.left-middle-nav td.footer {height: 20px; background:url("/images/menu-bottom-small.png") no-repeat top left;}
table.left-middle-nav td.child a:hover, table.left-middle-nav td.grandchild a:hover {color:#EB7020;}
table.left-middle-nav td.childboxtitle {font-size:1em; color:#000000; font-weight:bold; text-align:center} /**/

/* Nouveau Cartouche Gauche Bleu */

table.left-nav-blue {font-size:1em; font-weight:normal; margin:0; padding:0;}
table.left-nav-blue td {vertical-align:middle;}
table.left-nav-blue td a,table.left-nav-blue td span {padding: 3px 10px; display: block;}
table.left-nav-blue td a:link, table.left-nav-blue td a:visited, table.left-nav-blue td span {color:#000000; text-decoration:none;}
table.left-nav-blue td a:hover {color:#000000; text-decoration:none;}
table.left-nav-blue td.overview {}
table.left-nav-blue td.overview a:link, table.left-nav-blue td.overview a:visited {color: #FFFFFF}
table.left-nav-blue td.child, table.left-nav-blue td.grandchild, table.left-nav-blue td.childboxtitle {background:url("/images/menu-small.png") repeat-y top left;} 
table.left-nav-blue td.child a:hover, table.left-nav-blue td.grandchild a:hover {color:#EB7020;}
table.left-nav-blue td.highlight, table.left-nav-blue td.childhighlight, table.left-nav-blue td.grandchildhighlight {background-color:#E2E2E2;}
table.left-nav-blue td.highlight a:link, table.left-nav-blue td.highlight a:visited, table.left-nav-blue td.childhighlight a:link,table.left-nav-blue td.childhighlight a:visited, table.left-nav-blue td.grandchildhighlight a:link, table.left-nav-blue td.grandchildhighlight a:visited {color:#000000; font-weight: bold;}
table.left-nav-blue td.child, table.left-nav-blue td.grandchild, table.left-nav-blue td.highlight, table.left-nav-blue td.childhighlight, table.left-nav-blue td.grandchildhighlight {} 
table.left-nav-blue td.footer {height:10px; background:url("/images/menu-bottom-small.png") no-repeat top left;}
table.left-nav-blue td.childboxtitle {font-size:1em; color:#335F9B; font-weight:bolder; text-align:center; background:url("/images/tabblue.png") no-repeat top left; width:150px; height:25px; } 
table.left-nav-blue td.grandchild, table.left-nav-blue td.grandchildhighlight { padding-left:10px; } 

/* Nouveau Cartouche Gauche Bleu Foncé */

table.left-nav-blue-dark {font-size:1em; font-weight:normal; margin:0; padding:0;}
table.left-nav-blue-dark td {vertical-align:middle;}
table.left-nav-blue-dark td a {padding: 3px 10px; display: block;}
table.left-nav-blue-dark td a:link, table.left-nav-blue-dark td a:visited {color:#000000; text-decoration:none;}
table.left-nav-blue-dark td a:hover {color:#000000; text-decoration:none;}
table.left-nav-blue-dark td.overview {}
table.left-nav-blue-dark td.overview a:link, table.left-nav-blue-dark td.overview a:visited {color: #FFFFFF}
table.left-nav-blue-dark td.child, table.left-nav-blue-dark td.grandchild, table.left-nav-blue-dark td.childboxtitle {background:url("/images/menu-small.png") repeat-y top left;} 
table.left-nav-blue-dark td.child a:hover, table.left-nav-blue-dark td.grandchild a:hover {color:#EB7020;}
table.left-nav-blue-dark td.highlight, table.left-nav-blue-dark td.childhighlight, table.left-nav-blue-dark td.grandchildhighlight {background-color:#E2E2E2;}
table.left-nav-blue-dark td.highlight a:link, table.left-nav-blue-dark td.highlight a:visited, table.left-nav-blue-dark td.childhighlight a:link,table.left-nav-blue-dark td.childhighlight a:visited, table.left-nav-blue-dark td.grandchildhighlight a:link, table.left-nav-blue-dark td.grandchildhighlight a:visited {color:#000000; font-weight: bold;}
table.left-nav-blue-dark td.child, table.left-nav-blue-dark td.grandchild, table.left-nav-blue-dark td.highlight, table.left-nav-blue-dark td.childhighlight, table.left-nav-blue-dark td.grandchildhighlight {} 
table.left-nav-blue-dark td.footer {height:10px; background:url("/images/menu-bottom-small.png") no-repeat top left;}
table.left-nav-blue-dark td.childboxtitle {font-size:1em; color:#ffffff; font-weight:bolder; text-align:center; background:url("/images/tabbluedark.png") no-repeat top left; width:150px; height:25px; } /**/

/* Carouche gauche simple */

table.left-tab-nohead {font-size:1em; font-weight:normal; margin:0; padding:0;}
table.left-tab-nohead td {vertical-align:middle; padding: 3px;}
table.left-tab-nohead td.overview {font-family:verdana,sans-serif; padding:0; font-size:1.2em; text-align:center; height:10px; background:url("/images/menu-top-small.png") no-repeat top left; border-top:0;}
table.left-tab-nohead td.overview a:link, table.left-tab-nohead td.overview a:visited {color: #FFFFFF}
table.left-tab-nohead td.child, table.left-tab-nohead td.grandchild, table.left-tab-nohead td.childboxtitle {background:url("/images/menu-small.png") repeat-y top left;} 
table.left-tab-nohead td.child a:hover, table.left-tab-nohead td.grandchild a:hover {color:#EB7020;}
table.left-tab-nohead td.highlight, table.left-tab-nohead td.childhighlight, table.left-tab-nohead td.grandchildhighlight {background-color:#E2E2E2;}
table.left-tab-nohead td.highlight a:link, table.left-tab-nohead td.highlight a:visited, table.left-tab-nohead td.childhighlight a:link,table.left-tab-nohead td.childhighlight a:visited, table.left-tab-nohead td.grandchildhighlight a:link, table.left-tab-nohead td.grandchildhighlight a:visited {color:#000000; font-weight: bold;}
table.left-tab-nohead td.child, table.left-tab-nohead td.grandchild, table.left-tab-nohead td.highlight, table.left-tab-nohead td.childhighlight, table.left-tab-nohead td.grandchildhighlight {} 
table.left-tab-nohead td.footer {height:10px; background:url("/images/menu-bottom-small.png") no-repeat top left;}
table.left-tab-nohead td.childboxtitle {font-size:1em; color:#ffffff; font-weight:bolder; text-align:center; background:url("/images/tabbluedark.png") no-repeat top left; width:150px; height:25px; } /**/

/* Cartouche Droit */

.rightTable {
	margin-bottom: 10px;
	width:200px;
	height:250px;
}
.tdtopimage {
	width:195px;
	height:88px;
	background-image:url("/images/contact_us_lady.png");
	background-position:bottom left;
	background-repeat:no-repeat; 
}
.tdleft {
	padding-left:10px;
}
.tdright {
	padding-left:5px;
}
.rightPanel {
	margin:0; 
	padding:0; 
	padding-left:10px;
	background-image:url("/images/bordermiddle.png");

	background-repeat:repeat-y; 
	text-align:center;
}
.tdbottomimage {
	width:195px;
	height:7px;
	background-image:url("/images/borderbottom.png");
	background-repeat:no-repeat; 
}

/* Cartouche contact */

.contactTable
{
	margin:0; 
	padding:0; 
	background-image:url("/images/border-middle-contact.png");
	background-repeat:repeat-y; 
}

div.box {border:solid 1px #ADADAD; background:url("/images/boxbg.gif"); background-repeat:repeat-x; text-align:left;}
div.box1 {border:solid 1px #777777; background:url("/images/boxbg.gif"); background-repeat:repeat-x; text-align:left;}
div.box .corner {margin:auto; height:auto; background:url("/images/corner.gif") no-repeat bottom right; position:relative; left:1px; top:1px; padding:0px 8px 8px 8px;}
div.box .corner p {margin-top:4px; margin-bottom:13px;}
div.box1 .corner1 {height:100%; background:url("/images/corner1.gif") no-repeat bottom right; position:relative; left:1px; top:1px; margin:0; padding:8px;}
div.box .headline {color: black; font-weight: bold;}

.TableEntrepriseCell .TableEntrepriseCellImage, .TableEntrepriseCell2 .TableEntrepriseCellImage {
	border: 1px solid #C7C7C7;
}
.TableEntrepriseCellImage {
	text-align: center;
	width: 25%;
	height: 60px;
}
.TableEntrepriseCellImage img {
	max-width: 95%;
}
.TableEntrepriseCellEntrepriseLabel
{
	padding-left: 10px;
}

#indexTable td {
	width: 320px;
	background-image: url("/images/bg-maintable.png");
	background-repeat: repeat;
	text-align: center;
	border:1px solid #CCCCCC;
}
#indexTable td td {
	border: 0;
	background: none;
}
.tabletitleBlue {
	color: #FFFFFF;
	background-color: #4F81BD;
	vertical-align: middle;
	padding: 5px;
	text-align:center;
	font-weight:bold;
}
.rowBlue1 {
	background-color: #D0D8E8;
	padding: 5px;
	vertical-align: middle;
}
.rowBlue2 {
	background-color: #E9EDF4;
	padding: 5px;
	vertical-align: middle;
}
.introduction {
	background-color:#DCE6F2;
	padding: 1px 10px 1px 10px;	
}
.introduction ul {list-style-image:url("/images/puce-blue.gif"); }
.page-tab-header {
	background-image: url("/images/tabbluebig.png");
	background-repeat: no-repeat;
	color:#ffffff;
	height:25px;
	line-height:25px;
	padding-left:10px;
	font-weight:bold;
}
.page-tab-content {
	background:#F7F7F7;
	border: 1px #C7C7C7 solid;
	margin-bottom:15px;
	padding-top: 5px;
	padding-bottom: 10px;
	
}
.page-tab-content ul {
	margin-top:0px;
	margin-bottom:0px;
	list-style-image:url("/images/puce-blue.gif");
} 

.img-blue-border 
{
	background-color:white;
	border:1px solid #8eb4e3;
	width:200px;
}
.img-blue-border-mini 
{
	background-color:white;
	border:1px solid #8eb4e3;
	width:100px;
}
.TableDownload {
	border-collapse: collapse;
	margin: 10px;
	border:1px solid #a0a0a0;
	border-style:solid;
	width:90%;
}
.TableDownload caption 
{
	background-color: #c7c7c7; 
	color: black; 
	font-weight: bold; 
	padding:3px; 
	border:1px solid #a0a0a0;
	border-collapse:collapse;
	border-style:solid;
}
.TableDownload th
{
	border:1px solid #a0a0a0;
	border-collapse:collapse;
	border-style:solid;
	padding:3px;
}
.TableDownload td
{
	border:1px solid #a0a0a0;
	border-collapse:collapse;
	border-style:solid;
	padding:5px;
}
.TableContact caption
{
	color:#002060;
	text-align:left;
	font-weight:bold;
}
.TableContact td
{
	text-align:left;
	padding-left:20px;
}
.EventList {
	margin:0px;
	padding:0px;
	border-collapse:collapse;
}
.EventList td , .EventList tr{
	padding:5px 4px 25px 4px;
}
.EventTitle {
	font-weight:bold;
	font-size:10pt;
	margin-bottom:5px;
}
.EventSubtitle {
	margin:0px;
}
.EventDetail {
	margin:5px 0px;
	padding:0px;
	border-collapse:collapse;
}
.EventDetail td , .EventDetail tr{
	padding:2px 0px;
}




/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	/*background-image:url(/images/white.png);*/
	background-image:url(/images/white-small.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:420px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11pt;
	font-family: 'Segoe UI', 'SegoeUICONV', sans-serif;
	
	z-index: 10;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(/images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
	z-index: 11;
}



.socialIcon {
	position: absolute;
	right: 0px;
	width: 45px;
	height: 60px;
	
	background-position: top right;
	background-repeat: no-repeat;
}
.socialIcon {
	cursor: pointer;
}

.socialIcon#facebook {
	background-image: url(/images/social-fb-inactive.png);
	top: 20px;
}
.socialIcon#twitter {
	background-image: url(/images/social-tw-inactive.png);
	top: 55px;
}
.socialIcon#youtube {
	background-image: url(/images/social-yt-inactive.png);
	top: 90px;
}
.socialIcon#linkedin {
	background-image: url(/images/social-li-inactive.png);
	top: 125px;
}

.socialIcon#facebook:hover {
	background-image: url(/images/social-fb-active.png);
}
.socialIcon#twitter:hover {
	background-image: url(/images/social-tw-active.png);
}
.socialIcon#youtube:hover {
	background-image: url(/images/social-yt-active.png);
}
.socialIcon#linkedin:hover {
	background-image: url(/images/social-li-active.png);
}

.socialIcon:hover {
	z-index: 3;
}

.socialIcon a {
	display: block;
	width: 100%;
	height: 100%;
}