body{
	margin: 0px;
	padding: 0px;
	background-color: #ECECEC;
	cursor: default;
}
body, input, textarea, td{
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
}
h5{font-size:12px;}
h4{font-size:14px;}
h3{font-size:17px;}
h2{font-size:21px;}
h1{font-size:24px;}
h1, h2, h3, h4, h5{color: #000;}


a{
	color: #333;
}
a:hover{
	color: firebrick;
}
img{
	border-width: 0px;
}

.tx{					text-decoration: none;}
.strong{			font-weight: bold;}
.italic{			font-style : italic;}
.underline{		text-decoration:underline; }

.toLeft{			float:left;}
.toRight{			float:right !important;}

.display_none{display: none;}

.f8{font-size:8px;}
.f9{font-size:9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}

.gray{				color: #8E8E8E;}
.silver{			color: silver;}
.steel{				color: #667;}			/* color label */

.price{

}
.currency{

}




/**

*/

div.BlockArea{
	float:left;
	clear:both;
	width:100%;
	text-align: center;
}
div.BlockArea > div.BlockCenter{
	margin: 0px auto;
	width: 960px;
}
div.BlockArea > div.BlockCenter > div.BlockContainer{
	position: relative;
	float: left;
	width: 960px;
	text-align: left;
}



div#HeaderArea.BlockArea{

}
div#MenuArea.BlockArea{
	height:15px;
	/* background: url(../img/MenuArea.bck.png); */
}
div#ContentArea.BlockArea{

}
div#FooterArea.BlockArea{

}


div#HeaderArea.BlockArea > div#HeaderCenter.BlockCenter{

}
div#MenuArea.BlockArea > div#MenuCenter.BlockCenter{
	height:25px;
	background: #000000 url(../img/MenuCenter.bck.png) repeat-x;
}
div#ContentArea.BlockArea > div#ContentCenter.BlockCenter{

}
div#FooterArea.BlockArea > div#FooterCenter.BlockCenter{

}


div#HeaderArea.BlockArea > div#HeaderCenter.BlockCenter > div#HeaderContainer.BlockContainer{
	z-index: 3;
	padding: 0px 0px 10px 10px;
	width: 950px;
	background-color: #F5F5F5;
}
div#MenuArea.BlockArea > div#MenuCenter.BlockCenter > div#MenuContainer.BlockContainer{
	z-index:2;
	height:15px;
}
div#ContentArea.BlockArea > div#ContentCenter.BlockCenter > div#ContentContainer.BlockContainer{
	z-index:1;
	/*min-height: 250px; niepotrzebne? */
	background: #ffffff url(../img/ContentContainer.bck.png) repeat-y top;
}
div#FooterArea.BlockArea > div#FooterCenter.BlockCenter > div#FooterContainer.BlockContainer{
	z-index:0;
	padding:0px 0px 20px 0px;
}



/** --------------------------------------------------------------------------------------------- *\
	# HeaderContainer
	#
*/
div#HeaderContainer img#Logo{
	float:left;
	margin:10px 0px 0px 10px;
}

/**
	# MenuBarBox
*/
div#HeaderContainer div#MenuBarBox{
	float:right;
	margin:0px 0px 0px 0px;
}
div#HeaderContainer div#MenuBarBox div#MenuBarBoxTop{
	float: right;
	clear: both;
	padding:0px 5px 0px 10px;
	margin:0px;
	background-color: #fff;
}
div#HeaderContainer div#MenuBarBox div#MenuBarBoxTop ul{
	float:left;
	display: block;
	clear: both;
	padding:0px;
	margin:0px 0px 0px 0px;
	list-style-type: none;
}
div#HeaderContainer div#MenuBarBox div#MenuBarBoxTop ul li{
	float:left;
	padding:0px 1px 0px 1px;
	margin:0px;
	background: url(../img/pipe.png) no-repeat right;
	font-size:12px;
	font-weight: normal;
}
div#HeaderContainer div#MenuBarBox div#MenuBarBoxTop ul li:last-child{
	background-image: none;
}
div#HeaderContainer div#MenuBarBox div#MenuBarBoxTop ul li div{

}
div#HeaderContainer div#MenuBarBox div#MenuBarBoxTop ul li a{

}
div#HeaderContainer div#MenuBarBox div#MenuBarBoxTop ul li a span{
	display: block;
	padding:6px 6px;
	text-transform: uppercase;
}

