body {
	margin: 0px;
	padding: 0px;
	font: 0.7em verdana;
	/*background: url('../images/bodybgr.gif') repeat;*/
	background-color:#111;
	overflow-y: auto;
	overflow-x: hidden;
}
img {
	border: none;
}
.theImg_pop {
	position: absolute;
	left: 10%;
}
.show_image_popup {
	width: auto;
	height: auto;
	background-color: #000000;
	border: 2px solid #333333;
	position: relative;
	display: none;
	z-index: 9999;
}

#loading {
	color: red;
}
.login_container {
	width: 350px;
	height: auto;
	margin: 0 auto;
	background-color: #333;
	border-radius: 5px;
	padding: 10px;
	color: #fff;
}
.eicon, .eicon_c, .eicon_a {
	cursor: pointer;
}
.emp_chats_container {
}
.emp_left {
	width: 48%;
	height: 285px;
	float: left;
	/*background-color: #3c3c3c;*/
	background-color: black;
	/*background-image: url('../images/slide_content_bg.png');*/
	background-repeat: no-repeat;
	background-position: center;
	overflow: auto;
	font-family: arial, sans-serif;
	font-size: 13px;
	color: #FFA500;
	padding: 5px;
}
.emp_right {
	width: 48%;
	height: 285px;
	float: right;
	background-color: black;
	/*background-image: url('../images/slide_content_bg.png');*/
	background-repeat: no-repeat;
	background-position: center;
	overflow: auto;
	font-family: arial, sans-serif;
	font-size: 13px;
	color: #ebebeb;
	padding: 5px;
}
.emp_eic_l {
	width: 48%;
	float: left;
}
.emp_eic_r {
	width: 48%;
	float: right;
}
.imp_emp_left {
	width: 46%;
	height: 40px;
	float: left;
}
.imp_emp_right {
	width: 47%;
	height: 40px;
	float: right;
}
#bg_eicons_top {
	width: 101%;
	height: 5px;
	background-image: url('../images/bg_eicons_top.png');
	background-repeat: repeat-x;
}
.chatbox {
	position: fixed;
	width: 275px;
	display: none;
	margin-top: -10px;
	z-index: 100;
}
.slide_center {
	width: 98%;
	margin: 0 auto;
}
.e_icons_bg {
	background-color: #000;
	border-top: 1px solid #222;
	padding: 3px;
	width: 99%;
	float: right;
}
.slide_conf_chat {
	width: 77%;
	/*height: 360px;*/
	border: 2px solid #333;
	background-color: #000000;
	position: fixed;
	right: 0;
	display: none;
	z-index: 1;
	float: right;
	margin-right:20px;
}
.slide_content {
	width: 100%;
	height: 278px;
	padding: 3px;
	/*background-color: #3c3c3c;*/
	background-color: #000000;
	/*background-image: url('../images/slide_content_bg.png');*/
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 5px;
	overflow-y: scroll;
	overflow-x: hidden;
	font-family: arial, sans-serif;
	font-size: 13px;
	color: #ebebeb;
}
.slide_area {
	height: 30px;
	border: none;
	background-image: url('../images/textarea_bg.png');
	background-repeat: repeat-x;
	color: #4CC417;
	border-radius: 3px;
}
.slide_area_conf {
	width: 103%;
	height: 30px;
	border: none;
	background-image: url('../images/textarea_bg.png');
	background-repeat: repeat-x;
	color: #4CC417;
	border-radius: 3px;
	margin-left: -20px;
}
#slide_area_send_button {
	width: 8%;
	height: 32px;
	border: none;
	background-image: url('../images/send.png');
	background-repeat: repeat-x;
	color: #fff;
	cursor: pointer;
	border-radius: 3px;
}
#slide_area_send_button_l {
	width: 9%;
	height: 32px;
	border: none;
	background-image: url('../images/send.png');
	background-repeat: repeat-x;
	color: #fff;
	cursor: pointer;
}
#slide_area_send_button_r {
	width: 8%;
	height: 32px;
	border: none;
	background-image: url('../images/send.png');
	background-repeat: repeat-x;
	color: #fff;
	cursor: pointer;
}
.chatboxhead {
	background-color: #000;
	padding: 7px;
	color: #393;
	cursor: pointer;
	z-index: 100;
	border-bottom: 1px solid #777;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;

}
.chatboxblink {
	background-color: #176689;
	border-right: 1px solid #176689;
	border-left: 1px solid #176689;
	z-index: 100;
}
.chatboxcontent {
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #FFA500;
	max-height: 100px;
	width: 259px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 7px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #555;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center;
	line-height: 1.3em;
	z-index: 100;
}
.istype {
	width: 259px;
	height: 30px;
	background-color: #000000;
	color: #ffffff;
	position: absolute;
}
.eicon_ind {
	cursor: pointer;
}
.ind_eicons {
	background-color: #000;
}
.ind_eicons img {
	margin-left: 10px;
}
.show_history {
	float: right;
	cursor: pointer;
}
.chatboxinput {
	padding: 5px;
	background-color: #000;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	z-index: 100;
}
#sound {
	display: none;
}
#from_to_all_chat {
	width: 300px;
	height: 300px;
	border-right: 1px solid black;
	float: right;
	padding: 10px;
	background-color: #fff;
}
.chatboxtextarea {
	width: 256px;
	height: 44px;
	padding: 3px 0pt 3px 3px;
	border: 1px solid red;
	margin: 1px;
	overflow: hidden;
	z-index: 100;
	background-color: #666;
	color: #FFA500;
}
.chatboxtextareaselected {
	width: 256px;
	height: 44px;
	padding: 3px 0pt 3px 3px;
	border: 1px solid white;
	margin: 1px;
	overflow: hidden;
	z-index: 100;
}
.link {
	color: #966F33;
}
.chatboxmessage {
	margin-left: 1em;
}
.chatboxinfo {
	margin-left: -1em;
	color: #666666;
}
.chatboxmessagefrom {
	margin-left: -1em;
	font-weight: bold;
}
.chatboxmessagecontent {
}
.chatboxoptions {
	float: right;
}
.chatboxoptions a {
	text-decoration: none;
	color: white;
	font-weight: bold;
	font-family: Verdana, Arial, "Bitstream Vera Sans", sans-serif;
}
.chatboxtitle {
	float: left;
}
.user_image {
	background-image: url('../images/User-icon.png');
	background-repeat: no-repeat;
	background-size: 60%;
	width: 170px;
	height: 170px;
	float: right;
	margin-top: -55px;
}
.conf_container {
	width: 1000px;
	height: 600px;
	margin: 0 auto;
	background-color: #ebebeb;
	padding: 10px;
}
.conf_container .footer {
	width: 980px;
	height: 60px;
	position: fixed;
	bottom: 50px;
	background-color: #ebebeb;
	padding: 10px;
}
.conf_area {
	float: left;
	border: 1px solid #000000;
	width: 600px;
	height: 45px;
	background-color: #ffffff;
	resize: none;
}
#container {
	width: 350px;
	height: 120px;
	margin: 110px auto;
	border: 1px solid #e00000;
	padding: 20px;
	background-color: #ebebeb;
}
.close_button_x {
	padding: 4px;
	color: #fff;
}
.close_button_x:hover {
	background-color: #333;
	padding: 4px;
	color: #fff;
}
.minimize_button_x {
	padding: 4px;
	color: #fff;
}
.minimize_button_x:hover {
	background-color: #333;
	padding: 4px;
	color: #fff;
}
.slide_up_ind {
	padding: 4px;
	color: #fff;
}
.slide_up_ind:hover {
	background-color: #333;
	padding: 4px;
	color: #fff;
}
.field {
	width: 220px;
	padding: 4px;
	outline: none;
	border: 1px solid silver;
}
.field:focus {
	padding: 4px;
	outline: none;
	border: 1px solid red;
}
#button {
	padding: 4px;
	cursor: pointer;
}
#left_menu {
	width: 20%;
	/*background-color: #3c3c3c;
	border-right: 5px solid #000000;
	border-bottom: 5px solid #000000;*/
	background-color: #000000;
	border-right: 3px solid #3c3c3c;
	border-bottom: 3px solid #3c3c3c;
	color: white;
	float: left;
	overflow-y: auto;
	overflow-x: hidden;
}
#left_menu ul {
	padding: 0px 0px 0px 5px;
	display: inline;
}
#left_menu ul li a {
	text-decoration: none;
	color: white;
}
#left_menu ul li {
	background-color: #000000;
}
#left_menu ul li a:hover {
	color: #007B90;
}
#top_menu {
	width: 99%;
	height: 30px;
	padding: 7px;
	background-color: #000000;
	border-top: 2px solid green;
}
#top_menu ul {
	margin: 0px;
	padding: 0px;
}
#top_menu ul li {
	display: inline;
}
#top_menu ul li a {
	padding: 14px;
	color: #ffffff;
	text-decoration: none;
}
.right_logout {
	width: 140px;
	height: 30px;
	float: right;
	margin-right: 20px;
	background-image: url('../images/logout.png');
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 7px;
	color: #ebebeb;
}
.right_logout:hover {
	color: #ebebeb;
	cursor: pointer;
}
.online {
	width: 140px;
	height: 30px;
	float: left;
	background-image: url('../images/online.png');
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 7px;
	color: #ebebeb;
}
.online:hover {
	color: #ebebeb;
	cursor: pointer;
}
.upload {
	width: 140px;
	height: 30px;
	float: left;
	background-image: url('../images/Upload.png');
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 7px;
	color: #ebebeb;
}
.upload:hover {
	color: #ebebeb;
	cursor: pointer;
}
.sound_on {
	width: 140px;
	height: 30px;
	float: left;
	background-image: url('../images/sound_is_on.png');
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 7px;
	color: #ebebeb;
}
.sound_on:hover {
	color: #ebebeb;
	cursor: pointer;
}
.sound_off {
	width: 140px;
	height: 30px;
	float: left;
	background-image: url('../images/sound_is_off.png');
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 7px;
	color: #ebebeb;
}
.sound_off:hover {
	color: #ebebeb;
	cursor: pointer;
}
.show_hide {
	width: 140px;
	height: 30px;
	float: left;
	background-image: url('../images/show_hide.png');
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 7px;
	color: #ebebeb;
}

