@charset "UTF-8";
@import url("zreset_min.css");

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

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

html { overflow-y: scroll; }
.dropdown_ button.dropbtn_{
    font-weight: bold;
}
.dropdown_-content{
    margin-top: -4px;
}
/*.dropbtn_:hover {
    background-color: red;
    background-color: #008CE6;
}*/
.col_2 .col_central .col_2_content{
	
 }
 
 .col_2 .col_central .col_2_content .heading_img{
	margin-bottom: 15px;
 }
.col_2 .col_central .col_2_content h1{
	border-bottom: none;
	color:#002d72;
	/*font-size:24px;*/
	font-size: 240%;
	margin-left:-2px;
}

.col_2 .col_central .heading_title{
	color: #002d72;
    /*font-size: 12px;*/
    font-size: 120%;
    /*font-weight: bold;*/
    margin-bottom: 20px;
    margin-top: 20px;
}

.col_2 .col_central .heading_desc{
    /*font-size: 12px;*/
    font-size: 120%;
	color:#53565A;
	padding-bottom:15px;
	border-bottom: 1px solid #CCCCCC;
	margin-right:0px;
}

.col_2 .col_central .link_heading_title{
	color: #002d72;
    /*font-size: 12px;*/
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 30px;
	text-decoration: underline;
}

.col_2 .col_central .link_heading_title2{
	color: #002d72;
    /*font-size: 12px;*/
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 20px;
    /*margin-top: 30px;*/
	text-decoration: underline;
}

.col_2 .col_central .link_heading_desc{
    /*font-size: 12px;*/
    font-size: 120%;
	color:#53565A;
	padding-bottom:15px;
	margin-right:0px;
}

.col_2 .col_central .heading_desc p{
	/*font-size:12px;*/
	/*font-size: 120%;*/
	color:#53565A;
	margin-right:0px;
	line-height:16px;
}

.col_2 .col_central .link_heading_desc p{
    /*font-size: 12px;*/
    /*font-size: 120%;*/
	color:#53565A;
	margin-right:0px;
	line-height: 16px;
}

.col_2 .col_central .link_heading_desc p .link_content_img{
	font-size:11px;
	color:#53565a;
	line-height: 16px;
}
.col_2 .col_central .link_heading_desc p .link_content_img a{
	/*color: #00BDF2;*/
    text-decoration: underline;
    font-size: 11px;
}
.col_2 .col_central .link_heading_desc p .link_content_img a:hover{
   text-decoration: none;
}
.col_2 .col_central .link_heading_desc p .link_content_img a.img_show{
	/*background: url("../../../styles/citi/images/assets/images/btn/btn_add.png") no-repeat scroll 0 0 transparent;*/
    display: block;
    float: left;
    height: 14px;
    margin-left: 185px;
    margin-top: 5px;
    position: absolute;
    width: 14px;
    z-index:888;
}
.col_2 .col_central .link_heading_desc p .link_content_img a.img_show_over{
	background: url("../../../styles/citi/images/assets/images/btn/btn_add.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 14px;
    margin-left: 185px;
    margin-top: 5px;
    position: absolute;
    width: 14px;	
}
.col_2 .col_central .link_heading_desc p .link_content_img a.img_show:hover{
	background: url("../../../styles/citi/images/assets/images/btn/btn_add_hover.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 14px;
    margin-left: 185px;
    margin-top: 5px;
    position: absolute;
    width: 14px;
    z-index:888;
}
.col_2 .col_central .link_heading_desc p a{
    text-decoration: underline;
	color:#00BDF2;
}
.col_2 .col_central .link_heading_desc p a:hover{
    text-decoration: none;
	color:#008CE6
}
.col_2 .col_central .link_heading_desc p .highcolor{
	color:#008ce6;
}
.col_2 .col_central .link_heading_desc p.link_title{
	color:#008ce6;
	margin: 35px 0 20px;
}
.col_2 .col_central .link_content_img{
	float:right;
	margin: 0 0 12px 30px;
}
.col_2 .col_central .link_content_video{
	float:right;
	margin-left:15px;
	margin-bottom:10px;
	width:442px;
}
.col_2 .col_central .link_content_video .title{
	color:#002D72;
	padding-top:10px;
	font-size:11px;
}
.col_2 .col_central .link_content_video .desc{
	padding-top:5px;
	font-size:11px;
}

.content_video_large .title{
	color:#002D72;
	padding-top:10px;
	font-size:11px;
}
.content_video_large .desc{
	padding-top:5px;
	font-size:11px;
}

.col_2 .col_central .subheading ul li{
	float: left;
    margin-bottom: 10px;
    margin-right: 16px;
    margin-top: 20px;
    width: 210px;
}

.col_2 .col_central .subheading ul li.right{
    margin-right: 0px;
}

.col_2 .col_central .subheading ul li h2{
	font-size:12px;
	color:#134673;
	font-weight:bold;
	margin-bottom: 10px;
}

.col_2 .col_central .subheading ul li .subheading_desc{
	font-size:12px;
	color:#333333;
}


.col_2 .col_central .subheading_3col{
}
  
.col_2 .col_central .subheading_3col ul{
}

.col_2 .col_central .subheading_3col ul li{
	float: left;
    margin-bottom: 10px;
    margin-right: 16px;
    margin-top: 20px;
    width: 135px;
}

.col_2 .col_central .subheading_3col ul li.right{
	margin-right: 0px;
}
.col_2 .col_central .subheading_3col ul li h2{
	font-size:12px;
	color:#134673;
	font-weight:bold;
	margin-bottom: 10px;
}

.col_2 .col_central .subheading_3col ul li .subheading_desc{
	font-size:12px;
	color:#333333;
}

.col_2 .col_central h1{
	color:#002D72;
}

.col_1 #block-generic-0 .content .rounded_box .top{
	height:auto;
}
.clearfix:after { 
    content:".";
    display:block;
    font-size:1px;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix { 
    display:inline-block;
}
 
* html .clearfix {
    height:1%;
}
.clearfix { 
    display:block;
} 
h1,
h2,
h3,
h4 {
    color:#1e4771;
    font:normal 100% Arial, Helvetica, sans-serif;
}
h1 {
    font-size:18pt;
    margin-bottom:0.2em;
	padding-left: 0px;
	border-bottom: 1px solid #CCCCCC; 
}
h2 {
    font-size:1.8em;
}
.displaynone
{
	display: none;
	}
	

h3 {
    font-size:11px;
}
h4 {
    font-size:1.1em;
    text-transform:uppercase;
}
h5 {
    color:#39C;
    font-size:1.2em;
}
p{
}
a{
    text-decoration:none;
}
 
a:link{
    /*outline:none;*/
	color:#00BDF2; 
}

a:hover{
    text-decoration:none;
    color:#008CE6
    /*outline:none;*/
}


a:visited{
    outline:none;
    /*color: #002D72; */
}
.nav_bar a{
	color:#97999B !important;
	}
.nav_bar a:hover{
	color:#008CE6 !important; 
}
a.underlined_link{
    text-decoration:underline;
}
button {
    cursor:pointer;
}
input.in_blur {
    color:#999!important;
}
 
body {
    background:#FFF;
    color:#666;
    font-family:Arial, Helvetica, sans-serif;
    word-wrap:break-word;

    background: url("../../../styles/citi/images/bodybg.png") repeat scroll 0 0 transparent;
}

/* 3. Wrapper
 ============================================================ */
#wrapper {
    margin: 0 auto;
    /*padding:0px 10px 20px;*/
    padding:0px 0px 20px;
   /* width:953px;*/
	 width:984px;
	 min-width:953px;
	 max-width:1260px;
	 background-color: #FFFFFF;
	 float:left;
}
#pagecontainer{
	background-color: #FFFFFF;
	margin: 0 auto;
	width:984px;
	font-family: Arial,Helvetica,sans-serif;
	/* font-family: Interstate_Light; */
}
/* 4. Rounded Box
 ============================================================ */
.rounded_box .top,
.rounded_box .bottom {
    background-position:0 0;
    height:15px;
    font-size:0;
}
.rounded_box .bottom {
    background-position:0 100%;
}
.rounded_box .content {
    background-position:0 50%;
    padding-bottom:1px;
}

/* 5. Header
============================================================ */
#header {
    position:relative;
    z-index:6;
	background: url("../../../styles/citi/images/global_bgd_header.png") repeat-x scroll 0 0 transparent;
	height: 136px;
}
#header .top_bar {
    margin-bottom:5px;
    /*padding-right:2px;*/
    /*padding-left: 566px;*/
    overflow:hidden;
	height:22px;
}

#header .top_bar .header_wrapper {
	float:right;
	margin-right:3px;
}

#header .top_bar h2 {
    color: #transparent;
	text-indent: -999px;
}
.col_1 h2{
	color:#333333;
	/*text-transform: uppercase;*/
}
#header .rounded_box {
	margin-top:10px;
	width:100%;
}
#header .rounded_box .top,
#header .rounded_box .bottom,
#header .rounded_box .content { 
    width:953px;
}
#header .user_login_info {
  float: right;
    font-size: 10px;
    height: 15px !important;
    margin-left: 685px;/*Moz*/  
    margin-top: 82px;
    position: absolute;
    text-align: right;
    width: 360px;/*Moz*/  
    z-index: 999;
	display:none;
}
#header .user_login_info p {
    color: #FFFFFF;
    float: left;
    padding-left: 5px;
    padding-right: 10px;
}
#header .user_login_info .lastItem{
	background:none;
}
#header .user_login_info a {
    color:#fff;
}
#header h1.logo {
	height: 62px;
    margin-bottom: 0;
    margin-top: 16px;
    padding-left: 36px;
	border-bottom: medium none;
	 font-family: Arial,Helvetica,sans-serif;
	/* font-family: Interstate_Light; */
}
#header h1.logo a {
	display:inline-block;
}
/*#logo{
	 margin-bottom: 26px;
}*/
#header .tag_line {
    font-size:18px;
     font-family: Arial,Helvetica,sans-serif;
    /* font-family: Interstate_Light; */
}

/* 5.1. Search
	------------------------------------------------------------- */
#header .search_wrapper {
    background:url("../../../styles/citi/images/global_bgd_search.png") no-repeat 0 0;
    /*float:right;*/
    float:left;
    height:16px;
    padding-left:10px;
	margin-top: 4px;
	margin-right: 26px;
}
#header .ga_search {
  border-left-width: 9px;
    padding-left: 10px;
    padding-top: 0;
    font-size:10px;
    height:16px;
    width:135px;
}

#header .ga_search input.text {
    background-color: transparent;
    color: #666666;
    float: left;
    font-size: 10px;
    height: 14px;
    margin-top: 0;
    vertical-align: middle;
    width: 110px;
	line-height:14px;
}
#header .ga_search input.submit {
    /*border:none;
    float:right;*/
	background: url("../../../styles/citi/images/global_go.jpg") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 15px;
    margin-left: 4px;
    width: 16px;
}
#edit-submit,#edit-submit-1
{
	height: 29px;
    width: 16px;
	background:url("../../../styles/citi/images/global_go.jpg") no-repeat scroll transparent;
	background-position: 0 0px !important;
    color: transparent !important;
    height: 29px !important;
    padding: 0 !important;
    text-indent: -5000px;
    width: 16px !important;
    margin-right: 2px;
}

#header .user_actions { 
     float:right;
     width:210px;
}
#header .user_actions li.logonlink {
    background: none repeat scroll 0 0 #008CE6;
    float: right;
    margin-right: 27px;
	/*padding-left: 50px;*/
    /*padding-left: 16px;*/
    width: 210px;	
}
#header .user_actions li.logonlink img {    
	padding-left: 16px;
}
#header .user_actions li.logonin {
    background: none repeat scroll 0 0 #008CE6;
    float: right;
    margin-right: 27px;
	/*padding-left: 50px;*/
    padding-left: 16px;
    padding-right: 16px;	
}
#header .user_actions li a.ico_login
{
	background: url("../../../styles/citi/images/assets/images/icn/global_lock.png") no-repeat scroll 18px 6px transparent;
	color: #FFFFFF;
	padding-left: 37px;
    font-size: 12px;
    font-weight: bold;	
	display: block;
    line-height: 25px;
    height: 26px;
    /*outline: medium none;
    padding-left: 27px;*/
    vertical-align: text-bottom;
}
#header .user_actions li a.ico_login:hover
{
 
	text-decoration: none;
}

#header .user_actions li a.ico_login .user_text{
	float:left;
}
#header .user_actions li .ico_arr
{
    background: url("../../../styles/citi/images/assets/images/icn/global_branding_main.png") no-repeat scroll 0 -1067px transparent;
    display: inline-block;
    /*height: 20px;*/
    /*margin-left: 16px;*/
    /*margin-left: 50px;*/
    /*margin-left: 43px;*/
    /*margin-left: 55px;*/
	float: right;
    width: 24px;
}
#header .user_actions li .login_ico_arr
{
    background: url("../../../styles/citi/images/assets/images/icn/global_branding_main.png") no-repeat scroll 0 -1067px transparent;
    display: inline-block;
    /*margin-left: 105px;*/
	float: right;
    width: 24px;
}
#header .rounded_box #left{
	background: url("../../../styles/citi/images/assets/images/bg/bg_menu.png") no-repeat scroll -5px 0 transparent;
	float: left;
	margin-left: -100%;
	width: 6px;
}
#header .rounded_box #center, #header .rounded_box #left, #header .rounded_box #right {
	height:104px;
}

#header .rounded_box #center {
	float: left;
	overflow: hidden;
	width: 100%;
}
#header .rounded_box #center_cont{
	float: left;
	width: 100%;
	margin:0;
	padding: 0px;
}

#header .rounded_box #right{
	background: url("../../../styles/citi/images/assets/images/bg/bg_menu.png") repeat scroll 7px 0 transparent;
	float:right;
	width: 7px;
	margin-left:-7px;
}
.brandCentral{
	color:#fff;
	float:right;
	margin-top: 15px;
	text-transform: none;
	margin-right: 36px;
	font-size:19px; 
	height:18px;
	/* font-family: Interstate_Light; */
	 font-family: Arial,Helvetica,sans-serif;
	/* text-indent: -99999px; */
}
/* 5.2. Main Menu
	------------------------------------------------------------- */

/* 6. Toolbar
============================================================ */
#toolbar {
    height:20px;
}
#toolbar.toolbar_bg {
    background: url("../../../styles/citi/images/assets/images/bg/b.jpg") no-repeat scroll 0 0 transparent;
    height: 20px;
    margin-top:0;
}
#toolbar.toolbar_noleft{
    background: url("../../../styles/citi/images/assets/images/bg/b_noleft.jpg") no-repeat scroll 0 0 transparent;
}
#toolbar.toolbar_noright{
    background: url("../../../styles/citi/images/assets/images/bg/b_noright.jpg") no-repeat scroll 0 0 transparent;
}
#toolbar.toolbar_bg_login {
    background: none;
    height: 30px;
    margin-top:0;
}
#toolbar.toolbar_bg_login span.userlogin{
    font-size: 11px;
    font-weight: bold;
    padding-left: 35px;/*27px*/ 
    line-height: 30px;
}

#toolbar.toolbar_non_bg { 
    height: 20px;
    margin-top:0;
}

#toolbar.toolbar_remove_bg { 
    height: 0px;
    margin-top:0;
}
/* 6.1 Font Size
	------------------------------------------------------------- */
#toolbar .font_size {
    float:right;
    height:20px;
    padding:7px 10px 0 0;
    position:relative;
    width:105px;
}
#toolbar .font_size li {
    border:1px solid #F0F0F0;
    border-bottom-color:#D9D9D9;
    border-right-color:#D9D9D9;
    bottom:0;
    position:absolute;
}
#toolbar .font_size a {
    display:block;
    padding:1px 4px;
    text-transform:uppercase;
    color:#3399CC;
}
#toolbar .font_size a:hover {
    background-color:#F0F0F0;
    text-decoration:none;
}
#toolbar .font_size .size1 {
    font-size:8px;
    left:2px;
}
#toolbar .font_size .size2 {
    font-size:10px;
    left:23px;
}
#toolbar .font_size .size3 {
    font-size:12px;
    left:47px;
}
#toolbar .font_size .size4 {
    font-size:14px;
    left:71px;
}

/* 6.2 Breadcrumb
	------------------------------------------------------------- */
#toolbar .breadcrumb {
    color:#97999B;
    float:left;
	font-size: 110%;
    /*left:252px;top:5px;*/
    position: relative;
    top:7px;
    left: 273px;
    z-index: 1;
}
#toolbar .toolbar_noleft_breadcrumb {
    color:#97999B;
    float:left;
    font-size: 110%;
    /*left:252px;top:5px;*/
    position: relative;
    top:7px;
    left: 36px;
    z-index: 1;
}
#toolbar .toolbar_noleft_breadcrumb a {
    /*color:#666666;*/
    text-decoration: underline;
	color: #97999B; /*#00BDF2;*/
}
#toolbar .toolbar_noleft_breadcrumb a:hover {
    /*color:#7AB2E4;*/
    color: #008CE6;
    text-decoration: none;
}

#toolbar .breadcrumb a {
    /*color:#666666;*/
    text-decoration: underline;
	color: #97999B; /*#00BDF2;*/
}
#toolbar .breadcrumb a:hover {
    color: #008CE6;
    text-decoration: none;
}


.col_central .breadcrumb {
    color: #97999B; /*#002D72;*/
    /*font-size: 11px;*/
    /*font-size: 110%;
    margin-bottom: 5px;*/
    height: 10px;
}
 
.col_1 {
    
    /*margin-left: -100%;*/
    width:237px;
}

.slider_col_2 {
    float:left;
    overflow:hidden;
    /*width:544px;*/
    width:466px;
    margin: -14px 11px 0px;
}

