/* Uzywane kolory

EAEAFF - blekit tla
009999 - lagunowy naglowek
FF9900 - pomararancz tekstow naglowka
0088AA - niebieski pomocniczy
*/

/* Cialo strony */
body {
	/*background: #DEDEDE;*/
	background: #FFFFFF;
}

/* Komorki */

/* Glowna strona, bialy box z logiem w tle */
.PAGE {
	width: 95%;
	position: relative; left: 3%;
	/*position: relative; top: 2%;*/
	/*margin-left: 5%;*/
	margin-right: 5%;
	margin-top: 2%;
	margin-bottom: 2%;
	overflow: hidden;
	float: bottom;
	background-image: url('./arcane_logo.gif');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	/*text-align: center;*/
}

/* Blok linkow na gorze */
.HEADLINKS {
	width: 100%;
	height: 60px;
	text-align: right;
	float: left;
	overflow: hidden;
}

/* Centrom gornej czesci strony, z napisem arcane.pl i polem logowania */
.MAINHEAD {
	width: 100%;
	height: 220px;
	text-align: center;
	float: left;
	margin-left: 100px;
	overflow: hidden;
}

/* Stopka - dol strony */
.FOOTER {
	width: 100%;
	/*float: left;
	overflow: hidden;*/
	background-color: #FFFFFF;
}

/* Box z blekitnym tlem, na tekst i takie tam */
.TABLEBLOCK {
	margin-left: 2%;
	float: left;
	background-color: #EAEAFF;
	margin-right: 2%;
	width: 96%;
	min-height: 200px;
	border-width: 1px 1px 1px 1px;
	padding: 0;
	border-style: solid;
	border-color: #666666;
}

/* Dodatkowy box na urodziny, osoby online, czy cos */
.BONUSBOX {
	margin-top: 10px;
	margin-left: 2%;
	float: left;
	text-align: left;
	background-color: #EAEAFF;
	margin-right: 2%;
	width: 96%;
	min-height: 30px;
	border-width: 1px 1px 1px 1px;
	padding: 0;
	border-style: solid;
	border-color: #666666;
}

/* Naglowek listy miniblokow */
/* NARAZIE NIE UZYWANE */
.MINIBLOCKHEAD {
	width: 100%;
	/*height: 40px;*/
	display: block;
	text-align: center;
	float: left;
	overflow: hidden;
	color: #FF9900;
	font-weight: bold;
	background-color: #009999;
	/*border-width: 2px 2px 2px 2px;
	padding: 1px 8px 1px 8px;
	border-style: solid;
	border-color: #666666;*/
}

/* Pojedynczy miniblock */
/* NARAZIE NIE UZYWANE */
.MINIBLOCK {
	width: 20%;
	display: block;
	text-align: left;
	float: left;
	overflow: hidden;
	background-color: #EAEAFF;
	/*padding: 1px;
	border-style: solid;
	border-color: #A9B8C2;
	border-width: 0px 0px 1px 1px;*/
}

/* Panel Avatara */
	/* Normal */
.AVATARPANEL{
	width: 20%;
	display: block;
	text-align: center;
	float: left;
	overflow: hidden;
	/*background-color: #EAEAFF;*/
	padding: 10px 0px 0px 0px;
	border-top: 1px solid #888;
}
	 /* Deleted */
.AVATARPANEL_DEL{
	width: 20%;
	display: block;
	text-align: center;
	float: left;
	overflow: hidden;
	/*background-color: #AAAAAA;*/
	padding: 10px 0px 0px 0px;
	border-top: 1px solid #888;
}

	/* unvalidated */
.AVATARPANEL_UNV{
	width: 20%;
	display: block;
	text-align: center;
	float: left;
	overflow: hidden;
	/*background-color: #EAEAFF;*/
	padding: 10px 0px 0px 0px;
	border-top: 1px solid #888;
}

/* Naglowek z paskiem sortowan (i bez paska sortowan w przypadku pojedynczego tekstu */
.BASICHEAD {
	width: 100%;
	min-height: 25px;
	/*height: 50px;*/
	padding: 3px 0 3px 0;
	display: block;
	text-align: right;
	float: left;
	overflow: hidden;
	color: #FF9900;
	font-weight: bold;
	background-color: #009999;
	margin-bottom: 10px;
	/*border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #666666;*/
}