.panel_hide {
	width: 140px;
	height: 30px;
	float: left;
	background-image: url('../images/show_hide.png');
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 7px;
	color: #ebebeb;
}
.show_hide:hover {
	color: #ebebeb;
	cursor: pointer;
}
.refresh {
	width: 140px;
	height: 30px;
	float: left;
	background-image: url('../images/refresh.png');
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 7px;
	color: #ebebeb;
}
.refresh:hover {
	color: #ebebeb;
	cursor: pointer;
}
.change {
	width: 140px;
	height: 30px;
	float: left;
	background-image: url('../images/change.png');
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 7px;
	color: #ebebeb;
}
.change:hover {
	color: #ebebeb;
	cursor: pointer;
}
.offline {
	width: 140px;
	height: 30px;
	float: left;
	background-image: url('../images/offline.png');
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 7px;
	color: #ebebeb;
}
.offline:hover {
	color: #ebebeb;
	cursor: pointer;
}
.stats {
	width: 100px;
	height: 30px;
	float: left;
	text-align: center;
	padding-top: 7px;
	color: #fff;
}
.right_button {
	cursor: pointer;
	text-decoration: none;
}
.right_button:hover {
	background-color: red;
}
#footer {
	width: 100%;
	height: 50px;
	position: fixed;
	bottom: 0px;
	background-color: #000000;
	z-index: 100;
}
#conferent_chat_window {
	width: 700px;
	height: 300px;
	float: right;
	padding: 10px;
	background-color: #ffffff;
}
.the_line {
	width: 100%;
	height: 1px;
	background-color: #ffffff;
}
.minimizeAHref {
	color: white;
}
.popup_history {
	width: 100%;
	height: 99%;
	padding: 3px;
	position: absolute;
	z-index: 9000;
	display: none;
	background-image: url('../images/opacity.png');
	background-repeat: repeat;
}
.popup_history_2 {
	width: 100%;
	height: 99%;
	padding: 3px;
	position: absolute;
	z-index: 9000;
	display: none;
	background-image: url('../images/opacity.png');
	background-repeat: repeat;
}
#popup_text {
	width: 400px;
	height: auto;
	min-height: 100px;
	max-height: 500px;
	margin: 0 auto;
	padding: 7px;
	font: 12px verdana;
	color: #FA2400;
	border: 2px solid #3C3C3C;
	background-color: #000000;
	background-position: center;
	overflow-y: scroll;
	overflow-x: hidden;
}
#history_text {
	word-wrap: break-word;
	
}
#popup_close {
	float: right;
	padding: 5px;
	cursor: pointer;
	font-size: 15px;
	
	
}
#popup_close:hover {
	color: #444;
}
.select_user_on_status {
	/*background: #3c3c3c url('../images/bullet_arrow.gif') no-repeat left center;*/
	background: #000000 url('../images/bullet_arrow.gif') no-repeat left center;
	border-top: 1px solid #3c3c3c;
	padding: 5px 5px 5px 15px;
	cursor: pointer;
}
.select_user_on_status:hover {
	background-color: #333333;
}
.select_user_on_status:active {
	background-color: #464646;
}

