html,body{margin:0;padding:0; font-family: verdana; background-color: #CCC;}
body{font: 76% arial,sans-serif;text-align:left}
p{margin:0 10px 10px}
a{padding:0px; text-decoration:none; color:#000000;}
div#container{width:970px;margin:0 auto; background-color: #FFF;}

div#header {
background-color:#FFF;
display: block;
height: 150px;
padding-top: 10pX;
border-bottom: 10px solid #0e629b;
}
div#left{width: 290px; float: left; margin-left: 5px;}
div#main {width: 660px; margin-left: 10px; margin-top: 10px; float: right; text-align: left; padding-bottom: 10px;}
div#footer p{margin:0;padding:5px 10px; text-align: center;}
div#content{float:right;width:500px}
div#footer{clear:both;width:100%;border-top: 1px solid #000;}
div.modul {
margin-top: 10px;
margin-bottom: 10px;
}
div.modul h2 {
background: url(../images/top_module.jpg) no-repeat;
height: 37px;
font-size: 10pt;
color: #FFF;
line-height: 37px;
text-align: left;
text-indent: 30px;
margin: 0px;
}
div.modul h3 {
font-size: 10pt;
color: #1d567d;
margin: 0px;
}
div.modul div.newsdate {
color: #666;
font-size: 8pt;
margin-top: -7px;
&margin-top: 0px;
margin-left: -10px;
}
div.modul div.newstext {
color: #000;
font-size: 10pt;
margin-top: -17px;
&margin-top: -12px;
margin-left: -10px;
}
div.modul div {
color: #000;
background: #ebebeb url(../images/bottom_module.jpg) no-repeat bottom;
padding: 10px;
text-align: justify;
}
div.modul div.vice {
text-align: right;
}
div.modul div.vice a {
color: #0e629b;
font-weight: bold;
}
form {
margin:0px;
}
form input.searchbox {
border: none;
width: 227px;
&width: 200px;
height: 22px;
background: #FFF url(../images/searchbox.jpg) no-repeat;
text-indent: 10px;
padding-top: 7px;
font-weight: bold;
font-size: 10pt;
margin: 0px;
}
form input.searchbtn {
position: absolute;
left: 212px;
top: 3px;
_top: 4px;
&top: 4px;
border: none;
background: #FFF url(../images/searchbtn.jpg) no-repeat;
width: 43px;
height: 41px;
}
div#header img {
border: none;
}
div#header a.logo {
padding-left:20px;
}
.menubox {
margin-top: 28px;
margin-left: 20px;
}
div#header div.menubox a {
display: inline-block;
background: #55a7d6 url(../images/menu_normal.jpg) no-repeat;
width: 133px;
height: 35px;
text-align: center;
font-weight: bold;
color: #FFF;
line-height: 35px;
}
div#header div.menubox a.activ {
background: #55a7d6 url(../images/menu_active.jpg) no-repeat;
}
div#header div.menubox a:hover {
background: #55a7d6 url(../images/menu_active.jpg) no-repeat;
}
div#footer p {
font-weight: bold;
}
div#footer p a {
color: #000;
font-weight: bold;
text-decoration: underline;
}
div#header span.hleft {float: left; width: 720px;}
div#header span.hright h2 {
color: #0e629b;
font-size: 12pt;
font-weight: bold;
margin: 0px;
&margin-top: 10px;

}
div#header span.hright form input.loginbox {
border: none;
width: 139px;
height: 20px;
background: #FFF url(../images/loginbox.jpg) no-repeat;
font-size: 8pt;
display: block;
padding-top: 3px;
}
div#header span.hright form input.loginbtn {
border: none;
background: none;
color: #0e629b;
font-weight: bold;
cursor: pointer;
}
div#header span.hright p {
}
div#header span.hright p.order a, p.order {
	color: red;
}
div#header span.hright p a {
font-weight: bold;
vertical-align: top;
}
div#main a {
text-decoration: underline;
}
div#main div.topimg{
background: #FFF url(../images/top_img.jpg) no-repeat;
position: relative;
display: block;
width: 660px;
height: 184px;
float: left;
margin-left: -5px;
}
div#main div.topimg h1 {
position: absolute;
font-size: 14pt;
color: #45838c;
top: 40px;
_top: 50px;
left: 20px;
}
div#main div.topimg p {
width: 400px;
text-align: justify;
font-weight: bold;
}
div.tablebox {
margin-left: -5px;
margin-top: 10px;
margin-bottom: 10px;
}
div.tablebox h2 {
background: url(../images/top_table.jpg) no-repeat;
height: 37px;
font-size: 10pt;
color: #FFF;
line-height: 37px;
text-align: left;
text-indent: 30px;
margin: 0px;
}
div#main div.tablebox div {
background: #FF0000;
background: #ebebeb url(../images/bottom_table.jpg) no-repeat bottom;
width: 660px;
padding-bottom: 10px;
}
div#main div.tablebox table.prehled_domen {
margin-top: 5px;
width: 660px;
}
div#main div.tablebox table.prehled_domen tr th {
text-align: center;
border-bottom: 2px solid #000;

}
div#main div.tablebox table.prehled_domen tr td {
text-align: center;
height: 28px;
padding: 2px;
}
div#main div.tablebox table.prehled_domen tr td.rank {
text-align: right;
height: 28px;
padding: 0 5px 0 5px;
}