.slider_col_2_2 {
    float:left;
    overflow:hidden;
    /*width:544px;*/
    width:700px;
    margin: -14px 11px 0px;
}

.sub_col_Slider{
	width:700px;
}
.sub_col_slider_home{
	width:984px;
	height:509px;
}

.col_2, .my_cart_view .col_2 {
    float:left;
    overflow:hidden;
    /*width:544px;*/
    width:440px;
    margin-left: 36px;
    margin-right: 36px;
}
.col2_noleft {
    width:685px;
}

.col2_noright {
    width:675px;
}

.col2_noleft_noright {
    width:912px;
}

#content .col_22 {
    float:left;
    overflow:hidden;
    /*width:544px;*/
    width:746px;
}
.col_central{
	/*margin-left: 231px;
	margin-right: 162px;
	min-width: 562px;*/
	/*margin-left: 16px;
    margin-right: 16px;*/
    min-width: 100%;
}
.col_2 .col_1,
.col_2 .col_2,
.col_2 .col_3 {
    float:right;
    margin-left:-162px;
    padding:0 10px;
    width:162px;
}
.col_2 .col_1 {
}
.col_2 .col_2 {
}
.col_2 .col_3 {
}
.col_2 p {
    margin-bottom:1em;
}
.col_3 {
    float:right;
    width:133px;
	/*margin-left: -162px;
 	margin-right: 26px;*/
    margin-left: -190px;
}

.col_3.col_right {   
    margin-left: -205px;
    margin-right: 36px;
    width: 200px;
}
.col_3 .col_3_bg{
	/*background: #134673;*/
	/*width: 170px;*/
	padding-top:20px;
	min-height: 400px;
}


.col_3  .ip_img {
    float: left;
    margin-left: 36px;
}

.col_3 .ip_img p {
    color: #53565A;
    font-size: 10px;
    font-weight: normal;
    padding: 5px 0;
}

a.btn_pcta{
    color: #FFFFFF;
    display: block;
    float: left;
    height: 22px;
    line-height: 22px;
    padding: 0px 10px;
	font-size:12px;
	text-decoration: none;
	font-weight:bold;
	white-space:nowrap;
	background: none repeat scroll 0 0 #00bdf2;
}
a.btn_pcta:focus{
	outline:black dotted 1px;
}
a.btn_pcta:hover{
	background: none repeat scroll 0 0 #008CE6;
}

.col_3 .right_blue_bottom{
	 /*background: url("../../../styles/citi/images/assets/images/bg/right_blue_bottom.png") no-repeat scroll 0 0 transparent;*/
	 height:295px;
	 display:none;
}
.thmr_call table {
	width:100%;
}

/* 7.1. Internal View
	------------------------------------------------------------- */
.internal_view .col_1 {
	/*border-right:1px dotted #999;*/
}
.internal_view .float_col1 { 
	position:absolute; 
	left:0px; 
	z-index:5; 
	background: url("../../../styles/citi/images/global_left_menu.png") repeat-y scroll 0 0 transparent;
}
.grid_view .col_2 { 
    min-height:415px;
    height:auto !important;
    height:415px;
    padding-left:10px;
   
}
.internal_view .col_2 h1 {
   
    margin-bottom:0.5em;
}
.internal_view .col_2 p{
    /*font-size:1.2em;*/
}
.internal_view .col_2 .standardized_label,
#user_access_text_block h4
 {
 	color:#666;
	font-weight:bold;
    font-size:1.2em;
	text-transform:none;
}
.internal_view .col_3 {
    padding-top:0px;
}
.pane-title{
    margin-left:10px;
    margin-bottom:10px;
}
#content .col_2 .panel-col-last .panel-pane h2 {
    margin-left: 0;
    color:#7AB2E4;
}
.view-News-Events table{
    line-height:15px;
}
.view-News-Events table a{
    font-size: 1.2em;
}
.view-News-Events table p a{
    font-size: 1em;
}
.view-News-Events table a h5:hover{
    text-decoration: underline;
}
.view-News-Events,
.view-News-Events table tr td{
    position: relative;
}
.view-News-Events table .views-field-body{
    padding-bottom: 20px;
}
.view-News-Events table .views-field-nothing{
    position: absolute;
    bottom: 0px;
}
.col_3 h3{
    margin-bottom:10px;
}
 
.grid_view .col_1 {
    display:none;
}
.grid_view .col_2 {
    border:none;
    margin:0;
    padding:0;
    width:780px;
}
.grid_view .col_2 h1 {
    margin-bottom:20px;
}
 
.grid_small_view .col_2 {
    width:580px;
}
 
.my_cart_view .col_1, .my_cart_view .col_3{
    display:none;
}
 
.my_cart_view #content .rounded_box .top,
.my_cart_view #content .rounded_box .bottom {
    background-image:url("../../../styles/citi/images/assets/images/bg/bg_rounded_box_med.gif");
}

.my_cart_view #content .rounded_box .content { 
		background-image:none;
    background-repeat:none;
		padding:0px !important;
		clear:both;
}

.my_cart_view #content .rounded_box .content #content_1{
	background-image: url("../../../styles/citi/images/assets/images/bg/bg_cart_middle.gif");
	background-position: left center;
	background-repeat: repeat-y;
	height: auto;
	width: 100%;
}

.my_cart_view #content .rounded_box .content #content_2{
	background-image: url("../../../styles/citi/images/assets/images/bg/bg_cart_middle_right.gif");
	background-position: right center;
	background-repeat: repeat-y;
	width: 100%;
	height:auto;
}
.my_cart_view #content .rounded_box .content #content_2 .downloadCart_table{
	padding-left: 5px;
	width: 98%;
}
/* 7.5. My Brand Central View
	------------------------------------------------------------- */
.my_brandcentral_view .col_2 {
    padding-top:32px;
}

/* 7.6. Partner login View
	------------------------------------------------------------- */
.login_view .col_1 {
    display:none;
}
.partner_login_view .col_2 {
    border:none;
    float:none;
    margin:0 auto;
    width:600px;
}
.partner_login_view #content .asset_login .asset_description {
    float:left;
    width:419px;
}
.login_view.cron-check-processed #content h1{
    margin-bottom:0.5em;
}
.login_view.cron-check-processed .col_2{
    margin:0;
}
.login_view.cron-check-processed .col_2.wide_version{
	width:600px;	
}	
.login_view .update_data_intro{
	margin-bottom:1em;
}

.login_view #generic-update-user-basic-data-form label{
	float:left;
	width:180px;
}
.login_view #generic-update-user-basic-data-form select{
	width:200px;
}
.login_view #generic-update-user-basic-data-form .form_update_data_submit{
	background-position: 0 -722px;
    display: block;
    height: 29px;
    width: 132px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	float:left;
	clear:both;
}
.login_view #generic-update-user-basic-data-form .form_update_data_submit:hover{
	background-position: 0 -758px;
}	
.login_view #generic-update-user-basic-data-form .form-item{
	float:left;
}
.login_view .category_wrapper,
.login_view .country_wrapper{
	clear: both;
    float: left;
    width: 560px;
}
.login_view div.error {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #FE0000;
}
.login_view div.error.category_missing,
.login_view div.error.country_missing{
	float: left;
    line-height: 3em;
    margin-left: 5px;
}
.login_view .page_ademdum{
	clear:both;
	text-align:right;
} 
.account_view .col_2 {
    width:600px;
    border:none;
}

/* 8. Content
============================================================ */
#content {
    overflow:hidden;
    z-index:0;
    padding-left: 36px;
    padding-right: 36px;
    /*position:relative;*/
	 min-width:912px; 
}
#content.content_bg{
	background: url("../../../styles/citi/images/assets/images/bg/bg.jpg") no-repeat scroll 0 0 transparent; 
    height: auto;
    min-height: 512px;
    overflow: visible;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0;
}
#content.content_noleft{
	background: url("../../../styles/citi/images/assets/images/bg/no_left_bg.jpg") no-repeat scroll 0 0 transparent; 
}
#content.content_noright{
	background: url("../../../styles/citi/images/assets/images/bg/no_right_bg.jpg") no-repeat scroll 0 0 transparent; 
}
#content.content_noleft_noright{
	background: none no-repeat scroll 0 0 #fff; 
	min-height: 0px;
}
#content.home_content_bg{
	background: url("../../../styles/citi/images/assets/images/bg/bg.jpg") no-repeat scroll 0 0 transparent; 
    height: auto;
    min-height: 510px;
    overflow: visible;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0;
	position: relative;
	width: 984px;
}
#content.landing_content_bg{
	background: url("../../../styles/citi/images/assets/images/bg/landing_bg.jpg") no-repeat scroll 0 0 transparent; 
    height: auto;
    min-height: 509px;
    
    overflow: visible;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0;
	position: relative;
	z-index:5;
}
#content.content_non_bg{
	/* background: url("../../../styles/citi/images/assets/images/bg/bg.jpg") no-repeat scroll 0 0 transparent; */
    height: auto;
    min-height: 639px;
    overflow: visible;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0;
	position: relative;
}

#content .col_2 .content .field a,
#content .col_2 .content p a,
#content .col_2 #comments .profile p a {
    color: #7AB2E4;
}
#content .rounded_box {
	/*background: url("../../../styles/citi/images/dotted_line_tile.png") repeat-x scroll 0 0 transparent;*/
    margin-bottom:25px;
}
#content .rounded_box .top,
#content .rounded_box .bottom,
#content .rounded_box .content {
 
}
#content .rounded_box .content {
    /*padding:0 20px 1px;*/
}
#content .rounded_box .links_list {
    margin:0;
}
add by dowson
#content .links_list ul{
	background: url("../../../styles/citi/images/dotted_line_tile.png") repeat-x scroll 0 0 transparent;
}
end by dowson
#content p.date {
    color:#999;
    font-size:1.2em;
    margin:10px 0;
}
#content .col_2 .col_1 h3,
#content .col_2 .col_2 h3,
#content .col_2 .col_3 h3 {
    margin-bottom:15px;
}
#content .col_2 .col_2 {
    padding-top:35px;
}
#content .col_2 .view-News-Events p {
    font-size:12px;
}

#content .col_2 .right-column {
   height:auto;
   min-height: 0px;
   padding: 0 0 0 10px;
   width: 200px;
}
.internal_view.grid_view .col_2 {
	height:auto;
	min-height:0;
	width:auto
}

.internal_view.grid_view .col_2 .col_central{
	background: none repeat scroll 0 0 #FFFFFF;
	margin-left:0px;
	margin-right: 162px;
	min-width: 562px;

}
#content .cart_info {
    color:#fff;
    font-size:1.1em;
    margin-bottom:10px;
    margin: 0 20px;
}
#content .col_2 .content ul,
#content .col_2 #panels-preview ul,
#tinymce ul {
    font-size:1.2em;
    margin:10px 0;
    padding-left:40px;
}

#content .col_2 .content ul li,
#content .col_2 #panels-preview ul li,
#tinymce ul li {
    font-size:inherit;
    list-style-position: outside;
    list-style-type: disc;
}

#content .col_2 .grid_list .content ul li {
    list-style: none outside;
    margin-left: 0;
}
#content .col_2 .content ol,
#content .col_2 #panels-preview ol,
#tinymce ol{
    font-size:1.2em;
    margin:10px 0;
    padding-left:40px;

}
#content .col_2 .content ol li,
#content .col_2 #panels-preview ol li,
#tinymce ol li {
    font-size:inherit;
    list-style-position: outside;
    list-style-type: decimal;
}

#content .col_2 .content em,
#content .col_2 #panels-preview em,
#tinymce em {
    font-style: italic;

}

#content .col_2 .content ul ul,
#content .col_2 #panels-preview ul ul,
#tinymce ul ul,
#content .col_2 .content ol ol,
#content .col_2 #panels-preview ol ol,
#tinymce ol ol{
    font-size:inherit;
}

/* 8.1 Links List
	------------------------------------------------------------- */
#sidebar-left.sidebar.col_left {
    /*background: none repeat scroll 0 0 #FFFFFF;*/
	background-image:url('../../../styles/citi/images/dotted_line_tile.png');
	background-repeat: repeat-x;   
    float: left;
    margin-left: 26px;
    width: 211px;
	min-height: 512px;
}
#sidebar-left.sidebar.float_col_left1 { 
    float: left;
    margin-left: 26px;
    width: 208px;
	min-height: 512px;
	margin-top:20px;
}

#sidebar-left.sidebar.col_left031 {
    float: left;
    margin-left: 28px;
    width: 207px;
	min-height: 512px;
}
	
#sidebar-right {
    border-bottom: 0 none;
    margin: 0 20px;
}
#sidebar-right h2{
	color:#ffffff;
}
#sidebar-right .block-generic .links_list {
    border-bottom:1px solid #8497A7;
    margin-bottom:10px;
}
#content .links_list {
    /*margin-bottom:20px;
		padding-bottom: 20px;*/
}
#content .links_list h3 {
    font-weight:700;
    margin-bottom:0.9em;
	
	
}
#content .links_list h3 a {
    color: #000000;
}
#content .links_list h3 a:hover {
    text-decoration: underline;
}

#content .links_list li {
    margin-bottom:0.8em;
    text-transform: uppercase;
}
#content .links_list li p {
    font-size:12px;
}
#content .links_list li a {
    font-size:11px;
}

#content .grid_item .rounded_box
/* 8.1.1. Links List Minified
		------------------------------------------------------------- */
#content .minified {

}
#content .minified h3 {
    font-size:12px;
    font-weight:bold;
    margin-bottom:10px;
    text-transform:uppercase;
}

#content .col_right .minified h3 {
	color:#ffffff;
}

#content .col_right .links_list li{
	color:#ffffff;
}

#content .col_right .links_list li a{
	color:#ffffff;
}
/* 8.1.2. Links List Internal View
		------------------------------------------------------------- */
.internal_view #content .col_1 .links_list h3 {
    padding:7px 0 0 12px;
}

.sidebar h2 {
	font-size:12px;
	font-famliy:Arial;
	/*background-image:url('../../../styles/citi/images/dotted_line_tile.png');
	background-repeat: repeat-x;*/
    margin-bottom:0;
	padding:0;
}
.sidebar h2.subMenu {
	font-size:12px;
	font-famliy:Arial;
	background: none;
    margin-bottom:0;
	padding:0;
}
/*.sidebar span.arr_child{
	background-image:url("../../../styles/citi/images/assets/images/icn/global_arr.png") no-repeat;
	display: block;
	width: 8px;
	height: 20px;
}*/
.sidebar ul.child-menu {
    padding-bottom: 8px;
    padding-left: 30px;
    margin-top: -8px;
}

#sidebar-left .clear-block{
	background-image: url("../../../styles/citi/images/dotted_line_tile.png");
    background-position: center bottom;
    background-repeat: repeat-x;
}
#sidebar-left .clear-block h2.subMenu a{
	padding: 9px 5px;
} 

.col_1 .sidebar h2{
	/*line-height: 13px;*/
	padding-bottom: 1px;
	padding-top: 1px;
	line-height:11px;
}

.sidebar .nobold h2{
	 font-weight: normal;
}

.sidebar h2 a.last {
    /*background-image: url("../../../styles/citi/images/dotted_line_tile.png");*/
    background-position: center bottom;
    background-repeat: repeat-x;
    margin-top: 0;
}

#sidebar-right h2 {
    padding-left: 0;
	font-size:12px;
}

#mini-panel-5_1_Brand_Knowledge_links p a {
    font-size: 1.2em;
    line-height: 1.5em;
}

/* 8.2. Trivia
	------------------------------------------------------------- */
#content .trivia {

}
#content .trivia ul {
    margin:10px 0;
}
#content .trivia li {
    margin-bottom:5px;
}
#content .trivia label {
    cursor:pointer;
    display:block;
    width:100%
}
#content .trivia input {
    margin-right:2px;
    vertical-align:middle;
}

/* 8.3. Menu
	------------------------------------------------------------- */
#content ul.menu {
	font-famliy:Helvetica, Arial, sans-serif;
	background-image:url('../../../styles/citi/images/dotted_line_tile.png');
	background-repeat: repeat-x;
	padding-left:10px;
 	padding-top: 10px;
}
#content ul.menu li {
    margin-bottom:0.4em;
    padding-left:12px;
}
#content ul.menu li a {
	display: block;
    padding: 14px 7px;
    text-decoration: none;

	/*color:black;*/
    /*font-size:1.2em;*/
	/*text-transform: uppercase;*/
}
#content ul.menu li.collapsed {
    background:url("../../../styles/citi/images/assets/images/icn/icn_menu_collapsed.gif") no-repeat 1px 6px;
}
#content ul.menu li.expanded {
    background:url("../../../styles/citi/images/assets/images/icn/icn_menu_expanded.gif") no-repeat 0 2px;
    margin-bottom:1.1em;
}
#content ul.menu li.expanded a {
    color:#333333;
    font-weight: bold;
}
#content ul.menu li.expanded ul.menu {
    margin-top:0.3em;
}
#content ul.menu li.expanded ul.menu a {
    font-weight: normal;
}
#content ul.menu li.expanded ul.menu a.active {
    color:#333333;
    font-weight: bold;
}
#content ul.menu li a:hover{
	/*font-weight: bold;*/
	text-decoration: none;
}
/* 8.4. Assets List
	------------------------------------------------------------- */
#content .asset_list {

}
#content .asset_item {
    clear:both;
    margin-bottom:20px;
    overflow:hidden;
}
#content .asset_item .asset_holder {
    float:left;
    margin-right:30px;
    width:145px;
}
#content .asset_item .asset_holder .asset_link {
    display:block;
    line-height:2.2em;
}
#content .asset_item .asset_description {
    float:left;
    width:345px;
}

/* 8.5. Grid List
	------------------------------------------------------------- */