/* To co wyzej ale wycentrowane */
.BASICHEADLEFT {
	width: 98%;
	min-height: 25px;
	/*height: 50px;*/
	padding: 3px 0 3px 0;
	display: block;
	text-align: left;
	float: left;
	overflow: hidden;
	color: #FF9900;
	font-weight: bold;
	background-color: #009999;
	margin-bottom: 5px;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;	
}

.MASSAGEHEAD {
	width: 100%;
	min-height: 25px;
	/*height: 50px;*/
	padding: 3px 0 3px 0;
	display: block;
	text-align: center;
	float: left;
	overflow: hidden;
	color: #FF9900;
	font-weight: bold;
	background-color: #009999;
	margin-bottom: 10px;
	/*border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #666666;*/
}

/* Panel obok avatara */
.BASICPANEL{
	width: 80%;
	display: block;
	text-align: left;
	float: left;
	overflow: hidden;
	/*background-color: #EAEAFF;*/
	padding: 10px 0px 0px 0px;
	border-top: 1px solid #888;
}
	/* usuniety */
.BASICPANEL_DEL{
	width: 80%;
	display: block;
	text-align: left;
	float: left;
	overflow: hidden;
	/*background-color: #AAAAAA;*/
	background-image: url('./bin2.gif');
	background-repeat: no-repeat;
	padding: 10px 0px 0px 0px;
	border-top: 1px solid #888;
}

	/* Niezatwierdzona wersja */
.BASICPANEL_UNV{
	width: 80%;
	display: block;
	text-align: left;
	float: left;
	overflow: hidden;
	/*background-color: #EAEAFF;*/
	background-image: url('./pending.gif');
	background-repeat: no-repeat;
	padding: 10px 0px 0px 0px;
	border-top: 1px solid #888;
}

 
/* Panel pod avatarem */
.LOWERPANEL{
	width: 96%;/*170px;*/
	display: block;
	text-align: left;
	float: left;
	overflow: hidden;
	background-color: #EAEAFF;
	/*padding: 1px 3px 1px 3px;
	border-style: solid;
	border-color: #A9B8C2;
	border-width: 1px 1px 1px 1px;*/
}

/* Hmm, generalnie to samo co TABLEBLOCK a jednak cos innego..*/
/* tak, sam sie w tym troche gubie */
.GENERALTABLE {
	margin-left: 2%;
	margin-bottom: 15px;
	width: 95%;
	display: block;
	text-align: left;
	float: left;
	overflow: hidden;
	background-color: #EAEAFF;
	border-width: 1px 1px 1px 1px;
	padding: 3px;
	border-style: solid;
	border-color: #A9B8C2;
}

/* box z informacja: Serwis Arcane.pl jest aktualnie w przebudowie.  */
.INFOBOX {
	/*margin-left: 1%;*/
	margin-bottom: 15px;
	width: 83%;
	/*display: block;*/
	text-align: center;
	color: #FF9900;
	font-weight: bold;
	float: bottom;
	overflow: hidden;
	background-color: #009999;
	border-width: 2px 2px 2px 2px;
	padding: 8px;
	border-style: solid;
	border-color: #A9B8C2;
	font-size: 20px;
	
	/*width: 75%;
	height: 20px;
	display: block;
	text-align: center;
	float: left;
	overflow: hidden;
	color: #FF9900;
	font-weight: bold;
	background-color: #009999;*/
}

/* Czyzby unused? */
/* Sam nie wiem co */
.BUTTONSBLOCK {
	width: 100%;
	display: block;
	text-align: left;
	float: left;
	overflow: hidden;
}

	/* Tabelki */

.row5{
	padding: 0;
	/*border-width: 2;
	border-style: solid;
	border-color: #000000;*/
	border: 1px solid black;
	border-collapse: collapse;
	width: 95%;
	background-color: #EAEAFF;
}	

tr{
	padding: 0;
}

.headerCell{
	background-color: #009999;
	color: #FF9900;
}

table.row5 td{
	padding: 0;
	border: 1px solid black;
	/*border-collapse: collapse;*/
	text-align: center;
}

