/* New header-condent area Homepage */

/* #################### */
/* ### Before Login ###*/
/* #################### */

body.wordpress #login-modal{
	width: 441px !important;
	padding: 0 !important;
	height: 35px !important;
	border: none !important;
	background: transparent !important;
	top: 17px !important;
}

body.wordpress #login-modal input.txtfield {
width: 160px !important;
height: 32px !important;
float: left !important;
margin-right: 3px;
margin-bottom: 0px !important;
}

#loginbtn{
	width: 113px;
	height: 32px;
}

#header_navigation{
	top: 140px !important;
	right: 0 !important;
	/*background-color: #529720 !important; can be changed via the customizer*/
}

#header_navigation ul.menu > li.menu-item{
	padding: 0;
}

/* Header menu defaults for all languages */
body.ar header#header div.wrap div.header-content div#header_navigation div ul.menu li.menu-item{
	/*padding: 0 19px !important;*/
}

body.es_ES header#header div.wrap div.header-content div#header_navigation div ul.menu li.menu-item{
	padding: 0 21.5px !important;
}

body.he_IL header#header div.wrap div.header-content div#header_navigation div ul.menu li.menu-item{
	padding: 0 22px !important;
}

body.de_DE header#header div.wrap div.header-content div#header_navigation div ul.menu li.menu-item,
body.ko_KR header#header div.wrap div.header-content div#header_navigation div ul.menu li.menu-item{
	padding: 0 24px !important;
}

body.zh_CN header#header div.wrap div.header-content div#header_navigation div ul.menu li.menu-item{
	padding: 0 25px !important;
}

/* End of header menu defaults for all languages */

body.wordpress .flatbtn-blu{
	padding: 0 !important;
	margin-bottom: 0 !important;
}


body.wordpress div#header-login-wrap {
width: 663px;
margin-left: auto;
margin-right: auto;
float: right;
position: relative;
}

.header-content #languageselector{
	position: absolute;
	top: 87px !important;
	right: 0px !important; 
	width: 106px;
	height: 34px;
	color: #FFF;
	z-index: 300;
}


/* Slider */
#newslider{
	margin-top: 32px;
}

div.header-content div.header_title,
div.header-content div.header_sign_up,
.cycloneslider-next,
.cycloneslider-prev{
	display: none;
}

/* End of Slider */

body.wordpress div#header-open-account-wrap div.header-open-account{
	top: 251px !important;
}

.header-content #wh_clock,
.so_logged_in .header-content #wh_clock{
	top: 90px !important;
	left: 519px !important;
}

.so_logged_in .header-content #wh_clock{
	left: 325px !important;	
}


#systemClock{
	font-size: 20px!important; 
}

/* Language Selector */

.header-content #languageselector{
	right: 8px !important;
}

/* End of Language Selector */

body.wordpress div#header-login-wrap div.forgot_password a{
	color: #FFFFFF;
}


.header-content .welcome_div{
	display: none;
}

#header_navigation ul.menu > li.menu-item.so_theme_hover:before, #header_navigation ul.menu > li.menu-item.so_theme_hover_next:before{
	right: -1px !important;
}



/* #################### */
/* ### After Login ####*/
/* #################### */


#header_navigation ul.menu > li.menu-item:before{
	right: 1px !important;	
}

body #header_balance{
	text-align: right;
	position: relative !important;
	margin-right: 11px;
}

body.so_logged_in header#header div.wrap div.header-content div.welcome_div{
	display: block;
	float: right;
	margin-top: 2px;
}

#header > div > div > div.welcome_div > div,
#header > div > div > div.welcome_div > div span{
	color: #FFFFFF;
}


/* Logged in Menu */

#header{
	min-height: 182px;
}

body.so_logged_in #header {
	height: 180px !important;
}

body.so_logged_in header#header div.wrap div.header-content div#header-login-wrap.header-login-wrap{
	display: none;
}

#so_account_details{
	width: 641px !important;
}

/* Special css for the deposit button */
body.wordpress #so_account_details a div.deposit_div {
border: none !important;
overflow: hidden !important;
font-size: 13px !important;
float: left !important;
padding-left: 0px !important;
padding-right: 10px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
position: relative !important;
}

