html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}


html           {height:100%;}

body           {font-family:Tahoma;
	            font-size:11px; color:#000000; position:relative; margin:0 auto; min-height:100%; height:auto !important; height:100%;
	            z-index:0; width:960px; line-height:1.4em;behavior:url(csshover.htc);}
				
a              {text-decoration:underline; color:#807560}
a:hover        {color:#cc7032 !important}

h1				{font-size:19px; font-family:Arial; font-weight:normal; color:#000; padding-bottom:18px}
h2				{font-size:12px; font-weight:bold; color:#000; padding-bottom:10px; font-family:Arial}
h3				{font-size:11px; font-weight:bold; color:#000; padding:0 0 8px 0}
h4				{font-size:11px; font-weight:bold; padding:0 0 11px 0}

/*----------------------
	head
----------------------*/
.head		{overflow:hidden; zoom:1; height:100px; background:url(../images/head.jpg) 0 0 repeat-x}
	.logo	{float:left; padding:16px 0 0 35px; width:135px}
		.logo img	{width:96px; height:65px; background:url(../images/box_img.gif) 0 0 no-repeat}
	.menuHorizTop	{float:left; position:relative; padding:18px 0 0 0; height:43px}
		.menuHorizTop img	{width:314px; height:27px; background:url(../images/box_img.gif) 0 -71px no-repeat}
		.menuHorizTop span	{position:absolute; left:-999px}
		.menuHoriz	{position:relative; clear:both; background:#1c191c; overflow:hidden; zoom:1; padding:0 0 14px 10px; width:612px}
		.menuHoriz li	{float:left; padding-top:14px; list-style:none}
		.menuHoriz span	{position:absolute; left:-999px}
		.menuHoriz b	{display:block; border-right:1px dotted #807560; padding:0 10px}
		.menu_1 img	{width:72px; height:10px; background:url(../images/box_img.gif) 0 -106px no-repeat}
		.menu_2 img	{width:52px; height:10px; background:url(../images/box_img.gif) -93px -106px no-repeat}
		.menu_3 img	{width:20px; height:10px; background:url(../images/box_img.gif) -166px -106px no-repeat}
		.menu_4 img	{width:105px; height:10px; background:url(../images/box_img.gif) -207px -106px no-repeat}
		.menu_5 img	{width:72px; height:10px; background:url(../images/box_img.gif) -333px -106px no-repeat}
		.menu_6 img	{width:65px; height:10px; background:url(../images/box_img.gif) -426px -106px no-repeat}
		.menu_7 img	{width:63px; height:10px; background:url(../images/box_img.gif) -513px -106px no-repeat}
		.menu_7 b	{border:0}
	.headCenter	{float:left; position:relative}
	.navigator	{float:right; position:absolute; top:18px; right:7px}
		.navigator li	{float:right; list-style:none; padding:0 8px; border-left:1px dotted #958a74; overflow:hidden}
			.navigator li a	{color:#b5bcb2}
		.menuLiLeft	{border:0 !important}
		.menuHoriz .active, .menuHoriz li:hover	{background:url(../images/menu_marker.gif) center 0 no-repeat}
	
/*---------------------
	content
----------------------*/
.contentTop		{position:relative; overflow:hidden; zoom:1}
	.crumbs	{float:left; width:400px; color:#666; padding:11px 0 0 10px; height:27px}
		.crumbs a	{color:#666; text-decoration:none}
		.crumbs span	{color:#b8b8b8}
	.button	{float:right; padding:9px 0 0 0; width:175px}
		.button	a	{display:block; float:right; padding:1px 12px 0 12px; height:18px; margin-left:6px; color:#e7dac2; text-decoration:none; background:#807560}
		.button	a:hover	{background:#434641}
	.data	{float:right; text-align:right; color:#666; padding:12px 10px 0 0; width:200px}
		.data span	{color:#b8b8b8}

#content     {overflow:hidden; zoom:1; padding-bottom:10px}

.required {
	font-size: 9px;
	color: #FF0000;
}
.form_comment {
	font-size: 9px;
	font-style: italic;
}
.plans_form table {margin-bottom:15px; width:100%}
.plans_form td {vertical-align:top; text-align:center; padding:7px 0 9px 0; border-bottom:1px dotted #ababab; color:#000000}
.plans_form th {padding:7px 0 9px 0; background:#f9f9f9; font-weight:bold; border-bottom:1px solid #dbdbdb; color:#000000}
.error_box {
	background-color: #FFCCCC;
	border: 2px solid #FF8282;
	list-style-type: square;
	width: 400px;
	color: #FF0000;
}

.vertical_menu {
	width: 95%;
	color: #00FF00;
	display: block;
}

.vertical_menu a {
	padding-left: 32px;
}

/*-- left column --*/
#left_column	{float:left; width:169px; overflow:hidden; zoom:1}
	.autoriz	{height:178px; background:url(../images/autoriz.jpg) 0 0 no-repeat; overflow:hidden; padding:14px 0 0 11px}
		.autoriz p	{padding-bottom:4px}
		.header	{padding:0 0 13px 0; font-size:5px; position:relative; overflow:hidden; zoom:1}
			.header	img	{width:93px; height:9px; background:url(../images/box_img.gif) 0 -123px no-repeat}
			.header span	{position:absolute; left:-999px}
	.inputText	{width:142px; height:18px; padding:2px 0 0 5px; border:1px solid #aaadb2; font-family:Tahoma; font-size:11px; color:#737373}
	.password	{width:102px; float:left; margin-right:9px}
	.clava	{}
		.clava img	{width:31px; height:15px; background:url(../images/box_img.gif) 0 -139px no-repeat; margin:3px 0 0 0}
	* html .pCode	{display:block; padding:3px 0 0 0; zoom:1; margin-bottom:-2px}
	.codeInput	{float:right; width:32px; margin-left:4px; margin-right:9px}
	.code	{float:right; display:block; height:22px; overflow:hidden; zoom:1; border:1px solid #5e5957; margin-top:-1px}
	.textCode	{display:block; float:left; padding-top:4px; color:#737373}
	.buttonLogin	{width:150px; margin-bottom:3px; margin-top:2px}
	.sign	{display:block; float:right; background:url(../images/marker.gif) 0 3px no-repeat; padding:0 0 0 17px; color:#fff; margin-right:9px}
	.box_left	{padding:0 0 0 10px}
		.header2 {padding:0 0 22px 0; overflow:hidden; zoom:1; position:relative}
			.header2 img	{width:143px; height:13px; background:url(../images/box_img.gif) 0 -163px no-repeat}
			.header2 span	{position:absolute; left:-999px}
		.news	{overflow:hidden; zoom:1; padding:0 0 13px 0}
			.news dt	{color:#ff0000; font-size:9px; padding-bottom:3px}
			.news dd	{color:#}
				.news dd h4	{font-weight:bold; color:#000; font-size:11px; padding:0 0 4px 0}
			.boxArhiv	{padding-bottom:50px}
				.boxArhiv a	{font-weight:bold; padding-left:18px; background:url(../images/marker.gif) 0 3px no-repeat}
			.boxLeftBaner td	{width:88px; padding-bottom:10px; vertical-align:top; color:#a1a1a1}
			.boxLeftBaner th	{text-align:left; vertical-align:top}
			.boxLeftBaner img	{border:1px solid #eaeaec}
	.header4 {padding:0 0 2px 0; overflow:hidden; zoom:1; position:relative; font-size:5px; margin:0}
		.header4 img	{width:136px; height:9px; background:url(../images/box_img.gif) 0 -205px no-repeat}
		.header4 span	{position:absolute; left:-999px}
	.menuNavigator	{padding:0 0 5px 0; overflow:hidden; zoom:1}
		.menuNavigator li	{list-style:none; background:url(../images/marker3.gif) 2px 5px no-repeat; padding:0 0 2px 19px}
			.menuNavigator a 	{color:#cec5b3; text-decoration:none}
/*-- right column --*/
#right_column	{float:right; width:169px}
	.right_box	{padding-left:10px}
	.calculator	{height:193px}
	.header3 {padding:0 0 13px 0; overflow:hidden; zoom:1; position:relative}
		.header3 img	{width:136px; height:16px; background:url(../images/box_img.gif) 0 -182px no-repeat}
		.header3 span	{position:absolute; left:-999px}
	.menuRight	{overflow:hidden; zoom:1; padding-bottom:4px}
		.menuRight li	{padding:0 0 8px 0; list-style:none}
	.stat	{padding-bottom:8px}
	.textRight	{color:#9e9e9e}

/*-- middle column --*/
#middle_column	{width:620px; float:left; padding-left:1px}
	.headerBaner	{height:171px; background:url(../images/header.jpg) 0 0 no-repeat; color:#fff; font-family:Arial}
		.headerBanerL	{float:left; padding:69px 29px 0 21px; width:171px;}
		.headerBanerR	{float:left; width:179px; padding-top:69px}
	.menuCenter	{padding:20px 0 19px 21px; overflow:hidden; zoom:1}
		.menuCenter	li	{list-style:none; float:left; padding-right:2px}
			.menuCenter	li a	{display:block; float:left; padding:2px 9px 4px 9px; color:#807560; font-weight:bold}
			.menuCenter	li a:hover, .menuCenter .active	a {background:#ff0000; color:#fff !important; text-decoration:none}
	.boxTable		{padding:0 0 18px 21px; width:579px}
			.boxTable th	{padding:7px 0 9px 9px; background:#4b4745; color:#959698; font-weight:normal; text-align:left}
			.boxTable td	{padding:7px 9px 9px 0; background:#4b4745; color:#d1c2a5; width:20%; white-space:nowrap}
			.tr_bottom th	{padding:7px 0 9px 9px; background:#f4f3f1; color:#959698; font-weight:normal; text-align:left}
			.tr_bottom td	{padding:7px 9px 9px 0; background:#f4f3f1; color:#4b4745;}
		.tableLeft	{float:left; width:181px}
		.tableRight	{float:right; width:181px}
		.tableCenter	{margin:0 auto; width:181px}
	.boxText	{padding:0 20px 20px 21px; color:#000000; overflow:hidden; zoom:1; border-bottom:1px dotted #000}
	.box3Column		{padding:19px 0 18px 14px}
		.Table3Column td	{padding:0 7px; vertical-align:top; color:#000000; width:31%}
		.Table3Column h4	{font-size:12px; font-weight:bold; padding-bottom:11px; color:#000}
		.Table3Column p	{padding-bottom:15px}
	.boxMarker	{padding:15px 0 0 0; border-top:1px dotted #c4c4c4}
		.boxMarker p	{padding:0}
		.boxMarker a	{padding-left:18px; background:url(../images/marker.gif) 0 3px no-repeat}
	.boxTextContent	{padding:18px 0 0 21px; width:579px; color:#000000}
		.boxTextContent p	{padding-bottom:15px}
		.boxTextContent	ul	{overflow:hidden; zoom:1; padding-bottom:10px}
			.boxTextContent	ul li	{padding:0 0 5px 14px; list-style:none; background:url(../images/marker2.gif) 0 7px no-repeat}
	.boxTextContent table	{margin-bottom:15px; width:100%}
		.boxTextContent th	{padding:7px 0 9px 0; background:#f9f9f9; font-weight:normal; border-bottom:1px solid #dbdbdb; color:#000000}
		.boxTextContent td	{vertical-align:top; text-align:center; padding:7px 0 9px 0; border-bottom:1px dotted #ababab; color:#000000}

/* =============== List table (records) ================== */

.list {
	font-size:smaller; 	
	margin-left: auto;
	margin-right: auto;	
}

.list th {
	background-color: #aaaaaa;
	color: #ffffff;
}

.list td {
	background-color: #eeeeee;
}

/* ============= Pagination ============== */

.pagination {
	white-space: nowrap;
}

.pagination span,.pagination a {
	border: 1px solid #000000;
	text-decoration: none;
	margin: 1px;
	padding: 2px;
}

.pagination a:hover {
	background-color: #000000;
	color: #ffffff;
}

.pagination a {
	background-color: #bbbbbb;
	color: #000000;
}

.pagination span {
	background-color: #000000;
	color: #ffffff;
	font-weight: bold;
}

/*-------------------
	footer
-------------------*/

#footer        {width:568px; padding:16px 0 0 15px; border-top:1px solid #ddddd7; float:right; clear:both}
	.footer_l	{float:left; width:183px; padding-bottom:15px}
		.footer_l p	{padding-bottom:15px; color:#403a44}
	.footer_r	{float:right; width:370px; padding-bottom:15px}
		.footerMenu	{padding-bottom:15px; overflow:hidden; zoom:1}
			.footerMenuL	{width:49%; float:left}
			.footerMenuR	{width:49%; float:right; text-align:right}
	
/* kb */

#keyboardInputMaster {
  position:absolute;
  border:2px groove #dddddd;
  color:#000000;
  background-color:#dddddd;
  text-align:left;
  z-index:1000000;
  width:auto;
}

#keyboardInputMaster thead tr th {
  text-align:left;
  padding:2px 5px 2px 4px;
  background-color:inherit;
  border:0px none;
}
#keyboardInputMaster thead tr th select,
#keyboardInputMaster thead tr th label {
  color:#000000;
  font:normal 11px Arial,sans-serif;
}
#keyboardInputMaster thead tr td {
  text-align:right;
  padding:2px 4px 2px 5px;
  background-color:inherit;
  border:0px none;
}
#keyboardInputMaster thead tr td span {
  padding:1px 4px;
  font:bold 11px Arial,sans-serif;
  border:1px outset #aaaaaa;
  background-color:#cccccc;
  cursor:pointer;
}
#keyboardInputMaster thead tr td span.pressed {
  border:1px inset #999999;
  background-color:#bbbbbb;
}

#keyboardInputMaster tbody tr td {
  text-align:left;
  margin:0px;
  padding:0px 4px 3px 4px;
}
#keyboardInputMaster tbody tr td div {
  text-align:center;
  position:relative;
  height:0px;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout {
  height:auto;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table {
  height:20px;
  white-space:nowrap;
  width:100%;
  border-collapse:separate;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table.keyboardInputCenter {
  width:auto;
  margin:0px auto;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td {
  vertical-align:middle;
  padding:0px 5px 0px 5px;
  white-space:pre;
  font:normal 11px 'Lucida Console',monospace;
  border-top:1px solid #e5e5e5;
  border-right:1px solid #5d5d5d;
  border-bottom:1px solid #5d5d5d;
  border-left:1px solid #e5e5e5;
  background-color:#eeeeee;
  cursor:default;
  min-width:0.75em;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.last {
  width:99%;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.alive {
  background-color:#ccccdd;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.target {
  background-color:#ddddcc;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.hover {
  border-top:1px solid #d5d5d5;
  border-right:1px solid #555555;
  border-bottom:1px solid #555555;
  border-left:1px solid #d5d5d5;
  background-color:#cccccc;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.pressed,
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.dead {
  border-top:1px solid #555555;
  border-right:1px solid #d5d5d5;
  border-bottom:1px solid #d5d5d5;
  border-left:1px solid #555555;
  background-color:#cccccc;
}

#keyboardInputMaster tbody tr td div var {
  position:absolute;
  bottom:0px;
  right:0px;
  font:bold italic 11px Arial,sans-serif;
  color:#444444;
}

.keyboardInputInitiator {
  margin-left:3px;
  vertical-align:middle;
  cursor:pointer;
}