.tableHead{
	text-align: center;
	background-color: #009999;
	color: #FF9900;
	font-weight: bold;
	font-size: 20px;
	
}
/* Tabele z BBcodow */
.commonTable{
	/*text-align: center;*/
	padding: 4px;
	/*border: 1px solid black;*/
	/*width: 80%;*/
}

th.commonTable{
	background-color: #99AAFF;
	font-weight: bold;
	text-align: center;
}
	
/* Tabela chatu */

table.chat{
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 25px;
}

tr.chatTH{
	background-color: #99AAFF;
	font-weight: bold;
	text-align: center;
}

tr.chat1{
	background-color: #F2F2FF;
	/*font-weight: bold;
	text-align: center;*/
}
tr.chat2{
	background-color: #E3E3FF;
	/*font-weight: bold;
	text-align: center;*/
}

	
/* Wyswietlanie rekordow jako wiersz tabeli - komorka, albo wiersz tej tabeli */
/* UNUSED YET */
.rowData{
	border-width: 0;
	padding: 0;
	/*border-style: solid;
	border-color: #A9B8C2;*/
	width: 100%;
}

.center{
	text-align: center;
}

/* jak wyzej, tylko to jest naglowek tej tabeli */
/* UNUSED YET */
.dataHeader{
	border-width: 0;
	padding: 0;
	text-align: center;
	background-color: #009999;
}	

/* Formularz z akacjami pod rekordem */
.actionForm{
	text-align: right;
	margin-right: 2%;
}

.left{
	text-align: left;
}


/*#BUTTONS {
	text-align: right;
	padding: 3px;
}*/

/* MENUA */

	/* Linki do  zasobow i dzialow */