#content .grid_list {
    overflow:hidden;
    position:relative;
}
#content .grid_item {
    float:left;
    margin:0 30px 20px 0;
    position:relative;
    width:202px;
}
#content .grid_item .rounded_box {
    margin:0;
}
#content .grid_item img {
    position:absolute;
    right:20px;
    top:50px;
}
#content .grid_item .links_list ul {
    margin:0;
    padding:0;
    overflow:hidden;
}
#content .grid_item .links_list li {
    border-top:1px dotted #999;
    padding-top:3px;
}

/* 8.6. Grid Small List
	------------------------------------------------------------- */
.grid_small_view #content .rounded_box .top,
.grid_small_view #content .rounded_box .bottom,
.grid_small_view #content .rounded_box .content {
    background-image:url("../../../styles/citi/images/assets/images/bg/bg_rounded_box_narrow_small.gif");  
}
.grid_small_view #content .rounded_box .content {
    min-height:30px;
    padding: 0 8px 1px;
}
.grid_small_view #content .grid_item {
    margin:0 20px 4px 0;
    width:170px;
}
.grid_small_view #content .grid_item img {
    position:relative;
    right:0;
    top:0;
    left:auto;
    bottom:auto;
    display:block;
}
.grid_small_view #content .grid_item h3 {
    line-height:1em;
    margin-bottom:0.4em;
}

/* 8.7. Assets Tables
	------------------------------------------------------------- */
#content .asset_tables {
    /* width:520px; */
		width:100%;
}
#content .asset_tables .asset_row {
    clear:both;
}
#content .asset_tables th {
    color:#39C;
    border-bottom:1px dotted #999;
    font-weight:700;
    padding:8px 0;
}
#content .asset_tables td {
    padding:8px 0;
    vertical-align:top;
}
#content .asset_tables .first_col {
 /* width:160px; */
	width:40%
}
#content .asset_tables .mid_col {
    /* width:110px; */
    text-align:center;
		width:20%
}
#content .asset_tables .last_col {
    /* width:140px; */
		width:20%
}
.templates_view #content .asset_tables .mid_col {
    width:240px;
}
.templates_view #content .asset_tables .last_col {
    width:120px;
}
#content .asset_tables .links_holder {
    float:right;
    padding-right:5px;
}
#content .asset_tables .links_holder a {
    display:block;
    line-height:1em;
    margin-bottom:4px;
}
#content .asset_tables td {
    border-bottom:1px dotted #999;
}
#content .asset_tables .goto_top {
    color:#7AB2E4;
    float:right;
    line-height:2.5em;
    text-decoration:underline;
}

/* 8.8. Download Cart Table
	------------------------------------------------------------- */

#content .downloadCart_table table {
    border-collapse:separate;
    border-spacing:5px;
    width:98%;
}

#content .downloadCart_table th {
    border-bottom:1px dotted #999;
    color:#7AB2E4;
    font-size:1.6em;
    padding:8px 0 25px;
}

#content .downloadCart_table td {
    font-size: 1.15em;
    border-bottom:1px dotted #999;
    padding:2px 0;
    vertical-align:top;
}

#content .downloadCart_table .links_holder {
    float:right;
    padding-right:5px;
}
#content .downloadCart_table .links_holder a {
    display:block;
    line-height:1em;
    margin-bottom:4px;
}
.accountRequest table{
    font-size:1.2em;
    margin-bottom:20px;
    width:100%;
}
.accountRequest table td.first{
    width:20%;
}

/* 8.9. Download Cart Content
	------------------------------------------------------------- */
#content .download_box{
    width: 410px;
}
/*#content .search_wrapper {
    background:url("../../../styles/citi/images/assets/images/bg/bg_input.gif") no-repeat 0 0;
    display: block;
    float: left;
    height:28px;
    padding-left:10px;
}*/
#save_zip {
    float: left;
} 
/*#content div.search {
    background:url("../../../styles/citi/images/assets/images/bg/bg_input.gif") no-repeat 100% 0;
    font-size:10px;
    height:28px;
    padding-right:5px;
}*/
#name_zip {
    font-size: 1.2em;
    padding-top: 0.2em;
}
 
/* 8.10. Discussion Forum
		------------------------------------------------------------- */

/* Generic search: in prog */
div.rc_input_wrapper {
    background:url("../../../styles/citi/images/assets/images/bg/bg_input.gif") no-repeat scroll 0 0 transparent;
    height:28px;
    padding-left:10px;
}
div.rc_input_wrapper div.holder {
    background:url("../../../styles/citi/images/assets/images/bg/bg_input.gif") no-repeat scroll 100% 0 transparent;
    font-size:10px;
    height:28px;
    padding-right:5px;
}
div.rc_input_wrapper input {
    background-color: #FFF;
    border:0 none;
    color:#666666;
    font-size:12px;
    margin:7px 0;
    padding: 0 3%;
    width:94% !important;
}

div.rc_textarea_wrapper {
    background: transparent url("../../../styles/citi/images/assets/images/bg/bg_textarea_275.png") no-repeat scroll 0 0;
    padding: 4px 0 0;
}
div.rc_textarea_wrapper div.holder {
    background: transparent url("../../../styles/citi/images/assets/images/bg/bg_textarea_275.png") no-repeat scroll 0 bottom;
    padding: 0 4px 4px;
}
div.rc_textarea_wrapper div.holder textarea {
    border:0 none;
    color:#666666;
    font-size:10px;
    height: 65px;
    width: 267px;
}
.box{
    padding:0 18px 12px;
}

#comments .box {
    padding-bottom: 30px;
}

/* 8.11. Photo Library
		------------------------------------------------------------- */
.asset_photoLibrary .asset_item .asset_img{
    float:right;
    margin-left:30px;
    width:145px;
}
.asset_photoLibrary .asset_description p.noMarg{
    margin:0px
}
/* 8.12. Partner Login view
		------------------------------------------------------------- */
.partner_login_view .asset_login .asset_img{
    float:right;
    margin-left:30px;
    width:145px;
}
.partner_login_view .col_2 form{
    margin:20px 0
}
.partner_login_view form p{
    margin:15px 0 0;
}
.partner_login_view .forgotLogin{
    border:1px solid #ccc;
    padding:5px;
    margin-bottom:10px;
    display:none;
    width: 241px;
    right: -90px;
    top: 77px;
}
.forgotLogin .titlebar{
    border-bottom:1px solid #CCC;
    font-size:1.6em;
    height:26px;
    padding:0 5px;
}
.forgotLogin .titlebar span{
    color:#3398CC;
    float:left;
    margin:0.1em 0 0.2em;
}
.forgotLogin .titlebar a{
    background:url("../../../styles/citi/images/assets/images/icn/icn_close.png") no-repeat ;
    float:right;
    text-indent:-5000px;
    display:block;
    width:19px;
    height:19px;
}
.forgotLogin form{
    padding-left:5px;
}
.partner_login_view form .fleft{
    float:left;
}

.forgotLogin form .save_btn{
    display: block;
}
/* 8.13. popUp Registration
	------------------------------------------------------------- */
form.popUp_registration .columnL{
    width:50%;
    float:left;
}
form.popUp_registration .columnR{
    width:50%;
    float:right;
}
form.popUp_registration .columnL h3,
form.popUp_registration .columnL .button{
    margin-top:20px
}
form.popUp_registration .columnR p.space{
    margin-top:55px;
}
form.popUp_registration .columnL .conuntrySel{
    height:28px;
}
form.popUp_registration .columnL select{
    width:230px;
    height:20px;
}
/* 8.14. News & Events
	------------------------------------------------------------- */
div.itemNews{
    margin-bottom:35px;
}
div.newsEvents .itemNews span {
    color:#3399CC;
    display:block;
    font-size:1.4em;
    margin-bottom:5px;
}
.accountRequest p.contact{
    margin-top:20px;
}
/* 8.15. Account Request
	------------------------------------------------------------- */
.approvAccount{
    background:url("../../../styles/citi/images/assets/images/icn/icn_account.gif") no-repeat 0 0;
    padding-left: 25px;
    margin:20px 0;
}
.approvAccount .msg_ok{
    font-size:1.2em;
}
form.accountSetup{
    width:300px;
    margin:20px 0;
}
form.accountSetup p{
    margin:10px 0 0;
}
/* 8.16. Surveys
	------------------------------------------------------------- */
div.surveys .itemSurvey{
    margin:20px 0;
}
div.surveys .itemSurvey h5 {
    font-size:1.4em;
    margin-bottom:10px;
}
.itemSurvey table{
    font-size:1.2em;
    width:100%;
}
.itemSurvey table td.first{
    width:32%;
}
.itemSurvey table tfoot td.firstFoot{
    padding-top:20px;
}
.itemSurvey table tbody{
    border:none;
}
/* 8.16. Training
	------------------------------------------------------------- */
.videoTraining div{
   /*  width:315px;*/
	  width:auto;
    height:175px;
    background-color:#ccc;
    margin-bottom:20px;
}
.videoTraining h5{
    margin-bottom:5px;
}
.downTraining table{
    font-size:1.1em;
    width:100%;
}
#block-views-RSS-block_1 .view-content p{
    text-align:justify;
}
/* 8.17. Guidelines Internal Content
	------------------------------------------------------------- */
.pane-content a {
    /*color: #7AB2E4;*/
	color:black;
}

/*10102013 noright*/
#body_content_right .sub_page_title {
    margin-top: 18px;
    font-size: 20px;
}

#body_content_right a {
    color: #00BDF2;
    text-decoration: underline;
}

#body_content_right a:hover {
    color: #008CE6;
    text-decoration: none;
}

#body_content_right .tab_body_left {
    float: left;
    margin-right: 32px;
    margin-top: 18px;
    width: 203px;
}

#body_content_right .tab_body_left .tabheading_img {
    background: url("../../../styles/citi/images/tab_body_content3_1.jpg") no-repeat scroll 0 0 transparent;
    height: 142px;
    width: 203px;
}

#body_content_right .tab_body_center {
    float: left;
    margin-right: 32px;
    margin-top: 18px;
    width: 203px;
}

#body_content_right .tab_body_center .tabheading_img {
    background: url("../../../styles/citi/images/tab_body_content3_2.jpg") no-repeat scroll 0 0 transparent;
    height: 142px;
    width: 203px;
}

#body_content_right .tab_body_right {
    float: left;
    margin-top: 18px;
    width: 203px;
}

#body_content_right .tab_body_right .tabheading_img {
    background: url("../../../styles/citi/images/tab_body_content3_3.jpg") no-repeat scroll 0 0 transparent;
    height: 142px;
    width: 203px;
}

#body_content_right .tabheading_desc {
    font-size: 12px;
    margin-top: 18px;
}
/* 8.19. Form
-------------------------------------------------------------*/
.prompt_status {
	color:#C0C0C0;
	font-style:italic;
}
.input_border {
	border-color:#008CE6 !important;
}
.no_border {
	border:none !important;
}
.highlight {
	background:#FFFFCC !important;
}
.hover_status {
	color:#008CE6 !important;
}
.form_info {
	background-image: url("../../../styles/citi/images/dotted_line_tile.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    padding-bottom:25px;
}
.form_category_head {
	margin:20px 0 10px 0;
	font-size:18px;
}
.form_content {
	width:450px;
	display:inline-block;
}
.form_sub_head {
	width:225px;
	float:left;
	padding:10px 0 10px 0;
	font-size:12px;
	font-weight:bold;
}
.form_sub_content {
	width:225px;
	float:left;
}
.form_input_box {
	height:24px;
	border:1px silver solid;
	font-size:15px;
	width:200px;
	padding-left:5px;
	line-height:24px;
}
.form_input_num {
	border-bottom:1px black solid;
	width:45px;
	height:21px;
	float:left;
}
.form_input_num input {
	border:0;
	width:45px;
	margin-top:4px;
}
.form_textarea {
	border:1px #C0C0C0 solid;
	font-size:13px;
}
.form_optional {
	font-weight:lighter;
	font-style:italic;
}
.form_radio_checkbox {
	vertical-align:middle;
	margin-right:5px;
}
.form_submit {
    background: none repeat scroll 0 0 #00BDF2;
    color: #FFFFFF !important;
    cursor:pointer;
    font-weight: bold;
    margin-top: 15px;
    padding: 5px;
    float:left;
    overflow:hidden;
}
.form_submit:hover {
    background: none repeat scroll 0 0 #008CE6;
    color:#FFFFFF;
}
.form_submit:focus {
    outline:black dotted 1px;
}
.form_cancel {
	background: none repeat scroll 0 0 #97999B;
    color: #FFFFFF !important;
    cursor:pointer;
    font-weight: bold;
    margin-top: 15px;
    padding: 5px;
    float:left;
    overflow:hidden;
    margin-left: 10px;
}
.form_cancel:hover {
    background: none repeat scroll 0 0 #008CE6;
    color:#FFFFFF;
}
.form_cancel:focus {
    outline:black dotted 1px;
}
#errorBubble {
	background:#FFFFCC;
	border:1px #C5C5C5 solid;
	position:absolute;
	z-index:1;
	display:none;
	font-size:12px;
	color:#333333;
	padding:16px; 
}
#errorBubbleArrow {
	background-image: url("../../../styles/citi/images/errorBubble_arrow_down.png");
	width:12px;
	height:8px;
	display:none;
	position:absolute;
	z-index:2;
}
/* 8.20. People List
	------------------------------------------------------------- */
/*-----people main-----*/
.people_content td {
    padding-bottom: 20px;
}
.people_content .img {
	float:left;
}
.people_content .desc {
	float:left;
	margin-left:10px;
}
.people_content .desc .profile {
	width:144px;
}
.people_content .desc .profile a {
	color:#00BDF2;
	text-decoration:underline;
}
.people_content .desc .profile a:hover {
	color:#008CE6;
	text-decoration:none;
}
.people_content .desc .position {
	padding-top:1px;
	font-size:11px;
	width:144px;
}
.people_content .desc .group {
	padding-top:1px;
	font-size:11px;
	width:144px;
}
/*-----people profile-----*/
.profile_content .split {
    background:#C5C5C5;
    float: left;
    height: 1px;
    width: 450px;
}
.profile_content .info {
	float:left;
	margin-top:10px;
}
.profile_content .info .title{
	color:#002D72;
	margin:10px 0 10px 0;
}
.profile_content .img {
	width:172px;
	float:left;
}
.profile_content .email {
	float:left;
	font-size:13px;
	margin:3px 0 0 3px;
}
.profile_content .email a {
	color:#00BDF2;
	text-decoration:underline;
}
.profile_content .email a:hover {
	color:#008CE6;
	text-decoration:none;
}
.profile_content ul.share {
	float:right;
}
.profile_content ul.share li {
    color: #333333;
    float: left;
    font-size: 12px;
    margin-left: 3px;
    text-transform: uppercase;
}
.profile_content .desc {
	float:left;
	margin-left:30px;
	width:260px;
}
.profile_content .desc .name{
	font-size:24px;
	font-weight:bold;
	line-height:24px;
	margin-bottom:10px;
}
.profile_content .desc .position{
	font-size:13px;
	line-height:17px;
}
.profile_content .desc .group{
	font-size:13px;
	line-height:17px;
}
.profile_content .desc table{
	margin-top:15px;
}
.profile_content .desc table .td_left{
	color:#002D72;
	padding-bottom:5px;
	vertical-align: top;
}
.profile_content .desc table .td_right{
	padding-bottom:5px;
}
.profile_content .desc .reports{
	font-size:13px;
	margin:3px 0 0 3px;
}
.profile_content .desc .reports a {
	color:#00BDF2;
	text-decoration:underline;
}
.profile_content .desc .reports a:hover {
	color:#008CE6;
	text-decoration:none;
}
/*-----page control-----*/
.col_2 .col_central .clear-block #pageContorl{
    font-size: 12px;
    color: #909797;
    text-align: center;
    width: 100%;
}

.col_2 .col_central .clear-block #pageContorl #pageContorl_items{
	margin-left: 100px;
}

.col_2 .col_central .clear-block #pageContorl #pageContorl_items div{
    padding-left: 10px;	
}

.col_2 .col_central .clear-block #pageContorl .prev{
    width: auto;
    float:left;    
}

.col_2 .col_central .clear-block #pageContorl .pagination{
    width: auto;
    float:left;        
}
.col_2 .col_central .clear-block #pageContorl .pagination .current{
    color: #008CE6;
    cursor: default;
    text-decoration: none;
}

.col_2 .col_central .clear-block #pageContorl .next{
    width: auto;
    float:left;        
}

