/* Resetowanie stylów */

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td 
{ margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; }

caption, th { text-align: left; }

h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }

q:before, q:after { content:''; }

abbr, acronym { border: 0; }



/* Layout */


html { 
	height:100.2%;
}

body { 
	background: #000000 url('../images/layout/wf_background.jpg') repeat-y center top;
	color: #D2B48C;
	font-size: 12px;
	height:100%;
}

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%;
}

td {
	text-align: left; 
	vertical-align: top; 
}

hr {
	display: block;
	height: 1px;
	border: 0;
	background-color: #1f1f1f;
	color: #1f1f1f;
	width: 100%;
}


/* buttons & fields */

input[type=text], input[type=password], textarea, select {
	background: #0c0c0c;
	color: #E9D9BA;
	border: solid #2c2c2c 2px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:3px;
	font-size: 12px;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
	border: 2px solid #8c8c8c;
	background: #0c0c0c;
}

button, input[type=submit] {
	padding: 3px 5px 3px 5px;
	font-size: 12px;
	color:black;
}

a {
  text-decoration: none; 
  color: #D8A361;
}

a:hover {
  text-decoration: none; 
  color: brown;
}

.outer_container {
	background: url('../images/layout/wf_center.jpg') repeat-y center top;
	width: 980px;
	margin: 0px auto;
}

.inner_container {
	background: url('../images/layout/wf_top.jpg') no-repeat center top;
	width: 100%;
	min-height: 650px;
	
}

.left_container {
	width: 250px;
	height:100%;
	float:left;
}

.right_container {
	width: 730px;
	height:100%;
	float:right;
}

.bottom_container {
	background: url('../images/layout/wf_bottom.jpg') no-repeat center bottom;
	clear:both;
	width:100%;
	height:100px;
	position:relative;
}

#footer_container {
	position:absolute; 
	bottom:5px; 
	width:100%;
	text-align:center;
}

#login_container {
	position:absolute; 
	top:240px; 
	left:85px;

	
	border:0px blue solid;   
}

#screen_container {
	position:absolute; 
	top:220px; 
	left:500px; 
	width:190px; 
	height:160px;
	
	
	border:0px blue solid;
}

#screen_container a {
  text-decoration: none; 
  background: url('../images/layout/wf_screen.png') no-repeat center center;
  display:block;
  height:100%;
  width:100%;
}

#screen_container a:hover {
  background: url('../images/layout/wf_screen_over.png') no-repeat center center;
}



/* rejestracja */

.registration_table td {
	background:#0b0b0b;
	padding:5px 10px 5px 10px;
}



/* titles */

.main_title {
	font-size: 14px;
	font-weight: bold;
	color: #D2B48C;
	display: block;
	margin-bottom: 20px;
	text-align:center;
}


/* menu */

.menu ul {
	display:block;
	list-style: none;
}

.menu ul li {
	margin: 0;
	padding: 0px 0px 0px 0px;
}

.menu ul li a {
	text-decoration: none;
	color: #e5e5e5;
	display: block;
	vertical-align: bottom; /* This fixes the IE5 Win gap! */
	padding: 5px 10px 5px 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	font-size: 13px;
	
	text-shadow: #400000 0px 0px 1px;
	font-weight: bold; 
	
	
}

.menu ul li a:hover {
	background-color: #dceebd;
	color: #5f5f5f;
}



/* Aktualności */

.news_title {
	font-size: 12px;
	font-weight: bold;
	color: #ba7d1c;
}


.news_date {
	font-size: 11px;
	font-weight: bold;
	color: #6a6a6a;
}


.line_separator {
	display: block;
	height: 1px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #292424;
	margin: 5px 0px 5px 0px;
}





/* message */

.error_container {
	
	text-align: left;
	background-color: #000000; 
	border: 1px #121212 solid;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 20px 0px;
	cursor: pointer;
	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;

	background: #080808 url('../images/close_button.png') no-repeat right top;
}

.error_message_red {
	color: #9f0000;
}

.error_message_green {
	color: #808000;
}



/* lightBox */

#screenshot ul { 
	list-style: none;
	margin:0px;
	padding:0px; 
}

#screenshot ul li { display: inline; margin:5px;}

#screenshot ul img {
	border: 5px solid #3e3e3e;

}

#screenshot ul a:hover img {
	border: 5px solid #fff;
	color: #fff;
}

#screenshot ul a:hover { color: #fff; }



/* tooltip */

#tooltip  {
	position: absolute;
	z-index: 3000;
	border: 1px solid #494949;
	background-color: #350000;
	padding: 10px;
	max-width:300px;

	/*
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	*/

	-moz-border-radius-topleft: 0px; 
	-moz-border-radius-topright: 5px; 
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;

	-webkit-border-top-left-radius: 0px; 
	-webkit-border-top-right-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}


#tooltip h3, #tooltip div { 
	margin: 0; 
}

#tooltip h3 { 
	color: #E9D9BA;
}

#tooltip div { 
	color: #E9D9BA;
}