div#HeaderContainer div#MenuBarBox div#ClientInfo{
	float:right;
	clear: both;
	padding:5px 10px 0px 0px;
	margin: 0px;
}
div#HeaderContainer div#MenuBarBox div#ClientInfo ul{
	float:left;
	display: block;
	clear: both;
	padding:0px;
	margin:3px 0px 0px 0px;
	list-style-type: none;
}
div#HeaderContainer div#MenuBarBox div#ClientInfo ul li{
	float:right;
	clear: both;
	text-align: right;
	font-size:11px;
}

div#HeaderContainer div#MenuBarBox div#ClientInfo ul li a#ClientInfo_Tickets{
	display: block;
	margin: 3px  0px  0px 0px;
	background-color: transparent;
}
div#HeaderContainer div#MenuBarBox div#ClientInfo ul li a#ClientInfo_Tickets.display_none{
	display: none;
}
div#HeaderContainer div#MenuBarBox div#ClientInfo ul li a#ClientInfo_Tickets span#ClientInfo_Ticket_UnviewedCount{
	font-weight: bold;
}

/* 	_____________________________________________________________________________
 * ------------------------------------------------------------------------------
 * 	div#ContentContainer
 *
*/
div#ContentContainer div#BoardPicture{
	float: left;
	width: 960px;
	height: 50px;
	background: #EAEDF0 url(../img/boards/default.png) no-repeat left bottom;
}
div#ContentContainer div#BoardPicture h1{
	float: left;
	margin: 8px 0px 0px 25px;
	font-size: 21px;
	text-transform: uppercase;
	color: #CFE0EB;
}
div#ContentContainer div.ContentBottomLine{
	clear:both;
	width:960px;
	height:15px;
	background: white url(../img/ContentBottomLine.bck.png);
}
div#ContentContainer div.ContentBottomLine div.cbttLineCorn{
	width:14px;
	height:15px;
	background: url(../img/ContentBottomLine.corn.png);
}
div#ContentContainer div.ContentBottomLine div.cbttLineCorn.toRight{
	background-position: 100%;
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////
 * div#MenuLeft
 *
*/
div#ContentContainer div#MenuLeft{
	float: left;
	padding:10px 0px 0px 0px;
	width: 250px;
	min-height: 300px;
}
div#ContentContainer div#MenuLeft div.MenuBox{
	position: relative;
	float: left;
	clear: both;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 15px;
	width: 225px;
	background-color: #EFEFEF;
}
div#ContentContainer div#MenuLeft div.MenuBox div.mnulbCorner{
	z-index: 0;
	position: absolute;
	width:8px;
	height: 8px;
	background-image: url(../img/MenuLeft/BoxCorn.png)
}

.mnuLeftBox .group-offer
{
    background: #464646;
    background-image: url(../img/arrow_10.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    height: 40px;
    width: 215px;
    line-height: 40px;
    color: white;
    font-weight: bolder;
    font-size: 13px;
    padding-left: 15px; 
}

.mnuLeftBox .group-offer.down-arrow{
    background-image: url(../img/arrow_03.png);
}   

div#ContentContainer div#MenuLeft div.mnuLeftBox ul li div a.current-server {
    background-color:#f5f5f5;
}

div#ContentContainer div#MenuLeft div.MenuBox div.mnulbCorner.mnulbcLT{left:0px; top:0px; background-position: 0% 0%;}
div#ContentContainer div#MenuLeft div.MenuBox div.mnulbCorner.mnulbcRT{right:0px; top:0px; background-position: 100% 0%;}
div#ContentContainer div#MenuLeft div.MenuBox div.mnulbCorner.mnulbcRB{right: 0px; bottom:0px; background-position: 100% 100%;}
div#ContentContainer div#MenuLeft div.MenuBox div.mnulbCorner.mnulbcLB{left:0px; bottom:0px; background-position: 0% 100%;}