#bottom_panel {
	
	/*margin: -5px 10px 10px 10px;*/
	float: left;
	/*width:  100% ;	*/
	font-family: arial, sans-serif;
	font-size: 13px;
	color: #999;
	padding: 10px;
}

/*custom style scrollbar*/
.emp_left
{
	overflow: auto;
	scrollbar-highlight-color: #000;
  scrollbar-face-color: #000;
  scrollbar-arrow-color: #333;
  scrollbar-base-color: #EFA500;
}


.emp_left::-webkit-scrollbar {
      width: 15px;
}
.emp_left::-webkit-scrollbar-track {
      background-color: #000;
} 
.emp_left::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.0); 
	  border:1px solid #EFA500;
}
 
.emp_left::-webkit-scrollbar-button {
      background-color: #333;
}
 
.emp_left::-webkit-scrollbar-corner {
      background-color: black;
}

/* NISOMA 21.12.2015 */
.lower_title{
	margin-top: 50px; background: #222; color: #fff;padding: 5px;text-align:center;color:#339933;
}
.private_chronology_inside{
	height: 300px;overflow: auto; background-color: #000;	color: #ebebeb;		padding: 5px;
}
.lower_left {
	width: 100%;
	height: 285px;
	float: left;
	/*background-color: #3c3c3c;*/
	background-color: black;
	/*background-image: url('../images/slide_content_bg.png');*/
	background-repeat: no-repeat;
	background-position: center;
	overflow: auto;
	font-family: arial, sans-serif;
	font-size: 13px;
	color: #FFA500;
	padding: 5px;
}