div#main div.tablebox table.prehled_domen tr.sudy {
background-color: #e3e3e3;
}
div#main div.tablebox table.prehled_domen tr.najeto {
background-color: #FFF;
}
div#main div.tablebox table.prehled_domen tr.winning {
background-color: #68df70;
}
div#main div.tablebox table.prehled_domen tr.overbidden, div#main div.tablebox table.prehled_domen tr.cancelled_bid {
background-color: #f87a74;
}
div#main div.tablebox table.prehled_domen tr td a img {
border: none;
}
div#main div.tablebox span.mainvice a{
display: block;
font-weight: bold;
text-align: right;
font-size: 12pt;
color: #0e629b;
padding: 10px;
padding-bottom: 5px;
}
#flash {
margin: 10px 15px 0 0;
}
#flash_notice, #flash_success {
padding: 5px;
color: #6C6;
background-color: #CFC;
border: solid 1px #6C6;
}
#flash_failure {
padding: 5px;
color: #C66;
background-color: #FCC;
border: solid 1px #C66;
}

/* Errors*/

.fieldWithErrors {
color: red;
margin-left: 10px;
display: inline;
}
#errorExplanation {
width: 95%;
border: 2px solid red;
padding: 7px;
margin-bottom: 20px;
background-color: #f0f0f0;
}
#errorExplanation h2 {
text-align: left;
font-weight: bold;
padding: 5px 5px 5px 15px;
font-size: 12px;
margin: -7px;
background-color: #c00;
color: #fff;
}
#errorExplanation p {
color: #333;
margin-bottom: 0;
}
#errorExplanation ul li {
font-size: 12px;
list-style: square;
}

div.formError {
	margin-left: 10px;
	color: red;
	font-weight: bold;
}

div.clear {clear: both; display: block; height: 1px;}

/* Calendar */

.calendar {
	margin: auto;
}

.monthName th {
  font-weight: normal;
  text-align: right;
  padding-top: 1em;
  padding-bottom: 0.7em;
}

.dayName th {
  font-size: 0.7em;
  padding: 0.6em;
  padding-bottom: 0.3em;
  background-color: #0e629b;
  color: white;
}

.otherMonth, .day, .specialDay {
  padding: 0.7em 1em;
  border-right: 1px solid white;

}

.otherMonth {
  color: #dddddd;
}
.weekendDay {
  background-color: #eeeeee;
}

.day, .specialDay {
  text-align: center;
  border-bottom: 1px dotted #bbbbbb;
}

.specialDay {
  background-color: #d10a21;
  color: white;
}
.specialDay a, .specialDay a:visited, .specialDay a:hover {
  color: white;
  text-decoration: none;
  padding: 1em;
}
.specialDay a:hover {
  color: white;
  background-color: black;
}
.today {
	background-color: #0e629b;
	color: #white;
}

#calendars {
	width: 600px;
	height: 200px;
	margin: auto;
	padding-bottom: 10px;
}

#calendars .left {
	float: left;
}

#calendars .right {
	float: right;
}

/* Order */
#order {
	margin-right: 20px;
}

#order .buttons input {
	float: right;
	margin-left: 30px;
}

#order h3.total {
	text-align: right;
}

#order li {
	margin-left: -30px;
	list-style: none;
}

/* Per page */
.per_page {
	text-align: right;
}

/* Ways of payment */
#ways_of_payment li {
	padding-bottom: 10px;
}

/* Admin - user's detail information */
#user_info .billing_and_contact_information {
	width: 250px;
	margin-left: 30px;
	float: left;
}
#user_info .cz_nic_and_login_information {
	width: 250px;
	margin-right: 30px;
	float: right;
}
/* Auction detail */
#auction_detail {
	float: left;
}
#auction_detail td {
	padding: 5px;
}
#bid_form {
	text-align: center;
	margin-right: 40px;
	float: right;
}