div#ContentContainer div#MenuLeft div.MenuBox ul{
	display:block;
	margin:0px;
	padding:0px;
	list-style-type: none;
}
div#ContentContainer div#MenuLeft div.MenuBox ul li{
	clear: both;
	margin:0px;
	padding:0px;
	display: block;
}
div#ContentContainer div#MenuLeft div.MenuBox ul li a{
	display: block;
	text-decoration: underline;
}
div#ContentContainer div#MenuLeft div.MenuBox ul li a:hover{
	
}
div#ContentContainer div#MenuLeft div.MenuBox ul li span{
	display: block;
}


div#ContentContainer div#MenuLeft div.MenuBox > ul{
	z-index: 1;
	position: relative;
	float:left;
	margin:10px 10px 0px 10px;
	padding:0px;
	width:225px;
}
div#ContentContainer div#MenuLeft div.MenuBox > ul > li{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 203px;
	background-color: #fafafa;
}
div#ContentContainer div#MenuLeft div.MenuBox > ul >  li.mboxLISelected{
	margin-bottom: 0px;
	background-color: #fff;
}
div#ContentContainer div#MenuLeft div.MenuBox > ul >  li.mboxLISelected > div > a {
	font-weight: bold;
}
div#ContentContainer div#MenuLeft div.MenuBox > ul > li > div{
	
}
div#ContentContainer div#MenuLeft div.MenuBox > ul > li > div > a{
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #E4E4E4;
}
div#ContentContainer div#MenuLeft div.MenuBox > ul > li > div > a > span{
	padding: 8px 2px 8px 8px;
	margin: 0px;
}
/* hover */
div#ContentContainer div#MenuLeft div.MenuBox ul li div a:hover{
	background-color: #FCFCFC;
	border-color: #c9c9c9;
}
div#ContentContainer div#MenuLeft div.MenuBox ul li div a:hover span{
	background-color: #fff;
}

div#ContentContainer div#MenuLeft div.MenuBox > ul > li > ul{
	
}
div#ContentContainer div#MenuLeft div.MenuBox > ul > li > ul > li{

}
div#ContentContainer div#MenuLeft div.MenuBox > ul > li > ul > li > div{

}
div#ContentContainer div#MenuLeft div.MenuBox > ul > li > ul > li > div > a{
	border-bottom: 1px solid #E4E4E4;
}
div#ContentContainer div#MenuLeft div.MenuBox > ul > li > ul > li > div > a > span{
	padding: 5px 2px 5px 8px;
}
div#ContentContainer div#MenuLeft div.MenuBox > ul > li > ul.mboxLiServers{

}
div#ContentContainer div#MenuLeft div.MenuBox > ul > li > ul.mboxLiServers li{

}
div#ContentContainer div#MenuLeft div.MenuBox > ul > li > ul.mboxLiServers li.mboxLiSrvSelected{
	
}
div#ContentContainer div#MenuLeft div.MenuBox > ul > li > ul.mboxLiServers > li > div > a > span{
	padding-left: 25px;
	background: transparent url(../img/MenuLeft/server.gif) no-repeat 5px;
}
div#ContentContainer div#MenuLeft div.MenuBox > ul > li > ul.mboxLiServers > li.mboxLiSrvSelected > div > a > span{
	font-weight: bold;
}

