*{ margin:0; padding:0; }

body {
  min-height: 400px;
  color:#242424;
  background-color:#dbdbdb;
  border:none;
  font-family:  Verdana,Arial,'Lucida Grande';
  font-size:13px;
  }

td {
	vertical-align:top;
	}

th {
	text-align:left;
	background-color:rgba(0,0,0,0.1);
	}

a, a:visited {
	text-decoration:underline;
	font-size:0.9em;
	font-weight:bolder;
	color:#00a;
//	background-color:rgba(255,255,0,0.3);
//	border-bottom:1px solid rgba(0,0,250,0.5);
//	border:1px solid rgba(0,0,0,0.2);
//	-webkit-box-shadow: 1px 2px 3px  rgba(0,0,0,0.4);		
//	margin:2px;
// 	border-radius: 3px;
	}

li {
	margin-left:24px;
	}

.drag{position:relative;cursor:pointer;
}

#toppanel {
	z-index: 10; 
	overflow-x: hidden; 
	overflow-y: hidden; 
	position: fixed;
	display: block; 
	padding: 0px 0px;
	top: 8px; 
	color:#FFFFFF;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0020f0, endColorstr=#0020f0);
	background: -moz-linear-gradient(top, #0020f0, #0020f0) no-repeat; 
	background: -webkit-gradient(linear, 0% 0%, 0% 100% , from(#0020f0), to(#0020f0));
	//background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#C0C0D0), to(#A0A0B0), color-stop(.9,#9090a0));
	width: 100%; 
	height: 34px;
	border-top: 1px solid #555;
	border-bottom: 1px solid black;
	}

#leftpanel,#rightpanel {
	display: block; 
	z-index: 12; 
	overflow-x: hidden; 
	overflow-y: hidden; 
	position: fixed;
	top: 60px; 
	width:34px; 
	bottom:0px;
	color:#19395d;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0020f0, endColorstr=#0020f0);
	background: -moz-linear-gradient(top, #0020f0, #0020f0) no-repeat; 
	background: -webkit-gradient(linear, 0% 0%, 0% 100% , from(#0020f0), to(#0020f0));
	}

#rightpanel {
	right:0;
	}

#bottompanel {
	z-index: 11; 
	overflow-x: hidden; 
	overflow-y: hidden; 
	position: fixed;
	display: block; 
	left:34px;
	right:34px;
	bottom: 0; 
	height: 30px;
	background:#0020f0;
	}

body, #mainpanel, #hostpanel, #tabpanel {
// 	background: -webkit-gradient(radial, 40% -400, 0, 40% 0, 1000, from(#f5f5fa), to(#c0c0c9)) #c0c0c9;	
//	background:url('images/circuit3.png');
	background:url('images/blue1.png');
	}

#mainpanel {
	z-index: 13; 
	position: fixed;
	display: block; 
 	left: 0px;
 	right: 0px;
 	bottom:0px;
// 	left: 34px;
// 	right: 34px;
// 	bottom:30px;
 	top:44px;
	border: 1px solid #888;
	padding: 2px 2px;
	overflow:auto;
	-moz-box-shadow: 1px 2px 2px  rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.4);	
	}

#sidebar {
 	z-index:2;
	position:absolute;
	top:12px;
	left:6px;
	width:160px;
	bottom:0px;	
	}


.sidebox 
	{
	z-index:3; 
	left:0px;
	right:0px;
	background-color:#edf0ff;
	border: 1px solid #336;
	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
  	border-radius: 4px;
	padding: 2px 5px;
	margin-bottom:1px;
	-moz-box-shadow: 1px 2px 3px  rgba(50,50,100,0.8);
	-webkit-box-shadow: 1px 2px 3px rgba(50,50,100,0.8);	
	}

.sidebox a {
  	text-decoration:none;
	}

.sidedot {
 	float:left;
 	margin-top:2px;
 	margin-right:5px;
 	width:12px;
 	height:12px;
	background-color:#448;
	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
  	border-radius: 4px;
	text-shadow: 0px 1px 1px rgba(0,0,0,1);
 	}


#flag {
 	position:absolute;
 	left:6px;
 	top:3px;
 	width:60px;
 	height:40px;
 	background-color:#bdbdbd;
 	border:1px solid rgba(100,100,180,0.9);
	-moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 2px 3px  rgba(0,0,0,0.4);		
	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
  	border-radius: 4px;
	}
