
#wrapper {
	width: 995px;
	border-top: solid 1px #fff;
	position: relative;
	overflow: hidden;
}
#top_menu {
	height: 100px;
	border-left: solid 1px #fff;
	background-color: #600000;
	position: relative;
}
#top_menu img {
	position: absolute;
	right: 85px;
	top: 15px;
}
#map {
	float: left;
	width: 630px;
	height: 378px;
	border: solid 1px #fff;
	background: #fff url('../../data/graphics/ladowanie.gif') center no-repeat;
}

.dymek
{
	margin: -16px -4px -6px -4px;
	width: 200px;
	height: 110px;
}
#message_details {
	position: absolute;
	right: 0;
	top: 0;
	width: 178px;
	height: 379px;
	background-color: #600000;
	border-bottom: solid 1px #fff;
	border-left: solid 2px #fff;
}
#message_details .title {
	padding-top: 5px;
	font-weight: bold;
	line-height: 1.0;
}
#message_details .hr {
	display: block;
	margin: 10px auto;
	line-height: 1.0;
	font-size: 0;
	width: 158px;
	height: 2px;
	background-color: #fff;
	color: #fff;
}
#scores {
	float: left;
	width: 180px;
	height: 376px;
	border-top: solid 2px #fff;
	border-bottom: solid 2px #fff;
	background-color: #600000;
}
#confirm_scores {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 178px;
	height: 29px;
	background-color: #600000;
	border-top: solid 1px #fff;
}
#bottom_side {
	clear: both;
	height: 20px;
	padding: 10px;
	border-bottom: solid 1px #fff;
	background-color: #600000;
	text-align: left;
}
#bottom_side p {
	font-style: italic;
	font-size: 14px;
	font-family: Verdana, Arial, sans-serif;
}

.button {
	background-color: #fff;
	color: #000;
	padding: 0px;
	width: 160px;
	height: 20px;
	font: bold 10px/1.2 Geneva, Tahoma, Arial, sans-serif;
	margin-top: 5px;
}

/* Style poszczególnych elementów */
.criteria_1 {
	clear: left;
	float: left;
	padding: 0 20px;
	border-right: solid 1px #fff;
	height: 50px;
}
.criteria_1 p, .criteria_2 p, .criteria_3 p {
	font-weight: bold;
}
.criteria_1 input {
	float: left;
	width: 15px;
	height: 20px;
}
.criteria_1 select {
	float: left;
	width: 155px;
}
.criteria_1 select option {
	width: 170px;
	padding: 2px;
	color: #000;
}
.criteria_1 select, .criteria_2 select, .criteria_3 input, .criteria_3 textarea {
	background-color: #fff;
	color: #000;
}
.criteria_2{
	height: 50px;
	padding: 0 20px;
	border-right: solid 1px #fff;
	float: left;
}
.criteria_2 select{
	width: 171px;
	margin: 0 auto;
}
.criteria_2 input {
	width: 165px;
	margin: 0 auto;
	border: solid 1px #555;
	padding: 2px;
	background-color: #fff;
	color: #000;
}
.criteria_2 .button {
	width: 171px;
	font: bold 10px/1.2 Geneva, Tahoma, Arial, sans-serif;
	background-color: #966666;
	margin: 10px auto;
	color: #fff;
}
.criteria_2 select option {
	width: 180px;
	padding: 2px;
	color: #000;
}
.criteria_3 p {
	font-size: 9px;
}
.criteria_3 input, .criteria_3 select, .criteria_3 select option {
	padding: 1px;
	width: 160px;
	font: normal 10px/1.2 Geneva, Tahoma, Arial, sans-serif;
	color: #000;
	background-color: #fff;	
}
.criteria_3 input {
	margin-bottom: 5px;
}
.criteria_3 .fileInput {
	width: 160px;
}
.criteria_3 textarea {
	width: 164px;
	height: 70px;
	padding: 2px;
	font: normal 10px/1.2 Verdana, Geneva, Tahoma, Arial, sans-serif;
	overflow: auto;
}