body.wordpress.rtl #so_account_details a div.deposit_div {
	float: right !important;
}

#so_account_details a div.deposit_div{
	font-size: 12px !important;
	font-weight: 100 !important;
}

#so_account_details a div.deposit_div div.so_account_details_icon{
	margin-left: 0 !important;
	width: 19px !important;
	margin-left: 7px !important;
	margin-right: 5px !important;
	margin-bottom: 0px !important;
}


/* additional css for all the account buttons */
body.wordpress #so_account_details > a > div{
	top: 0 !important;
	height: 32px !important;
	width: 150px !important;
	/*background: #529720; The background for this element is changed using the customizer. */
	margin-right: 10px !important;
	border-radius: 4px !important;
	line-height: 2.4 !important;
}

body.wordpress #so_account_details > a:last-child > div{
	margin-right: 0;
}

/* Deposit*/
body.wordpress #so_account_details a div.deposit_div div.so_account_details_icon{
	background: transparent url("./assets/images/sprite.png") no-repeat -1079px -6px;
}

/* Portfolio*/
body.wordpress #so_account_details a div.portfolio_div div.so_account_details_icon{
	background: transparent url("./assets/images/sprite.png") no-repeat -1077px -49px;
}

/* My Account*/
body.wordpress #so_account_details a div.my_account_div div.so_account_details_icon{
	background: transparent url("./assets/images/sprite.png") no-repeat -1077px -30px;

}

/* Logout */
body.wordpress #so_account_details a div.logout_div div.so_account_details_icon{
	background: transparent url("./assets/images/sprite.png") no-repeat -1077px -68px;	
}

body.wordpress #so_account_details a div.logout_div div.so_account_details_icon,
body.wordpress #so_account_details a div.my_account_div div.so_account_details_icon,
body.wordpress #so_account_details a div.portfolio_div div.so_account_details_icon,
body.wordpress #so_account_details a div.deposit_div div.so_account_details_icon{
	margin-top: 7px;
}

body.wordpress #so_account_details div.so_account_details_text{
	float: left;
	text-align: left;
	padding-left: 5px;
	width: 109px;
	height: 31px;
	padding-top: 2px;
}

body.wordpress.rtl #so_account_details div.so_account_details_text{
	text-align: right;
	padding-left: 0;
	padding-right: 5px;
}	
/* End of Logged in Menu */



/* ######################### */
/* ### RTL Before Login #### */
/* ######################### */

body.rtl header#header div.wrap div.header-content div#header-login-wrap.header-login-wrap{
	float: left;
}

body.rtl header#header div.wrap div.header-content div#header-login-wrap.header-login-wrap div#login-modal form#login-form input.txtfield{
	float: right !important;
	margin-right: 0;
	margin-left: 3px;
	padding-right: 12px;
}

.rtl .header-content #languageselector{
	left: -40px !important;
}

.rtl .header-content #wh_clock{
	top: 90px !important;
	text-align: left;
	clear: right;
	left: 177px !important;
}


body.rtl header#header div.wrap div.header-content div#header_navigation div ul li.menu-item:before{
	right: 0px !important;
}

body.rtl header#header div.wrap div.header-content div#header_navigation div ul li.menu-item:last-child{
	/*padding-left: 57px !important;*/
}


/* ######################### */
/* ### RTL After Login #### */
/* ######################### */

/* Header account buuttons */
body.so_logged_in.rtl #header_balance{
	margin-right: 0;
}

body.so_logged_in.rtl header#header div.wrap div.header-content div.welcome_div{
	float: left;
	margin-left: 10px;
}

body.so_logged_in.rtl header#header div.wrap div.header-content div.welcome_div div.so_account_details_text span{
	float: right;
	margin-left: 5px;
}

body.so_logged_in.rtl #so_account_details > a:last-child > div {
	margin-right: 10 !important;
}

body.so_logged_in.rtl #so_account_details div{
	padding-right: 10px;
	padding-left: 0;
}