div#ContentContainer div#MenuLeft div.MenuBox > ul > li ul.mboxOptions{
	font-size: 11px;
	
}
div#ContentContainer div#MenuLeft div.MenuBox > ul > li ul.mboxOptions li{

}
div#ContentContainer div#MenuLeft div.MenuBox > ul > li ul.mboxOptions li div{

}
div#ContentContainer div#MenuLeft div.MenuBox > ul > li ul.mboxOptions li div a{
	color:#666;
	text-decoration: none;
	border-bottom: 1px solid #E4E4E4;
}
div#ContentContainer div#MenuLeft div.MenuBox > ul > li ul.mboxOptions li div a:hover{
	color: firebrick;
	background-color: #fafafa;
}
div#ContentContainer div#MenuLeft div.MenuBox > ul > li ul.mboxOptions li div a span{
	padding:3px 2px 3px 25px;
}



div#ContentContainer div#MenuLeft div.MenuBox > div.mboxContent{
	z-index: 1;
	position: relative;
	float: left;
	padding:10px;
	margin:10px 10px 0px 10px;
	width: 185px;
	background-color: #fafafa;
}


/** ------------------------------------------------------------------------------ *
 * ContentContainer
 *
*/
div#ContentContainer div#Content{
	float:left;
	width: 710px;

}
div#ContentContainer div#Content div#Performer{
	float:left;
	padding:0px 0px 40px 0px;
	margin:10px 0px 0px 10px;
	width: 680px;
	min-height: 200px;

}

div#ContentContainer div#Content div#Performer div#PageTitleArea{
	float: left;
	padding:10px 0px 10px 0px;
	width: 680px;
}
div#ContentContainer div#Content div#Performer div#PageTitleArea > h2{
	float: left;
	padding: 0px;
	margin: 0px;
}
div#ContentContainer div#Content div#Performer div#PageTitleArea > div{
	float: right;
	padding:2px 0px 0px 0px;
}


/** 
 *	FooterContainer
 */
div#FooterContainer div#Footer{
	float: left;
	width: 940px;
	padding: 15px 10px 15px 10px;
	margin: 0px 0px 30px 0px;
	font-size: 11px;
	color: #8E8E8E;
	border-bottom: 1px solid #D7DADD;
}





/** ------------------------------------------------------------------------------ *
 *	TabStrip używany w przedłużaniu abonamentu
*/
div.TabStrip{
 
}
div.TabStrip ul.TabStripButtons{
	float: left;
	width:100%;
	display:block;
	clear: both;
	margin:10px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
	background: white url(../img/TabStrip/ButtonBar.bck.png) repeat-x bottom;
}
div.TabStrip ul.TabStripButtons li{
	float:left;
	display: block;
	padding:5px 0px 0px 0px;
	margin:0px 2px 1px 0px;
}
div.TabStrip ul.TabStripButtons li a{
	float:left;
	display: block;
	background-color: whitesmoke;
	cursor: pointer;
}
div.TabStrip ul.TabStripButtons li a span{
	float:left;
	display: block;
	padding:5px 10px 5px 10px;
	border-width:1px 1px 0px 1px;
	border-style: solid;
	border-color: silver;
}
div.TabStrip ul.TabStripButtons li.tabStripBttSelected{
	padding-top:0px;
	margin-bottom:0px;
}
div.TabStrip ul.TabStripButtons li.tabStripBttSelected a{
	background-color: white;
}
div.TabStrip ul.TabStripButtons li.tabStripBttSelected a span{
	padding-top:10px;
	padding-bottom:6px;
}
div.TabStrip ul.TabStripButtons li.tabStripBttDisabled{
	color: gray;
}
div.TabStrip ul.TabStripButtons li.tabStripBttDisabled a{
	text-decoration: none;
	cursor: default;
	color: silver;
	cursor: default;
}

div.TabStrip div.TabStripContentArea{
	float: left;
	padding:10px 0px 0px 0px;
	width:100%;
	clear: both;
}
div.TabStrip div.TabStripContentArea div.TabStripContent{
	float:left;
	width: 100%;
	display: none;
}
div.TabStrip div.TabStripContentArea div.TabStripContent.tabsContentVisible{
	display: block;
}
*/
ul.TabStripButtons{
	float:left;
	display:block;
	margin:0px;
	padding:0px;
	list-style-type:none;
	background: white url(../img/TabStrip/ButtonBar.bck.png) repeat-x left bottom;
}
ul.TabStripButtons li{
	float:left;
	display: block;
	padding:5px 0px 0px 0px;
	margin:0px 2px 1px 0px;
}
ul.TabStripButtons li a{
	float:left;
	display: block;
	background-color: whitesmoke;
}
ul.TabStripButtons li a span{
	float:left;
	display: block;
	padding:5px 10px 5px 10px;
	border-width:1px 1px 0px 1px;
	border-style: solid;
	border-color: silver;
}
ul.TabStripButtons li.tabStripBttSelected{
	padding-top:0px;
	margin-bottom:0px;
}
ul.TabStripButtons li.tabStripBttSelected a{
	background-color: white;
}
ul.TabStripButtons li.tabStripBttSelected a span{
	padding-top:10px;
	padding-bottom:6px;
}

ul.TabStripButtons li.tabStripBttDisabled{
	color: gray;
}
ul.TabStripButtons li.tabStripBttDisabled a{
	text-decoration: none;
	cursor: default;
	color: silver;
}

ul.TabStripContent{

}






/** ------------------------------------------------------------------------------ *
 *	MessageBox
 */
div.boxmsg{
	clear:both;
	padding:10px 20px 10px 20px;
	margin:10px 0px;
}
div.boxmsg div.boxmsg_content{

}
div.boxmsg div.boxmsg_content h2,
div.boxmsg div.boxmsg_content h3,
div.boxmsg div.boxmsg_content h4,
div.boxmsg div.boxmsg_content h5{
	padding:10px 0px;
	margin: 0px;
}
div.boxmsg div.boxmsg_content h5{
	
}

div.boxmsg.boxmsg_confirm{
	background-color: #f8fafa;
	border: 1px solid  #ddeedd;
}
div.boxmsg.boxmsg_confirm div.boxmsg_content{

}
div.boxmsg.boxmsg_confirm div.boxmsg_content,
div.boxmsg.boxmsg_confirm div.boxmsg_content h2,
div.boxmsg.boxmsg_confirm div.boxmsg_content h3,
div.boxmsg.boxmsg_confirm div.boxmsg_content h4,
div.boxmsg.boxmsg_confirm div.boxmsg_content h5,
div.boxmsg.boxmsg_confirm div.boxmsg_content a{
	/*color: #006400;*/
	color: #51735B;
}

div.boxmsg.boxmsg_info{
	background-color: #f4f7ff;
	border: 1px solid  #dce0e9;
}
div.boxmsg.boxmsg_info div.boxmsg_content{

}
div.boxmsg.boxmsg_info div.boxmsg_content,
div.boxmsg.boxmsg_info div.boxmsg_content h2,
div.boxmsg.boxmsg_info div.boxmsg_content h3,
div.boxmsg.boxmsg_info div.boxmsg_content h4,
div.boxmsg.boxmsg_info div.boxmsg_content h5,
div.boxmsg.boxmsg_info div.boxmsg_content a{
	/*color: #05539b;*/
	color: #04227c;
}

div.boxmsg.boxmsg_alert{
	background-color: #fffdf9;
	border: 1px solid  #ffefef;
}
div.boxmsg.boxmsg_alert div.boxmsg_content{

}
div.boxmsg.boxmsg_alert div.boxmsg_content,
div.boxmsg.boxmsg_alert div.boxmsg_content h2,
div.boxmsg.boxmsg_alert div.boxmsg_content h3,
div.boxmsg.boxmsg_alert div.boxmsg_content h4,
div.boxmsg.boxmsg_alert div.boxmsg_content h5{
	color: #ee0000;
}


div.msg_confirm{
	color: #51735B;
	background-color: #f8fafa;
	border: 1px solid  #ddeedd;
}
div.msg_confirm > div{
	padding:4px 10px;
}
div.msg_info{
	color: #04227c;
	background-color: #f4f7ff;
	border: 1px solid  #dce0e9;
}
div.msg_info > div{
	padding:4px 10px;
}
div.msg_alert{
	color: #ee0000;
	background-color: #fffdf9;
	border: 1px solid  #ffefef;
}
div.msg_alert > div{
	padding:4px 10px;
}


span.msg_info,
span.msg_info a{
	color: #04227c;
}
span.msg_alert,
span.msg_alert a{
	color: #ee0000;
}
span.msg_confirm,
span.msg_confirm a{
	color: #51735B;
}
span.msg_info a:hover,
span.msg_alert a:hover,
span.msg_confirm a:hover{
	color: firebrick;
}



/** ------------------------------------------------------------------------------ *
 *	nawigacja
 */
div.NavigationBox{
	float: right;
	margin:10px 0px 10px 0px;
	background-color: #fff;
}
div.NavigationBox > a,
div.NavigationBox > span{
	float:left;
}
div.NavigationBox > a{
	margin:0px 1px;
}
div.NavigationBox > a.navpg{
	padding:1px 4px;
	text-decoration: none;
	border:1px solid #eeeeee;
}
div.NavigationBox > a.navpg.navpgSelected{
	font-weight: bold;
	border-color: #bbb;
}

div.NavigationBox > a.nav_prev{
	padding:1px 4px;
	border:1px solid #eeeeee;
}
div.NavigationBox > a.nav_prev:hover{
	
}
div.NavigationBox > a.nav_prev > span{
	float: left;
	padding-left:10px;
	background: url(/utils/img/arrow/left.01.black.png) no-repeat left;
}
div.NavigationBox > a.nav_prev:hover > span{
	background-image: url(/utils/img/arrow/left.01.red.png);
}
div.NavigationBox > a.nav_next{
	padding:1px 4px;
	border:1px solid #eeeeee;
}
div.NavigationBox > a.nav_next:hover{
	
}
div.NavigationBox > a.nav_next > span{
	float: left;
	padding-right:10px;
	background: url(/utils/img/arrow/right.01.black.png) no-repeat right;
}
div.NavigationBox > a.nav_next:hover > span{
	background-image: url(/utils/img/arrow/right.01.red.png);
}
div.NavigationBox > a.nav_prev.disabled,
div.NavigationBox > a.nav_next.disabled{
	color: silver;
}
div.NavigationBox > a.nav_prev.disabled > span{
	background-image: url(/utils/img/arrow/left.01.gray.png);
}
div.NavigationBox > a.nav_next.disabled > span{
	background-image: url(/utils/img/arrow/right.01.gray.png);
}

div.NavigationBox > span{
	padding:2px 3px;
}

div.NavigationStringLinks{
	float: left;
	margin:10px 0px 10px 0px;
}
div.NavigationStringLinks > a{
	float:left;
	padding:1px 4px;
	text-decoration: none;
	border:1px solid #eeeeee;
}
div.NavigationStringLinks > a.navslSelected{
	font-weight:bold;
	text-decoration: underline;
}




div.ComboList{
	position: relative;
	background-color: red;
}
div.ComboList > label{
	position: relative;
	z-index: 1;
	display: block;
	padding:0px 22px 0px 5px;
	line-height:20px;
	font-size: 12px;
	text-decoration: underline;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #fff;
	background: #fff url(/utils/img/arrow/ComboList.png) no-repeat right;
}
div.ComboList > ul{
	position: absolute;
	z-index: 0;
	float:left;
	display: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	left: 0px;
	top: 21px;
	min-width:120%;
	list-style-type: none;
	border: 1px solid silver;
	background-color: #fff;
}
div.ComboList:hover > label{
	border-color: silver silver #fff silver;
}
div.ComboList:hover > ul{
	display: block;
}
div.ComboList > ul > li{
	clear: both;
	padding: 1px 0px 1px 5px;
	cursor: hand;
	cursor: pointer;
}
div.ComboList > ul > li:hover{
	background-color: #fafafa;
	color: firebrick;
}