@font-face {
    font-family: 'AktivGroteskWeb';
    font-weight: normal;
    font-style: normal;
    src: url('/assets/fonts/AG_Web_Rg.eot');
    src: local('AktivGroteskWeb'), 
		url('/assets/fonts/AG_Web_Rg.eot') format('embedded-opentype'),
		url('/assets/fonts/AG_Web_Rg.woff') format('woff'),
        url('/assets/fonts/AG_Web_Rg.ttf') format('truetype');
}
@font-face {
    font-family: 'Oxygen';
    font-weight: normal;
    font-style: normal;
    src: url('/assets/fonts/oxygen.eot');
    src: url('/assets/fonts/oxygen.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/oxygen.woff2') format('woff2'),
         url('/assets/fonts/oxygen.woff') format('woff'),
         url('/assets/fonts/oxygen.ttf') format('truetype'),
         url('/assets/fonts/oxygen.svg#oxygenregular') format('svg');
}

@font-face {
    font-family: 'Oxygen';
    font-weight: bold;
    font-style: normal;
    src: url('/assets/fonts/oxygen-bold-webfont.eot');
    src: url('/assets/fonts/oxygen-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/oxygen-bold-webfont.woff2') format('woff2'),
         url('/assets/fonts/oxygen-bold-webfont.woff') format('woff'),
         url('/assets/fonts/oxygen-bold-webfont.ttf') format('truetype'),
         url('/assets/fonts/oxygen-bold-webfont.svg#oxygenbold') format('svg');
}
html {
    overflow-y: scroll;
}
body, p, td, th, input, textarea, select, h2, h3, h4, h5, h6, option {
	font-family:"AktivGroteskWeb",'Oxygen', Arial, Helvetica, sans-serif;
	color:#333;
}
body {
 	padding-top: 55px;
	background-color:#f5f7f8;
	font-size:12.5px;
    line-height: 1.6;
}
.container {
	background-color:white;
	padding-left:20px;	
	padding-right:20px;	
}
a:hover {
	text-decoration: none;
}
a:focus {
    outline: none;
}
.navbar {
	border-top: 6px solid #002C5E;
	color:#999;
	background-color: transparent;
	border-bottom:0px;
	font-size: 14px;
}
.navbar-default .navbar-nav li a {
    color: #888;
}
.navbar-brand {
	padding-top:10px;	
}
.navbar .login-name {
	padding:15px 15px;
	line-height: 20px;
}
h1, h2, h3, h4, h5, h6 {
    color: #002C5E;
    font-family: 'Oxygen',Arial,Helvetica,sans-serif;
    font-weight: normal;
}
h1, .h1 {
	font-size: 32px;
    font-weight: normal;
    margin-bottom: 0.3em;    
    
}
h2, .h2 {
    font-size: 24px;
    font-weight: normal;
}
h3, .h3 {
    font-size: 18px;
}
h4, .h4 {
    font-size: 14px;
}
.statement th {
	font-weight:normal;	
	background-color:#c0d9f4;
	text-align:center;
	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #E0EFFF),
		color-stop(1, #B4C5D8)
	);
	background-image: -o-linear-gradient(bottom, #B4C5D8 0%, #E0EFFF 100%);
	background-image: -moz-linear-gradient(bottom, #B4C5D8 0%, #E0EFFF 100%);
	background-image: -webkit-linear-gradient(bottom, #B4C5D8 0%, #E0EFFF 100%);
	background-image: -ms-linear-gradient(bottom, #B4C5D8 0%, #E0EFFF 100%);
	background-image: linear-gradient(to bottom, #E0EFFF 0%, #B4C5D8 100%);	
	
}
.left {
    float: left;
}

.clearboth {
    clear: both;
}
table.statement {
	border:0px solid #ccc;
    border-spacing: 1px;
    border-collapse: separate;
	background-color:white;
}
table.statement td, table.statement th {
	font-size:11px;	
	padding:3px;
}
table.statement th {
	padding:6px 0 6px 0;
}
table.statement tr.alternate {
	background-color:#e7eaef;
}
table.accounts td, table.accounts th {
	padding:12px 10px !important;
	font-size:12.5px
}

    table.dataTable tr.odd td { background-color: white;  border:1px lightgrey;}
    table.dataTable tr.even td { background-color: #e7eaef; border:1px lightgrey; }

.visible-ie8 {
    display: none;
}
.ie8 .visible-ie8 {
    display: inherit !important;
}
.visible-ie9 {
    display: none;
}
.ie9 .visible-ie9 {
    display: inherit !important;
}
.hidden-ie8 {
    display: inherit;
}
.ie8 .hidden-ie8 {
    display: none !important;
}
.hidden-ie9 {
    display: inherit;
}
.ie9 .hidden-ie9 {
    display: none !important;
}
.col-first {
	padding-left:0;
}
/*  Purple */

.btn.purple {
  color: white; 
  text-shadow: none;	
  background-color: #852b99;
}
.btn.purple:hover, 
.btn.purple:focus, 
.btn.purple:active, 
.btn.purple.active, 
.btn.purple.disabled,
.btn.purple[disabled] { 
  background-color: #6d1b81 !important;
  color: #fff !important;
  outline: none !important;
}

/*  Blue */

.btn.blue {
	color: white;  
	text-shadow: none;	
	background-color: #01a0e4;
}
.btn.blue:hover, 
.btn.blue:focus, 
.btn.blue:active,
.btn.blue.active,
.btn.blue[disabled],
.btn.blue.disabled {  
  background-color: #002c5e !important;
  color: #fff !important;
  outline: none !important;
}

.btn {
    font-size: 14px;
    outline: medium none !important;
    padding: 5px 10px;
}

.btn-xs {
    padding: 1px 5px;
}
.btn-sm, .btn-xs {
    font-size: 13px;
    line-height: 1.5;
    padding: 4px 10px 5px;
}

.form-actions:after {
    clear: both;
}
.form-actions:before, .form-actions:after {
    content: "";
    display: table;
    line-height: 0;
}
.form-actions:before, .form-actions:after {
    content: "";
    display: table;
    line-height: 0;
}
.form-actions.right {
    padding-left: 0;
    padding-right: 0px;
    text-align: right;
}

.margin-top-5 {
  margin-bottom: 5px;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}


.display-none, .display-hide {
    display: none;
}

.input-icon {
    position: relative;
}
.control-label {
    margin-top: 2px;
}

label {
	display: inline-block;
    font-weight: 700;
    font-weight: 400;
    margin-bottom: 5px;
}
.input-icon i {
    color: #CCCCCC;
    display: block;
    font-size: 16px;
    height: 16px;
    margin: 11px 2px 4px 10px;
    position: absolute;
    text-align: center;
    width: 16px;
}
[class^="fa-"], [class*=" fa-"] {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    margin-top: 1px;
}
.form-control:-moz-placeholder {
    color: #999999;
}
.input-icon input {
    padding-left: 33px !important;
}
.form-control {
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 0 0 0 0;
    box-shadow: none;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
}
.form-control:focus {
    border-color: #999999;
    box-shadow: none !important;
    outline: 0 none;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #EEEEEE;
    cursor: not-allowed;
}
.form-control.height-auto {
    height: auto;
}
.uneditable-input {
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 0 0 0 0;
    box-shadow: none;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    height: 34px;
    min-width: 206px;
    padding: 6px 12px;
}
label.form-control {
    display: block;
    margin-bottom: 5px;
}
input[disabled], select[disabled], textarea[disabled] {
    background-color: #F4F4F4 !important;
    cursor: not-allowed;
}
input[readonly], select[readonly], textarea[readonly] {
    background-color: #F9F9F9 !important;
    cursor: not-allowed;
}
.input-group.input-group-fixed {
    width: auto !important;
}
[class^="m-icon-"] {
    background-image: url("../images/syncfusion-icons.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 3px;
    vertical-align: top;
    width: 14px;
}
.m-icon-swapright {
    background-position: -27px -10px;
}
.m-icon-white {
    background-image: url("../images/syncfusion-icons-white.png");
}
.m-icon-swapdown {
    background-position: -68px -10px;
}
.m-icon-swapleft {
    background-position: -8px -10px;
}
.m-icon-swapup {
    background-position: -46px -10px;
}
.m-icon-big-swapright {
    background-position: -42px -28px;
}
.m-icon-big-swapdown {
    background-position: -115px -28px;
}
.m-icon-big-swapleft {
    background-position: -6px -28px;
}
.m-icon-big-swapup {
    background-position: -78px -28px;
}

.user-details {
	font-size:14px;
}
.contentlevel p.trigger2 {
    background: url("/assets/images/plus.png") no-repeat scroll 0 6px transparent;
    font-size: 16px;
    margin: 0 0 1em;
    padding: 0 0 0 20px;
    text-transform: uppercase;
    white-space: inherit;
    width: 100%;
}
.contentlevel p.trigger2 a {
    border-radius: 5px 5px 5px 5px;
    color: #1F4E82;
    display: block;
    line-height: normal;
    margin-bottom: 0;
    max-width: 650px;
    overflow: hidden;
    padding: 5px 0 5px 5px;
}
.contentlevel .nav-tabs {

}

.mainColumn {
}
.mainColumn a.button, .mainColumn span.button {
    background-position: right top;
    border: 1px solid #00A2C8;
    background-color:#01a0e4;
    border-radius: 5px 5px 5px 5px;
    color: #EBE8DE;
    display: inline-block;
    padding: 5px 5px 7px;
    text-decoration: none;
    width: auto;
    margin-right:5px;
    white-space:nowrap;
}
.mainColumn span.button a i {
	margin-left:8px;
}
.mainColumn a.button:hover, .mainColumn span.button:hover {
    background-color: #002c5e;
    background-position: right -105px;
    border-radius: 5px 5px 5px 5px;
}
.mainColumn span.button {
    border: 0 solid black;
    margin-bottom: 1em;
    padding: 0 10px 0 0;
    position: relative;
}
.mainColumn span.button input[type="submit"] {
    background-color: transparent;
    border-style: none;
    color: white;
    font-size: 1.2em;
    padding: 5px 10px;
    text-decoration: none;
}

.mainColumn span.button a {
    color: white;
    display: inline-block;
    padding: 5px 2px 5px 10px;
}





.contentlevel table {
    background-color: white;
    border-collapse: collapse;
    border-color: gray;
    border-spacing: 0;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 1em;
}
.contentlevel table th {
    background-color: #49709b;
    background-image: url("/assets/images/td-bg-1.jpg");
    background-position:bottom;
    background-repeat:repeat-x;
    border-color: #E2E2E2;
    border-style: solid;
    border-width: 1px;
    color: white;
    font-weight: normal;
    min-height: 30px;
    padding: 8px 5px;
    text-align: center;
}
.contentlevel table td {
    background-color: #F7F7F7;
    border-color: #D7D7D7;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
}
.contentlevel table.nostyle {
    background-color: transparent;
    border-spacing: 0;
    border-width: 0;
    margin-bottom: 1em;
}
.contentlevel table.nostyle td {
    background-color: transparent;
    border-width: 0;
    padding: 0;
}

.header-banner {
	width:100%;
	margin:10px 0 0 0;
    border-radius: 5px 5px 5px 5px;
	border: 1px solid #D8D8D8;
}

#footer2 {
    background-image: url("/assets/images/footer-bg.jpg");
    background-position: center bottom;
    background-repeat: repeat-x;
    border: 1px solid #D9D9D9;
    border-radius: 5px 5px 5px 5px;
    margin: 20px 0 20px;
    padding: 12.5px;
}
.disclaimer2 {
    font-size: 12px;
    padding: 1em 0;
}
.locations {
	margin-bottom:20px;
}
.locations p {
	font-size:15px;
}
.block {
	background-color:#e1edfa;
	padding:10px;
    border-radius: 5px 5px 5px 5px;
    margin-bottom:10px;
}
.block h3, .block h4 {
	margin-top:0;
}
.block h3.trigger2, .block h4.trigger2 {
	padding-bottom:0px;
	margin-bottom:0px;
}
.block .toggle_container2 {
	margin-top:10px;
}
div.light-gray {
	background-color:#f5f7f8 !important;
}
/*
.navbar-nav .selected {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #E02222;
    bottom: 0;
    display: inline-block;
    height: 0;
    left: 50%;
    margin: 0 0 -6px -7px;
    position: absolute;
    width: 0;
}

*/

.tabbable-custom a {
    border-radius: 0 0 0 0 !important;
}
.tabbable-custom {
	border-radius: 0 0 0 0 !important;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 0;
}
.tabbable-custom > .nav-tabs {
    border: medium none;
    margin: 0;
    font-size:18px;
}
.tabbable-custom > .tab-content {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 0 0 0 0;
    padding: 15px;
}
.tabbable-custom.nav-justified .tab-content {
    margin-top: -1px;
}
.tabs-below.tabbable-custom.nav-justified .tab-content {
    margin-bottom: -2px;
    margin-top: 0;
}
.tabbable-custom.boxless > .tab-content {
    border-bottom: medium none;
    border-left: medium none;
    border-right: medium none;
    padding: 15px 0;
}
.tabbable-custom .nav-tabs > li {
    border-top: 2px solid transparent;
    margin-right: 2px;
}
.tabbable-custom .nav-tabs > li > a {
    margin-right: 0;
}
.tabbable-custom .nav-tabs > li > a:hover {
    background: none repeat scroll 0 0 transparent;
    border-color: transparent;
}
.tabbable-custom .nav-tabs > li.active {
    border-top: 3px solid #01a0e4;
    margin-top: 0;
    position: relative;
}
.tabbable-custom .nav-tabs > li.active > a {
    border-top: medium none;
    font-weight: 400;
}
.tabbable-custom .nav-tabs > li.active > a:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #D4D4D4 #D4D4D4 transparent;
    border-top: medium none #D4D4D4;
}
.tabbable-custom .nav-tabs > li {
    border-top: 2px solid transparent;
    margin-right: 2px;
}
.help-block {
	color: #A94442;
}

.align-right {
	text-align: right;
}
tr.money td {
	direction: ltr;
}
.printout {
	display:none;
}
.delete-account {
	cursor:pointer;
	display:inline-block;
}


/************** Skin 1 *********************/

div.languages {
	padding:15px 10px 15px 10px;
	width:90px;
}
.dd {
	/*display:inline-block !important;*/
	text-align:left;
	background-color:#fff;
	font-size:1.0em;
	float:left;
	background-image:none; 
	background-position:left;
	background-color:transparent;
	border:0px solid black;
	margin:0px;
	padding:0px;
}

.dd .ddTitle {
	padding:0px 10px 0px 0px;
	text-indent:0;
	cursor:default;
	overflow:hidden;
	height:23px;
	border:0px solid red;
	display:block;
	line-height: 20px;
}
.dd .ddTitle span.arrow {
	background-image:none; float:right; display:inline-block; width:19px; height:19px; cursor:pointer; padding:0 0 0 0;
}

.dd .ddTitle span.ddTitleText {text-indent:1px; overflow:hidden; line-height:19px; margin-top:3px; }
.dd .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0}
.dd .ddTitle img.selected {
	padding:0 3px 0 0;
	vertical-align:top;
}
.dd .ddChild {
	position:absolute;
	border:1px solid #ebebeb;
	display:none;
	margin:0;
	overflow:auto;
	margin:0px 3px 5px 2px;
	overflow-x:hidden !important;
	background-color:#ffffff;
	width:90px;
	left:3px;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.66);
	-moz-box-shadow:    2px 2px 3px 0px rgba(50, 50, 50, 0.66);
	box-shadow:         2px 2px 3px 0px rgba(50, 50, 50, 0.66);	
}
.dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px}
.dd .ddChild a {
	display:block;
	padding:2px 0 2px 3px;
	text-decoration:none;
	color:#000;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
	background-color:transparent;
	font-weight:normal;
}
.dd .ddChild a:hover {
	background-color:#f7f7f7;
}
.dd .ddChild a img {
	border:0;
	padding:0 2px 0 0;
	vertical-align:middle;
}
.dd .ddChild a.selected {
	background-color:#f7f7f7;
	
}
.hidden {display:none;}

.close-popover span {
	cursor: pointer;
	background-color:#eeeeee;
	display:inline-block;
	padding:1px 4px;
	border:1px solid #cccccc;
    border-radius: 5px 5px 5px 5px;	
}



.button-size4 {
    background: #00a0e4 none repeat scroll 0 0;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    color: white;
    display: inline-block;
    font-size: 15px;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #515151;
    transition-duration: 0.3s;
    transition-property: background;
    transition-timing-function: linear;
    white-space: nowrap;
}
.button-size4.demo-account-button {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #d73395 0%, #900e5b 86%, #900e5b 86%) repeat scroll 0 0;
}
.button-size4.live-account-button {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #239796 0%, #005957 83%) repeat scroll 0 0;
}
.button-size4:hover {
    background: #f3f3f3 none repeat scroll 0 0;
    color: #515151;
    text-shadow: 1px 1px 0 #ffffff;
}
.minus {
	color:#ee0000;
}

label.error {
	color:red;
	font-size:12px;
	border:1px solid red;
	padding:1px 10px;
}

table.accounts a.btn {
	margin-top:3px;
	margin-bottom:3px;
}
.back-button {
	cursor: pointer;
}
.summary-report-control #src-new {
	display:none;
}