.col_2 .col_central .clear-block #pageContorl a{
   text-decoration:underline;
   color: #00BDF2;
   padding-left: 5px;
}
.col_2 .col_central .clear-block #pageContorl a:hover
{
	color: #008ce6;
    text-decoration: none;
}
.col_2 .col_central .clear-block #pageContorl #pageContorl_items .prev a{
   color: #909797;
   text-decoration: none;
   cursor: default;
}
.col_2 .col_central .clear-block #pageContorl #pageContorl_items .next a{
   color: #909797;
   text-decoration: none;
   cursor: default;
}
.col_2 .col_central .clear-block #pageContorl #pageContorl_items .active{
   color: #00BDF2;
   cursor: pointer;
}
.col_2 .col_central .clear-block #pageContorl #pageContorl_items .active a{
   color: #00BDF2;
   text-decoration: underline;
   cursor: pointer;
}
.col_2 .col_central .clear-block #pageContorl #pageContorl_items .active a:hover{
   color: #008CE6;
   text-decoration: none !important;
   cursor: pointer;
}
/* 8.21. Photo
------------------------------------------------------------ */
/*-------Photo Catalog-----------*/
.catalog_content .album {
	font-size:12px;
	margin:0 35px 10px 0;
	border: 1px solid #C5C5C5;
}
.catalog_content .gallery_title {
    margin:5px 0 0 5px;
}
.catalog_content .gallery_title a{
    color:#00BDF2;
    text-decoration:underline;
}
.catalog_content .gallery_title a:hover{
    color:#008CE6;
    text-decoration:none;
}
.catalog_content .gellery_info {
    margin:0 0 3px 5px;
}
.view_num.current {
	cursor:default;
	text-decoration:none !important;
	color:#008CE6 !important;
}
/*-------Photo Gallery-----------*/
.img_background {
	background:#000;
	display:inline-block;
}
.shadow_box_opacity {
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#53565A', Direction=135, Strength=4);/*for ie6,7,8*/
	-moz-box-shadow:3px 3px 3px #53565A;/*firefox*/
	-webkit-box-shadow:3px 3px 3px #53565A;/*webkit*/
	box-shadow:3px 3px 3px #53565A;/*opera或ie9*/
	filter: Alpha(opacity=70); 
    -moz-opacity:0.70;
    opacity:0.70;
}
.shadow_box {
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#53565A', Direction=135, Strength=4);/*for ie6,7,8*/
	-moz-box-shadow:3px 3px 3px #53565A;/*firefox*/
	-webkit-box-shadow:3px 3px 3px #53565A;/*webkit*/
	box-shadow:3px 3px 3px #53565A;/*opera或ie9*/
}
.gallery_content .thumbnail_content {
	font-size:12px;
	margin:0 35px 15px 0;
	color:#53565A;
}
.gallery_content .thumbnail_content .thumbnail{
	width:203px;
	height:134px;
}
.gallery_content .image_caption {
    margin:10px 0 2px 5px;
}
.gallery_content .gellery_info {
    margin:0 0 3px 5px;
}
#photoModal{
	display:none;
	z-index:900;
	width:725px;
	height:500px;
	position:absolute; 	
}
#photoModal #photoModal_header{
    background: url("../../../styles/citi/images/bg_top.png") no-repeat scroll 0 0 transparent;
    clear: both;
    float: left;
    height: 25px;
    width: 722px;
}
#photoModal #photoModal_content{
    background: url("../../../styles/citi/images/bg_mid.png") repeat-y scroll 0 0 transparent;
    min-height: 500px;
	float: left;
    width: 722px;
	position: relative;
}
#photoModal_content #photo_content {
	height:500px;
	width:700px;
	margin-top:-14px;
	margin-left:11px;
	background:#fff;
}
#photoModal #photoModal_footer{
    background: url("../../../styles/citi/images/bg_bottom.png") no-repeat scroll 0 0 transparent;
	height: 25px;
	float: left;
    width: 722px;
}
.photoModal_desc{
	color: #53565A;
    float: left;
    font-size: 12px;
    margin: 10px 30px;
}
.photoModal_desc .title{
	font-size:15px;
	font-weight:bold;
}
#photoModal_content .share_link{
	margin:10px 30px;
}
.photo_contorl {
	color:#909797;
	font-size:12px;
	float:right;
	margin:10px 30px 0 0;
}
.photo_contorl a{
	color:#00BDF2;
	text-decoration:underline;
	padding-left:5px;
}
.photo_contorl a:hover{
	color:#008CE6;
	text-decoration:none;
}
.photo_contorl .photo_pagination .current{
	color:#008CE6;
	text-decoration:none;
	cursor:default;
}
.photo_contorl .active {
	color:#00BDF2;
	cursor:pointer;
}
.photo_contorl .photo_control_items .active a{
	color:#00BDF2;
	text-decoration:underline;
	cursor:pointer;
}
.photo_contorl .photo_control_items .active a:hover{
	color:#008CE6;
	text-decoration:none;
	cursor:pointer;
}
.photo_contorl .photo_prev{
	float:left;
}
.photo_contorl .photo_prev a{
	color:#909797;
	text-decoration:none;
	cursor:default;
}
.photo_contorl .photo_pagination {
	float:left;
}
.photo_contorl .photo_next a{
	color:#909797;
	text-decoration:none;
	cursor:default;
}
.photo_contorl .photo_next{
	float:left;
}
.thumbnail_content .thumbnail .desc {
	margin-top:-45px;
	color:#FFF;
	display:none;
	position:relative;
	font-weight:bold;
}
.thumbnail_content .thumbnail .thumb_img {
	display:none;
}
.thumbnail_content .thumbnail .loading {
	margin:51px 0 0 86px;
}
#photoModal_content #photo_content #photo {
	display:none;
}
#photoModal_content #photo_content .loading {
	margin:234px 0 0 334px;
}
/*------------Photo Gallery1b Full Size------------------*/
.photo_fullsize {
	width:700px;
	height:500px;
	background:#fff;
}
.photo_desc {
	font-size:12px;
	margin-top:10px;
}
.photo_desc .title {
	font-weight:bold;
}
.fullsize_pageControl {
	margin-top:22px;
	margin-left:0px !important;
	float:right;
}
.back_gallery {
	float:left;
	margin:22px 0 0 103px;
	font-size:12px;
	text-decoration:underline;
	color:#00BDF2;
}
.back_gallery:hover {
	text-decoration:none;
	color:#008CE6;
}
.photo_fullsize .loading {
	margin:234px 0 0 334px;
}
.photo_fullsize #photo {
	display:none;
}
/* 9. Gallery
============================================================
#gallery {
    background-color:#FFF;
    height:240px;
	margin: 0 0 20px -10px;
    overflow:hidden;
    width:530px;
}
#gallery .top-side{
    background:url("../../../styles/citi/images/assets/images/bg/bg_gallery_top.png") no-repeat 0 0;
    height:10px;
    position:absolute;
    width:530px;
    z-index:1;
}
#gallery .image_holder {
    height:218px;
    overflow:hidden;
    position:relative;
   width:530px;
}
#gallery .image_holder ul {
    position:relative;
    left:0;
}
#gallery .image_holder li {
    float:left;
}
#gallery .image_holder li img{
    display: block;
}
#gallery .pager {
    height:22px;
    overflow:hidden;
		float:left;
    width:100%;
}
#gallery #pager_left{
	background: url("../../../styles/citi/images/assets/images/bg/bg_pager.gif") no-repeat scroll 0 0 transparent;
	float: left;
	height: 22px;
	width: 8px;
}

#gallery .pager .pager_content {
	background:url("../../../styles/citi/images/assets/images/bg/bg_pager_center.gif") repeat-x 0 0;
	float:left;
	padding: 0px;
	width: 514px;
}

#gallery #pager_right{
	background: url("../../../styles/citi/images/assets/images/bg/bg_pager.gif") repeat scroll 8px 0 transparent;
	float: right;
	height: 22px;
	margin-left: -8px;
	width: 8px;
	margin-right: 2px;
}

#gallery .pager ul {
    float:left;
    font:1.1em/24px Geneva, Tahoma, Verdana;
	 
    margin-right:20px;
    overflow:hidden;
}
#gallery .pager li {
    float:left;
    margin:0 2px;
}
#gallery .pager li a {
    color:#999;
    padding:2px 4px;
}
#gallery .pager li a:hover {
    color:#EEE;
}
#gallery .pager li a.prev_image,
#gallery .pager li a.next_image {
    background-image:url("../../../styles/citi/images/assets/images/btn/btn_sprite.gif");
    display:block;
    height:16px;
    line-height:16px;
    padding:0;
    text-indent:-5000px;
    width:15px;
}
#gallery .pager li a.prev_image {
    background-position:0 -190px;
}
#gallery .pager li a.next_image {
    background-position:0 -170px;
}
#gallery .pager li a.prev_image:hover {
    background-position:-20px -190px;
}
#gallery .pager li a.next_image:hover {
    background-position:-20px -170px;
}
#gallery .pager li.first-child,
#gallery .pager li.last-child {
    margin-top:3px;
}
#gallery .pager li.current a {
    color:#EEE;
    text-decoration:underline;
}
*/
/* 10. Buttons 
============================================================ */
.buttons_wrapper {
    overflow:hidden;
    margin-bottom:10px;
}
.ui-dialog .buttons_wrapper {
    margin:10px 0 0;
}
.ui-dialog .buttons_wrapper .button {
    margin-right:30px;
}
.button {
    background:url("../../../styles/citi/images/assets/images/btn/btn_sprite.gif") no-repeat scroll 0 0;
    cursor:pointer;
    display:inline;
    height:28px;
    margin-right: 0.5em;
    width:130px;
}
input.button{
    border:none;
    color:#fff;
    font-size:0;
    line-height:0;
    text-align:right;
    text-indent:-5000px;
}
.button:hover {
    text-decoration:none;
}
.button span {
    display:none;
}
.edit_profile_btn{
    background-position:0 -506px;
}
.edit_profile_btn:hover{
    background-position:0 -542px;
}
.save_btn{
    background-position:0 -650px !important;
    width:65px;
}
.save_btn:hover{
    background-position:0 -686px;
}
.find_btn{
    background-position:0 -435px;
    width:65px;
}
.find_btn:hover{
    background-position:0 -471px;
}
.downloadNow_btn{
    background-position:0 -363px;
}
.downloadNow_btn:hover{
    background-position:0 -399px;
}
.vote_btn{
    background-position:0 -219px;
    display: block;
    width:65px;
}
.vote_btn:hover{
    background-position:0 -255px;
}
.approve_request_btn{
    background-position:-150px -219px;
}
.approve_request_btn:hover{
    background-position:-150px -255px;
}
.send_btn{
    background-position:-150px -291px;
    width:65px;
}
.send_btn:hover{
    background-position:-150px -327px;
}
.cancel_btn{
    background-position:0 -291px;
    width:65px;
    display: block;
}
.cancel_btn:hover{
    background-position:0 -327px;
    width:65px;
}
.post_btn{
    background-position:0 -578px;
    width:65px;
}
.post_btn:hover{
    background-position:0 -614px;
}
.yes_btn{
    background-position:-150px -363px;
    width:65px;
}
.yes_btn:hover{
    background-position:-150px -399px;
}
.no_btn{
    background-position:-150px -435px;
    width:65px;
}
.no_btn:hover{
    background-position:-150px -471px;
}
.login_btn{
    background-position:-150px -506px;
    width:65px;
}
.login_btn:hover{
    background-position:-150px -542px;
}
.find_picture_btn{
    background-position:-150px -578px;
}
.find_picture_btn:hover{
    background-position:-150px -614px;
}
.select_picture_btn{
    background-position:-150px -650px;
}
.select_picture_btn:hover{
    background-position:-150px -686px;
}


/* 10.1. Primary
	------------------------------------------------------------- */
.primary_btn {
    background-position:0 -57px;
}
.primary_btn span {
    background-position:100% -57px;
    /*width:125px;*/
}
.primary_btn:hover {
    background-position:0 -101px;
}
.primary_btn:hover span {
    background-position:100% -101px;
}

/* 10.2. Search
	------------------------------------------------------------- */
#header .selectlanguage {
	/*float: right;*/
	float:left;
	font-size: 10px;
	/*font-variant: small-caps;*/
	height: 20px;
	/*line-height: 20px;
	margin-right: 15px;
	padding-left: 25px;*/
	padding-left: 16px;
	
    /*left: 590px;*/
    /*position: absolute;*/
    z-index: 999;
    /*width: 70px;	*/
}
	
#header .selectlanguage .lan{
	/*padding-right: 10px;*/
	text-decoration: none;
	line-height: 20px;
	text-transform:uppercase;
	height: 200px;
}

#header .selectlanguage .lan span{
	display:inline-block;
	width:69px;
}

#header .selectlanguage a{
	color: #FFFFFF;
	text-decoration: underline;
}

#header .selectlanguage a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

.arr{
	background: url("../../../styles/citi/images/assets/images/icn/global_arr.png") no-repeat scroll right top transparent;
}

.arrhover{
	color: #FFFFFF;
	text-decoration: none;
	background: url("../../../styles/citi/images/assets/images/icn/global_arr_over.png") no-repeat scroll right top transparent;
}

#header .ul_top_nav_link {
    /*float: right;*/
    float:left;
    margin-right: 15px;
}
	
#header .helplink {
	/*float: right;*/
	float:left;
	font-size: 10px;
	/*font-variant: small-caps;*/
	height: 20px;
	line-height: 20px;
	/*margin-right: 15px;*/
}

#header .middlelink{
    /*float:right;*/
    float:left;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 20px;
}
	
#header .helplink a{
	text-decoration: none;
	color: #FFFFFF;
	text-transform: uppercase;
}

#header .helplink a:hover{
	color:#FFFFFF;
}	
	
.search_btn {

}

/* 10.3. Inputs
	------------------------------------------------------------- */
.form-submit {
    background:url("../../../styles/citi/images/assets/images/btn/btn_sprite.gif") no-repeat scroll -150px -795px transparent;
    border:none;
    cursor:pointer;
    height:29px;
    text-indent:-5000px;
    width:66px;
    line-height: 0.1px;
    color: #fff;
}
#views-exposed-form-user-search-form-page-1 #edit-submit-RSS { display:block !important; float:right; margin:0px}
#edit-submit {
    background-position:0 -578px;
    display: block;
}
#edit-cancel {
    background-position:0 -291px;
    display: block;
}
#edit-cancel:hover {
    background-position:0 -327px;
}
#edit-preview {
    background-position:0 -795px;
    display: block;
}


#edit-return,
.admin_btn {
    background:#EEE;
    border:1px solid #999;
    color:#39C;
    cursor:pointer;
    height:auto;
   /* padding:0 10px;*/
    text-indent:0;
}
#edit-search-block-form-1{
	border: medium none !important;
    color: #666666;
    float: left;
    font-size: 12px;
    height: 12px;
    margin-top: 2px;
    width: 110px;
	
}
#edit-field-image-0-filefield-remove{
		background-position: -150px -1088px;
	}
	#edit-field-image-0-filefield-remove:hover{
		background-position: -150px -1126px;
	}
	#edit-field-image-0-filefield-upload{
		background: none repeat scroll 0 0 #EEEEEE;
	    border: 1px solid #999999;
	    color: #3399CC;
	    cursor: pointer;
	    height: auto;
	    padding: 0 10px;
	    text-indent: 0;
	}
	.admin_btn.submit{
		float:left;
		margin-right:40px;
    	margin-top:10px;
	}

.continue_btn{
    background-position:-150px -944px !important;
    display: block;
    width: 82px;
}
.continue_btn:hover{
    background-position:-150px -972px !important;
    display: block;
}
.saveLogin_btn{
    background-position: 0px -944px !important;
    display: block;
    width: 118px;
}
.saveLogin_btn:hover{
    background-position: 0px -972px !important;
    display: block;
}
/* 11. Dotted Styles
============================================================ */
.dotted_top {
    border-top:1px dotted #999;
}
.dotted_right {
    border-right:1px dotted #999;
}
.dotted_bottom {
    border-bottom:1px solid #8497A7;
    padding-bottom:6px;
}
.dotted_left {
    border-left:1px dotted #999;
}

/* 12. Icons
============================================================ */
.icon {
    background:url("../../../styles/citi/images/assets/images/icn/icn_sprite.png") no-repeat scroll 0 0 transparent;
    line-height:2.2em;
    padding:5px 0 5px 25px;
    color:#ffffff;
}
.icn_cart {
    background-position:0 1px;
}
.icn_close {
    background-position:0 -29px;
}
.icn_print {
    background-position:0 -59px;
}
.icn_pdf {
    background-position:0 -89px;
}
.icn_favorites {
    background-position:0 -119px;
}
.icn_email {
    background-position:0 -149px;
}
.icn_comment {
    background-position:0 -179px;
}
.icn_reply {
    background-position:0 -209px;
}
.icn_download {
    background-position:0 -239px;
}
.icn_preview {
    background-position:0 -300px;
}

/* 13. Footer
============================================================ */
#footer {

    clear:both;
	float:left;
    font-size:11pt;
    overflow:hidden;
    height:87px;
    /*margin-left: 25px;*/
    margin-left: 36px;
    margin-right: 25px;
	width: 923px;
	margin-top:40px;
    /*position: fixed;*/
    bottom: 0;
}
#footer a {
    /*color:#CCCCCC;*/
	text-transform: uppercase;
}
#footer a:hover{
    text-decoration:none;
}
#footer .copyright {
    color:#333;
    float:right;
    font-size:11px;
    text-align:right;
	width: 880px;
	margin-top:5px;
}
#footer .logo {
    background:url("../../../styles/citi/images/global_footer_logo.jpg") no-repeat;
    height:18px;
    /*margin-left:13px; 5px;*/
    width:36px;
}
.left{
	float:left;
}

.copyright .left {
    color: #666666;
    margin-left: -3px;
    margin-top: 1px;
}
/* 13.1. Nav Bar
	------------------------------------------------------------- */
#footer .nav_bar {
    border-bottom:1px solid #CCCCCC;
    line-height:35px;
    margin-bottom:10px;
    padding:0 0px;
	height: 35px;
}
#footer .nav_bar ul {
    float:left;
    overflow:hidden;
	width: 740px;
}
#footer .nav_bar li {
    float:left;
    margin-left:10px;
	font-size:10px;
	color: #97999B;
}

#footer .nav_bar ul.share{
	float: right;
    overflow: hidden;
    padding-top: 5px;
    width: auto;
}
.share a{
	display:inline-block;
}
#footer .nav_bar ul.share li{
	float:left;
    margin-left:5px;
    text-transform: uppercase;
    color:#333333;
	font-size:12px;
}

#footer .copyright ul.share{
	float: right;
    overflow: hidden;

    width: auto;
}

#footer .copyright ul.share li{
	float:left;
    margin-left:5px;
    text-transform: uppercase;
    color:#333333;
	font-size:12px;
}