.lower_right {
	width: 48%;
	float: right;
	background-color: black;
	/*background-image: url('../images/slide_content_bg.png');*/
	background-repeat: no-repeat;
	background-position: center;
	overflow: auto;
	font-family: arial, sans-serif;
	font-size: 13px;
	color: #ebebeb;
	padding: 5px;
}

.lower_chat_input {
	width: 97%;
}

/* *********** *
 * MOBILE CHAT *
 * *********** */
.toggle-users {display: none;}
@media screen and (max-width: 1024px){
	.toggle-users {display: inline;}
	#top_menu {
		width: 95%;
	}
	#top_menu ul li a {
		padding: 7px;
	}
	.right_logout {
		float: left;
		margin-left: 20px;
		margin-right: 0;
	}
	#left_menu {
		display: none;
		position: absolute;
		width: 80%;
		top: 40px;
		left: 0;
		z-index: 101;
	}
	.slide_content {
		width: 96%;
		height: 64vh!important;
	}
	
	/*other view*/
	.emp_right {
		padding: 0;
	}
	.slide_area_conf {
		margin-left: 0;
	}
	.chatbox {
		position: inherit;
		overflow: hidden;
	}
	.slide_conf_chat {
		width: 90%;
	}
	#footer, .slide_conf_chat {
		position: relative !important;
		height: auto !important;
	}
	#bottom_panel {
		font-size: 10px;
		width: auto;
	}
}

/* ******************** *
 * radio / traders talk *
 * ******************** */
 #radioControls {width: 140px;
    height: 30px;    text-align: center;
    float: left;
	    border-radius: 3px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#404040+46,000000+100&1+0,0.85+100 */
background: -moz-linear-gradient(top,  rgba(64,64,64,1) 0%, rgba(64,64,64,0.93) 46%, rgba(0,0,0,0.85) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(64,64,64,1) 0%,rgba(64,64,64,0.93) 46%,rgba(0,0,0,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(64,64,64,1) 0%,rgba(64,64,64,0.93) 46%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#d9000000',GradientType=0 ); /* IE6-9 */

}
   #radioControls span {color:#00F414; height: 12px;display: block;}
   #top_menu ul li #radioControls a {   padding: 3px;}
input[type=range] {
  -webkit-appearance: none;
  width: 30px;
  margin: 4.1px 0; padding: 0;
      height: 17px;
    background-color: transparent;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 2.8px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #ffffff;
  border-radius: 0px;
  border: 0px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0.4px 0.4px 0.4px #000000, 0px 0px 0.4px #0d0d0d;
  border: 0px solid #ffffff;
  height: 11px;
  width: 6px;
  border-radius: 10px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -4.1px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ffffff;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 2.8px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #ffffff;
  border-radius: 0px;
  border: 0px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0.4px 0.4px 0.4px #000000, 0px 0px 0.4px #0d0d0d;
  border: 0px solid #ffffff;
  height: 11px;
  width: 6px;
  border-radius: 10px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 2.8px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #ffffff;
  border: 0px solid #010101;
  border-radius: 0px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #ffffff;
  border: 0px solid #010101;
  border-radius: 0px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 0.4px 0.4px 0.4px #000000, 0px 0px 0.4px #0d0d0d;
  border: 0px solid #ffffff;
  height: 11px;
  width: 6px;
  border-radius: 10px;
  background: #ffffff;
  cursor: pointer;
  height: 2.8px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #ffffff;
}
input[type=range]:focus::-ms-fill-upper {
  background: #ffffff;
}
/* ******************** *
 * END radio / traders talk *
 * ******************** */