@charset "utf-8";
/* 
Font sizes:
	10px = 80%
	11px = 92%
	12px = 100% = .75em
	14px = 115%
	16px = 138%
*/
/*Basic Reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, a,
pre, code, form, fieldset, legend, input, textarea, p, blockquote, table, th, td {margin:0;padding:0;}
img, fieldset, legend, table, tr, td, th{border:none;}

/*Tags*/
body{font:normal normal normal 12px/1.4em Arial, Helvetica, sans-serif;text-align:center;background:#fff;}
h1{font-size:138%;font-weight:bold;}
h2{font-size:115%;font-weight:bold;padding-bottom:.5em;}
h3{font-size:100%;font-weight:bold;padding-bottom:.5em;}
p{padding-bottom:.5em;}
input, select, textarea, button{font:normal normal normal 12px/1.4em Verdana, Arial, Helvetica, sans-serif}

/*Reset Drupal defaults*/
.form-item, form-radio, list-item{padding:0;margin:0;}
.left{float:left;}
.right{float:right;}
/*IE Hacks*/
/*Don't use fixed font size for accessibility, .75em = 12px IE6*/
body{_font-size:.75em;_line-height:1.4em;}
/*Apply hasLayout on all DIV tags IE6/7*/
div{zoom:1;}

#container{overflow:hidden;margin:0 auto;width:816px;background:url(/media/images/bg_main.gif) repeat-y left top;text-align:left;}
#header{margin:0 8px;}
	#header h1 a{display:block;overflow:hidden;white-space:nowrap;text-align:left;text-indent:-9999px;background:url(/media/images/bg_header.jpg) no-repeat left top;height:133px;}
#menu{margin:0 8px;background:url(/media/images/bg_menu.jpg) no-repeat left top;overflow:hidden;height:29px;}
	#menu ul{list-style-type:none;padding-left:100px}
	#menu li{list-style-type:none;float:left;padding:7px 15px 0 15px;}
	#menu li a{display:block;color:#fff;text-decoration:none;font-size:92%;width:92px;height:22px;line-height:22px;text-align:center;background:url(/media/images/bg_menu_item.gif) no-repeat left top}
	#menu li a.active{background:url(/media/images/bg_menu_item_active.gif) no-repeat left top;color:#160c69}
	#menu li a:hover{text-decoration:underline;}
#msg{margin:8px;background:url(/media/images/bg_text_bar.jpg) no-repeat center top;height:43px;line-height:43px;padding:0 20px;color:#fff;font-size:115%;}
#main{margin:0 12px;}
	.main_sec{overflow:hidden;padding:10px;}
	/*Home Page*/
	#broker_list{width:188px;float:right;}
	#broker_list legend{display:none;}
	#broker_list span{color:#3a3a7a;padding:0 20px;cursor:pointer;white-space:nowrap;}
	#broker_list ul{list-style-type:none;}
	#broker_list li{list-style-type:none;height:35px;line-height:35px;background:url(/media/images/bg_list_item.gif) no-repeat left top;margin-top:8px;}
	#broker_list li.active{background:url(/media/images/bg_list_active.gif) no-repeat left top;}
	#broker_list input{margin-right:1em;}
	
	#robot_data{width:570px;overflow:hidden;float:left;}
	#robot_data .robot_item{width:182px;height:275px;margin-right:10px;float:left;clear:right;padding-bottom:16px;overflow:hidden;margin:0; cursor:pointer}
	#robot_data .robot_item h2{color:#fff;font-size:138%;width:50px;padding-left:20px;text-align:center;height:36px;line-height:36px;}
	#robot_data .robot_item p{color:#403599;font-size:115%;text-align:center;padding:15px 10px;}
	
	#robot_data .blue{background:url(/media/images/bg_blue_box.jpg) no-repeat left top;}
	#robot_data .green{background:url(/media/images/bg_green_box.jpg) no-repeat left top;}
	#robot_data .orange{background:url(/media/images/bg_orange_box.jpg) no-repeat left top;}
	
	#robot_table{float:left;width:197px;}
	#robot_table table{border:3px solid #888;border-collapse:collapse;height:213px;width:100%;margin-top:1px;}
	#robot_table thead{border-bottom:3px solid #888;}
	#robot_table thead th{background:url(/media/images/bg_thead.jpg) repeat-x left top;height:30px;vertical-align:middle;font-size:115%;color:#fff;padding-left:15px;height:30px;}
	#robot_table tbody th{color:#8b8b8b;border-left:1px solid #fff;background:#eff4fb;padding:5px;}
	#robot_table tbody td{color:#686868;border-left:1px solid #fff;background:#eff4fb;padding:2px;}
	
	#welcome_note{float:right;width:560px;height:216px;background:url(/media/images/bg_welcome.gif) no-repeat left top;overflow:hidden;}
	#welcome_text{margin:20px;height:176px;overflow:auto;}
	#welcome_note h2{color:#c97032;font-size:178%;font-weight:normal;}
	#welcome_note p{color:#000;}

	/*Robots page*/
	.robot_list{border:none;padding:0;margin:0;width:99%;}
	.robot_list th{border:none;padding:0;margin:0 0 10px 0;}
	.robot_list th a.sign_button{display:block;vertical-align:middle;color:#fff;font-size:107%;text-decoration:none;font-weight:bold;padding:20px 10px;margin-right:10px;width:101px;height:30px;background:url(/media/images/btn_large.gif) no-repeat left top;text-align:center;}
	.robot_list td{margin:0;border-top:2px solid #77a2c2;border-bottom:2px solid #77a2c2;padding:4px 2px;background:#fff;vertical-align:middle;}
	.robot_list td.table_left{padding-left:4px;border-left:2px solid #77a2c2;}
	.robot_list td.table_right{padding-right:4px;border-right:2px solid #77a2c2;}
	.robot_list div{height:88px;text-align:center;}
	.robot_list div.robot_header{background:#e1f8ff;padding:0 20px;}
	.robot_list div.robot_header h3{font-size:138%;padding-top:10px;white-space:nowrap;}
	.robot_list div.robot_detail span{background:#dedede;margin:0 2px 4px 0;height:19px;width:126px;text-align:center;display:block;}
	.robot_list div.robot_link a{padding:6px 15px 0;display:block;width:60px}
	.robot_list td.robot_separator{border:0;padding:0;margin:0;height:10px;overflow:hidden;font-size:10%;line-height:.9em;}
	
	.robot_header hr { border:0; border-bottom:2px solid #FFFFFF;}
	/*Robot page*/
	#robot_header{overflow:hidden;padding:20px 50px 0;}
	#robot_header div{text-align:center;}
	#robot_header h3{font-size:153%;color:#3d3b5a;}
	#robot_header span{display:block;font-size:122%;color:#3d3b5a;}	
		#robot_name{float:left;width:47%;}
		#broker_name{float:right;width:47%;}
	
	#robot_get{text-align:center;padding:30px; float:right}
	#robot_get, #robot_get_left{width:35%}
	#robot_get_left a, #robot_get a{width:223px;height:85px;display:block;text-align:center;text-decoration:none;padding:20px 0 0 0;margin:0 auto;background:#fff url(/media/images/btn_reflect_large.jpg) no-repeat left top;color:#fff;font-weight:bold;font-size:138%;}
	#robot_get_left{text-align:center;padding:30px; float:left}
	
	#robot_details{overflow:hidden;}
	#robot_details form{overflow:hidden;width:100%;margin-bottom:10px;}
	#robot_details input, #robot_details label{float:left;clear:right;display:block;}
	#robot_details input{margin:10px 2px 0 0 }
	
	
	#statment_account { width:640px;margin:auto;overflow:hidden; }
	#robot_details .graph_image{border:3px solid #a8bcd5;padding:10px;height:200px;text-align:center;}
		
		#graph_minor{float:left;width:45%;}
		#graph_minor label{height:29px;width:76px;line-height:29px;color:#fff;font-weight:bold;text-align:center;margin-right:5px;background:url(/media/images/btn_dark_small.jpg) no-repeat left top;}
		#graph_details span{width:49%;margin-bottom:6px;display:block;background:#a8bcd5;padding:5px 0;text-align:center;}
		
		#graph_magor{float:right;width:52%;}
		#graph_magor label{height:29px;width:56px;line-height:29px;color:#fff;font-weight:bold;text-align:center;margin-right:5px;background:url(/media/images/btn_light_smaller.jpg) no-repeat left top;}
		#graph_actions, #graph_details{overflow:hidden;padding-top:10px;}
		#graph_actions a{width:191px;height:70px;display:block;text-align:center;text-decoration:none;padding:15px 0 0 0;background:#fff url(/media/images/btn_reflect_med.jpg) no-repeat left top;color:#fff;font-weight:bold;font-size:138%;}
	
	/*START for IE*/
	#robot_details input{*margin:5px 0 0 0;}
	#robot_details label{*margin-right:3px;}
	/*END*/	
	
	/*User Data*/
	#user_data{overflow:hidden;padding:20px 50px 0;}
	#user_data h3{text-align:center;font-size:138%;color:#3d3b5a;padding-bottom:30px}	
		#connection_data{float:left;width:50%;}
		#billing_data{float:right;width:45%;}
	#user_data label{float:left;font-weight:bold;padding-bottom:10px;width:3.5em}
	#user_data input{margin-left:1em;border:1px solid #fff;padding:2px 2px;}
	#user_data div.form{padding-bottom:10px;}
	#user_data .user_submit{border-color:#b3c9da;background:#b3c9da;padding:1px 2px;}
	
	.user_data_table{padding:10px 55px}
	.user_data_table table{width:100%;text-align:center;vertical-align:middle;border:2px solid #48639a;background:#e8e8e8;font-weight:bold;font-size:115%;padding:5px;}
	.user_data_table td{border-top: 1px solid #48639a;padding:7px;color:#75a6cc;border-right:2px solid #48639a}
	.user_data_table th{color:#000;padding:7px;border-right:2px solid #48639a}
	.user_data_table td.last,.user_data_table th.last{border-right:none;}
	.header_reflect{height:30px;color:#fff;padding-top:15px;text-align:center;background:url(/media/images/header_reflect_large.jpg) no-repeat center top}	
	/*Blue round corners box*/
	.box{margin:0;}
	.box h3{padding-bottom:20px;}
	.blue_round .box_tr{overflow:hidden;height:5px;padding-right:5px;background:url(/media/images/blue_rounded_tr.gif) no-repeat right top;}
	.blue_round .box_tl{overflow:hidden;height:5px;background:url(/media/images/blue_rounded_tl.gif) no-repeat left top;}
	.blue_round .box_br{overflow:hidden;height:5px;padding-right:5px;background:url(/media/images/blue_rounded_br.gif) no-repeat right top;}
	.blue_round .box_bl{overflow:hidden;height:5px;background:url(/media/images/blue_rounded_bl.gif) no-repeat left top;}
	.blue_round .box_content{height:100%;border-left:1px solid #dedede;border-right:1px solid #dedede;background:#F4F8FD;padding:20px 10px;overflow:hidden;}

#footer{height:46px;line-height:34px;background:url(/media/images/bg_footer.gif) no-repeat left top;margin-top:30px}
	#footer ul{list-style-type:none;padding-left:16px;}
	#footer li{list-style-type:none;float:left;padding:0 28px 0 25px;background:url(/media/images/bg_footer_seperator.gif) no-repeat right center;}
	#footer li.last{background:none;}
	#footer li.help{background:url(/media/images/bg_footer_seperator.gif) no-repeat left center;}
	#footer li a{text-decoration:none;color:#000;}
	#footer li a:hover{text-decoration:underline}
	
	
	
/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
	width: 750px; 
	height: 40px; 
	margin: 0; 
	padding: 0;
	overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 24px;
	top: 10px;
	width: 718px;
	overflow: hidden;
}
ul.newsticker { /* that's your list */
	position: relative;
	left: 750px;
	font: bold 10px Verdana;
	list-style-type: none;
	margin: 0;
	padding: 0;

}
ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
}
ul.newsticker span.signal {
	white-space: nowrap;
	padding: 0;
	color: black;
	font: bold 150% Verdana;
	margin: 0 50px 0 0;
}
ul.newsticker span.date {
	margin: 0 10px 0 0;
} 
/* thickbox */


#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}



/* thickbox */


/* Pages */

div.Pages {
	margin-top:10px;
	text-align:center;
}

a.PgNS {
	border:1px solid #CCCCCC;
	padding-left:2px;
	text-decoration:none;
}

a.PgN,a.PgNS:hover {
	border:1px solid #CCCCCC;
	padding-left:2px;
	text-decoration:none;
	background-color: #C6D3E7;
	color:black;
}

span.alt-robot {
color:#A8BCD5;
}
/* Pages */


span.robot-line-through { display:block; cursor:pointer;  background:url(/media/images/star3.gif) no-repeat scroll 0% -3px; color:#C2C9CF;  padding-left:24px; line-height:23px;} /*text-decoration: line-through;*/
span.robot-through { display:block; cursor:pointer;  text-decoration: none;  background:url(/media/images/star3.gif) no-repeat scroll 0% -27px; padding-left:24px;  line-height:23px;}

span.robot-active:before { content:'Now active'; }


span.robot-notactive { color:red;  }
span.robot-notactive:before { content:'Not active'; }






/*valid*/
form, fieldset {
	margin: 0;
	padding: 0;
}

legend {
	padding: 0;
	color: #000;
}

select { padding: 0; }

#FormAdd label.error,#register label.error, #loginpage label.error,#register label.error{ color:red; display:block; }

form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
}

form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	cursor: hand;
}

form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
}

form.cmxform fieldset fieldset label {
	display: block;
}

form.cmxform legend {
	padding-left: 0;
}

form.cmxform legend, form.cmxform label {
	color: #333;
}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	display: none;
	color: red;
	font-style: italic
}
div.error { display: none; }
input {	border: 1px solid black; }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }