/* Apunkt.pl Web Client : CSS
*
*	tompaw@tompaw.pl
*/

* 
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/* zip me up :> */

.TextToGraph
{
	display: block;
	text-indent: -9999px;
	line-height: 0.00001px;
	font-size: 0;
	text-decoration: none;
}

div.SubTitErr
{
	margin-top: 20px;
	height: 25px;
	background: url(./graph/site/MainColSubtitAddusr3.gif) top left no-repeat;
	color: #db1212;
	font-weight: bold;
	vertical-align: top;
	padding: 2px 0px 0px 40px;
}

body
{
	background-color: #F1F1F1;
	font-family: Verdana;
	font-size: 10px;
}

div#MainColumn
{
	width: 764px;
	background: url(./graph/site/MainColumn.gif) top center repeat-y;
	margin: 0px auto;
}

div#MainHeader
{
	height: 97px;
	background: url(./graph/site/MainHeader.gif) top center no-repeat;
	position: relative;
}

a#MainHeaderHrefLogo
{
	background: url(./graph/site/MainHeaderLogo.gif) top left no-repeat;
	width: 294px;
	height: 60px;
	position: absolute;
	top: 25px;
	left: 29px;
}

a#MainHeaderHrefAllpay
{
	background: url(./graph/site/MainHeaderAllpayPassive.gif) top left no-repeat;
	width: 127px;
	height: 43px;
	position: absolute;
	top: 36px;
	left: 590px;
}

a#MainHeaderHrefAllpay:hover
{
	background: url(./graph/site/MainHeaderAllpayActive.gif) top left no-repeat;	
}

a#MainHeaderHrefLogin
{
	background: url(./graph/site/MainHeaderLogin.gif) top left no-repeat;
	width: 185px;
	height: 27px;
	position: absolute;
	top: 64px;
	left: 560px;
}

div#MainMenubar
{
	height: 26px;
	background: url(./graph/site/MainMenubar.gif) top center no-repeat;
	position: relative;
}

#MainMenubar ul
{
	list-style-type: none;
	margin: 0px auto;
}

#MainMenubar li
{
	display: inline;
}

a#MainMenubarHref1
{
	background: url(./graph/site/MainMenubarHref1.gif) top left no-repeat;
	width: 93px;
	height: 13px;
	position: absolute;
	top: 7px;
	left: 37px;
}

a#MainMenubarHref2
{
	background: url(./graph/site/MainMenubarHref2.gif) top left no-repeat;
	width: 73px;
	height: 13px;
	position: absolute;
	top: 7px;
	left: 143px;
}

a#MainMenubarHref3
{
	background: url(./graph/site/MainMenubarHref3.gif) top left no-repeat;
	width: 78px;
	height: 13px;
	position: absolute;
	top: 7px;
	left: 229px;
}

a#MainMenubarHref4
{
	background: url(./graph/site/MainMenubarHref4.gif) top left no-repeat;
	width: 53px;
	height: 13px;
	position: absolute;
	top: 7px;
	left: 320px;
}

a#MainMenubarHref5
{
	background: url(./graph/site/MainMenubarHref5.gif) top left no-repeat;
	width: 53px;
	height: 13px;
	position: absolute;
	top: 7px;
	/*left: 387px;*/
	left: 320px;
}

a#MainMenubarHref6
{
	background: url(./graph/site/MainMenubarHref6.gif) top left no-repeat;
	width: 29px;
	height: 13px;
	position: absolute;
	top: 7px;
	left: 688px;
}

a#MainMenubarHref7
{
	background: url(./graph/site/MainMenubarHref7.gif) top left no-repeat;
	width: 107px;
	height: 13px;
	position: absolute;
	top: 7px;
	left: 383px;
}

a#MainMenubarHref8
{
	background: url(./graph/site/MainMenubarHref8.gif) top left no-repeat;
	width: 95px;
	height: 13px;
	position: absolute;
	top: 7px;
	left: 500px;
}

a#MainMenubarHref11
{
	background: url(./graph/site/MainMenubarHref11.gif) top left no-repeat;
	width: 78px;
	height: 13px;
	position: absolute;
	top: 7px;
	left: 143px;
}

a#MainMenubarHref12
{
	background: url(./graph/site/MainMenubarHref12.gif) top left no-repeat;
	width: 73px;
	height: 13px;
	position: absolute;
	top: 7px;
	left: 235px;
}

a#MainMenubarHref16
{
	background: url(./graph/site/MainMenubarHref6.gif) top left no-repeat;
	width: 29px;
	height: 13px;
	position: absolute;
	top: 7px;
	left: 688px;
}