#flagstripe1,#flagstripe2,#flagcircle1,#flagcircle2 {
 	//background-color:#3826ae;
 	background-color:#0020f0;
	}	
#flagstripe1, #flagstripe2 {
 	position:absolute;
	width:100%;
	height:5px;	
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.6);		
	}
#flagstripe1 { top:4px; }
#flagstripe2 { top:31px; }
#flagcircle1, #flagcircle2 {
	position:absolute;
	width: 18px;
	height:18px;
	top:11px;
	color:#eef;
	font-family:verdana;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	text-shadow: 0px 0px 3px rgba(220,220,220,1);
	-moz-border-radius: 9px;
  	-webkit-border-radius: 9px;
  	border-radius: 9px;
	}

#flagcircle1 { left: 12px; }
#flagcircle2 { left: 31px; }

#maintitle,#userbox {
	position:absolute;
 	z-index:80;
	border:1px solid #303030;
  	border-radius: 4px;
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 2px 3px  rgba(0,0,0,0.4);		
	top:0px;
	height:49px;
	}

#maintitle {
	left:0px;
	font-weight: bold;
	font-size:2.6em;
	font-family:sans-serif;
	}

#inter {
 	float:left;
 	background-color:#0020f0;
	color:#eeeef5;
	text-shadow: 0px 2px 2px rgba(0,0,0,0.6);
	padding:4px;
	padding-left:80px;
	}
#planetic {
 	float:left;
 	background-color:#d0d0e0;
	color:#0000ff;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.6);
	padding:4px 2px;
	padding-right:6px;
	border-radius:4px;
	}

#userbox {
 	padding-left:4px;
//	background: -webkit-gradient(linear, 0% 80%, 0% 100% , from(#e0e0e9), to(#c0c0c0));
//	background: -moz-linear-gradient(top, #e9e9ef, #d0d0d0) no-repeat; 
 	//background-color:#d0d0e0;
// 	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c0c0d0), to(#c0c0d0), color-stop(.2,#b8b8c8),color-stop(.5,#b0b0c0),color-stop(.8,#b8b8c8));
//	background: -moz-linear-gradient(19% 75% 90deg,#C0C0D0, #C0C0D0, #B8B8C8 20%,#B0B0C0 50%,#B8B8C8 80%);
	background-color: #d0d0e0;
	left:470px;
	width:220px;
	font-weight:bold;
	text-shadow: 0px 1px 1px rgba(250,250,250,0.5);
	}

#userlinks {
 	position:absolute;
	left:7px;
	top:15px;
	}

#userlinks a {
	text-decoration:none;
	}


.languages {
 	z-index:4;
 	position:absolute;
	left:700px;
	bottom:4px;
	font-size:0.8em;
//	width:50px;
	}

.flag {
	margin:1px;
	padding:1px;
 	border:2px solid rgba(0,0,0,0);
	opacity:0.75;
	border-top: 2px solid #eee;
	border-left: 2px solid #eee;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	-moz-box-shadow:    1px 1px 1px rgba(0,0,0,0.8);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.8);	
	}

.selflag {
	margin:1px;
	padding:1px;
	border:2px solid rgba(255,255,255,0.8);
	opacity:1;
	border-top: 2px solid #666;
	border-left: 2px solid #666;
	border-bottom: 2px solid #eee;
	border-right: 2px solid #eee;
	}


