/**
 * http://www.hyh.pl
 * Copyright (c) 2007 Hyh. All right reserved.
 */

body { text-align: center; margin: 0; padding: 0;
	background-color: #fff; }
body, td, th { font-size: 11px; font-family: Tahoma, sans-serif; }
h1, h2, h3, h4 { font-family: arial, sans-serif; }

/** top */
.pageTop { width: 996px; margin: 0 auto; text-align: left; }
.boxTop { height: 201px; background: url('../img/idx/top2.jpg') top left no-repeat; }

.menu { text-align: left; overflow: hidden; vertical-align: bottom; height: 45px;
	background: url('../img/idx/top-menu-bg.gif') top left repeat-x; }
.menu ul { position: relative; list-style-type: none; padding: 0; margin: 0; }
.menu li { float: left; margin: 0; text-align: center;
	background: url('../img/idx/top-menu-dividing-line.gif') top right no-repeat; }
.menu a, .menu a:hover { display: block; padding: 13px 0; color: #7a8187;
	font-size: 12px; text-decoration: none; width: 100%; }
.menu li:hover {  }


/** content */
.pageContent { width: 996px; margin: 0 auto 30px auto; text-align: left; }

.pageLeft { width: 237px; float: left; padding-left: 10px; }
.pageCenter { width: 502px; float: left; padding-top: 10px; color: #727272; }
.pageRight { width: 237px; float: left; padding-right: 10px; color: #272727; }


div.menu1 { height: 38px; margin: 10px 0 0 0;
	background: url('../img/idx/menu-top1.gif') top left no-repeat; }
div.menu2 { height: 38px; margin: 12px 0 0 0;
	background: url('../img/idx/menu-top2.gif') top left no-repeat; }
div.menu3 { height: 38px; margin: 10px 0 0 0;
	background: url('../img/idx/menu-top3.gif') top left no-repeat; }

ul.menu1, ul.menu2, ul.menu3 { list-style-type: none; padding: 0; margin: 0;
	border-bottom: 1px solid #dcdcdc; }
ul.menu1 li, ul.menu2 li, ul.menu3 li { line-height: 29px; margin: 0; padding-left: 30px;
	border-width: 0 1px; border-color: #dcdcdc; border-style: solid; }
ul.menu1 li { background: url('../img/idx/menu-bg1.gif') top left no-repeat; }
ul.menu2 li { background: url('../img/idx/menu-bg2.gif') top left no-repeat; }
ul.menu3 li { background: url('../img/idx/menu-bg3.gif') top left no-repeat; }
ul.menu1 a, ul.menu2 a, ul.menu3 a { color: #51504e; }

.pageLeft li.nobg { display: none; border: 0; background: none; padding: 0; margin: 0; }
ul.submenu { display: inline; list-style-type: none; padding: 0; margin: 0; }
ul.submenu li { background: url('../img/idx/submenu-bg.gif') top left no-repeat; }

h1 { padding: 12px 0 0 45px; line-height: 16px; margin: 0; font-size: 12px; color: #4d4d4d;
	background: url('../img/idx/arrow-title-bg.gif') top left no-repeat; }
.date { padding: 0 0 10px 45px; font-size: 10px; color: #b5b5b5; }

.login { padding: 10px;
	border-width: 0 1px 1px 1px; border-color: #dcdcdc; border-style: solid; }
.login table { margin: 10px 0 15px 0; }
.login td { padding: 5px 0; }
.login td.legend { padding-right: 5px; color: #848484; }
.login input.text { width: 140px; background: url('../img/idx/input-bg.gif') repeat-x bottom left; }

.pageNum { text-align: center; }

.box, .box2 { padding: 0 10px 0 35px; }
.box2 { padding-top: 0; }


/** bottom */
.pageBottom { width: 996px; height: 52px; margin: 0 auto;
	background: url('../img/idx/bottom.gif') top left repeat-x; }
.boxBottom { text-align: center; color: #fff; line-height: 17px; padding: 8px 0; }


/** standard */
a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }

img { border: 0; vertical-align: bottom; }
img.b { vertical-align: bottom; }
img.m { vertical-align: middle; }

table { border-spacing: 0; border-collapse: collapse; }
td, th { padding: 0; vertical-align: top; }
.c { text-align: center; }
.l { text-align: left; }
.r { text-align: right; }
.j { text-align: justify; }
.t { vertical-align: top; }
.m { vertical-align: middle; }
.b { vertical-align: bottom; }

.clr { clear: both; }
.cL { clear: left; }
.cR { clear: right; }


/** forms */
form { display: inline; }
input, textarea { font-family: sans-serif; font-size: 10px; }
select { font-size: 11px; }
input, textarea, select { border: 1px solid #737373; margin: 0; }
button { border-style: none; background-color: transparent; font-size: 11px; }
.noBorder { border: 0; }

input[readonly=readonly] { color: #888; border-color: #555; }


.w1 { width: 30px; }
.w2 { width: 70px; }
.w3 { width: 140px; }
.w4 { width: 200px; }
.w5 { width: 430px; }
.w6 { width: 500px; }

.h2 { height: 90px; }
.h3 { height: 140px; }
.h4 { height: 200px; }
.h5 { height: 400px; }

table.modify { margin-top: 15px; }
table.modify td.field { padding: 4px 4px 4px 8px; vertical-align: top; text-align: left;
	color: #444; border-color: #c0c0a0; border-width: 0 0 1px 1px; border-style: solid; }