ul.moduleLinks, ul.moduleLinks li.moduleLinks  {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.moduleLinks {
	float: right;
	width: 100%;
	padding-left: 20px;
}

ul.moduleLinks li.moduleLinks {
	float: right;
	margin-right: 10px;
}

ul.moduleLinks a.moduleLinks:link, ul.moduleLinks a.moduleLinks:visited {
	text-decoration: none;
	color: #0088AA;
	font-weight: bold;
	font-size: 16px;
}

ul.moduleLinks a.moduleLinks:hover {
	color: #D46400;
	font-weight: bold;
	font-size: 16px;
}

	/* Linki do sekcji */
ul.sectionLinks, ul.sectionLinks li.sectionLinks  {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.sectionLinks {
	float: right;
	width: 100%;
	padding-left: 20px;
}

ul.sectionLinks li.sectionLinks {
	float: right;
	margin-right: 10px;
}

ul.sectionLinks a.sectionLinks:link, ul.sectionLinks a.sectionLinks:visited {
	text-decoration: none;
	color: #0088AA;
	font-weight: bold;
	font-size: 16px;
}

ul.sectionLinks a.sectionLinks:hover {
	color: #D46400;
	font-weight: bold;
	font-size: 16px;
}

	/* Linki Przyciskow nad panelem avatar */
ul.moduleButtons, ul.moduleButtons li.moduleButtons  {
	display: block;
	list-style: none;
	margin: 0;
	/*padding: 0;*/
	padding-bottom: 5px;
}

ul.moduleButtons {
	float: left;
	width: 100%;
	padding-left: 20px;
}

ul.moduleButtons li.moduleButtons {
	float: left;
	margin-right: 10px;
}

ul.moduleButtons a.moduleButtons:link, ul.moduleButtons a.moduleButtons:visited {
	text-decoration: none;
	font-weight: bold;
	display: block;
	background-color: #009999;
	/*background-image: url('./img2.jpg');*/
	color: #FF9900;
	padding: 5px 10px;
	border: 1px solid #888;
	position: relative;
	top: 1px;
	
	/*text-decoration: none;
	display: block;
	background-color: #ccc;
	color: #000;
	padding: 5px 10px;
	border: 1px solid #888;
	position: relative;
	top: 1px;*/
}

ul.moduleButtons a.moduleButtons:hover {
	background-color: #fff;
	/*border-bottom-color: #fff;*/
}

	/* Nawigacja Forumowa (fora/regulamin/uzyszkodnicy)*/
ul.forumLinks, ul.forumLinks li.forumLinks  {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.forumLinks {
/*text-align: center;*/

	/*float: left;*/
	width: 58%;
	/*padding-left: 200px;*/
}

ul.forumLinks li.forumLinks {
	float: right;
	margin-right: 10px;
}

ul.forumLinks a.forumLinks:link, ul.forumLinks a.forumLinks:visited {
	text-decoration: none;
	color: #0088AA;
	font-weight: bold;
	font-size: 16px;
}

ul.forumLinks a.forumLinks:hover {
	color: #D46400;
	font-weight: bold;
	font-size: 16px;
}

	/* Linki do paneli */
/* uzyj tego samego co w  recordButtons (patrz nizej)*/
ul.panelButtons, ul.panelButtons li.panelButtons  {
	display: block;
	list-style: none;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}

ul.panelButtons {
	float: left;
	width: 90%;
}

ul.panelButtons li.panelButtons {
	float: left;
	margin-right: 15px;
}

ul.panelButtons a.panelButtons:link, ul.panelButtons a.panelButtons:visited {
	text-decoration: none;
	font-weight: bold;
	display: block;
	background-color: #009999;
	color: #FF9900;
	padding: 5px 10px;
	position: relative;
	border: 1px solid #888;
	top: 1px;
}

ul.panelButtons a.panelButtons:hover {
	background-color: #fff;
	border-bottom-color: #fff;
}

	/* Przyciski do rekordu */
	/* przyciski pod panelem z avatarem i dodatkowymi informacjami */
ul.recordButtons, ul.recordButtons li.recordButtons  {
	display: block;
	list-style: none;
	/*margin-right: 200px;
	margin-left: 200px;*/

	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;

	/*background-color: #EAEAFF;*/
	
}

ul.recordButtons {
	/*width: 80%;*/
	float: left;
	width: 90%;
	/*padding-left: 20px;*/
	/*margin-bottom: 20px;*/
}

ul.recordButtons li.recordButtons {
	float: left;
	margin-right: 15px;
}

ul.recordButtons a.recordButtons:link, ul.recordButtons a.recordButtons:visited {
	text-decoration: none;
	font-weight: bold;
	display: block;
	background-color: #009999;
	color: #FF9900;
	padding: 5px 10px;
	position: relative;
	border: 1px solid #888;
		/*padding: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #A9B8C2;
	border-width: 1px 1px 1px 1px;*/
	top: 1px;
}

ul.recordButtons a.recordButtons:hover {
	background-color: #fff;
	border-bottom-color: #fff;
}

	/* Listy z naglowkami */
		
	/* Panel Menu */
/* manu w panelach artura */
/* Niach nie mam pojecia co to */
dl.panelMenu, dt.panelMenu, dd.panelMenu {
	display: block;
	/*margin-left: 0;*/
	padding: 0;
	/*margin-left: 200px;
	margin-right: 200px;*/
}

dl.panelMenu {
	width: 200px;
	padding: 1px 2px;
	background-color: #9ce;
	border: 3px double #28e;
	margin-left: 200px;
	margin-right: 200px;
}

dt.panelMenu {
	padding: 7px 15px;
	font-weight: bold;
	font-size: larger;
	background-color: #009999;
	color: #FF9900;
	text-align: right;
	border-right: 20px solid #26d;
	margin-top: 1px;
	margin-left: 200px;
	margin-right: 200px;
}

dd.panelMenu {
	border-top: 1px solid #9ce;
	margin-left: 200px;
	background-color: #EAEAFF;
	color: #009999;
	margin-right: 200px;
}

dl.panelMenu a.panelMenu:link, dl.panelMenu a.panelMenu:visited {
	display: block;
	width: 176px;
	text-decoration: none;
	padding: 7px;
	font-weight: bold;
	background-color: #009999;
	color: #FF9900;
	border-left: 10px solid #25b;
	margin-left: 200px;
	margin-right: 200px;
}


	/* Linki Glowne*/
/* te mocniejsze linki np w where-am-I boxie */
a.main:link {
	color: #006597;
	text-decoration: none;
	font-weight: bold;
}

a.main:active,
a.main:visited {
	color: #005784;
	text-decoration: none;
	font-weight: bold;
}

a.main:hover {
	color: #D46400;
	text-decoration: underline;
	font-weight: bold;
}

	/* Linki naglowkach tabel */
/* UNUSED YET */
a.header:link {
	font-weight: bold;
	color: #FF9900;
	text-decoration: none;
}

a.header:active,
a.header:visited {
	font-weight: bold;
	color: #FF9900;
	text-decoration: none;
}

a.header:hover {
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}

	/* Linki zwykle w tresci strony */
/* link do obiektu w jego nazwie, czyli na liscie newsow nazwa newsa */
a.general:link {
	color: #0088AA;
	text-decoration: none;
	font-weight: bold;
}

a.general:active,
a.general:visited {
	color: #0088AA;
	text-decoration: none;
	font-weight: bold;
}

a.general:hover {
	color: #D46400;
	text-decoration: underline;
	font-weight: bold;
}

a.generalRight:link {
	margin-right: 2%;
	text-align: left;
	float: right;
	color: #0088AA;
	text-decoration: none;
	font-weight: bold;
}

a.generalRight:active,
a.generalRight:visited {
	margin-right: 2%;
	text-align: left;
	float: right;
	color: #0088AA;
	text-decoration: none;
	font-weight: bold;
}

a.generalRight:hover {
	margin-right: 2%;
	text-align: left;
	float: right;
	color: #D46400;
	text-decoration: underline;
	font-weight: bold;
}

/* Obrazek jako link */
a.imglink:link ,
a.imglink:active,
a.imglink:visited,
a.imglink:hover{
	border-style: none;
	border-width: 0;
}

a,img{
	border-style: none;
	border-width: 0;
}

/* Nazwa uzyszkodnika jako link NIE MOZESZ TU DEFINIOWAC KOLORU! */
a.member{
	font-weight: bold;
	text-decoration: none;
}

a.member:hover{
	font-weight: bold;
	text-decoration: underline;	
}

/* MENU */
/* wyczesane menu strony */
 	/*EAEAFF - blekit tla
009999 - lagunowy naglowek
FF9900 - pomararancz tekstow naglowka*/
dl.mainMenu, dt.mainMenu, dd.mainMenu {
	display: block;
	margin: 0;
	padding: 0;
}

dl.mainMenu {
	/*width: 18%;
	float: left;
	clear: none;*/
}

dt.mainMenu {
	background-color: #009999;
	color: #FF9900;
	padding: 7px;
	font-weight: bold;
	font-size: larger;
	text-align: center;
}

dl.mainMenu a.mainMenu:link, dl.mainMenu a.mainMenu:visited {
	display: block;
	/*width: 100%;*/
	text-decoration: none;
	background-color: #EAEAFF;
	font-weight: bold;
	color: #009999;
	padding: 5px;
	border: 2px outset #000000;
}

dl.mainMenu a.mainMenu:hover {
	border-style: inset;
	padding: 7px 3px 3px 7px;
}

.menu{
	width: 20%;
	float: left;
}
.menuPage{
	margin-left: 20%;
	width: 80%;
	/*float: both;*/
	clear: none;
}
	
	/* klasa listy definicji*/
.basiclist {
	/* Also see tweaks.css */
	/*display: inline;*/
	margin: 0 00 10px;
	/*min-height: 80px;*/
	color: #000000;
	border-left: 1px solid #FFFFFF;
	/*width: 55%;*/
	/*float: right;*/
	clear: right;
}

	/* Hmm, czyzby inna klasa menu definicji? Nie wiem. */
	/* Szczelam ze to jest nieuzywane, ale nie wiem */
.lowerlist {
	/* Also see tweaks.css */
	/*display: inline;*/
	/*margin: 5px 0 10px 0;*/
	/*min-height: 80px;*/
	color: #000000;
	border-left: 1px solid #FFFFFF;
	/*width: 55%;*/
	float: left;
	clear: right;
}

/* Dodatkowy CSS */ 
/* Napis: Arcane.pl */
p.pageName {
	font-weight: bold;
	font-size: 25px;
}

/* Napis: Portal twórców map i modów: WarCraft 3 StarCraft 2*/
p.pageDesc {
	font-weight: bold;
}

/* Data napisania wiadomosci i ocena wiadomosci (w gornym rogu newsa) */
p.date {
	font-weight: bold;
	text-align: right;
	line-height: 0;
	padding-right: 10px;
}

/* Tresc strony, to pojawia sie dosc czesto */
p.text{
	/*text-align: left;*/
	padding-right: 10px;
	padding-left: 20px;
	/*line-height: 200%;*/
	/*line-height: 0.5;*/
	line-height: 120%;
	float: bottom;
	clear:both;
}

/* blok tekstu dorownany do lewej */
p.blokText{
	text-align: left;
	padding-right: 10px;
	padding-left: 20px;
}

p.commentText{
	text-align: left;
	/*padding-right: 10px;*/
	padding: 0;
	margin: 0;
}

.errorText{
	text-align: center;
	font-weight: bold;
	/*font-weight: bold;*/
	font-size: 15px;
	color: #FF0000;
}

/* Akapit w ktorym na liscie rekordow jest link do obiektu, w sumie chodzi tylko o to aby byla nowa linia*/
p.linkTitle{
	margin-top: -40px;
	padding-right: 10px;
	padding-left: 40px;
	padding-bottom: 40px;
	font-size: 19px;
	/*line-height: 100%;*/
	width: 70%;
	
	/*float: bottom;
	clear: both;*/
	/*margin-top: 30px;*/
}

p.linkTitleTable{

	/*line-height: 100%;*/

	
	/*float: bottom;
	clear: both;*/
	/*margin-top: 30px;*/
}

/* to co pojawia sie przed Lista definicji (znacznik html: dt i dd)*/
p.definitionHead{
	/*padding-left: 20px;*/
	font-weight: bold;
	line-height: 100%;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 90%;
	font-size: 20px;
	/*float: left;*/
	/*clear: both;*/
	/*float: left;*/
	/*text-align: right;*/
}

/* To ma zastapic liste definicjy, tak abysmy nie akcentowali znaczeniowo zbednych stringow */
	/* Naglowek definicji */
p.definition{
	line-height: 80%;
	font-weight: bold;
	width: 25%;
	float: left;
	text-align: right;
	/*clear: both;*/

}

	/* Objasnienie definicj */ 
p.value{
	line-height: 80%;
	width: 68%;
	margin-left: 10px;
	float: left;
	/*clear: both;	*/
}

/* Italikowy podpis uzyszkodnika */
p.secondName{
	line-height: 80%;
	float: bottom;
	clear: both;
	font-style:italic; 
	/*float: left;*/
	/*text-align: right;*/
}

.quote{
	width: 90%;
	margin-left: 5%;
	background: #DDDDFF;
	color: #333333;
	border-width: 1px;
	border-style: solid;
	border-color: #009999;
}

.code{
	width: 90%;
	margin-left: 5%;
	background: #CCCCFF;
	color: #006600;
	border-width: 2px;
	border-style: solid;
	border-color: #009999;
}

.regulaminbox{
	width: 80%;
	margin-left: 10%;
	/*margin-top: 40px;*/
	padding-left: 3%;
	padding-right: 3%;
	background: #DDDDFF;
	color: #333333;
	border-width: 1px;
	border-style: solid;
	border-color: #009999;
}

/* Avatar usera/mapy itp*/
img.avatar{
	border: 2px solid #000000;
	/*clear: both;
	float: none;*/
	text-align: right;
	display: block;
}

/* Pasek XP */
div.xpbar
{
	background-color: #8796A4;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	height: 18px;
	/*height: 15px;*/
	padding: 5px 0 5px 0;
	padding: 1px;
	width: 91%;
	/*margin-left: -2px;*/
}

/* Wypelnienie paska xp */
div.xpfill
{
	/*background-color: #FF9900;*/
	background-color: #C4CFD8;
	border-style: none;
	padding: 0px;
	text-align: center;
	/*align: left;*/
	float: left;
}

/* Pasek z napisem level ktory nachodzi na pasek xpbar*/
/* pasek xpfill tez tam jest gdzies w sordku */
div.level
{
	position: relative; top: 14px;
	text-align: center;
	height: 12px;
}

/* Wyskakujacy box gdy najedziesz na pasek xp */
div.info
{
	border-left-color: silver;
	border-top-color: silver;
	border-right-color: gray;
	border-bottom-color: gray;
	border-style: solid;
	border-width: 1px;
	width: auto;
	height: auto;
	position: absolute;
	display: block;
	background-color: #C3CCD4;
	text-align: center;
	vertical-align: 50%;
	padding: 10px;
	z-index: 2;
}

/* ukryty box gdy najedziesz na pasek xp */
div.infoh
{
	display: none;
}

/* Pasek VP */
div.vpbar
{
	background-color: #8796A4;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	height: 18px;
	/*height: 15px;*/
	padding: 5px 0 5px 0;
	padding: 1px;
	/*margin-right: 50px;*/
	width: 100%;
	/*margin-left: -2px;*/
}


div.vpfill
{
	/*background-color: #FF9900;*/
	/*background-color: #C4CFD8;*/
	border-style: none;
	padding: 0px;
	text-align: center;
	/*align: left;*/
	float: left;
}


div.pvoteBlock
{
	text-align: center;
	width: 22%;
	font-weight: bold;
	/*float: right;*/
	margin-left: 76%;
	font-size: 15px;
}


/* Okno wiadomosci globalnej -  cale okno*/
div.globalwindow
{
	border-style: solid solid solid solid;
	border-color: #85BDE2;
	border-width: 1px;
	width: 50%;
	height: 50%;
	position: absolute;
		top: 25%;
		left: 25%;
	display: block;
	background-color: #CCDADC;
	text-align: center;
	padding: 0 0px 0 0;
	margin: 0;
	z-index: 2;
}


/* Okno wiadomosci globalnej -  pasek tytulowy*/
div.globaltitle
{
	/*border-left-color: silver;
	border-top-color: silver;
	border-right-color: gray;
	border-bottom-color: gray;
	border-style: none none solid none;*/
	
	border-style: none;
	border-color: yellow;
	border-width: 1px;
	
	position: relative;
		
	width: 100%;
	height: auto;
	padding: 2px 0 3px 0;
	display: block;
	background-color: #009999;
	color: #FF9900;
	text-align: center;
	z-index: 2;
}

/* Okno wiadomosci globalnej -  tresc*/
div.globalmsg
{
	border-style: none;
	border-color: black;
	border-width: 1px;
	
	
	width: 100%;
	height: auto;
	display: block;
	text-align: center;
	vertical-align: middle;
	padding: 2px 0 2px 0;
	margin: 0;
	z-index: 2;
}

/* przycisk zamykajacy okno */
div.globalbutton
{
	
	border-left-color: silver;
	border-top-color: silver;
	border-right-color: gray;
	border-bottom-color: gray;
	border-style: solid;
	border-width: 1px;
	
	position: absolute;
		bottom: 5px;
		left: 10%;
	
	width: 80%;
	height: 20px;
	padding: 0;
	
	text-align: center;
	vertical-align: 50%;
	z-index: 2;
	
	color: black;
	background-color: #B3BCC4;
	cursor: pointer;
	
}

div.globalbutton:hover
{
	border-left-color: silver;
	border-top-color: silver;
	border-right-color: gray;
	border-bottom-color: gray;
	border-style: solid;
	border-width: 1px;
	
	position: absolute;
		bottom: 5px;
		left: 10%;
	
	width: 80%;
	height: 20px;
	padding: 0;
	
	text-align: center;
	vertical-align: 50%;
	z-index: 2;
	
	color: black;
	background-color: #C0C9D1;
	cursor: pointer;
}

div.globalbutton:active
{
	border-right-color: silver;
	border-bottom-color: silver;
	border-left-color: gray;
	border-top-color: gray;
	border-style: solid;
	border-width: 1px;
	
	position: absolute;
		bottom: 5px;
		left: 10%;
	
	width: 80%;
	height: 20px;
	padding: 0;
	
	text-align: center;
	vertical-align: 50%;
	z-index: 2;
	
	color: black;
	background-color: #C0C9D1;
	cursor: pointer;
}

/*  j/w - ukryte */
.globalhidden
{
	display: none;
}