/**
 *  CSS Stylesheet for burzaskript.sk
 *  (c)  mafo, mafo@mafo.sk
 *  All rights reserved
 **/      


/**
 * base sets
 **/ 
* {  margin:0;  padding:0;}

body {
  width: 900px;
  margin: 0 auto;
  background: #737373;
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
  font-size: 9pt;
}
input, select, option, textarea, button {
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;  
  font-size: 8pt;
}
form {
	margin-bottom: 10px;
}
optgroup option {
	padding: 0px 4px;
}

optgroup {
	font-style: normal;
	padding: 0px 2px;
}
optgroup option {
	
}
ul, ol {
	margin-left: 30px;
}

button {
	letter-spacing: 0px;
	font-weight: bold;
}
/**
 *	Top menu
 **/ 
#top {
  width: 900px;
  height: 172px;
  background: url('../img/top.jpg') no-repeat;
}
#top a {
	display:inline;
	height:80px;
}
#top #loginForm {
	height: 45px;
	width: 450px;
	position: relative;
	left: 170px;
  top: 80px;
	color: #FFBA00;
	font-size: 90%;

}

#top #homepage_link {
  position: relative;
  display: block;
  width:350px;
  height:65px;
  left: 160px;
  top: 10px;
  border: none;
}

#top #blog {
  position: relative;
  left: 18px;
  top: -52px;
  border: none;
}

#forum {
  position: relative;
  left: 30px;
  top: 13px;
  border: none;
}

#top #loginForm input, #top #loginForm button {
	background: #3A3A3A;
	border: 1px solid #595959;
	color: #FFBA00;
	padding: 0 2px;
}
#top #loginForm button {
	background: transparent;
	border: none;
	cursor: hand;cursor:pointer;
	line-height: 10px;
	height: 18px;
	width: 18px;
}

#headline {
	position: relative;
	top: 15px;
	left: 197px;
	width: 565px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #666;
}

/**
 *	main containter
 **/ 
#main {
  background-color: #FFF;
}

/**
 * left & right menu
 **/ 
#left-menu, #right-menu {
  float: left;
  width: 189px;
  padding: 0 5px;
  margin: 5px 0 10px 0;
  font-size: 100%;
}

#left-menu .top, #right-menu .top {
  padding: 15px 0px 5px 45px;
  background: url('../img/menu-top.jpg') no-repeat top #e20000;
  font-size: 130%;
  color: #FFF;
  font-weight: bold;
  border-bottom: 1px solid #868686;
}

#left-menu .bottom, #right-menu .bottom {
  width: 179px;  
  margin-top: 0px;
  padding: 5px 10px;
  background: url('../img/menu-bottom.jpg') no-repeat bottom #ffe7b8;
}
#left-menu a, #right-menu a {
  text-decoration: none;
  color: #000;
}
#left-menu a:hover, #right-menu a:hover {
  text-decoration: underline
}

/* tree menu */
#left-menu .tree, #right-menu .tree {
	padding-left: 0px;
}

#left-menu .tree ul, #right-menu .tree ul {
  list-style-type: none;
  margin: 0px 0px 10px 8px;
}

#left-menu .tree a, #right-menu .tree a {
	display: block;
	padding: 1px 2px;
	line-height: 130%;
	border: 1px solid #ffe7b8;
}
#left-menu .tree a:hover, #right-menu .tree a:hover {
	background: #FFDC93;
	text-decoration: none;
	border: 1px solid #ffa800;
}

/**
 *	Middle box (main area)
 **/ 
#middle {
  width:490px;
  float:left;
  padding: 0px 5px;
  margin-top: 13px;
}
#middle a {
	color: #B13C02;
	text-decoration: none;
}
#middle a:hover {
	color: #000;
	text-decoration: underline;
}
/**
 *	BOOKS LIST
 **/
#middle .list {
  margin: 0px 0 10px 0;
}

#middle .list .top {
  width: 415px;
  font-weight: bold;
  border-bottom: 1px solid #868686;
}
#middle .list .sale {
	background: url('../img/list-top-sale.jpg') no-repeat #8DC54C;
	padding: 22px 15px 5px 60px;
	color: #000;
}
#middle .list .request {
	background: url('../img/list-top-request.jpg') no-repeat #387bd6;
	padding: 15px 15px 5px 60px;
	color: #FFF;
}