#social_network a.icosm, a.icosm {
    background-color: transparent;
    background-image: url("../../../styles/citi/images/ico-social-media.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    margin-right: 3px;
    vertical-align: text-bottom;
    width: 16px;
	text-indent: -99999px;
	color: transparent;
}
#social_network div.links a.icosm {
    float: none;
    text-decoration: none;
}
#social_network span{
	color: transparent;
	text-indent: -999px;
}
#social_network a{
	 text-decoration: none;
}
a.icosm.rss {
    background-position: 0 0;
}
a.icosm.rss:hover {
    background-position: 0 -20px;
}
a.icosm.facebook {
    background-position: 0 -40px;
}
a.icosm.facebook:hover {
    background-position: 0 -60px;
}
a.icosm.twitter {
    background-position: 0 -80px;
}
a.icosm.twitter:hover {
    background-position: 0 -100px;
}
a.icosm.youtube {
    background-position: 0 -120px;
}
a.icosm.youtube:hover {
    background-position: 0 -140px;
}
a.icosm.linkedin {
    background-position: 0 -160px;
}
a.icosm.linkedin:hover {
    background-position: 0 -180px;
}
/* 14. Messages
============================================================ */
.messages {
    font-size:1.1em;
    clear: both;
}

/* 14.1. OK Message
	------------------------------------------------------------- */
.msg_ok {
    color:#080;
}

/* 14.2. Error Message
	------------------------------------------------------------- */
.msg_error {
    color:#900;
}


/* 15. My brand central view
============================================================ */
#tabs{
    margin-bottom:5px;
}
#discussions_box{
    font-size:1.1em;
    position:relative;
}
#discussions_box h3{
    font-size:16px;
    font-weight:700;
    margin-bottom:10px;
}
#tabs table,
#discussions_box table{
    width:100%;
    border-top:1px dotted #999999;
    margin-bottom:20px;
}
#tabs table td,
#discussions_box table td{
    border-bottom:1px dotted #999999;
}
#discussions_box table{
    margin-top:10px;
}
#tabs table td.description{
    width:356px;
}
#discussions_box table td{
    padding:4px 0;
}
#discussions_box table td.date{
    width:120px;
}
#discussions_box table td.description{
    width:315px;
}
#tabs table .links_holder{
    margin:8px 0;
}
#tabs table a,
#discussions_box table a {
    display:block;
    line-height:1em;
    margin:4px 0;
}
#discussions_box table p{
    margin:0px;
    font-size:1.1em;
}
.my_brandcentral_view #content .rounded_box .top,
.my_brandcentral_view #content .rounded_box .content,
.my_brandcentral_view #content .rounded_box .bottom{
    background-image:url("../../../styles/citi/images/assets/images/bg/bg_rounded_box_bcview.gif");
}
.editMyProfile{
    position:relative;
    display:none;
}
.myProfile img,
.editMyProfile img{
    border:1px solid #7CA8D5;
    height:68px;
    margin-bottom:10px;
    width:54px;
}
.myProfile p,
.editMyProfile p{
    margin-bottom:2px;
}
.editMyProfile p.change{
    margin-bottom:8px;
}
.editMyProfile .picture_source{
    margin-bottom:20px;
    overflow:hidden;
}

.link_edit{
    left:63px;
    position:absolute;
    top:0;
}
.my_brandcentral_view .search_forum{
    width:190px;
    margin:5px 0;
}
.my_brandcentral_view .search_forum #category-wrapper #category{
	font-size:1em;
    width:199px;
}
.my_brandcentral_view .search_forum #country-wrapper #country{
	font-size:1em;	
	width:199px;
}
.my_brandcentral_view .button{
    margin-top:10px;
}
.sortedBy{
    position:absolute;
    top:5px;
    left:140px;
}

.my_brandcentral_view .col_1 .button{
    display: block;
    float:left;
}
.my_brandcentral_view .col_1 .button#upload_button{
    float:none;
    width:170px;
}	
.my_brandcentral_view .col_1 #block-generic-2,
.my_brandcentral_view .col_1 #block-user-1{
	margin-bottom:15px;
}
#block-user-1 h2{
	font-weight: normal;
}
.my_brandcentral_view .editMyProfile .form-item{
	margin-top:0;
}
#block-menu-menu-photo-library-editor-menu h2{
	font-weight: normal;
}
/* 16. Pager
============================================================ */
ul.pager {
    margin: 0;
    padding: 0;
    text-align: center;
}
ul.pager li {
    background: transparent url(/styles/citi/assets/images/icn/icn_pager_pipe.gif) no-repeat left 2px;
    display: inline;
}
ul.pager li.prev {
    background: none;
}
ul.pager li.mid {
    padding: 0 5px;
}
ul.pager li a {
    padding: 0 5px 0 8px;
}
ul.pager li.prev a {
    margin-right: 5px;
    padding: 0;
    width: 8px;
}
ul.pager li.next a {
    margin-left: 8px;
    padding: 0;
    width: 8px;
}
ul.pager li.current a {
    text-decoration: underline;
}
#comment-form legend{
    display:none;
}

/* 17. Modal tweaks
============================================================ */
.modalframe-page-content textarea {
    width:259px;
}

/* 18. Photo Library
============================================================ */
.asset_photoLibrary div.rc_input_wrapper {
    float: left;
    width: 435px;
}

.asset_photoLibrary #gallery{
	position:relative;
    clear: both;
    padding-top: 18px;
    margin-bottom: 14px;
}	

.asset_photoLibrary #gallery, .asset_photoLibrary #gallery .image_holder{
    height: auto;
    width:520px;
}

.asset_photoLibrary #gallery, .asset_photoLibrary #gallery .image_holder .picture-slides-fade-container{
    text-align: center;
    position:relative;
}

.asset_photoLibrary #gallery .top-side{
    background: transparent url(/styles/citi/assets/images/bg/bg_gallery2_top.png) no-repeat left top;
    top:18px;
    left:0;
    width: 520px;
}

.asset_photoLibrary #gallery .image_holder .btm_side{
    height:10px;
    position:absolute;
    width:520px;
    z-index:1;
    bottom: 0;
    background: transparent url(/styles/citi/assets/images/bg/bg_gallery2_btm.png) no-repeat left bottom;
	left:0;
}

table.table{
    font-size: 11px;
    color: #212529;
}
table.table thead tr th{
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
}
table.table th{
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
}
table.table tbody tr td{
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
table.table tr td{
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

table.imageDetails tbody{
    border: none;
}
table.imageDetails td{
    color: #000;
    vertical-align: top;
}

.modalframe-page-container table.imageDetails td{
    text-align: left;
}

table.imageDetails td.title_col{
    width: 105px;
    color: #999;
    text-align: right;
    font-weight: bold;
}


table.imageDetails td.title_col p{
    margin-right: 10px;
}
table.imageDetails td p{
    margin-bottom: 0;
}
table.imageDetails td p.error{
    color: red;
}

table.imageDetails .icn_download{
    margin-right: 10px;
}

a.currentUser_btn{
    background-position:0 -870px;
    width:  220px;
    display:block;
    height:28px;
    margin-bottom: 15px;
}

a.currentUser_btn:hover{
    background-position:0 -910px;
}

.icn_enlarge {
    background-position:0 -270px;
    position: absolute;
    bottom: 5px;
    right: 15px;
    background-color:#fff;
    line-height:1.1em;
    padding-right: 5px;
}

a.searchBig_btn{
    float: right;
    width: 65px;
    margin: 0;
    background-position:-150px -722px;

}
a.searchBig_btn:hover{
    background-position:-150px -758px;
}

.photoUsageInfo .submit_btn{
    background-position:-150px -795px;
    width: 66px;
    margin-right:10px;
    display: block;
    float: left;
}
.photoUsageInfo .submit_btn:hover{
    background-position:-150px -831px !important;
}

/* 18.1. picture-slides-container
------------------------------------------------------------- */
.picture-slides-container .navigation-controls{
    margin:15px 0;
    font-size: 1.2em;
	padding-left:120px;
}
.picture-slides-container .navigation-controls a,
.picture-slides-container .navigation-controls span{
    padding-right: 20px;
}
.picture-slides-container .picture-slides-thumbnails li {
    float:left;
    margin:0 10px 10px 0;
    width:120px;
    height:120px;
    overflow: hidden;
}

.picture-slides-container .picture-slides-thumbnails li a{
    position: relative;
    display:block;
    width: 120px;
    height: 120px;
}

.picture-slides-container .picture-slides-thumbnails li span{
    position: absolute;
    display:block;
    width: 120px;
    height: 120px;
    top: 0;
    left: 0;
    background:url(/styles/citi/assets/images/bg/bg_galleryThumb.png) no-repeat;
}

.picture-slides-container .picture-slides-thumbnails li a.picture-slides-selected-thumbnail span{
    background:url(/styles/citi/assets/images/bg/bg_galleryThumb_on.gif) no-repeat;
}



/* 18.2. Photo Usage Information Modal
	------------------------------------------------------------- */
form.photoUsageInfo{
    margin-right:10px !important;
}
form.photoUsageInfo p, .currentImageUse td{
    font-size:1.2em;
}

form.photoUsageInfo p.note{
    margin-top: 10px;
    font-size:1em;
    color:#3398CC;
}

form.photoUsageInfo label{
    display: block;
    overflow:hidden;
}

form.photoUsageInfo label span{
    color:#3398CC;
}

form.photoUsageInfo span.error{
    float: right;
}
form.photoUsageInfo #edit-submitted-usage-start-date-wrapper,
form.photoUsageInfo #edit-submitted-usage-end-date-wrapper{
	position:relative;
}
form.photoUsageInfo #edit-submitted-usage-start-date-wrapper span.error,
form.photoUsageInfo #edit-submitted-usage-end-date-wrapper span.error{
	top: 30px;
    left: 170px;
    position: absolute;
}	
form.photoUsageInfo .error{
    color: red;
    background: none;
    border: none;
}

form.photoUsageInfo select{
    width: 100%;
}

form.photoUsageInfo table,
form.photoUsageInfo tbody,
form.photoUsageInfo table p,
.currentImageUse table,
.currentImageUse tbody{
    margin: 0!important;
    border: none;
    font-size: 1em;
    padding: 5px 0;
    color: #000;
}

form.photoUsageInfo td{
    padding: 0;
    vertical-align: top;
    width:33%;
}

form.photoUsageInfo table label{
    color:#666666;
}

form.photoUsageInfo td.alertNote{
    font-size:1em;
    color:#3398CC;
    text-align: right;
}

form.photoUsageInfo .checkbox{
    float:left;
    margin:0 5px 5px 0;
}

form.photoUsageInfo td textarea{
    height:22px;
    line-height:17px;
    padding:0 5px;
    width:100%;
}

form.photoUsageInfo .form-checkboxes{
    overflow: hidden;
    margin-top: 0;
    clear:both;
}

form.photoUsageInfo #webform-component-where-will-it-be-used .form-checkboxes div,
form.photoUsageInfo #webform-component-how-will-it-be-used .form-checkboxes div{
    float: left;
    width: 33%;
    position: relative;
}
form.photoUsageInfo #webform-component-where-will-it-be-used .form-checkboxes div label,
form.photoUsageInfo #webform-component-how-will-it-be-used .form-checkboxes div label{
    display: block;
    padding-left: 16px;
}
form.photoUsageInfo .form-checkboxes #edit-submitted-where-will-it-be-used-4-wrapper,
form.photoUsageInfo .form-checkboxes #edit-submitted-where-will-it-be-used-7-wrapper,
form.photoUsageInfo .form-checkboxes #edit-submitted-where-will-it-be-used-9-wrapper,
form.photoUsageInfo .form-checkboxes #edit-submitted-how-will-it-be-used-4-wrapper,
form.photoUsageInfo .form-checkboxes #edit-submitted-how-will-it-be-used-7-wrapper,
form.photoUsageInfo .form-checkboxes #edit-submitted-how-will-it-be-used-10-wrapper,
form.photoUsageInfo .form-checkboxes #edit-submitted-how-will-it-be-used-12-wrapper{
    clear: left;
}
form.photoUsageInfo #webform-component-other-used,
form.photoUsageInfo #webform-component-other-how-used
{
    clear:both;
}
form.photoUsageInfo #webform-component-where-will-it-be-used .form-checkboxes div label input,
form.photoUsageInfo #webform-component-how-will-it-be-used .form-checkboxes div label input{
    left: 0;
    position: absolute;
    width: 12px;
    height: 12px;
}

form.photoUsageInfo #webform-component-usage-start-date select,
form.photoUsageInfo #webform-component-usage-end-date select{
    width: auto;
}
.currentImageUse .form-item{
    border-bottom: 1px solid #ccc;
}
.form-item div.error{
    padding:4px;
}

/* 19. Photo Library Admin View
============================================================ */
.picture-slides-container {

}

.picture-slides-container .thumbnails-mask{
    overflow: hidden;
    position:relative;
}
#content .col_2 .content  .picture-slides-container .picture-slides-thumbnails {
    padding-left: 0;
    position:absolute;
}
.picture-slides-container .picture-slides-thumbnails {
}
.picture-slides-container .picture-slides-thumbnails li {
    float:left;
    height:155px;
    margin:0 10px 15px 0;
    overflow: hidden;
    width:120px;
}
.picture-slides-container .picture-slides-thumbnails li p {
    font-size:1em;
    margin:5px 0;
    text-align:center;
}

.picture-slides-container .picture-slides-thumbnails .picture-slides-actions {
    padding:0 0 0 30px;
}	
.picture-slides-container .picture-slides-thumbnails .picture-slides-actions li {
    height:auto;
    margin:0 10px 0 0;
    overflow: hidden;
    padding:0 10px 0 0;
    width:auto;
}	
.picture-slides-container .picture-slides-thumbnails .picture-slides-actions li:first-child,
.picture-slides-container .picture-slides-thumbnails .picture-slides-actions li.first-child {
    border-right: 1px solid #999;
}
.picture-slides-container .picture-slides-thumbnails .picture-slides-actions a {
    color:#7AB2E4;
    display:inline;
}

.photo-gallery-image,
.ui-dialog .ui-dialog-content{
    padding: 0;
}

.modalframe-page-container form{
    text-align: left;
}

.photo-gallery-image form{
    padding: 5px 0;
    margin: 0;
}



.modalframe-page-container{
    text-align: center;
}		

.photo-gallery-image, .modalframe-page-content img{
    display: inline-block!important;
}


.view-News-Events h5,
.view-News-Events-Page h5{
    color: #000;
	font-weight:bold;
	
}
#mini-panel-columns_home .view-News-Events h5{
font-size:12px;
}

.view-News-Events .field-content lu,
.view-News-Events-Page .field-content ul{
    list-style-type: disc;
    margin-left: 10px;
    font-size:1.2em;
}
.page-navigation-controls{
    font-size: 1.2em;
    text-align:center;
}
.page-navigation-controls a,
.page-navigation-controls span{
	display: inline;
    padding-right: 20px;
}
.page-navigation-controls .page-slides-disabled {
	display:none;
}

.user_access{
    position: relative;
    clear: both;
    overflow: hidden;
}


.user_access div.user_categories,
.user_access div.individual_users{
    float: left;
    width: 40%;
}
.user_access select{
    width: 100%;
    height: 295px;
}

.user_access div.middle_div{
	float:left;
    width: 60px;
    text-align: center;
    margin-top: 25px;
	font-weight:bold;
}
.col_2 form#node-form fieldset.collapsed,
.col_2 form#node-form .form-item{
    width: 100%;
}
/*Calendar*/
/*
#ui-datepicker-div{
    left: 50%;
    margin-left: -25%;
    padding: 1em 0.5em 0.5em;
    top: 613px !important;
}

#ui-datepicker-div .ui-datepicker-header{
    padding: 0 0 10px 0;
}
#ui-datepicker-div .ui-datepicker-title{
    color:#3398CC;
    line-height: 1em;
}


#ui-datepicker-div .ui-datepicker-header a{
    background: transparent url(/styles/citi/assets/images/btn/cal_arows.gif) no-repeat;
    width:19px;
    height:19px;
    display: block;
}

#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next{
    background-position: -19px 0;
    left: 167px;
}

#ui-datepicker-div .ui-datepicker-header a span{
    margin: 0;
    position: static;
}
#ui-datepicker-div .ui-datepicker-prev-hover,
#ui-datepicker-div .ui-datepicker-next-hover{
    left: 2px;
    top: 2px;
}
*/
form.photoUsageInfo .webform-datepicker input.text-field-date{
    width: 107px!important;
}
form.photoUsageInfo .webform-datepicker .rc_input_wrapper{
    width: 117px!important;
}

form.photoUsageInfo .webform-datepicker div{
    margin: 0;
}
form.photoUsageInfo .webform-datepicker{
    overflow: hidden;
    margin: 10px 0;
}

form.photoUsageInfo #edit-actions{
    clear: both;
}

.simple-modal{
    padding: 10px;
    font-size: 1em;
}


#mini-panel-columns_home .panel-col{
    border: none;
}


#mini-panel-columns_home .col-1,
#mini-panel-columns_home .col-2{
    border-right: 1px dotted #999999; 
}

.poll .vote-form {
    font-size: 1.2em;
}

#mini-panel-columns_home .panel-col-last {
    width: 29%;
}

#mini-panel-columns_home .panel-col td {
    /* width: 50%; */
		width: 33%;
}

#mini-panel-columns_home .panel-col td .field-content,
#mini-panel-columns_home .panel-col td .field-content a,
#mini-panel-columns_home .panel-col-last .poll{
	display:block;
	overflow:hidden;
  /* width: 157px; */
	width: 95%;
}

#edit-submit.approve-request{
    background-position: 0 -1010px;
    float:left;
    margin: 10px 15px 10px 6px;
    width:73px;
}

