/*  IMPORT FONTS  ============================================================================= */

@font-face {
  font-family: Interstate_exLight;
  src: url('../fonts/Interstate_exLight.eot');
  src: url('../fonts/Interstate_exLight.eot?#iefix') format('embedded-opentype'),
     url('../fonts/Interstate_exLight.ttf') format('truetype'),
     url('../fonts/Interstate_exLight.svg#InterstateLight') format('svg');
}

@font-face {
  font-family: Interstate_Light;
  src: url('../fonts/InterstateLight.eot');
  src: url('../fonts/InterstateLight.eot?#iefix') format('embedded-opentype'),
     url('../fonts/InterstateLight.ttf') format('truetype'),
     url('../fonts/InterstateLight.svg#InterstateLight') format('svg');
}

.div-content {
  padding: 0 32px 28px;
}

.header-2 {
    font-size: 2.625rem;
    line-height: 3.125rem;
    font-family: Interstate_Light,sans-serif,Arial,sans-serif;
    color: #333;
    font-weight: 525;
    text-transform: none;
    letter-spacing: normal;
}

.header-4{
    font-size: 1.625rem;
    line-height: 2rem;
    font-family: Interstate_Light,sans-serif,Arial,sans-serif;
    font-weight: 475;
    text-transform: none;
    letter-spacing: normal;
    color: #333;
}

.header-5{
    font-size: 1.325rem;
    line-height: 2rem;
    font-family: Interstate_Light,sans-serif,Arial,sans-serif;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    color: #333;
}

.header-6{
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: Interstate_Light,sans-serif,Arial,sans-serif;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    color: #333;
}

p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: Interstate_Light;
}

div.sso-legal {
  padding: 0 32px 28px;
  font-size: 0.8rem;
  line-height: 1rem;
  font-family: Interstate_Light,sans-serif,Arial,sans-serif;  
}