#view_brief_info, #view_sending_message {
	position: absolute;
	top: 50px;
	left: 50px;
	width: 533px;
	height: 278px;
	border: solid 2px #fff;
	background-color: #600000;
	z-index: 100;
	display: none;
}
#view_brief_info .please_wait {
	text-align: center;
	margin-top: 100px;
}
#view_sending_message {
	display: inline;
}
#exit_button *, #more_button * {
	cursor: pointer;
}
#exit_button, #more_button {
	position: absolute;
	width: 120px;
	right: 0;
	border: solid 1px #fff;
	background-color: #243A5B;
	cursor: pointer;
}
#exit_button {
	top: 0;
}
#more_button {
	bottom: 0;
}

#scores .scores_head {
	padding-top: 2px;
	padding-bottom: 2px;
	width: 180px;
	font: normal 12px/1.2 Geneva, Tahoma, Arial, sans-serif;
	border-bottom: solid 2px #fff;
}
#scores .nick{
	font-weight: bold;
	margin-bottom: 5px;
	display: block;
}

#scoresContainer #arrow_down{	/* Arrow down image */
	width: 180px;
	height: 20px;
}
#scoresContainer #arrow_up{
	width: 180px;
	height: 20px;	/* Arrow up image */
}
	
#thePersons{	/* DIV where the images are located */
	position: relative;
	overflow: hidden;
	height: 316px;	/* Height of boxes for the images */
	width: 180px;
}
#thePersons #the_persons_inside{
	width: 180px;
	position: relative;	/* Don't change this */
	/*height:1500px;	/* Higher than total height of thumbnails */
}
#thePersons .widok {
	border-bottom: solid 1px #966666;
	padding-top: 5px;
	padding-bottom: 5px;
}
#thePersons .widok .click_area {
	width: 170px;
	padding-left: 5px;
	padding-right: 5px;
}
#thePersons .widok .click_area {
	cursor: pointer;
}

#message_box {
	margin-top: 20px;
}
#message_box .error_message, #message_box .ok_message {
	padding: 5px;
	margin: 2px 20px;
	font-weight: bold;
	background-color: #fff;
}
#message_box .error_message {
	border: solid 2px #f00;
	color: #f00;
}
#message_box .ok_message {
	border: solid 2px #060;
	color: #060;
}
#message_box .line {
	overflow: hidden;
	width: 400px;
	margin: 0 auto;
	margin-bottom: 5px;
}
#message_box .label {
	width: 120px;
	float: left;
	text-align: left;
	font-weight: bold;
	margin-right: 10px;
}
#message_box  .area {
	text-align: left;
	width: 260px;
	float: right;
}
#botom_content {
	float: left;
	width: 995px;
	background-color: #1F3061;
}

#topin_section2 {
	background: #600000 url('../../data/graphics/top_section_2_top.png') no-repeat;
	cursor: default;
}
#topin_section2 p {
	text-align: left;
	padding: 8px 20px;
	font: bold 20px/1.0 Arial, sans-serif;
}
#topin_section2_line {
	overflow: hidden;
	width: 995px;
	height: 123px;
	background: url('../../data/graphics/top_section_2_bottom.png') no-repeat;
}
#topin_section2_line p{
	width: 220px;
	padding: 0px 5px;
	margin: 5px;
	margin-left: 10px;
	float: left;
	font-weight: bold;
	text-align: left;
	line-height: 1.5;
}
#topin_section2_line p .number_section{
	font-size: 40px;
	font-family: Georgia;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	line-height: 1.0;
}

.pLeft{
     width:580px;
     background-color:#F0EFED;
     
     
     padding:4px;
     float:left;
}
.pNext{
     width:200px;
     float:left;
}
.pPic{
     float:left;
     width:130px;
     overflow:hidden;
     padding-left:4px;
}