div#MainContainer
{
	position: relative;
	overflow: hidden;
	width: 100%;
}

div#MainColDouble
{
	width: 537px;
	float: left;
	padding-top: 10px;
	padding-left: 17px;
}

#MainColDouble table
{
	width: 520px;
}

#MainColDouble td#MCDTitle
{
	background: url(./graph/site/MainColDoubleTitle.png) top center no-repeat;
	width: 520px;
	height: 200px;
}

#MainColDouble td
{
	background: url(./graph/site/MainColDoubleRbox.png) top center no-repeat;
	width: 156px;
	padding: 0px 5px;
	height: 184px;
	color: #fff;
}

div#MainColLeft
{
	width: 183px;
	float: left;
	padding: 10px 0px 0px 17px;
}

div.MCLRedBox
{
	width: 178px;
	background: url(./graph/site/RedBoxMiddle.png) top center repeat-y;
	color: #fff;
	margin-bottom: 15px;
}

.MCLRedBox ul
{
	margin-top: 0px;
	margin-left: 35px;
}

.MCLRedBox a
{
	text-decoration: none;
	color: #fff;
}

.MCLRedBox img {
	margin: 0px 0px 10px 10px;
}

.MCLRedBox p {
	margin: 5px 10px;
}

.MCLRedBox span {
	font-weight: bold;
}

.MCLRedBox input {
	margin-top: 2px;
	width: 145px;
	height: 16px;
	border: 1px solid #ffd700;
	font-weight: bold;
	font-size: 10px;
	color: #a2001e;
}

.MCLRedBox div.MCLRedBoxTop
{
	width: 178px;
	height: 13px;
	background: url(./graph/site/RedBoxTop.png) top center no-repeat;
}

.MCLRedBox div.MCLRedBoxBottom
{
	width: 178px;
	height: 13px;
	background: url(./graph/site/RedBoxBottom.png) top center no-repeat;
}

.RedAst
{
	color: #f00;
	font-weight: bold;
}

table.MCFormT
{
	margin: 10px auto;
}

.MCFormT tr
{
	height: 20px;
}

.MCFormT th
{
	text-align: right;
	width: 100px;
	padding-right: 15px;
}

.MCFormT input
{
	width: 200px;
	border: 1px solid #b13610;
	font-size: 11px;
	height: 16px;
}

.MCFormT textarea
{
	width: 200px;
	border: 1px solid #b13610;
	font-size: 11px;
	height: 200px;
}

.MCHint
{
	color: #929292;
	font-style: italic;
}

div#MainColCenter
{
	width: 333px;
	float: left;
	padding: 10px 10px;
}

#MainColCenter a
{
	color: #ee5501;
	text-decoration: underline;
}

#MainColCenter p 
{
	margin: 10px 0px;
}	

#MainColCenter span
{
	font-weight: bold;
}

div#MainColRight
{
	float: left;
	margin-right: 0px;
	width: 192px;
	height: 416px;
	background: url(./graph/site/MainColRight.gif) top center repeat-y;
	color: #5D5D5D;
	position: relative;
}

#MainColRight span.TextToGraph
{
	display: block;
	width: 192px;
	height: 110px;
	background: url(./graph/site/MainColRightSpan.gif) top center repeat-y;
	top: 0px;
	left: 0px;
}

#MainColRight div#MainColRightFoot
{
	position: absolute;
	top: 397px;
	left: 0px;
	width: 192px;
	height: 19px;
	background: url(./graph/site/MainColRightFoot.gif) top center no-repeat;
}

#MainColRight p#TitPos1, #MainColRight p#TitPos2, #MainColRight p#TitPos3, #MainColRight p#TitPos4, #MainColRight p#TitPos5
{
	height: 16px;
	padding: 1px 0px 0px 20px;
	font-weight: bold;
	margin-bottom: 0px;
}

#MainColRight p#TitPos1
{
	background: url(./graph/site/MainColRightPt1.gif) top left no-repeat;
}

#MainColRight p#TitPos2
{
	background: url(./graph/site/MainColRightPt2.gif) top left no-repeat;
}

#MainColRight p#TitPos3
{
	background: url(./graph/site/MainColRightPt3.gif) top left no-repeat;
}

#MainColRight p#TitPos4
{
	background: url(./graph/site/MainColRightPt4.gif) top left no-repeat;
}

#MainColRight p#TitPos5
{
	background: url(./graph/site/MainColRightPt5.gif) top left no-repeat;
}