body {font-family: Arial ,sans-serif;background: url(../../assets/images/bodybg.png) 0 0;color:#53565a;font-size: 12px;}
h1,h2,h3,h4,h5,h6 {color:#002d72;}
a {color:#00bdf2;}
a:hover {color:#008ce6;}
.btn-default, .ui-dialog-buttonset button {color: #fff; background-color: #00bdf2; border-radius:0px; border: none; font-weight: bold; font-size: 12px;}
.btn-default:hover, .ui-dialog-buttonset button:hover {background-color:#008CE6; color: #fff;}
a.cyan, a.cyan:link {color: #00bdf2; text-decoration: underline;}
a.cyan:hover {text-decoration: none; color: #008CE6;}
.cta {padding-top: 10px;}
.ie8-sso {display: none;}

/** HEADER **/
.blk-utility-nav {
	height: 23px;
	background: #313431; /* Old browsers */
	background: -moz-linear-gradient(top,  #313431 1%, #313431 49%, #2c2c2c 50%, #000000 100%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#313431), color-stop(49%,#313431), color-stop(50%,#2c2c2c), color-stop(100%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #313431 1%,#313431 49%,#2c2c2c 50%,#000000 100%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #313431 1%,#313431 49%,#2c2c2c 50%,#000000 100%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #313431 1%,#313431 49%,#2c2c2c 50%,#000000 100%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #313431 1%,#313431 49%,#2c2c2c 50%,#000000 100%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313431', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	overflow: hidden;
}
.branding-hdr, .mobile-header, .form-signin-header {
	background: #00bdf2; /* Old browsers */
	background: -moz-linear-gradient(top, #00bdf2 0%, #00b3f0 20%, #0066b3 75%, #004785 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00bdf2), color-stop(20%,#00b3f0), color-stop(75%,#0066b3), color-stop(100%,#004785)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #00bdf2 0%,#00b3f0 20%,#0066b3 75%,#004785 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #00bdf2 0%,#00b3f0 20%,#0066b3 75%,#004785 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #00bdf2 0%,#00b3f0 20%,#0066b3 75%,#004785 100%); /* IE10+ */
	background: linear-gradient(to bottom, #00bdf2 0%,#00b3f0 20%,#0066b3 75%,#004785 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bdf2', endColorstr='#004785',GradientType=0 ); /* IE6-9 */	
}


/*SELECT MENU*/
.citi-select {border:1px solid #CCCCCC; background: #fff url(../images/selectmenu-bg.png) no-repeat right 0; border-radius:0px; color:#53565a; font-size: 12px; padding: 3px 30px 4px 10px!important; cursor: pointer!important;}
.citi-select:active {background: #fff url(../images/selectmenu-bg.png) no-repeat right -50px;}
.citi-select:hover,
.citi-select:focus,
.citi-select.active,
.open > .dropdown-toggle.citi-select {background-position:  right -50px;box-shadow: none; color:#008ae7;}
.bootstrap-select .dropdown-menu {background: #fff url('../../assets/images/bodybg.png') repeat 0 0!important; color: #008ae7; border-radius:0; margin:0; border-top:0; font-size:12px;}
.dropdown-menu.open {padding-top:0; padding-bottom:0;box-shadow: none;}
.bootstrap-select .dropdown-menu ul.inner li a {color: #53565a; padding: 13px 10px 0px;}
.bootstrap-select .dropdown-menu ul.inner li a span.text { background: url('../images/dotted_line_tile.png') repeat-x left bottom; display: block; padding-bottom:13px;}
.bootstrap-select .dropdown-menu ul.inner li:last-child a span.text {background: none;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {outline: none!important;}
.dropdown-menu ul.inner li a:hover {color:#008ae7;}
.citi-select .caret {color:#fff; right:8px!important;}
.btn.citi-select .dropdown-toggle {padding-right: 28px;}
.btn-group, .btn-group-vertical {/*margin-top:-4px*//*Makes up for alignment when placed next to text field / test??? */}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 100%;}
/*INPUT*/
input.citi-input {color:#53565a;border:1px solid #c6c3c6;font-size:15px;padding: 1px 6px 2px; width:100%;}
input.citi-input::-moz-placeholder {font-style: italic; color:#53565a;}
input.citi-input:-ms-input-placeholder {font-style: italic; color:#53565a;}
input.citi-input::-webkit-input-placeholder {font-style: italic; color:#53565a;}

/* SSO LOGIN SCREENS */
body.sso-body {/*padding-top: 40px; padding-bottom: 40px;*/}
.form-signin {
	/*max-width: 425px;*/
	padding: 0;
	margin: 0 auto 20px;
	background-color: #f1f1f1;
	border: 1px solid #e5e5e5;
	/*-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;*/
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
			box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.form-signin-header { margin-top:0;  padding: 25px;}
.form-signin-header h2 {display: inline-block; float: right; color: #fff; font-family: 'Interstate_Light', Arial, verdana, helvetica, helve, sans-serif; font-size: 18pt; line-height: 18px; margin-bottom: 0; margin-top: 16px; }
.form-signin-header img {float: left;}
.form-signin h4 {padding: 0 32px; margin: 29px 0 20px;text-align: center;}
ul.controls-container {padding: 0 32px; list-style:none; margin-bottom:0px!important;margin-right: auto;margin-left: auto;max-width: 425px;}
ul.controls-container input.citi-input {padding: 1px 10px 2px;}
ul.controls-container li {margin-bottom: 20px;}
ul.controls-container li ul.dropdown-menu li{margin-bottom: 0px;}
.btn-default, ul.controls-container li.last-child {margin-bottom: 10px;}
.btn-default.sso, .btn-default {width: 100%;}
.btn-default.cancel {background: #97999b; width: 100%;}
.btn-default.cancel:hover {background: #008ce6;}
div.sso-dvider {margin: 0 32px 16px; background: #ddd; height: 1px; padding:0;}
.sso-actions {text-align: center; margin-bottom: 13px; color: #97999b;}
.sso-actions a, .sso-actions a:link {color:#00bdf2;}
.sso-actions a:hover {color:#008ce6;}
ul.controls-container li.sso-logo img {float: right; margin-top: 8px;}
div.cta-mobile {display: none;}
.login-message {padding: 0 32px 8px;text-align: center;}
.sso-logo {display: block; text-align: center; margin-bottom: 19px!important;}
div.sso-footer {font-size: 8px; padding: 0 32px 28px; }
.sso-footer output{font-size:8px; float: right; }
.top-bar-2 {height: 11px; background-color: #000000;}
.top-bar-1 {height: 11px; background-color: #373737;}


/*LANGUAGE DROPDOWN DESKTOP*/
.selectlanguage {float: left;font-size: 10px;height: 22px;padding-left: 16px;font-family: Arial;z-index: 999;}
.selectlanguage .lan{text-decoration: none;line-height: 22px;text-transform:uppercase;height: 200px;}
.selectlanguage .lan span {display: inline-block;width: 64px;}
.selectlanguage a{color: #FFFFFF;text-decoration: underline;}
.selectlanguage a:hover{color: #FFFFFF;text-decoration: none;}
.arr{background: url("../images/assets/images/icn/global_arr.png") no-repeat scroll right top transparent;}
.arrhover{color: #FFFFFF;text-decoration: none;background: url("../images/assets/images/icn/global_arr_over.png") no-repeat scroll right top transparent;}
.ul_top_nav_link {float: right;list-style: none;padding:0; margin:0;}
.ul_top_nav_link li {/*display: inline-block;*/}
#header .helplink {float: left;font-size: 10px;height: 22px;line-height: 22px;font-family: Arial;}
.middlelink{float:left;margin-left: 10px;margin-right: 10px;line-height: 22px;}	
.helplink a{text-decoration: none;color: #FFF;text-transform: uppercase;}
.helplink a:hover{color:#FFF;}
#ul_flag_sub {height: 100px;width: 154px;background: url("../images/global_country_bg.png") 0 -125px ;position: absolute;z-index: 1001;display: block;list-style: none; padding:0; margin: 0 0 0 -10px;}
#ul_flag li ul li {display: inline;margin-top: 10px;margin-bottom: 10px;}
#ul_flag {position: absolute;z-index: 999;}
#ul_flag_sub li a{line-height: 22px;overflow: visible;width: auto;cursor: pointer;padding-left: 10px;font-size: 10px;text-transform:uppercase;}
#ul_flag_sub li a:hover{color: #FFFFFF;}
div.inner-utility {margin:0; padding: 0 32px;}
p.terms-lan {width: 40%;}
.citi-input.disabled {background: #efefef; color:#53565a;}

/** BEGIN SCREEN SIZE 768 **/
@media only screen and (max-width: 800px){ 
}
@media only screen and (max-width: 767px){ 
	/*SSO MOBILE*/
	body.sso-body {padding-top: 0px; padding-bottom: 0px;background: #f1f1f1;}
	.form-signin-header h2 {font-size: 18px; margin-top:4px; font-family:Arial, Helvetica, sans-serif;}
	.form-signin-header {padding: 12px 18px;}
	.btn-default.sso {width: 100%;}
	.sso-citi-logo {width: 35px; height: auto;}
	
	p.terms-lan {width: 100%;}
	.bg-danger {padding: 26px;}	
	.form-signin {box-shadow: none!important; border: none!important;}
}

.SubHeader {
    FONT-WEIGHT: bold;
    FONT-SIZE: 1em;
    COLOR: #73757B;
    PADDING: 12px 18px;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #F1F1F1;
    TEXT-DECORATION: none;
	text-align: center;
}

.th-1{
    padding-left: 20px; 
    padding-top: 20px;
    padding-right: 20px; 
    padding-bottom: 20px;
    vertical-align: top;
    text-align: left;
}

.td-1{
    padding-left: 20px; 
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    vertical-align: top;
    text-align: left;
}

.tdtopleft{
   text-align: left;
   vertical-align: top;
}