.header 
	{ 
	font-weight:bold;
	cursor:move;
	background-color: rgba(0,0,0,0.1);
	-moz-border-radius: 3px 3px 0px 0px;
  	-webkit-border-radius: 3px 3px 0px 0px;
  	border-radius: 2px 2px 0px 0px;
  	border-bottom: 1px solid rgba(0,0,0,0.2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3656e6, endColorstr=#10166b);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3656e6), to(#101668)) no-repeat; 
	background: -moz-linear-gradient(top, #3656e6, #10166b) no-repeat; 
	color:white;
	padding-left:20px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom: 5px;
  	text-decoration:none;
	}
.header a {text-decoration:none;}

.windot {
 	position:absolute;
 	left:1px;
 	top:1px;
 	width:16px;
 	height:16px;
	background-color:#448;
	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
  	border-radius: 4px;
	text-shadow: 0px 1px 1px rgba(0,0,0,1);
	visibility:hidden;
 	}

.winclose {
	position:absolute;
	width:14px;
	height:14px;
	top:1px;
	right:3px;
	background-color:#f66;
	border:1px solid #903030;
	-moz-border-radius: 6px;
  	-webkit-border-radius: 6px;
  	border-radius: 4px;
	text-shadow: 0px 1px 1px rgba(0,0,0,1);
	}
.winclosex {
	position:absolute;
	top:-5px;
	left:-1px;
	font-size:17px;
	text-align:center;
	font-weight:bolder;
	color:#fff;
	text-shadow: 0px 0px 2px rgba(0,0,0,1);
	}

.window
	{
	position:absolute;
	left:200px;
	right:20px;
	top:20px;
	bottom:24px;
	padding: 0px 0px;
	overflow:auto;
	border:1px solid rgba(0,0,0,0.4);
	background-color: #edf0ff;
	background: -webkit-gradient(linear, 0% 50, 0% 80, from(#F3F3FF), to(#edf0ff)) no-repeat; 
	-moz-box-shadow: 1px 2px 2px  rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.4);	
	-moz-border-radius: 4px 4px 3px 3px;
  	-webkit-border-radius: 4px 4px 3px 3px;
  	border-radius: 4px 4px 3px 3px;
  	min-width:150px;
  	min-height:50px;
	}

.winclient {
	position:absolute;
	left:12px;
	right:12px;
	bottom:10px;
	top:30px;
	overflow:auto;
	}

.winsizer {
 	z-index:99;
 	cursor:nw-resize;
	position:absolute;
	width:6px;
	height:6px;
	right:1px;
	bottom:1px;
	border:1px solid rgba(0,0,0,0.15);	
	background-color:rgba(0,0,0,0.15);
  	-webkit-border-radius: 8px 0px 2px 0px;
	-moz-border-radius: 8px 0px 2px 0px;
	border-radius: 8px 0px 2px 0px;
	}

.graycell {
	padding:8px;
	text-align:center;
	background-color:rgba(80,100,100,0.4);
	border:1px solid rgba(80,80,80,0.6);
	-moz-box-shadow: 1px 2px 1px  rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 2px 1px rgba(0,0,0,0.4);	
	}
.centercell {text-align:center; 
	text-shadow: 0px 0px 1px rgba(0,0,0,1);
	}

//.el {display:none;}
//.en {display:visible;}


#edit1 {
 	float:left;
// 	top:0
// 	position:absolute;
// 	z-index:100;
// 	left:10px;
// 	top:30px;
// 	width:250px;
// 	bottom:50px;
	}

#edit2 {
 	float:left;
// 	position:absolute;
// 	z-index:101;
// 	left:270px;
// 	padding:5px;
//	top:30px;
	border:1px solid rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.4);	
//	background-color: rgba(255,255,255,0.95);
//	opacity:;
	}

#edit2a {
//	border:1px solid red;
	}

td.products1 {
	width:180px;
	font-weight:bolder;
	}


td.products2 {
	padding-bottom:10px;
	}

#hostbox {
 	position:absolute;
 	right:20px;
 	bottom:8px;
	}
	
#bestbox {
 	position:absolute;
 	z-index:1;
 	right:10px;
 	bottom:2px;
	}
	
.error {
	font-weight:bold;
	color:#000;
	background-color:#f88;
	padding-left:20px;
	padding-right:20px;
	-moz-border-radius: 3px;
  	-webkit-border-radius: 3px;
  	border-radius: 3px;
	}

#errorbox {
	position:absolute;
	bottom:20px;
	left:20px;
	z-index:999;
	background-color:#faa;
	border:1px solid red;
	border-radius:3px;
	}

.bottommiddle {
	position:absolute;
	bottom:15px;
	left:100px;
	right:100px;
	}

.translate1,.translate1a { width:170px;}
.translate1 {background-color: rgba(0,0,0,0.1);	text-align:center; }
.translate2 { width:340px; }

#explain {
 	position:absolute;
 	left:300px;
 	top:0px;
	}

#testdiv {
	position:absolute;
	right:10px;
	bottom:40px;
	background-color:#e06060;
	}

.bold { font-weight:bold; }
.small { font-size:0.8em; }
.floatleft {float:left; margin-left:6px;}
.framed {border:1px solid rgba(0,0,0,0.3);}