﻿/* ==========================================================================
   normalize.css v2.1.1
   ========================================================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
audio,canvas,video {display: inline-block;}
audio:not([controls]) {display: none;height: 0;}
[hidden] {display: none;}
html {background: #fff;color: #000;font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {margin: 0;}
a:focus {outline: thin dotted;}
a:active,a:hover {outline: 0;}
h1 {font-size: 2em;margin: 0.67em 0; font-family: 'Droid Serif', serif; line-height: 1.5em;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
mark {background: #ff0;color: #000;}
code,kbd,pre,samp {font-family: monospace, serif;font-size: 1em;}
pre {white-space: pre-wrap;}
q {quotes: "\201C" "\201D" "\2018" "\2019";}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;}
button,input,select,textarea {font-family: inherit;font-size: 100%;margin: 0;}
button,input {line-height: normal;}
button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}

button[disabled]{cursor: help;background:#CCC; color:Silver;visibility:hidden;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto;vertical-align: top;}
table {border-collapse: collapse;border-spacing: 0;}
table{width:100%}
table tr.alt{background:#f0f0f0}
table th{font-size:16px;line-height:35px;text-align:left;}
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html, button, input, select, textarea {color: #222;}
body {font-size: 1em;line-height: 1.4;}
.full-width {max-width:100%!important}
.full-widthT {width:95%!important}
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc;text-shadow: none;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
img {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}
.chromeframe {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;}
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*Image replacement*/
.ir {background-color: transparent;border: 0;overflow: hidden;}
.ir:before {content: "";display: block;width: 0;height: 150%;}
/*Box Shadow*/
.shadow{box-shadow: 0px 0px 3px 1px #E8E8E8;-webkit-box-shadow: 0px 0px 3px 1px #E8E8E8;-moz-box-shadow: 0px 0px 3px 1px #E8E8E8;-o-box-shadow: 0px 0px 3px 1px #E8E8E8;}
/*Hide from both screenreaders and browsers:*/
.hidden {display: none !important;visibility: hidden;}
/* Clearfix: contain floats*/
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
/*Floats*/
.right{float:right}
.left{float:left}

.padding20 {padding: 20px; float: left;}
/* ==========================================================================
   custom styles
   ========================================================================== */
html,body{height:100%;background:#F4F4F4}
#container{min-height:100%;position:relative;max-width:90%;margin:0 auto;padding:0 0px}
#header{background:#20447E;font-family: 'Droid Serif', serif;position:relative}
#header .logocontain{position:absolute;background:#FFF;top:0px;left:0px;width:100%;height:123px;}
#header h1{display:block;width:180px;height:102px;background:#FFF url(../../Images/logo.gif);background-size:cover;margin:18px auto 0px 30px}
#additional-links{position:absolute;top:25px;right:20px}
#additional-links li{display:inline}
#additional-links li a{color:#92A9CA;font-size:12px;text-transform:uppercase;text-decoration:none;margin-left:15px}
/*Site Navigation*/
/*LEVEL ONE*/
#nav{ position: relative;margin:0;padding:0;margin:123px 0px 0px 0px;padding:0;list-style: none}
#nav li{ float: left;}
#nav a:hover{ color: #CCCCCC; }
#nav a:active{ color: #e7b34b; }
#nav li a{ display: block;color: #fff;padding:10px 14px;text-decoration:none;text-transform:uppercase;font-size:16px;}
#nav li:last-child a{ border-right: none; } /* Doesn't work in IE */
#nav li.hover,#nav li:hover{ background: #0B2956; color: #CCCCCC; position: relative; }
#nav li.hover a{ color: #CCCCCC; }

.MenuItems
{
	padding:0;
	margin:135px 0px 0px 0px;
	float:left;
}

.StaticMenuItem
{
	margin:0px 0px 0px 8px;
	list-style: none;
	display: block;
	color: #FFF;
	text-decoration:none;
	text-transform:uppercase;
	font-size:16px;
}

.StaticHoverMenuItem
{
	color: silver;
}

/*LEVEL TWO*/
#nav ul{ visibility: hidden; position: absolute; top: 100%; left: 0;min-width:200px;padding-bottom:10px;margin:0;padding:0;list-style: none;z-index:100}
#nav ul li{ background: #0B2956;float: none; }
#nav ul li a{padding:6px 20px 6px 20px;white-space:nowrap;text-transform:none;color: #CCCCCC;}
#nav ul li a:hover {background:#103163;color:#fff}
/*LEVEL THREE*/
#nav ul ul{ left: 100%; top: 0;margin:0;padding:0;list-style: none}
#nav li:hover > ul{ visibility: visible; }

.page-intro{clear:both;position:relative;background:#FFF;padding:20px;}
.page-intro h2{color:#20447E;font-size:28px;font-weight:normal;margin: 0 0 10px;}
.page-intro h3{color:#92A9CA;font-weight:normal;font-size:17px;margin-top:0}
.page-intro h4{font-size:20px;font-family:'Droid Serif', serif;font-weight:normal;margin-top:10px;line-height:28px}
.page-intro-left, .page-intro-left-long, .page-intro-right{width:100%;padding:20px}
.page-intro-left, .page-intro-left-long{float:left}
.page-intro-left-long{}
.page-intro-right{float:right;font-family: 'Open Sans', sans-serif;font-size:14px;line-height:22px;}
.page-intro-right ul{list-style:none;margin:0;padding:0}
.page-intro-right li{background:url(../img/ciblue-bullet.png) no-repeat left 6px;margin-bottom:15px;padding-left:20px}
#body {padding-bottom:120px;   /* Height of the footer */}

.green{background:#555387 !important}
.blue{background:#9b9459 !important}
.ciblue{background:#20447E !important}
.yellow{background:#ab584b !important}
.red{background:#e7b34b !important}

.box, .half-box, .quarter-box{
	background: #FFF;
	margin: 6px 0;
	min-height: 100px;
	box-shadow: 0px 0px 3px 1px #E8E8E8;
	-webkit-box-shadow: 0px 0px 3px 1px #E8E8E8;
	-moz-box-shadow: 0px 0px 3px 1px #E8E8E8;
	-o-box-shadow: 0px 0px 3px 1px #E8E8E8;
	padding: 20px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 22px;
	position: relative;
}
.box + .box, .box:first-child{margin-top:12px}
.box.no-padding {padding-top: 20px;}
.box.no-padding h2 {position: static;}
.box, .half-box{padding-top:70px}
.box ul, .half-box ul, .square {padding:0;list-style:none;margin:0;max-width:550px;}
.box .compressed li, .half-box .compressed li, .quarter-box .compressed li{margin-bottom:0}
.box p, .half-box p, .box h4, .half-box h4, .box hr, .half-box hr{max-width:580px;}
.box h4, .half-box h4{font-size:18px;font-family:'Droid Serif', serif;font-weight:normal;line-height:24px}
.box h4 a, .half-box h4 a{border-bottom:none}
.box a, .half-box a{color:#20447E;text-decoration:none;border-bottom:1px dotted #20447E}
.box a:hover, .half-box a:hover{color:#e7b34b}
.box li, .half-box li, .square li {background:url(../img/ciblue-bullet.png) no-repeat left 6px;margin-bottom:15px;padding-left:20px}
.red-b li{background:url(../img/red-bullet.png) no-repeat left 6px;}
.green-b li{background:url(../img/green-bullet.png) no-repeat left 6px;}
.yellow-b li{background:url(../img/yellow-bullet.png) no-repeat left 6px;}
.blue-b li{background:url(../img/blue-bullet.png) no-repeat left 6px;}
.box h2, .half-box h2, .quarter-box h2{font-size:22px;font-family:'Droid Serif', serif;font-weight:normal;color:#fff;line-height:36px;position:absolute;top:0}
.quarter-box h2{position:relative;line-height:28px}
.left-blue-strip, .left-red-strip, .left-yellow-strip, .left-green-strip, .left-ciblue-strip{left:-13px;padding:0 40px 0 32px;}
.left-ciblue-strip i, .left-blue-strip i, .left-yellow-strip i, .left-red-strip i, .left-green-strip i{position:absolute;top:36px;left:0;width:13px;height:14px}
.left-ciblue-strip{background:#20447E url(../img/strip-angle.png) no-repeat right top}
.left-ciblue-strip i{background:url(../img/strip-bend.png) no-repeat left top}
.left-blue-strip{background:#9b9459 url(../img/strip-angle.png) no-repeat right -36px}
.left-blue-strip i{background:url(../img/strip-bend.png) no-repeat left -14px}
.left-red-strip{background:#e7b34b url(../img/strip-angle.png) no-repeat right -108px}
.left-red-strip i{background:url(../img/strip-bend.png) no-repeat left -28px}
.left-yellow-strip{background:#ab584b url(../img/strip-angle.png) no-repeat right -72px}
.left-yellow-strip i{background:url(../img/strip-bend.png) no-repeat left -42px}
.left-green-strip{background:#555387 url(../img/strip-angle.png) no-repeat right -144px}
.left-green-strip i{background:url(../img/strip-bend.png) no-repeat left -56px}

.right-blue-strip, .right-red-strip, .right-yellow-strip, .right-green-strip, .right-ciblue-strip{right:-13px;padding:0 32px 0 40px;}
.right-ciblue-strip i, .right-blue-strip i, .right-yellow-strip i, .right-red-strip i, .right-green-strip i{position:absolute;top:36px;right:0;background:url(../img/strip-bend.png);width:13px;height:14px}
.right-ciblue-strip{background:#20447E url(../img/strip-angle.png) no-repeat left -180px}
.right-ciblue-strip i{background:url(../img/strip-bend.png) no-repeat left -70px}
.right-blue-strip{background:#9b9459 url(../img/strip-angle.png) no-repeat left -216px}
.right-blue-strip i{background:url(../img/strip-bend.png) no-repeat left 84px}
.right-red-strip{background:#e7b34b url(../img/strip-angle.png) no-repeat left -288px}
.right-red-strip i{background:url(../img/strip-bend.png) no-repeat left -98px}
.right-yellow-strip{background:#ab584b url(../img/strip-angle.png) no-repeat left -252px}
.right-yellow-strip i{background:url(../img/strip-bend.png) no-repeat left -112px}
.right-green-strip{background:#555387 url(../img/strip-angle.png) no-repeat left -324px}
.right-green-strip i{background:url(../img/strip-bend.png) no-repeat left -126px}
.box{clear:both}
.half-box{width:384px}
.quarter-box{width:166px;float:left;margin-left:12px;text-align:center}
.quarter-box:first-child{margin-left:0}
.highlights .quarter-box, .highlights .half-box {color:#FFF;font-family:'Droid Serif',serif;font-size:16px;text-align:center}
.highlights .half-box {padding-top:10px;}

.flaying-title{font-size:30px;text-align:center;text-transform:uppercase;font-family:'Droid Serif', serif;margin:20px;color:#999;font-weight:normal}
.flaying-title span{display:block;font-size:18px}

.bx-wrapper {position: relative;margin: 0 auto 30px;padding: 0;}
.bx-wrapper img {max-width: 100%;display: block;}
.bx-wrapper .bx-viewport {left: 12px;}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {position: absolute;bottom: -30px;width: 100%;}
.bx-wrapper .bx-loading {min-height: 50px;background: url(../img/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}
.bx-wrapper .bx-prev {left: -15px;background: url(../img/controls.png) no-repeat 0 -32px;border-bottom:none}
.bx-wrapper .bx-next {right: -15px;background: url(../img/controls.png) no-repeat -43px -32px;border-bottom:none}
.bx-wrapper .bx-prev:hover {background-position: 0 0;}
.bx-wrapper .bx-next:hover {background-position: -43px 0;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;outline: 0;width: 32px;height: 32px;text-indent: -9999px;z-index: 9999;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;background: url(../img/controls.png) -86px -11px no-repeat;margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;outline: 0;background: url(../img/controls.png) -86px -44px no-repeat;margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}
.bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0;background: rgba(80, 80, 80, 0.75);width: 100%;}
.bx-wrapper .bx-caption span {color: #fff;font-family: Arial;display: block;font-size: .85em;padding: 10px;}

.flip-back-button{background:url(../img/button-type-a.png);width:161px;height:24px;position:absolute;bottom:0}

.scrollup{width:65px;opacity:0.6;position:fixed;bottom:30px;right:30px;display:none;background: url('icon_top.png') no-repeat;text-decoration:none;background:#CCC;font-size:14px;text-align:center;line-height:22px;color:#666}

#footer {width:100%; position:absolute;bottom:0;height:60px;font-size:12px;color:#999;border-top:1px solid #CCCCCC;padding-top:20px;font-family: 'Droid Serif', serif;}
#footer a{text-decoration:none;color: #999;float:right;margin-left:15px}
#footer a:hover{color:#20447E}

.our-team h4{margin-bottom:0}
.our-team p{margin-top:0}

.apply-careers {padding-top:10px;}
.apply-careers p{max-width:100%;}

.careerform input, .careerform textarea, .careerform select {font-family:'Open Sans',sans-serif;padding:5px;width:50%;font-size:14px;}
.careerform label{font-weight:bold;}


.line-of-business > div{min-height:inherit;padding:0;width:424px}
.line-of-business a{width:424px;height:87px;display:block;border-bottom:none}

.sb{background:url(../img/lines-of-business-bg.png) left top;position:relative}
.ib{background:url(../img/lines-of-business-bg.png) left -87px;position:relative}
.am{background:url(../img/lines-of-business-bg.png) left -174px;position:relative}
.re{background:url(../img/lines-of-business-bg.png) left -261px;position:relative}

.sb-details,.ib-details,.am-details,.re-details{padding-top:0;position:relative}

.sb-details ul,.ib-details ul,.am-details ul,.re-details ul{padding-left:350px}

.sb-details{background:url(../img/sb-icon.png) no-repeat -40px center #fff;display:none}
.ib-details{background:url(../img/ib-icon.png) no-repeat -80px center #fff;display:none}
.am-details{background:url(../img/am-icon.png) no-repeat -40px center #fff;display:none}
.re-details{background:url(../img/re-icon.png) no-repeat -40px center #fff;display:none}

.sb-small-details{background:#fff;position:absolute;display:none;top:0px;left:0px}
.ib-small-details{background:#fff;position:absolute;display:none;top:0px;left:0px}
.am-small-details{background:#fff;position:absolute;display:none;top:0px;left:0px}
.re-small-details{background:#fff;position:absolute;display:none;top:0px;left:0px}


.sb-details .close,.ib-details .close,.am-details .close,.re-details .close{position:absolute;top:6px;right:6px;float:right;background:url(../img/close.png) center no-repeat;width:25px;height:25px;border-bottom:0}

.sb-details h2,.ib-details h2,.am-details h2,.re-details h2{margin:0 -20px 30px -20px;padding:0 20px;position:inherit;text-transform:uppercase;font-size:18px}
.sb-details h2{background:#9b9459;}
.ib-details h2{background:#26944B;}
.am-details h2{background:#ab584b;}
.re-details h2{background:#e7b34b;}

.button {
	display: block;
	background: #20447E;
	padding: 10px 20px;
	color: #fff;
	text-decoration: none;
}

.button:hover {
	background: #92A9CA;
	color: #20447E;
}


.past-conferences {
	list-style-type: none;
	max-width: 100% !important;
}

.past-conferences li {background: none; width: 50%; padding-left: 0; float: none;}
.past-conferences li a {display: block; padding: 5px; border-bottom: none;}
.past-conferences li a:hover {color: #fff;}
.past-conferences li a:hover .inner {background: #20447E;}
.past-conferences li a .inner {border: 1px solid #92A9CA; padding: 10px;}

.past-conferences li h3 {margin: 0 0 10px 0;}
.past-conferences li p {margin: 0;}
/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */
.box h4{color:#92A9CA;}
@media only screen and (max-width: 90%) {
#container{} 
}

@media only screen and (max-width: 90%) {
#footer,.page-intro-left, .page-intro-right, .page-intro-left-long{width:auto!important}
img{width:100%!important;height:100%!important}
.box h2, .half-box h2, .quarter-box h2 {font-size:16px;}
}

@media only screen and (max-width: 90%) {
#container{} 
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
    *{background: transparent !important;color: #000 !important; /* Black prints faster: h5bp.com/s */box-shadow: none !important;text-shadow: none !important;}
    a,a:visited{text-decoration: underline;}
    a[href]:after{content: " (" attr(href) ")";}
    abbr[title]:after{content: " (" attr(title) ")";}
    /*Don't show links for images, or javascript/internal links*/
    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content: "";}
    pre,blockquote{border: 1px solid #999;page-break-inside: avoid;}
    thead{display: table-header-group; /* h5bp.com/t */}
    tr,img{page-break-inside: avoid;}
    img{max-width: 100% !important;}
    @page{margin: 0.5cm;}
    p,h2,h3{orphans: 3;widows: 3;}
    h2,h3{page-break-after: avoid;}
}


.f1_container {
  position: relative;
  margin:-20px ;
  width: 206px;
  height: 100%;
  z-index: 1;
  cursor:pointer;
}

.f1_card {
  width: 206px;
  height: 100%;
 
 
}

.face {
  position: absolute;
  width: 166px;
  padding:20px;
  height: 100%;
  background-color: red;
}
.face.back {
  display: block;
  width: 166px;
  height:100%;
  padding:20px;
  color: white;
  text-align: center;
  background-color: #fff;
  color:#222;
  display:none;
}

.lt-ie9 .f1_container{display:none}

.table-pdf-links td{background: url("../../img/pdf-icon.png") no-repeat left center;padding-left:20px}

/*Ethar*/

.box_key_facts {
display: inline-block;
width: 180px;
height: 135px;
margin: 1em;
vertical-align: top;
border: 3px solid #20447e;
padding: 15px;
}
.box_key_facts h2{text-align: center;}

.key-facts > h2{
	font-size: 22px;
	display: inline-block;
	vertical-align: top;
	padding-right: 72px;
	padding-top: 33px;
}
h1,h2,h3,h4{font-family: 'Droid Serif', serif;}

@media only screen and (max-width: 885px){
	.half-box {
		width: 95%;
	}
}

.MLink
{
	color:#FFFFFF !important;
	text-transform:uppercase;
}

#divmenu
{
	background: #20447E !important;
}

/********************************************************************************************************************************************************/ 
/******************************************************************* virtual kBoard*********************************************************************/
/********************************************************************************************************************************************************/ 

.keyboardtblenb { background: none repeat scroll 0 0 #C8C8C8 ; border: 2px solid #20447E; cursor: pointer; font-weight: bold; padding: 3px 3px; text-align: center; vertical-align: middle; width: 25px; }
.on { display: none; }
.on_Lang { display: none; }
.uppercase { text-transform: uppercase; }
.clickers { background-color: cornflowerblue; }
.kbLabel { cursor: pointer; }
vrtTxtBx {cursor: pointer !important; width: 25px; }


.Usernav
{
	margin:-6px 10px 0 0;
	padding:0;
	float:left;
}

.Usernav ul
{
	margin:0;
	padding:0;
}
	
.Usernav li
{
	list-style:none;
	position:relative;
	margin:5px;
}

.Usernav ul li a
{
	color:Black;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
}

.Usernav ul ul
{
	position:absolute;
	margin:0 0 0 -100px;
	display:none;
	background-color:White;
	border: 1px solid silver;
	width:260px;
	z-index: 4; 
}

.Usernav ul li:hover ul
{
	display:block;
}

.Usernav ul li a:hover
{
	color:blue;
}

.divider
{
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.form-row {
    margin-bottom: 5px
}