#middle .list .top h2, #middle .list .top h1 {
	font-size: 130%;
	letter-spacing: -1px;
}
#middle .list .top span {
	display: none;
}
#middle .list .sale h2 a, #middle .list .sale h1 a {
	color: #000;
}
#middle .list .request h2 a, #middle .list .request h1 a {
	color: #FFF;
}
#middle .list .top .price {
	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
	font-size: 150%;
	font-weight: bold;
	font-style:italic;
	letter-spacing: -1px;
	color: #FFF;
	text-align: center;
	float: right;
	width: 80px;
	margin-left: 5px;
	line-height: 30px;
	margin-top:-9px;
}
#middle .list .top .price small {
  font-size: 60%;
}
#middle .list .bottom {
  width: 470px;
  background: url('../img/list-bottom.jpg') no-repeat bottom #FFE2AA;
  padding: 5px 10px;
}
#middle .list p {
	margin: 7px 0;
}
#middle .list p.small {
	font-size: 80%;
}
#middle .list .bottom img {
	margin: 0 5px 0 0;
}
#middle .list .bottom .contact {
	text-align: right;
	float: right;
	font-size: 120%;
}
#middle .list .bottom .contact big {
	font-size: 120%;
	font-weight: bold;
	letter-spacing: -1px;
}
#middle .list .bottom .contact small {
	font-size: 80%;
	position: relative;
	top: -7px;
}
/**
 *	BOX
 **/
#middle .box {
  margin: 0px 0 10px 0;
}

#middle .box .top {
  font-size: 120%;
  background: url('../img/button_orange.jpg') no-repeat #8DC54C;
  border-bottom: 1px solid #868686;
  padding: 5px 0 5px 10px;
  font-weight: bold;
  color: #000;
}
#middle .box .blue {
  background: url('../img/button_blue.jpg') no-repeat;
  color: #FFF;
}
#middle .box .green {
  background: url('../img/button_green.jpg') no-repeat;
  
}
#middle .box .top h1, #middle .box .top h2 {
	font-size: 120%;
}
#middle .box .bottom {
  background: url('../img/list-bottom.jpg') no-repeat bottom #FFE2AA;
  padding: 5px 10px 5px 10px;
}
#middle .box .bottom h1, #middle .box .bottom h2 {
  font-size: 120%;
  border-bottom: 1px solid #000;
}
#middle .box .bottom p {
	margin: 5px 0;
}
#middle .box p.small {
	font-size: 90%;
	margin: 0;
}
/**
 *	search input
 */
#searchInput {
	width:378px;
	_width:360px;
	_height: 19px;
}

/**
 *	add-request button
 **/
#button {
	background: url('../img/button.jpg') no-repeat 50% 50%;
	text-align: center;
	margin: 0 0 10px 0;
	height: 50px;
}
#button a {
	color: #FFF;
	text-decoration: none;
	line-height: 50px;
	font-size: 160%;
	font-weight: bold;
	padding: 0 15px;
}
#button a.left {
	float: left;
}
#button a.right {
	float:right;
}
#button a:hover {
	text-decoration: none;
	color: #000;
}


/**
 * form table
 **/
table.form {
	width: 100%;
	margin-top: 10px;
}
table.form th, table.form td {
	padding: 2px 5px;
}
table.form th {
	text-align: right;
}
table.form td {
	text-align: left;
}
/**
 *	fieldsets
 **/
fieldset {
	margin: 10px 0;
	padding: 0px 10px 10px 10px;
	border: 1px solid #FFAF02;
}
fieldset legend {
	padding: 1px 10px;
	font-weight: bold;
	border: 1px solid #FFAF02;
	background: #FFD67F;
	font-size: 120%;
}
/**
 *	pager
 **/
#middle .pager {
	margin: 10px auto;
	text-align: center;
	background: url('../img/pager-bg.jpg') no-repeat;
	line-height: 39px;
	height: 39px;
}
#middle .pager a {
	font-size: 140%;
	padding: 1px 8px;
	text-decoration: none;
	font-weight: bold;
}
#middle .pager a:hover {
	text-decoration: none;
	background: #FFC860;
	color: #000000;
	background: url('../img/pager-dot.jpg') no-repeat 50% 50%;
}
#middle .pager .act {
	font-size: 160%;
	background: url('../img/pager-dot.jpg') no-repeat 50% 50%;
}
/**
 *	bottom
 **/
#bottom {
	background: #F1F1F1;
	text-align: center;
	border-top: 1px solid #CCC;
	padding: 10px;
	margin: 10px 0;
}
#bottom a {
	color: #000;
}
#bottom a:hover {
	color: #F17A00;
}
/**
 * msgs
 **/
.error {
	border: 2px solid red;
	padding: 15px;
	background: #FFEFCE;
}
.msg {
	border: 2px solid #FFAF02;
	padding: 15px;
	background: #FFEFCE;
}
/**
 *	hacks&tricks
 **/ 
hr.cleaner {
  clear: both;
  height: 1px;
  margin: -1px 0 0 0;
  padding: 0;
  border: none;
  visibility: hidden;
}

.ads {
  text-align: center;
}