#MainColRight p
{
	margin: 0px 16px 6px 16px;
	/* padding: 9px 16px; */
}

#MainColRightPassage span
{
	font-weight: bold;
}

ul#MainColRightPassage
{
	list-style-type: none;
	margin: 0px auto;
	margin-top: 5px;
}

/* DYN */

#PassagePosition23 a
{
	margin: 0px auto;
	display: block;
	width: 153px;
	height: 36px;
	background: url(./graph/corp_logos/merlin.gif) top center no-repeat;
}

#PassagePosition24 a
{
	margin: 0px auto;
	display: block;
	width: 153px;
	height: 36px;
	background: url(./graph/corp_logos/merlin.gif) top center no-repeat;
}

/* /DYN */

div#MainFooter
{
	clear: both;
	width: 764px;
	height: 60px;
	background: url(./graph/site/MainFooter.gif) top center no-repeat;
	position: relative;
	color: #929292;
}

#MainFooter a
{
	color: #929292;
	text-decoration: none;
}

#MainFooter p
{
	margin-left: 250px;
}

#MainFooter ul
{
	list-style-type: none;
	margin: 0px auto 0px 290px;
	padding-top: 16px;
}

#MainFooter li
{
	display: inline;
}

#MainFooterHrefAllpay
{
	position: absolute;
	left: 20px;
	top: 7px;
	width: 246px;
	height: 28px;
	background: url(./graph/site/MainFooterLogoAllpay.gif) top left no-repeat;
}

#MainFooterHrefLukas
{
	position: absolute;
	left: 654px;
	top: 6px;
	width: 83px;
	height: 35px;
	background: url(./graph/site/MainFooterLogoLukas.gif) top left no-repeat;
}

input.SbmImg
{
	border: none;
	width: auto;
	height: auto;
}

img.MCSubTitImg
{
	margin-top: 15px;
}

table.CatBrowser
{
	margin: 10px auto;
	width: 320px;
}

.CatBrowser td
{
	width: 150px;
	height: 166px;
	padding: 0px;
	position: relative;
	vertical-align: top;
}

.CatBrowser tr
{
	height: 174px;
}

a.ItmHref
{
	text-decoration: none;
	color: #000;
}

.CatBrowser p.ItmName, .MCLRedBox p.ItmName
{
	display: block;
	width: 130px;
	height: 40px;
	position: relative;
	top: 0px;
	left: 13px;
	text-align: center;
	color: #ee6b01;
	font-weight: bold;
}

.CatBrowser p.ItmPrice, .MCLRedBox p.ItmPrice
{
	display: block;
	width: 130px;
	height: 20px;
	text-align: center;
	position: relative;
	top: 0px;
	left: 13px;
}

.ItmPrice span
{
	font-size: 14px;
	color: #c3341c;
}

.CatBrowser img.ItmPhoto, .MCLRedBox img.ItmPhoto
{
	width: 68px;
	height: 68px;
	/*
	width: auto;
	height: auto;
	*/
	background: #fff;
	position: relative;
	top: 0px;
	left: 44px;
}

img.SitmPhoto
{
	width: 200px;
	height: 200px;
	margin: 10px 75px;
}

p.SitmName
{
	font-size: 20px;
	font-weight: bold;
	color: #ee8e01;
	margin-top: 0px;
}

span.SitmPrice
{
	font-size: 18px;
	font-weight: bold;
	color: #860119;
}

table.TransList
{
	width: 330px;
}

.TransList tr, .TransList td
{
	height: 20px;
}

.TransList th
{
	border-bottom: 1px solid #f00;
}

.TransList td
{
	border-bottom: 1px solid #df7f20;
	font-size: 9px;
}

a.RBLSel, span.RBLSel
{
	color: #e8a108;
}

div.JouPos
{
	margin: 20px 10px;
	width: 351px;
	height: 200px;
	position: relative;
	background: url(./graph/site/JouBack.png) top left no-repeat;
}

div.JPName
{
	width: 225px;
	height: 30px;
	position: absolute;
	top: 7px;
	left: 114px;
}

div.JPUrl
{
	width: 225px;
	height: 20px;
	position: absolute;
	top: 47px;
	left: 114px;
}

div.JPDescript
{
	width: 225px;
	height: 110px;
	position: absolute;
	overflow: hidden;
	top: 80px;
	left: 114px;
}

.JouPos img
{
	position: absolute;
	top: 100px;
	left: 14px;	
}

.h2 {
    color: #ee8e01;
    font-size: 18px;
    font-family: arial;
}