#edit-submit.approve-request:hover{
    background-position: 0 -1046px;
}

#edit-reject.reject_btn{
    background-position: -150px -1010px;
    float:left;
    margin-top:10px;
    width:65px;
}

#edit-reject.reject_btn:hover{
    background-position: -150px -1048px;
}

.longer-field .rc_input_wrapper{
    width: 500px !important;
}

table.photoDetail td.title_col{
    width: 210px;
    text-align: left;

}

#terms_detail{
    color:#aaa;
}
#terms_detail a{
    color:#666;
}

.big_font_size p,
.big_font_size label{
    font-size: 1.2em;
}
#user-profile-form #edit-pass-pass1-wrapper label{
    display: none;

}
#user-profile-form .rc_input_wrapper{
    position: relative;
}
#user-profile-form .rc_input_wrapper .password-strength{
    left: 320px;
    position: absolute;
    top: 7px;
    width: 200px;
}

.email-this-page-form .send_btn{
    float: left;
    margin-right:10px;
}


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

.field.field-type-text .field-items{
	margin-bottom:10px;
}
.form-checkboxes{
	overflow:hidden;
}
.form-checkboxes .col_1{
	padding-left:0;
	margin:0px;
	
}

.form-checkboxes .col_2{
	padding-left:0;
	margin:0px;
	float:left;
}

/*
 * Search Form styles 
 */
/****************************************************************************************/
.centro{
	float: left;
	overflow: hidden;
	width: 100%;
}
.relleno{
	background: url("../../../styles/citi/images/assets/images/bg/bg_cart_horiz.gif") repeat-x scroll 0 0 transparent;
	float: left;
	margin: 0 20px;
	width: 100%;
}
.esq_der{
	float:right;
	width: 20px;
	margin-left:-20px;
}
.esq_izq{
	float: left;
	margin-left: -100%;
	width: 20px;
}

#top, #top div{
	height:20px;
}
#bottom, #bottom div{
	height:20px;
}
#top .esq_der{
	background:url("../../../styles/citi/images/assets/images/bg/bg_cart_top.gif") no-repeat -30px 0px;
}
#top .esq_izq{
	background:url("../../../styles/citi/images/assets/images/bg/bg_cart_top.gif") no-repeat 0px 0px;
}

#bottom .esq_der{
	background:url("../../../styles/citi/images/assets/images/bg/bg_cart_bottom.gif") no-repeat -30px 0px ;
}

#bottom .esq_izq{
	background:url("../../../styles/citi/images/assets/images/bg/bg_cart_bottom.gif") no-repeat 0px 0px ;
}

#bottom .relleno{
	background-position: 0px -92px;
	background:url("../../../styles/citi/images/assets/images/bg/bg_cart_horiz_bott.gif") repeat-X 0px 0px ;
}


pre{
	font-size:11px;
}
/**********************************************************************/

#mini-panel-2_1_8_Corporate_Signage .panel-col-first{
	width:35% !important;
}

#mini-panel-2_1_8_Corporate_Signage .panel-col-last{
	width:auto; !important;
}
/*******************************************************/
.img_border #cont_princ{
		float: left;
		height: 147px;
		position: relative;
		width: 100%;
}

.img_border  #cont_princ .rounded_box {
	height:147px;
	width:100%;
}
.img_border #cont_princ .rounded_box #center{
	height: 147px;
	position: absolute;
	width: 100%;
	background: url("../../../styles/citi/images/assets/images/bg/top_botton3.png") repeat-x;
	z-index:5;
}
.img_border #cont_princ .rounded_box #left {
	background: url("../../../styles/citi/images/assets/images/bg/bg_menu3.png") no-repeat scroll -1px 0 transparent;
	height: 147px;
	position: absolute;
	width: 6px;
	z-index: 5;
}

.img_border #cont_princ .rounded_box #right {
	background: url("../../../styles/citi/images/assets/images/bg/bg_menu3.png") repeat scroll -11px 0 transparent;
	height: 147px;
	position: absolute;
	right: 0;
	width: 6px;
	z-index: 5;
}
.img_border #cont_princ .rounded_box #center_cont {
	height: 147px;
	width: 100%;
	z-index: 1;
	overflow:hidden;
	position: absolute;
}

.img_border #cont_princ_home{
		float: left;
		height: 220px;
		position: relative;
		width: 100%;
}

.img_border  #cont_princ_home .rounded_box {
	height:200px;
	width:100%;
}
.img_border #cont_princ_home .rounded_box #center{
	height: 10px;
	position: absolute;
	width: 100%;
	background: url("../../../styles/citi/images/assets/images/bg/top_botton_home.png") repeat-x;
	z-index:5;
}
.img_border #cont_princ_home .rounded_box #left {
	background: url("../../../styles/citi/images/assets/images/bg/bg_menu_home.png") no-repeat scroll -1px 0 transparent;
	height: 220px;
	position: absolute;
	width: 6px;
	z-index: 5;
}

.img_border #cont_princ_home .rounded_box #right {
	background: url("../../../styles/citi/images/assets/images/bg/bg_menu_home.png") repeat scroll -11px 0 transparent;
	height: 220px;
	position: absolute;
	right: 0;
	width: 6px;
	z-index: 5;
}
.img_border #cont_princ_home .rounded_box #center_cont {
	height: 220px;
	width: 100%;
	z-index: 1;
	overflow:hidden;
	position: absolute;
}

/*add by Ben*/
#content .col_3 .cart_info{
	display:none;
  }
#mini-panel-Products_and_Servicess .pane-content {
    font-size: 12px;
}
#mini-panel-Language_and_Name_Usage .panel-panel.panel-col > div {
	font-size:12px;
}
#block-panels_mini-Approval_Process #mini-panel-Approval_Process{
	font-size:12px;
}
#mini-panel-2041_200_Advertising > div{
	font-size:12px;
}
#mini-panel-200_Years_Citi .pane-content{
	font-size:12px;
}
#mini-panel-21_1_StationeryStandards .panel-panel.panel-col > div {
	font-size:12px;
}
#mini-panel-Corporate_head_title .panel-panel.panel-col > div {
	font-size:12px;
}
#block-panels_mini-Citi_Foundation .pane-content{
	font-size:12px;
}
#mini-panel-204_LogoMatrix .pane-content{
	font-size:12px;
}
#block-panels_mini-205_200YrsPattern .panel-panel.panel-col{
	font-size:12px;
}
#mini-panel-206_200Years_EmailSig .pane-content{
	font-size:12px;
}
#mini-panel-2254_1CitiLearning .panel-panel.panel-col{
	font-size:12px;
}
#block-panels_mini-2_4_Realty_Services .content{
	font-size:12px;
}
#block-panels_mini-2_2_5_1_Diversity_Groups{
	font-size:12px;
}
#mini-panel-2251_1DiversityStratLinesBusines{
	font-size:12px;
}
#mini-panel-2_2_5_3_Naming{
	font-size:12px;
}
#mini-panel-Institutional_Client_Group_title{
	font-size:12px;
}
#block-panels_mini-23_1CitiForCities_Landing{
	font-size:12px;
}
#mini-panel-23_11Advertising{
	font-size:12px;
}
#block-panels_mini-23_12_BrandProposition{
	font-size:12px;
}
#mini-panel-23_14DigitalandMobile{
	font-size:12px;
}
#block-panels_mini-2_3_2_Markets{
	font-size:12px;
}
#block-panels_mini-2_3_3_Transaction_Services{
	font-size:12px;
}
#block-panels_mini-2_10_Commercial_Bank{
	font-size:12px;
}
#mini-panel-Retail_Bank{
	font-size:12px;
}
#mini-panel-26_1_BlueWave{
	font-size:12px;
}
#block-panels_mini-Retail_Visual_Identity{
	font-size:12px;
}
#block-panels_mini-2_6_1_1_Logo_and_Wordmark{
	font-size:12px;
}
#block-panels_mini-2_6_1_2_Color{
    font-size:12px;
}
#mini-panel-2_6_1_3_Typography{
	font-size:12px;
}
#block-panels_mini-2_6_2_Retaill_Banking_Office_Ma{
	font-size:12px;
}
#block-panels_mini-2621_Stationery{
	font-size:12px;
}
#mini-panel-2_6_2_2_RetailBankBusiness_Card{
	font-size:12px;
}
#mini-panel-2623_Notepad{
	font-size:12px;
}
#wrapper{
	/*font-size:12px;*/
}
 ul.primary li a{
     color:#333333;
 }
 ul.primary li.active a{
	color:#7AB2E4;
 } 
  
  
  #sidebar-left .links_list h3{
  background-image: url("../../../styles/citi/images/dotted_line_tile.png");
    background-repeat: repeat-x;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0;
    padding: 10px 7px;
	text-transform: uppercase;
	color: #333333
  }
 #sidebar-left .links_list ul{
  /*
  background-image: url("../../../styles/citi/images/dotted_line_tile.png");
  background-repeat: repeat-x;
  */
  }
 #sidebar-left .links_list ul{
	text-transform: uppercase;
	color: #333333;
    font-size: 1.2em;
 }
 #sidebar-left .links_list ul li{
  margin-left: 0.8em;
  }
 
#gallery .pager_content ul li a{
   /*font-size:11px;*/
}

#sidebar-left .clear-block h2 a {
    display: block;
    text-decoration: none;
	padding:10px 7px 10px 10px;
	/*color:#00BDF2;*/
}

#sidebar-left .clear-block h2 img.child_item {
    padding-left: 5px;
}

#sidebar-left .clear-block a {
    color: #595959;
}

#sidebar-left .clear-block a:hover{
	color: #008CE6;
	background:#f1f2f1;
}

#sidebar-left .clear-block:hover{
	/*background:#f1f2f1;*/
}

#sidebar-left .clear-block a.active:hover{
	/*background:#f1f2f1;*/
	background: none;
}

#sidebar-left .clear-block a.active{
	font-weight: normal;
	color: #002D72;
	/*background:#f1f2f1;*/
}

/**
 * Users' Stats Block
 */
.block-users_stats h2 { font-size:1.06em; font-weight:bold; margin-bottom:10px; text-transform:uppercase; }
.user-stats-table {
	border-bottom: 1px solid #8497a6;
    border-top: 1px solid #8497a6;
    color: #FFFFFF;
    margin-bottom: 10px;
	font-size:11px;
	background-color: #2D577F;
}
tr.even, tr.odd {
    border-bottom: none;
    padding: 0.1em 0.6em;
}
body {
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    word-wrap: break-word;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
html {
    color: #000000;
    font-size: 62.5%;
}

 .user-stats-table .total-row td { font-weight:bold; }


.internal_view #LeftNavBlock{
   margin-top: 0px;
}

.siderbar #LeftNavBlock{
   margin-top: 16px;
}

 .nodisplay{
	display:none;
 }
.slider_bg{
	 height: 383px;
     width: 753px;
}

.slider_bg_2{
	height: 464px;
    width: 700px;
}
/*Eddie updated
#div_right_at {
    background-image: url("../../../styles/citi/images/image/@.png");
    float: right;
    height: 60px;
    margin-top: -460px;
    width: 40px;
    z-index: 9999;
}

#right_at {
    background: url("../../../styles/citi/images/image/@.png") no-repeat scroll 0 0 transparent;
    height: 60px;
    margin-top: -10px;
    position: absolute;
    right: 0;
    width: 40px;
}
*/
/*Eddie updated begin*/
div#social_media_shelf_wrap {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 17px;
    width: 45px;
}
div#social_media_shelf_wrap.collapsed {
    height: 54px;
}
div#social_media_shelf_wrap.expanded {
    height: auto;
}
.socialmediashelf-close {
    background-image: url("../../../styles/citi/images/global_map_popup_close.gif");
    height: 15px;
    position: absolute;
    right: 8px;
    top: 5px;
    width: 14px;
    cursor:pointer;
}
.ie7 .socialmediashelf-close, .ie8 .socialmediashelf-close {
    right: 20px;
}
div#social_media_shelf_wrap .social_media_shelf_inner {
    position: relative;
}
div#social_media_shelf_wrap .tab_wrap {
    left: 1px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -6px;
}
.ie7 div#social_media_shelf_wrap .tab_wrap {
    top: -5px;
}
div#social_media_shelf_wrap .tab_border {
    border-color: rgba(255, 255, 255, 0.5);
    border-radius: 5px 0 0 5px;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    margin: 5px 0 12px 12px;
}
div#social_media_shelf_wrap.collapsed .tab_border {
    box-shadow: -2px 3px 5px rgba(97, 97, 97, 0.25);
}
div#social_media_shelf_wrap.expanded .tab_border {
    box-shadow: 2px 5px 7px rgba(97, 97, 97, 0.55);
}
div#social_media_shelf_wrap .tab_wrap .tab_inner {
    background: url("../../../styles/citi/images/icon-social_media_shelf.png") no-repeat scroll 1px -6px #3384B5;
    border-radius: 5px 0 0 5px;
    display: block;
    height: 38px;
    width: 32px;
    cursor: pointer;
}
div#social_media_shelf_wrap .tab_wrap .tab_inner span {
    display: none;
}
div#social_media_shelf_wrap .content_wrap {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    border-radius: 0 0 0 5px;
    margin: 4px 0 12px 45px;
    width: 600px;
}
div#social_media_shelf_wrap.expanded .content_wrap {
    box-shadow: 0 0 5px rgba(186, 209, 218, 0.75) inset, -2px 3px 5px rgba(97, 97, 97, 0.25);
}
div#social_media_shelf_wrap.collapsed .content_wrap {
    box-shadow: 0 0 0 transparent;
}
div#social_media_shelf_wrap .content_wrap #sm-content {
    height: 385px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-top: 20px;
    width: 564px;
}
body.ie6 div#social_media_shelf_wrap .content_wrap #sm-content {
    border: 1px solid #CCCCCC;
}
body.ie7 div#social_media_shelf_wrap .content_wrap #sm-content {
    border: 1px solid #CCCCCC;
}
body.ie8 div#social_media_shelf_wrap .content_wrap #sm-content {
    border: 1px solid #CCCCCC;
}
div#social_media_shelf_wrap .content_wrap #sm-content ul {
    margin: 0;
    padding: 0;
    width: 564px;
}
#social_media_shelf_wrap .content_wrap #sm-content ul.icons {
    margin-left: 9px;
}
#social_media_shelf_wrap .content_wrap #sm-content ul.icons li.right {
    margin-right: 8px;
}
#sm-content ul li {
    background: url("../../../styles/citi/images/border_social-slider.jpg") no-repeat scroll 0 3px transparent;
    float: left;
    height: 365px;
    list-style: none outside none;
    margin: 0;
    padding: 0 20px 0 18px;
    position: relative;
}
#sm-content ul li.headlines {
    background: none repeat scroll 0 0 transparent;
    padding-left: 0;
    width: 151px;
}
#sm-content ul li.blog {
    width: 168px;
}
#sm-content ul li.sm {
    width: 143px;
}
#sm-content ul li.channel {
    width: 188px;
}
#sm-content ul li img.sm-header {
    margin-bottom: 24px;
}
a.sm-bottom:link, a.sm-bottom:active, a.sm-bottom:visited {
    bottom: 0;
    color: #3399CC;
    font-family: arial,helvetica,san-serif;
    font-size: 11px;
    left: 18px;
    position: absolute;
    text-decoration: none;
}
.ie7 a.sm-bottom:link, a.sm-bottom:active, a.sm-bottom:visited {
    bottom: -25px;
    color: #3399CC;
    font-family: arial,helvetica,san-serif;
    font-size: 11px;
    left: 18px;
    position: absolute;
    text-decoration: none;
}
.ie8 a.sm-bottom:link, a.sm-bottom:active, a.sm-bottom:visited {
    bottom: -25px;
    color: #3399CC;
    font-family: arial,helvetica,san-serif;
    font-size: 11px;
    left: 18px;
    position: absolute;
    text-decoration: none;
}
a.sm-bottom:hover {
    text-decoration: underline;
}
a.sm-bottom:hover {
    text-decoration: underline;
}
#sm-content ul li.headlines a.sm-bottom {
    left: 0;
}
#sm-content ul li h4 {
    color: #3399CC;
    font-family: arial,helvetica,san-serif;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 10px;
}
#sm-content ul li p {
    font-family: arial,helvetica,san-serif;
    font-size: 11px;
    line-height: 17px;
    margin-bottom: 23px;
}
#sm-content ul li p span {
    color: #3399CC;
    display: block;
}
a.sm-link:link, a.sm-link:active, a.sm-link:visited {
    color: #333333;
    display: block;
    margin-bottom: 0;
    text-decoration: none;
}
a.sm-link:hover {
    color: #3399CC;
}
a.sm-twitter:link, a.sm-twitter:active, a.sm-twitter:visited {
    color: #3399CC;
    display: inline;
    margin-bottom: 0;
    text-decoration: none;
}
a.sm-twitter:hover {
    text-decoration: underline;
}
a.sm-header:link, a.sm-header:active, a.sm-header:visited {
    color: #3399CC;
    display: block;
    margin-bottom: 0;
    text-decoration: none;
}
a.sm-header:hover {
    text-decoration: underline;
}
a.retwitter:link, a.retwitter:active, a.retwitter:visited {
    color: #3399CC;
    display: inline;
    margin-bottom: 0;
    text-decoration: none;
}
a.retwitter:hover {
    text-decoration: underline;
}
#sm-content ul li p strong {
    font-weight: bold;
}
div#social_media_shelf_wrap .content_wrap #sm-content ul li ul.icons {
    width: 95px;
}
#sm-content ul li ul.icons li {
    height: 32px;
    margin: 0 0 23px;
    overflow: hidden;
    padding: 0;
    width: 32px;
}
#sm-content ul li ul.icons li.left {
    float: left;
}
#sm-content ul li ul.icons li.right {
    float: right;
}

