/* Wyst�puj�ce w sewisie odcienie szaro�ci */
.background1 { background-color: #FFFFFF; }
.background2 { background-color: #EFEEEF; }
.background3 { background-color: #E8E8E9; }
.background4 { background-color: #E0DFE1; }
.background5 { background-color: #D8D6D8; }

/*************************************************************
 * TABELA1
 *  - wszystkie elementy wyr�wnane do lewej
 *  - nag��wki niebieskie 
 *  - naprzemienne kolorowanie wierszy bia�y -> jasny szary
 * **********************************************************/

.table1 {
	width: 100%;
	margin: 0px auto 10px auto;
}

.table1 tr.row1 {
	background: url('../images/row1.gif') repeat-x left top scroll;
	height: 23px;
}

.table1 tr.row2 {
	background: url('../images/row2.gif') repeat-x left top scroll;
	height: 23px;
}

.table1 td, .table1 th {
	padding-left: 12px;
	text-align: left;
}

.table1 th {
	height: 18px;
	font-weight: normal;
	color: #0071BC;
}

.table1 td {
	color: #FF0000;
}

.table1 tr.more td {
	height: 23px;
}

.table1 tr.more a.arrow{
	background: url('../images/arrow1.gif') no-repeat left center scroll;
	padding-left: 20px;
	color: #0071BC;
}




/*************************************************************************
 * Wyb�r pozycji w tabelach, mam nadziej�, �e uda si� zrobi� uniwersalny
 * **********************************************************************/

div.tableswitch {
	background: url('../images/caption1.gif') repeat-x left center scroll;
	height: 35px;
	position: relative;
}

	.tableswitch .switchelement {
		width: 168px;
		height: 25px;
		background: url('../images/tableswitch.gif') no-repeat left center scroll;	
		position: absolute;
		top: 3px;
		z-index: 1;
		color: #99936D;
	}

	.tableswitch .selected {
		background: url('../images/tableswitch_selected.gif') no-repeat left center scroll;
		height: 28px;
		width: 168px;
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 5;
		color: #555555;
	}

	.tableswitch .switchelement a, .tableswitch .selected a {
		display: block; 
		color: #99936D;
		width: 140px; 
		padding-top: 1px; 
		text-align: center;
	}

	.tableswitch .selected a {
		color: #555555;
	}

	.tableswitch a:hover {
		color: #0071BC;
	}

	table.selected, table.switchelement {
		width: 130px;
		text-align: left;
	}

/*********************************************************************
 * TABELA2
 *  - wszystkie elementy wy�rodkowane opr�cz pierwszej kolumny 
 *  - nag��wki niebieskie 
 *  - naprzemienne kolorowanie wierszy bia�y -> jasny szary
 *  - bardzo podobna do Tabeli2 nie ��cz� jednak styli bo nie wiem
 *  czy docelowo nie b�d� wprowadzone zmiany tylko w jednej z tabel.   
 * *******************************************************************/

.table2 {
	width: 100%;
	margin: 0px auto 10px auto;
}

	.table2 tr.row1 td {
		background: url('../images/row1.gif') repeat-x left bottom scroll;
		height: 30px;
	}

	.table2 tr.row2 td {
		background: url('../images/row2.gif') repeat-x left bottom scroll;
		height: 30px;
	}

	.table2 td, .table2 th {
		padding-left: 12px;
		text-align: center;
	}

	.table2 th {
		height: 18px;
		font-weight: normal;
		color: #0071BC;
	}

	.table2 td {
		color: #FF0000;
		height: 30px;
	}

	.table2 tr.more td {
		height: 23px;
		text-align: left;
	}

	.table2 tr.more a.arrow{
		background: url('../images/arrow1.gif') no-repeat left center scroll;
		padding-left: 20px;
		color: #0071BC;
	}
	
	.table2 .left {
		text-align: left;
	}

	.table2 .time {
		width: 120px;
		text-align: left;
	}

	.table2 .match {
		width: 200px;
		text-align: left;
	}

	.table2 .expand {
		width: 68px;
	}


/*********************************************************************
 * TABELA2a
 *  - Tabela niemal identyczna z 2 poza tym, �e domy�lnym kolorem jest szary (#555555)
 *  - Po najechaniu myszk� na wiersz kolor tekstu zmieniany na czerwony
 *  - wszystkie elementy wy�rodkowane opr�cz pierwszej kolumny 
 *  - nag��wki niebieskie 
 *  - naprzemienne kolorowanie wierszy bia�y -> jasny szary
 *  - bardzo podobna do Tabeli2 nie ��cz� jednak styli bo nie wiem
 *  czy docelowo nie b�d� wprowadzone zmiany tylko w jednej z tabel.   
 * *******************************************************************/

.table2a {
	width: 100%;
	margin: 0px auto 10px auto;
}

	.table2a tr.row1 {
		background: url('../images/row1.gif') repeat-x left top scroll;
		height: 23px;
	}

	.table2a tr.row2 {
		background: url('../images/row2.gif') repeat-x left top scroll;
		height: 23px;
	}

	.table2a td, .table2a th {
		padding-left: 12px;
		text-align: center;
	}

	.table2a th {
		height: 18px;
		font-weight: normal;
		color: #0071BC;
	}

	.table2a td {
		color: #555555;
	}

	.table2a tr:hover td {
		color: #FF0000;
	}

	.table2a tr.more td {
		height: 23px;
		text-align: left;
	}

	.table2a tr.more a.arrow{
		background: url('../images/arrow1.gif') no-repeat left center scroll;
		padding-left: 20px;
		color: #0071BC;
	}
	
	.table2a .left {
		text-align: left;
	}
	
	.table2a tr.pagination a strong {
		color: #FA6313;
	}





/*********************************************************************
 * TABELA3 - zak�ady "Last minute"
 *  - Dwa wiesze informacji w jednym wierszu graficznym. 
 *  - kolory niebieski i ciemno szary 
 *  - u�ywane odcienie szarego: background2 i background4  
 * *******************************************************************/

.table3 {
	width: 100%;
	margin: 0px 0px 12px 0px;
}


	.table3 td, .table3 th {
		padding-left: 10px;
		color: #444444;
		font-weight: bold;
		text-align: left;
	}

	.table3 tr.row1 {
		height: 19px;
		vertical-align: bottom;
	}

	.table3 tr.row2 {
		height: 19px;
		vertical-align: top;
	}

	.table3 strong {
		color: #0071BC;
	}

	.table3 .more td {
	}

	.table3 tr.more a.arrow {
		height: 20px;
		width: 98%;
		text-align: right;
		line-height: 20px;
		display: block;
		background: url('../images/more_dots.gif') repeat-x left top scroll;
		color: #0071BC;
		font-weight: normal;
	}

	.table3 tr.more a.arrow span {
		background: url('../images/arrow1.gif') no-repeat 100% 60% scroll;
		padding-right: 20px;
	}

/*********************************************************************
 * TABELA4 - w�tki na forum 
 *  - Tylko jeden odcie� szaro�ci 
 *  - Dwa wiesze informacji w jednym wierszu graficznym.
 * *******************************************************************/

.table4 {
	width: 100%;
	margin: 0px 0px 12px 0px;
}

	.table4 td, .table4 th {
		padding: 0px 6px;
		text-align: left;
	}

	.table4 tr.row1 {
		height: 19px;
		vertical-align: bottom;
		color: #FF0000;
	}
	.table4 tr.row1 h6 {
		padding: 0px;
	}

	.table4 tr.row2 {
		height: 19px;
		color: #0071BC;
		font-weight: normal;
		vertical-align: top;
	}

	.table4 tr.more a.arrow {
		height: 20px;
		width: 98%;
		text-align: right;
		line-height: 20px;
		display: block;
		color: #0071BC;
		font-weight: normal;
	}

	.table4 tr.more a.arrow span {
		background: url('../images/arrow1.gif') no-repeat 100% 60% scroll;
		padding-right: 20px;
	}

	.table4 .dotted {
		height: 19px;
		background: transparent url('../images/forum_dotted.gif') repeat-x left bottom scroll;
	}

/*********************************************************************
 * TABELA5 - TICKET, zaokr�glone rogi, koszmar *
 *  - dwa odcienie szaro�ci background2 oraz background4 *  
 * *******************************************************************/


.ticket_container {
	padding: 3px;
	margin-bottom: 12px;
}

.table5 {
	width: 100%;
	margin: 0px 0px 0px 0px;
}

	.table5 td, .table4 th {
		color: #444444;
		text-align: left;
		font-weight: bold;
		padding: 0px 3px;
		height: 35px;
		vertical-align: middle;
	}

	.table5 tr {
		line-height: 20px;
	}

	.table5 tr.row1 {
		background: url('../images/rounded_row1bg.png') repeat-x left top scroll;
	}

	.table tr.row2 {
		background: url('../images/rounded_row1bg.png') repeat-x left top scroll;
	}

		.table5 strong {
			color: #0071BC;
		} 

		.table5 tr.row1 td.left {
			background: url('../images/rounded_row1left.png') no-repeat left top scroll;			
			width: 7px;
			padding: 0px;
		}
		
		.table5 tr.row1 td.right {
			background: url('../images/rounded_row1right.png') no-repeat right top scroll;			
			width: 7px;
			padding: 0px;
		}

	.table5 tr.row2 {
		height: 35px;
		vertical-align: middle;
		background: url('../images/rounded_row2bg.png') repeat-x left top scroll;
	}
	
		.table5 tr.row2 td.left {
			background: url('../images/rounded_row2left.png') no-repeat left top scroll;			
			width: 7px;
			padding: 0px;
		}
		
		.table5 tr.row2 td.right {
			background: url('../images/rounded_row2right.png') no-repeat right top scroll;			
			width: 7px;
			padding: 0px;
		}

	.table5 tr.summary td {
		height: 17px;
		border-top: 2px solid #EFEEEF;
		border-bottom: 2px solid #EFEEEF;
	}

		td.summary {
			color: #0071BC;
			text-align: right;
			padding-right: 6px;
		}

		.table5 em {
			font-weight: normal;
			font-style: normal;
		}

		a.bigticket {
			background: url('../images/bigticket_btn.gif') no-repeat center top scroll;
			line-height: 20px;
			height: 20px;
			width: 52px;
			display: block;
			text-align: center;
			color: #FF0000;
			float: right;
			margin: 0px 2px;
		}


/*********************************************************************
 * TABELA6 - g��wny TICKET, zaokr�glone rogi, koszmar *
 *  - dwa odcienie szaro�ci background2 oraz background4 *  
 * *******************************************************************/


.ticket {
/*	margin: 0px 10px; */
}

.table5 {
	width: 100%;
	margin: 0px 0px 0px 0px;
}

	.table5 td, .table5 th {
		color: #444444;
		text-align: left;
		font-weight: bold;
		padding: 0px 3px;
		height: 35px;
		vertical-align: middle;
		line-height:13px;
	}

	.table5 tr {
		line-height: 20px;
	}

	.table5 tr.row1 { background: url('../images/rounded_row1bg.png') repeat-x left top scroll; }
	.table5 tr.row2 { background: url('../images/rounded_row1bg.png') repeat-x left top scroll; }



		.table5 strong {
			color: #0071BC;
		} 

		.table5 tr.row1 td.left {
			background: url('../images/rounded_row1left.png') no-repeat left top scroll;			
			width: 7px;
			padding: 0px;
		}
		
		.table5 tr.row1 td.right {
			background: url('../images/rounded_row1right.png') no-repeat right top scroll;			
			width: 7px;
			padding: 0px;
		}

	.table5 tr.row2 {
		height: 35px;
		vertical-align: middle;
		background: url('../images/rounded_row2bg.png') repeat-x left top scroll;
	}
	
		.table5 tr.row2 td.left {
			background: url('../images/rounded_row2left.png') no-repeat left top scroll;			
			width: 7px;
			padding: 0px;
		}
		
		.table5 tr.row2 td.right {
			background: url('../images/rounded_row2right.png') no-repeat right top scroll;			
			width: 7px;
			padding: 0px;
		}

	.table5 tr.summary td {
		height: 17px;
		border-top: 2px solid #EFEEEF;
		border-bottom: 2px solid #EFEEEF;
	}

		td.summary {
			color: #0071BC;
			text-align: center;
		}

	.table5 tr.summary .left {
		background: url('../images/ticket_summary_leftbg.gif') repeat-y left top scroll;
	}

	.table5 tr.summary .right {
		background: url('../images/ticket_summary_rightbg.gif') repeat-y right top scroll;
	}


		.table5 em {
			font-weight: normal;
			font-style: normal;
		}

		a.bigticket {
			background: url('../images/bigticket_btn.gif') no-repeat center top scroll;
			line-height: 20px;
			height: 20px;
			width: 52px;
			display: block;
			text-align: center;
			color: #FF0000;
			float: right;
			margin: 0px 2px;
		}

		a.smallticket {
			background: url('../images/smallticket_btn.gif') no-repeat center top scroll;
			line-height: 20px;
			height: 20px;
			width: 36px;
			display: block;
			text-align: center;
			color: #FF0000;
			float: right;
			margin: 0px 2px;
		}

	.table5 .row1 .dotted {
		background: url('../images/verticaldotted1.gif') no-repeat 0px 1px;
		text-align: center;
	}
	.table5 .row2 .dotted {
		background: url('../images/verticaldotted3.gif') no-repeat 0px 1px;
		text-align: center;
	}