a.sm-icon {
    background-position: 0 0;
    display: block;
    height: 32px;
    overflow: hidden;
    width: 32px;
}
a.sm-icon:hover {
    background-position: 0 -32px;
}

.twitter {
    background: url("../../../styles/citi/images/icon-tw.jpg") repeat scroll 0 0 transparent;
}
.linked-in {
    background: url("../../../styles/citi/images/icon-in.jpg") repeat scroll 0 0 transparent;
}
.youtube {
    background: url("../../../styles/citi/images/icon-youtube.jpg") repeat scroll 0 0 transparent;
}
.plus {
    background: url("../../../styles/citi/images/icon-plus.jpg") repeat scroll 0 0 transparent;
}
.facebook {
    background: url("../../../styles/citi/images/icon-fb.jpg") repeat scroll 0 0 transparent;
}
/*updated end*/

#slider .slider_bg   div{
float:left;
}

#slider .slider_bg   img{
	width:753px;
}
#slider1prev{
  /* position: absolute; */
    z-index: 9999;
	float:left;
	margin-top:1px;
}
#slider1prev a{
	/*background: url("../../../styles/citi/images/assets/images/btn/left_btn.png") no-repeat;*/
    height: 25px;
    width: 19px;
	float:left;
}
#slider1prev a:hover{
	/*background: url("../../../styles/citi/images/assets/images/btn/left_btn_white.png") no-repeat;*/
    height: 25px;
    width: 19px;
	float:left;
}
#slider1prev a.prev_empty{
	/*background: url("../../../styles/citi/images/assets/images/btn/left_btn_empty.png") no-repeat;*/
    height: 25px;
    width: 19px;
	float:left;
	cursor: default;
}
#slider1prev a.prev_empty:hover{
    height: 25px;
    width: 19px;
	float:left;
	cursor: default;
}
#slider1next{
   /*position: absolute;*/
    z-index: 9999;
	float:right;
	margin-top:1px;
}
#slider1next  a{
	/*background: url("../../../styles/citi/images/assets/images/btn/right_btn.png") no-repeat;*/
    height: 25px;
    width: 19px;
	float:left;
}
#slider1next  a:hover{
	/*background: url("../../../styles/citi/images/assets/images/btn/right_btn_white.png") no-repeat;*/
    height: 25px;
    width: 19px;
	float:left;
}
#slider1next  a.next_empty{
	/*background: url("../../../styles/citi/images/assets/images/btn/right_btn_empty.png") no-repeat;*/
    height: 25px;
    width: 19px;
	float:left;
	cursor: default;
}
#slider1next a.next_empty:hover{
    height: 25px;
    width: 19px;
	float:left;
	cursor: default;
}
#middle_lr{
	 background-image: url("../../../styles/citi/images/image/arrpow_bg.jpg");
	 height: 25px;
	 width: 63px;
}
#middle_lr{
	/*position: absolute;*/
    z-index: 9999;
}
#controls{
	/*position: absolute;*/
    z-index: 9998;
	/*background-image: url("../../../styles/citi/images/image/arrpow_bg.jpg");*/
	height: 25px;
	 width: 120px;
	 float:left;
	 margin-top:1px;
}
#controls li{
   float:left;
   background-image: url("../../../styles/citi/images/assets/images/btn/blue_btn.png");
   width:10px;
   height:11px;
   margin-left: 10px;
   margin-top: 4px;
   list-style:none;
   cursor: pointer;  
}
#controls li.dot_over{
   background-image: url("../../../styles/citi/images/assets/images/btn/white_btn.png");  
}
#controls4,#controls5{
	/*display:none;*/
}
#controls .current{
   background-image: url("../../../styles/citi/images/assets/images/btn/white_btn.png");
   width:10px;
   height:11px;
}
.div_middle{
 background-image: url("../../../styles/citi/images/image/kuan.png");
   width:539px;
   height:116px;
   margin-top: 50px;
   margin-left:20px;
}
#subSlider1,#subSlider2,#subSlider3{
	background-image: url("../../../styles/citi/images/image/bgnew.jpg");
	width:724px;
	height:500px;
}

#subSlider1_1,#subSlider2_2,#subSlider3_3{
	/*background-image: url("../../../styles/citi/images/big_img.jpg");*/
	width:700px;
	height:464px;
}


.imgContent{
color:#000000;
}
.copy_oline{
	float:right;
}
#span_copy_oline{
	margin-top:2px;
}
.silderleft{
	/*margin-left: 320px;
    margin-top: -80px;
	*/
	/*left: 260px;*/
    position: absolute;
    top: 456px;
    width: 19px;
}
.slidermiddle{
/*
 margin-left: 339px;
    margin-top: -80px;
	*margin-left:0px;
	width:63px;
	*/
	/*left:300px;*/
	position: absolute;
    top: 456px;
	width:63px;
}
.silderight{
/*
	margin-right: 301px;
    margin-top: -80px;
	*margin-left:-38px;
	width:19px;	
	*/
	/*left: 445px;*/
    position: absolute;
    top: 456px;
    width: 19px;
}


#slider_home .slider_bg   div{
float:left;
}

#slider_home .slider_bg   img{
	width:984px;
}

.silder_home_left{
	/*left: 530px;*/
    position: absolute;
    /*top: 469px;*/
    width: 19px;
}
.slider_home_middle{
	/*left:560px;*/
	position: absolute;
    /*top: 469px;*/
	width:63px;
}
.silde_home_right{
	/*left: 675px;*/
    position: absolute;
    /*top: 469px;*/
    width: 19px;
}
.silder_home_left_noleft{
	/*left: 380px;*/
    position: absolute;
    top: 509px;
    width: 19px;
}
.slider_home_middle_noleft{
	/*left:406px;*/
	position: absolute;
    top: 509px;
	width:63px;
}
.silde_home_right_noleft{
	/*left: 525px;*/
    position: absolute;
    top: 509px;
    width: 19px;
}
#slider_home_panel{
	/*background: url("../../../styles/citi/images/black_home_bg3.png") no-repeat scroll 0 0 transparent;*/
	background:#000;
    float: left;
    height: 26px;
    margin-top: -3px;
    /*filter: Alpha(opacity=80); 
    -moz-opacity:0.8;
    opacity:0.8;*/
    width: 984px;
}
#slider_title{
	left:270px;
	position: absolute;
    top: 35px;
	width:440px;
    z-index:999;	
}
#slider_title_noleft{
	left:38px;
	position: absolute;
    top: 35px;
	width:440px;
    z-index:999;	
}

#slider_title span.home_title_text{
    color: #FFFFFF;
    font-size: 34px;
}
span.home_title_text{
    color: #FFFFFF;
    font-size: 36px;
    line-height: 40px;
    width: 708px;
    display: block;
    padding-bottom: 20px; 
    font-family: Arial,Helvetica,sans-serif;
 /*    font-family: Interstate_Light;	 */
}
#slider_title span.home_title_desc{
    color: #FFFFFF;
    font-size: 12px;	
}
span.home_title_desc{
    color: #FFFFFF;
    /*font-size: 12px;*/
    font-size: 120%;
    line-height:16px;	
}
#landing_title{
	left:52px;
	position: absolute;
    top: 50px;
	width:440px;
    z-index:0;
    font-size: 56px;
    line-height: 60px;
    color: #FFFFFF;
     font-family: Arial,Helvetica,sans-serif;
   /*  font-family: Interstate_Light; */
    height: 118px;
    /*background: url("../../../styles/citi/images/landing_title.png") no-repeat scroll 0 0 transparent;*/	
}

.hotPic{margin-left: 53px;}
.hotPic .JQ-slide{position:relative;width:920px;height:509px;}
.hotPic .JQ-slide .wrap{width:920px;height:509px;overflow:hidden;position:relative;}
.hotPic .JQ-slide-content{position:absolute;}
.hotPic .imgList li{width:222px; height: 509px; position: relative;list-style: none outside none;}

.hotPic .JQ-slide-nav a
{
	display:block;z-index:99;
	width: 21px; 
	height: 26px;
	overflow:hidden;
	text-indent:-999em;
	text-decoration:none;
	position:absolute;
	top:390px;
}
.hotPic .JQ-slide-nav a.next{right:1px;background: url("../../../styles/citi/images/assets/images/btn/right_arrow_2.png") no-repeat scroll 0 0 transparent;outline:none;}
.hotPic .JQ-slide-nav a.next_empty{cursor:default;right:1px;background: url("../../../styles/citi/images/assets/images/btn/right_arrow_0.png") no-repeat scroll 0 0 transparent;}

.hotPic .JQ-slide-nav a.prev{left:-37px;background: url("../../../styles/citi/images/assets/images/btn/left_arrow_2.png") no-repeat scroll 0 0 transparent;}
.hotPic .JQ-slide-nav a.prev_empty{cursor:default;left:-37px;background: url("../../../styles/citi/images/assets/images/btn/left_arrow_0.png") no-repeat scroll 0 0 transparent;outline:none;}

.hotPic .JQ-slide-nav a.next:hover{right:1px;background: url("../../../styles/citi/images/assets/images/btn/right_arrow_1.png") no-repeat scroll 0 0 transparent;}
.hotPic .JQ-slide-nav a.next_empty:hover{right:1px;background: url("../../../styles/citi/images/assets/images/btn/right_arrow_0.png") no-repeat scroll 0 0 transparent;}
.hotPic .JQ-slide-nav a.prev:hover{left:-37px;background: url("../../../styles/citi/images/assets/images/btn/left_arrow_1.png") no-repeat scroll 0 0 transparent;}
.hotPic .JQ-slide-nav a.prev_empty:hover{left:-37px;background: url("../../../styles/citi/images/assets/images/btn/left_arrow_0.png") no-repeat scroll 0 0 transparent;}


/* imgList */
.imgList{float:none;overflow:hidden;zoom:1}
.imgList li{float:left;display:inline;overflow:hidden;}
.imgList li div{display:block;}
.imgList li .img{
	width:218px;
	height:509px; 
}

.slidebox
{
    position: absolute;
	bottom: 65px;
	
    cursor:pointer;
	width:216px;
	height:84px; 
	background-color: #FFFFFF;
    /* border:1px solid #CDCDCD; */
    -moz-box-shadow: 3px 3px 3px #53565A;
	-webkit-box-shadow: 3px 3px 3px #53565A;
	box-shadow: 3px 3px 3px #53565A;
    
	filter: Alpha(opacity=90); 
    -moz-opacity:0.9;
    opacity:0.9;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";	
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	
}

.nav_detail a:visited
{
	/*color: #002D72;*/
	color: #00BDF2;
}

#nav_detail1
{
    display:none;
    background: url("../../../styles/citi/images/landing_slider_tile.png") repeat;
}
#div_slide_detail1
{
    height: 360px;
}
#nav_detail2
{
    display:none;
    background: url("../../../styles/citi/images/landing_slider_tile.png") repeat;
}
#div_slide_detail2
{
    height: 360px;
}
#nav_detail3
{
    display:none;
    background: url("../../../styles/citi/images/landing_slider_tile.png") repeat;
}
#div_slide_detail
{
    height: 360px;
}
#nav_detail4
{
    display:none;
    background: url("../../../styles/citi/images/landing_slider_tile.png") repeat;
}
#div_slide_detail4
{
    height: 360px;
}
#nav_detail5
{
    display:none;
    background: url("../../../styles/citi/images/landing_slider_tile.png") repeat;
}
#div_slide_detail5
{
    height: 360px;
}

.slide_detail_desc1
{
    color: #002D72;
    font-size: 13px;
    padding-left: 18px;	
    padding-top: 50px;
    padding-bottom: 15px;
    height: 50px;
}

.slide_detail_desc2
{
    border-top: 1px dotted #666666;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 185px;
}
.slide_detail_desc2_content
{
    float: left;
    padding-bottom: 15px;
}
.slide_detail_desc3
{
    border-top: 1px dotted #666666;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5px;
    padding-top: 13px;
    width: 185px;
}

/*.slide_detail_desc1
{
    color: #002D72;
    font-size: 13px;
    padding-left: 18px;	
    padding-top: 50px;
}
.slide_detail_desc2
{
    padding-left: 18px;	
}
.slide_detail_desc3
{
    padding-left: 18px;	
}*/


div.slide_detail a
{
    text-decoration: underline;	
}
div.slide_detail a:hover
{
    text-decoration: none;	
	color: #008CE6;
}
div.slide_detail span
{
    padding-left: 0px;
}

.imgList span{
   font-size: 12px;
   padding-left: 18px;
   float:left;
   width: 180px;
}
.imgList span p{
   padding-left: 18px;
   padding-top: 10px;
}
.imgList .nav_title{
   color: #00BDF2;
   font-weight: bolder;
   padding-top: 15px;
   padding-bottom: 5px;
   font-size:12px;
   padding-left:18px;
}




.copyrighttext{
	color: #333333;
    font-size: 11px;
    float:right;
    clear:both;
}

#ul_flag_sub {
	height: 235px;
    width: 154px;
    background: url("../../../styles/citi/images/global_country_bg.png");
    margin-left: -10px;
    position: absolute;
    z-index: 1001;
    display: block;
}


#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{
	/*display: block;
    margin-top: -1px;
    line-height: 23px;*/
    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;
}

#slider_panel{
	/*background: url("../../../styles/citi/images/black_bg2.png") no-repeat scroll 0 0 transparent;*/
	background:#000;
    float: left;
    height: 26px;
    margin-left: 11px;
    margin-top: -3px;
    /*filter: Alpha(opacity=80); 
    -moz-opacity:0.8;
    opacity:0.8;*/
    width: 700px;
}


#div_close a{
	color: #26BCD7; 
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	cursor:pointer;
}

#helpModal{
	display:none;
	z-index:900;
	width:725px;
	height:500px;
	position:absolute; 	
}

#helpModal #helpModal_header{
    background: url("../../../styles/citi/images/bg_top.png") no-repeat scroll 0 0 transparent;
    clear: both;
    float: left;
    height: 25px;
    width: 722px;
}

#helpModal #helpModal_content{
    background: url("../../../styles/citi/images/bg_mid.png") repeat-y scroll 0 0 transparent;
    min-height: 500px;
	float: left;
    width: 722px;
	position: relative;
}

#helpModal #helpModal_footer{
    background: url("../../../styles/citi/images/bg_bottom.png") no-repeat scroll 0 0 transparent;
	height: 25px;
	float: left;
    width: 722px;
}
.helpModal_desc{
	color: #53565A;
    float: left;
    font-size: 12px;
    margin: 20px 30px;
}
.helpModal_desc a{
	/*color: #00bdf2;*/
	text-decoration: underline;
}
.helpModal_desc a:hover{
	text-decoration: none;
}


#facebookModal{
	display:none;
	z-index:900;
	width:425px;
	height:300px;
	position:fixed; 	
}

#facebookModal #facebookModal_header{
    background: url("../../../styles/citi/images/n_top.png") no-repeat scroll 0 0 transparent;
    clear: both;
    float: left;
    height: 25px;
    width: 433px;
}

#facebookModal #facebookModal_content{
    background: url("../../../styles/citi/images/n_mid.png") repeat-y scroll 0 0 transparent;
    min-height: 300px;
	float: left;
    width: 433px;
	position: relative;
}

#facebookModal #facebookModal_footer{
    background: url("../../../styles/citi/images/n_bottom.png") no-repeat scroll 0 0 transparent;
	height: 25px;
	float: left;
    width: 433px;
}
.facebookModal_desc{
	color: #53565A;
    float: left;
    font-size: 120%;
    /*margin: 20px 30px;*/
    margin-left: 48px;
    margin-right: 38px;
    margin-top: 30px;
    width: 330px;
}
.facebookModal_desc a{
	/*color: #00bdf2;*/
	text-decoration: underline;
}
.facebookModal_desc a:hover{
	text-decoration: none;
}
#div_close{
	display:none;
	/*float:left;*/
	/*margin-left: 673px;
    margin-top: 15px;*/
    /*left: 390px;*/
    /*top: 30px;*/
    left: 372px;
    top: 48px;    
    
    position: absolute;
    z-index: 999;
    display: none;
    width: 14px;
    height: 14px;    
}
#div_close_modal
{
	display:none;
	/*float:left;*/
	/*margin-left: 673px;
    margin-top: 15px;*/
    left: 680px;
    top: 30px;    
    
    position: absolute;
    z-index: 999;
    display: none;
    width: 20px;
    height: 20px;	
}
#div_facebook_close{
	display:none;
	/*float:left;*/
	/*margin-left: 673px;
    margin-top: 15px;*/
    /*left: 380px;*/
    /*top: 30px;*/
    left: 372px;
    top: 48px;      
    
    position: absolute;
    z-index: 999;
    display: none;
    width: 14px;
    height: 14px;
    cursor: pointer;    
}
.Font15{ font-size: 150%; font-weight: bold;}
.a_link
{
	display:block;
	background:url("../../../styles/citi/images/assets/images/btn/xbtn.png") no-repeat scroll 0 0 transparent;
	height: 14px;
    width: 14px;
	cursor: pointer;
}
.a_hover
{
	display:block;
	background:url("../../../styles/citi/images/assets/images/btn/xbtn_over.png") no-repeat scroll 0 0 transparent;
	height: 14px;
    width: 14px;
	cursor: pointer;
}

#div_shape {
	background: none repeat scroll 0 0 #FFFFFF;
	height: 100%;
	left: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	/*IE8*/
	filter: alpha(opacity = 80);
	opacity: 0.80;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 800;
}

#div_shape2 {
	display:none;
	background: none repeat scroll 0 0 #FFFFFF;
	height: 100%;
	left: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=92)";
	/*IE8*/
	filter: alpha(opacity = 92);
	opacity: 0.92;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}
/*Added end*/


.share_link{
	margin:10px 0;
	padding:0;
	float:left;
}
.share_link a {
	display:inline-block;
}
.share_link ul{
	margin:0;
	padding:0;
	list-style:none;
}

.share_link ul li{
	margin:0;
	padding:0;
	margin: 0 5px 0 0;
	float:left;
}

#helpModal_content .share_link{
	margin:10px 30px;
}

input.ga_search_input{
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    height: 15px;
    line-height: 15px;
    width: 110px;
}
.ga_search  span{
	float:left;
}
#header .ga_search .ga_submit_go {
    /*border:none;
    float:right;*/
	background: url("../../../styles/citi/images/global_go.jpg") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 14px;
    margin-left: 7px;
    width: 16px;
}
.breadcrumb a:link{
   text-decoration: underline;
}
.breadcrumb a:hover{
   text-decoration: none;
   color: #008CE6;
}
.breadcrumb a:visited{
	color: #00BDF2;
    text-decoration: underline;
}

.firstLegend {
    border-top: 1px solid #D5D5D5;
}
.legendA {
    border-bottom: 1px solid #D5D5D5;
    height: 30;
    width: 440px;
    color: #595959;
    /*font-size: 12px;*/
    font-size: 120%;
}
.legendA_detail{
    display: none;
    padding-bottom: 8px;
    padding-top: 10px;    
}
.legendA a.closed {
    color: #00BDF2;
    /*font-size: 12px;*/
    /*font-size: 120%;*/
    line-height: 42px;
    text-decoration: none;
    display:block;
    background: url("../../../styles/citi/images/sign2.jpg") no-repeat scroll right center transparent;
    height: 42px;
    width: 440px;
    cursor: pointer;
}
.legendA a.closed_over {
    /*font-size: 12px;*/
    /*font-size: 120%;*/
    line-height: 42px;
    text-decoration: none;
    display:block;
    background: url("../../../styles/citi/images/sign2_over.jpg") no-repeat scroll right center transparent;
    height: 42px;
    width: 440px;
	color: #008CE6;
    background-color:#f5f9f8;
    cursor: pointer;
}
.legendA a.opend {
    /*font-size: 12px;*/
    /*font-size: 120%;*/
    line-height: 42px;
    text-decoration: none;
    display:block;
    background: url("../../../styles/citi/images/sign1.jpg") no-repeat scroll right center transparent;
    height: 42px;
    width: 440px;
	color: #002D72;
	cursor: pointer;
}
.legendA a.opend:hover {
    /*font-size: 12px;*/
    /*font-size: 120%;*/
    line-height: 42px;
    text-decoration: none;
    display:block;
    background: url("../../../styles/citi/images/sign1_over.jpg") no-repeat scroll right center transparent;
    height: 42px;
    width: 440px;
	color: #008CE6;
	cursor: pointer;
}

a.OKclass
{
   background: none repeat scroll 0 0 #00BDF2;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    padding: 1px 22px;
    text-decoration: none;
}
a.OKclass:hover{
	background: none repeat scroll 0 0 #008CE6;
	text-decoration: none;
}
a.OKclass:focus{
	outline:black dotted 1px;
}
a.Cancelclass
{
   background: none repeat scroll 0 0 #CCCCCC;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    padding: 1px 10px;
    text-decoration: none;
    margin-left: 8px;
}
a.Cancelclass:hover{
	background: none repeat scroll 0 0 #008CE6;
	text-decoration: none;
}
a.Cancelclass:focus{
	outline:black dotted 1px;
}
.landing_slider1
{
	 height: 509px;
    width: 984px;
    float:left;
       padding-left: 38px;
    padding-top: 30px;
  background-image:url("../../../styles/citi/images/landing_slider1.jpg");
	}
.landing_slider2
{
	height: 509px;
    width: 984px;
    float:left;
    padding-left: 38px;
    padding-top: 30px;
    background-image:url("../../../styles/citi/images/landing_slider2.jpg");
}
.landing_slider3
{
	height: 509px;
    width: 984px;
    float:left;
    padding-left: 38px;
    padding-top: 30px;
    background-image:url("../../../styles/citi/images/landing_slider3.jpg");
}
.landing_slider4
{
	height: 509px;
    width: 984px;
    float:left;
    padding-left: 38px;
    padding-top: 30px;
    background-image:url("../../../styles/citi/images/landing_slider4.jpg");
}
.landing_slider5
{
	height: 509px;
    width: 984px;
    float:left;
    padding-left: 38px;
    padding-top: 30px;
    background-image:url("../../../styles/citi/images/landing_slider5.jpg");
}
.landing_slider1_leftnav
{
	height: 509px;
    width: 984px;
    float:left;
    padding-left: 272px;
    padding-top: 24px;
    background-image:url("../../../styles/citi/images/landing_slider1.jpg");
	}
.landing_slider2_leftnav
{
	height: 509px;
    width: 984px;
    float:left;
    padding-left: 275px;
    padding-top: 30px;
    background-image:url("../../../styles/citi/images/landing_slider2.jpg");
}
.landing_slider3_leftnav
{
	height: 509px;
    width: 984px;
    float:left;
    padding-left: 275px;
    padding-top: 30px;
    background-image:url("../../../styles/citi/images/landing_slider3.jpg");
}
.landing_slider4_leftnav
{
	height: 509px;
    width: 984px;
    float:left;
    padding-left: 275px;
    padding-top: 30px;
    background-image:url("../../../styles/citi/images/landing_slider4.jpg");
}
.landing_slider5_leftnav
{
	height: 509px;
    width: 984px;
    float:left;
    padding-left: 275px;
    padding-top: 30px;
    background-image:url("../../../styles/citi/images/landing_slider5.jpg");
}
#slidebottom
{
	height: 63px;
	width: 218px;
}
#slidebottom2
{
	height: 63px;
	width: 218px;
	
}
#slidebottom4
{
	height: 63px;
	width: 218px;
	
}

.home_title_desc a {
    text-decoration: underline;
	color:#ffffff;
}
.home_title_desc a:link {
    text-decoration: underline;
	color:#ffffff;
}

.home_title_desc a:visited {
	color:#ffffff;
	text-decoration: underline;
}

.home_title_desc a:hover {
    text-decoration: none;
	color:#fff;
}

/*ipad css satrt*/

@media screen and (max-device-width:1024px) {
	#slider1next  a:hover{
		/*background: url("../../../styles/citi/images/assets/images/btn/right_btn.png") no-repeat;*/
		height: 25px;
		width: 19px;
		float:left;
	}
	#slider1prev a:hover{
		/*background: url("../../../styles/citi/images/assets/images/btn/left_btn.png") no-repeat;*/
		height: 25px;
		width: 19px;
		float:left;
	}
	
	#slider1next  a.next_empty:hover{
		/*background: url("../../../styles/citi/images/assets/images/btn/right_btn_empty.png") no-repeat;*/
		height: 25px;
		width: 19px;
		float:left;
		cursor: default;
	}
	
	#slider1prev a.prev_empty:hover{
		/*background: url("../../../styles/citi/images/assets/images/btn/left_btn_empty.png") no-repeat;*/
		height: 25px;
		width: 19px;
		float:left;
		cursor: default;
	}
	.hotPic .JQ-slide-nav a.next:hover{right:1px;background: url("../../../styles/citi/images/assets/images/btn/right_arrow_2.png") no-repeat scroll 0 0 transparent;}
	.hotPic .JQ-slide-nav a.next_empty:hover{cursor: default;right:1px;background: url("../../../styles/citi/images/assets/images/btn/right_arrow_0.png") no-repeat scroll 0 0 transparent;}

	.hotPic .JQ-slide-nav a.prev:hover{left:-37px;background: url("../../../styles/citi/images/assets/images/btn/left_arrow_2.png") no-repeat scroll 0 0 transparent;}
	.hotPic .JQ-slide-nav a.prev_empty:hover{cursor: default;left:-37px;background: url("../../../styles/citi/images/assets/images/btn/left_arrow_0.png") no-repeat scroll 0 0 transparent;}

}

/*ipad css end*/

a.interStateTitle{
	 font-family: Arial,Helvetica,sans-serif;
  /*  font-family: Interstate_Light; */
   /*font-size: 120%;*/
   line-height: 20px;
   color: #FFFFFF;
}

.col_2 .col_central .col_2_content h1.pagetitle{
	/* font-family: Interstate_Light; */
	 font-family: Arial,Helvetica,sans-serif;
	font-size: 24px;
	line-height: 26px;
	color: #002D72;
}

#header .search_wrapper_js {
    /*background:none;
    border-left-width: 9px;
    font-size: 10px;
    height: 16px;
    padding-left: 10px;
    padding-top: 0;
    width: 135px;*/
    
    background: none;
    float: right;
    height: 16px;
    margin-right: 26px;
    margin-top: 4px;
}

/*07012013 dropdown_scroll*/
.link_heading_desc div.div_dropdown{
	float: left;
	width: 550px;
	margin-top: 10px;
}

.link_heading_desc div.div_dropdown a{
	/*color: #00bdf2;*/
	color: #53565A;
}
.link_heading_desc div.div_dropdown a:hover{
	color: #008CE6;
}

.link_heading_desc div.item{
	float: left;
    /*font-weight: bold;*/
    height: 26px;
    line-height: 25px;
    margin-right: 20px;
}

.dropdown_scrollone{
	float:left;
	width: 210px;
	border: 1px solid #CCCCCC;
	position: absolute;
	background: url("../../../styles/citi/images/bg.jpg") repeat scroll 0 0 transparent;
}

.dropdown_scrollone_title span{
	float: left;
}
.dropdown_scrollone_title span.dropdown_scrollone_text{
    margin-left: 10px;
}
.dropdown_scrollone_title span.dropdown_scrollone_text_over{
    color: #008CE6;
}
.dropdown_scrollone_title span.dropdown_scrollone_text_opend{
    color: #008CE6;
}
.dropdown_scrollone_title span.ico_arr {
    background:url("../../../styles/citi/images/assets/images/icn/down-arrow_1.jpg") no-repeat 0 0;
    display: inline-block;
    float: right;
    height: 24px;
    width: 24px;
}
.dropdown_scrollone_title span.ico_arr_over {
    background:url("../../../styles/citi/images/assets/images/icn/down-arrow_2.jpg") no-repeat 0 0;
}

.dropdown_scrollone_title {
	/*background: none repeat scroll 0 0 #008CE6;*/
	background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    /*color: #FFFFFF;*/
    display: block;
    font-size: 12px;
    /*font-weight: bold;*/
    height: 24px;
    line-height: 24px;
    /*outline: medium none;*/
	width: 210px;
	cursor: pointer; 
}
.title_opend{
	border-bottom: 1px solid #CCCCCC;   	
}
span.child_closed{
	color: #00BDF2; /*00BDF2; 008CE6*/
}
.dropdown_scrollone_content {
    color: #008CE6;
    /*background: none repeat scroll 0 0 #EEEEEE;*/
    display: none;
    font-size: 12px;
    /*font-weight: bold;*/
    height: 158px;
    outline: medium none;
	width: 210px;
	margin-bottom: 7px;   
}

.dropdown_scrollone_content div.dropdown_scroll_item{
	float: left;
    /*height: 36px;*/
    /*line-height: 36px;*/
}

.dropdown_scrollone_content div.dropdown_scroll_item a{
	display: block;
    margin-left: 10px;
    text-decoration: none;
    width: 175px;

    background-image: url("../../../styles/citi/images/dotted_line_tile.png");
    /*background-position: center bottom;*/
    background-position: 0px 0px;
    background-repeat: repeat-x;
    margin-right: 15px;
}
.dropdown_scrollone_content div.dropdown_scroll_item a.selected{
	color: #002D72;
}
.dropdown_scrollone_content div.dropdown_scroll_item a.firstitem{
	background-image: none;
	margin-top: -7px;
}
.dropdown_scrollone_content div.dropdown_scroll_item a.a_item_long{
    padding-bottom: 10px;
    padding-top: 10px;
    float:left;
}
.dropdown_scrollone_content div.dropdown_scroll_item a.a_item_long span.span_item_long{
    line-height: 15px;
    width: 100px;
}

#dropdown_scrollone{
    z-index: 5;
    background: url("../../../styles/citi/images/bg.jpg") repeat scroll 0 0 transparent;
    width: auto;
}
#dropdown_scrollone .dropdown_scrollone_content div.dropdown_scroll_item{
    line-height: 36px;
}
#dropdown_scrollone .dropdown_scrollone_title{
    width: auto;	
}
#dropdown_scrollone .dropdown_scrollone_content{
	height: auto;
	width: auto;
}
#dropdown_scrollone .dropdown_scrollone_content div.dropdown_scroll_item a{
    width: 105px;
}
#dropdown_scrollone .dropdown_scrollone_content div.dropdown_scroll_item a.firstitem{
	margin-top: 0px;
}


#dropdown_scrollone2{
    z-index: 2;
    width: 140px;
}
#dropdown_scrollone2 .dropdown_scrollone_title{
    width: 140px;
    height: auto;	
}
#dropdown_scrollone2 .dropdown_scrollone_content{
	padding-top: 7px;
    width: 140px;	
}
#dropdown_scrollone2 .dropdown_scrollone_content div.dropdown_scroll_item a{
	width: 100px;
}
#dropdown_scrollone2 .dropdown_scrollone_content div.dropdown_scroll_item a.firstitem{
	margin-top: -14px;
}
#dropdown_scrollone2 .moreline{
    height: auto;
}
#dropdown_scrollone2 .dropdown_scrollone_title span.ico_arr {
	background: none repeat scroll 0 0 #00BDF2;
	height: 100%;
    width: 24px;
    line-height: normal;
}
#dropdown_scrollone2 .dropdown_scrollone_title span.ico_arr_over {
	background: none repeat scroll 0 0 #008CE6;
}
#dropdown_scrollone2 .dropdown_scrollone_title span.ico_arr img{
	margin-left: 7px;
    margin-top: 10px;
}
#dropdown_scrollone2 .moreline span.ico_arr {
    background: none repeat scroll 0 0 #00BDF2;
    display: inline-block;
    float: right;
    height: 100%;
    width: 24px;
}
#dropdown_scrollone2 .moreline span.ico_arr_over {
    background: none repeat scroll 0 0 #008CE6;
    width: 24px;
    
}
#dropdown_scrollone2 .dropdown_scrollone_title span.twoline{
    line-height: 15px;
    margin-top: 7px;
    width: 90px;
    padding-bottom: 7px;
    /*margin-bottom: 7px;*/
}

#dropdown_scrollone3{
    z-index: 4;
    width: auto;
}
#dropdown_scrollone3 .dropdown_scrollone_title{
    width: auto;	
}
#dropdown_scrollone3 .dropdown_scrollone_content{
	padding-top: 7px;
    width: auto;
}
#dropdown_scrollone3 .dropdown_scrollone_content div.dropdown_scroll_item{
    line-height: 36px;
}
#dropdown_scrollone3 .dropdown_scrollone_content div.dropdown_scroll_item{
	width: auto;
	float: none;
}
#dropdown_scrollone3 .dropdown_scrollone_content div.dropdown_scroll_item a{
    width: auto;
    white-space:nowrap;  
}
#dropdown_scrollone3 .dropdown_scrollone_content div.dropdown_scroll_item a.firstitem{
	margin-top: -14px;
}

#dropdown_scrollone4{
    z-index: 3;
    width: auto;
}
#dropdown_scrollone4 .dropdown_scrollone_title{
    width: auto;	
}
#dropdown_scrollone4 .dropdown_scrollone_content{
    width: auto;
    padding-top: 7px;
}
#dropdown_scrollone4 .dropdown_scrollone_content div.dropdown_scroll_item{
    line-height: 36px;
}
#dropdown_scrollone4 .dropdown_scrollone_content div.dropdown_scroll_item{
	width: auto;
	float: none;
}
#dropdown_scrollone4 .dropdown_scrollone_content div.dropdown_scroll_item a{
    width: auto;
    white-space:nowrap;  
}
#dropdown_scrollone4 .dropdown_scrollone_content div.dropdown_scroll_item a.firstitem{
	margin-top: -14px;
}
#dropdown_scrollone4 .dropdown_scroll_subitem{
    display: none;
    margin-left: 10px;
    margin-bottom: 10px;
    
}
#dropdown_scrollone4 .dropdown_scroll_subitem a{
    background-image: none;
    height: 20px;
    line-height: 20px; 
}
#dropdown_scrollone4 a.a_opend{
    /*background-image: none;*/
    color: #53565A; /*#008CE6;*/
    height: 28px;
    line-height: 35px;
}
#dropdown_scrollone4 a.a_moved{
	color: #53565A;
	height: 28px;
    line-height: 35px;
}

#dropdown_scrollone4 a.selected{
	color: #002D72;
}

#dropdown_scrollone4 div.div_opend{
    height: auto;
}

.dropdown_body{
    width: 650px;
    height: 250px;
    border: 2px solid #818181;
    padding-top: 7px; 
    color: #333333;
}
.col_2 .col_central .link_heading_desc .dropdown_body p{
    font-size: 12px;
    line-height: 16px;	
    margin-right: 15px;
}
.dropdown_body h3 {
    font-weight: bold;
    margin: 0 0 0.35em;
    color: #333333;
}
.dropdown_body h2 {
    color: #013968;
    font-weight: bold;
    margin: 0 0 0.35em;
    text-transform: uppercase;
    font-size: 12px;
}
.dropdown_body  #dropdown_body_content{
	width: 640px;
	padding-left: 7px;
	height: 243px;
}

.unappear{
    display: none;
}
.div_shape {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
}

a.skipNavLink {
	font-size: 0;
	height: 0;
	line-height: 0;
	width: 0;
	text-indent: -9999%;
}