/* CSS for mBank/blog SK20 :: last modified @ pp :: 2008.10.29 */

#fNowyW			{margin: 15px 0 5px 0; padding: 0; float: left; clear: left}
#fNowyW a		{float: right; clear: both}


#pages			{float: left; clear: left; font: normal 8pt tahoma, sans-serif; color: #b30000; width: 100%; text-align: center; padding: 15px 0}
#pages #prev		{display: inline; padding-right: 10px}
#pages #next		{display: inline}
#pages #numbers		{display: inline}
#numbers a		{padding: 0 5px}
#numbers strong		{padding: 0 5px; color: #4e4e4e}
#prev a.bullet 		{background: url(../images/bulletRedBack.gif) no-repeat 0 .45em; padding-left: 15px;}
#prev a.bullet:hover	{background-image: url(../images/bulletGrayBack.gif);}
#next a.bullet 		{background: url(../images/bulletRed.gif) no-repeat right .45em; padding-right: 15px;}
#next a.bullet:hover	{background-image: url(../images/bulletGray.gif);}


/* blog */
div.blogItem		{float: left; clear: left; margin: 0; padding: 0; width: 100%}
div.blogThumb		{float: left; clear: left; width: 180px; height: 150px}
div.blogThumb p		{margin: 0; padding: 0}
div.blogNoThumb		{float: left; width: 100%}
div.blogThumbText	{float: left; width: 100%; /*width: 349px*/}
p.bDate			{font: normal 7pt tahoma, sans-serif; color: #4d4d4d}
p.bTitle		{font: bold 9pt tahoma, sans-serif; color: #b30000}
p.bAuthor		{font: normal 8pt tahoma, sans-serif; color: #b30000; margin-top: 10px; margin-bottom: 5px}
p.bText			{font: normal 8pt tahoma, sans-serif}
p.bMoreLink		{float: left; clear: left; text-align: right; width: 100%; margin: 0; padding: 0; position: relative; top: 5px}

p.bImgBig		{margin: 15px 0; padding: 0}

#blogSkomentuj		{float: left; clear: left; margin: 10px 0 0;}
input#nickname		{float: left; clear: left; margin-top: 10px; font: normal 8pt tahoma, sans-serif}
textarea#cText		{float: left; clear: left; margin-top: 10px; width: 545px; overflow: auto; font: normal 8pt tahoma, sans-serif}
#cButtons		{float: left; clear: left; width: 550px; padding: 10px 0; text-align: right}
input#btCancel		{background: url('../images/forum/btAnuluj.gif') 0 0 no-repeat; width: 54px; height: 20px; border: 0; cursor: pointer; margin-left: 20px}
input#btSend		{background: url('../images/forum/btWyslij.gif') 0 0 no-repeat; width: 55px; height: 20px; border: 0; cursor: pointer; margin-left: 20px}
div#logMeWrapper	{clear: left; float: left; width: 545px; text-align: right; margin-top: 5px;}
a#logOut		{background: url(/.templates/images/forum/btWyloguj.gif) no-repeat; display: block; margin-left: 23px; float: right; width: 79px; height: 19px; text-indent: -5000px; position:relative; z-index:999;}
.spacer			{float: left; clear: left; height: 10px; margin: 0; padding: 0}


/* blog - zakladki */
#bTabs			{width: 335px; height: 30px; background: url('../images/forum/tabs/blogTabs.gif') right 0 no-repeat; position: absolute; text-align: left; margin-left: 245px; z-index: 1;}
#bTabs a		{height: 29px; float: left; margin: 0; padding: 0; position: absolute; z-index: 0;}
#bTabs a#tab1		{width: 94px; left: 0;}
#bTabs a#tab2		{width: 57px; left: 93px;}
#bTabs a#tab3		{width: 59px; left: 149px;}
#bTabs a#tab4		{width: 59px; left: 207px;}
#bTabs a#tab5		{width: 69px; left: 265px;}
#bTabs div		{height: 29px; margin: 0; padding: 0; position: absolute; z-index: 5}
#bTabs div#tab1selected	{width: 101px; left: 0; background: url('../images/forum/tabs/btab1.gif') no-repeat;}
#bTabs div#tab2selected	{width: 71px; left: 86px; background: url('../images/forum/tabs/btab2.gif') no-repeat;}
#bTabs div#tab3selected	{width: 73px; left: 142px; background: url('../images/forum/tabs/btab3.gif') no-repeat;}
#bTabs div#tab4selected	{width: 73px; left: 200px; background: url('../images/forum/tabs/btab4.gif') no-repeat;}
#bTabs div#tab5selected	{width: 76px; left: 258px; background: url('../images/forum/tabs/btab5.gif') no-repeat;}


/* komentarze */
#bKomentarze		{float: left; clear: left; width: 100%}
div.commItem		{float: left; clear: left; width: 100%; margin: 10px 0}
div.infoPanel		{float: left; clear: left; width: 85px; padding-bottom: 10px}
p.userAvatar		{float: left; clear: left; background: url('../images/forum/avatar.gif') no-repeat; width: 50px; height: 50px; margin: 0 0 5px; padding: 0}
p.userAvatar img	{width: 50px; height: 50px; border: 0}
p.userNickname		{float: left; clear: left; font-weight: bold; margin: 0; padding: 0;}
p.userRange		{float: left; clear: left; font-size: 7pt; margin: 0; padding: 0;}
p.userVote		{float: left; clear: left; background: url('../images/forum/panelBlue.gif') 0 0 no-repeat; margin: 0; padding: 0; width: 85px; display:none;}
p.userVote span		{float: left; position: relative; left: 4px; top: 1px; width: 35px; color: #fff}
p.userVote a.voteUp	{width: 15px; height: 22px; background: url('../images/forum/voteUp.gif') 0 0 no-repeat; float: left; margin-left: 7px; margin-right: 5px}
p.userVote a.voteDown	{width: 15px; height: 22px; background: url('../images/forum/voteDown.gif') 0 0 no-repeat; float: left}
p.userFlag		{float: left; clear: left; margin: 5px 0; padding: 0}

img.commTip		{position: relative; width: 11px; left: -10px; top: 20px; z-index: 99; margin: 0; padding: 0}
* html img.commTip	{left: -13px}

div.textPanel		{float: left; width: 465px; position: relative; top: -15px; background: #e4e4e4}
div.commTop		{float: left; clear: left; width: 465px; height: 4px; background: url('../images/forum/commTop.gif') 0 0 no-repeat}
div.commBottom	{float: left; clear: left; width: 465px; height: 4px; background: url('../images/forum/commBottom.gif') 0 0 no-repeat}
div.commMain		{float: left; clear: left; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; width: 443px; padding: 5px 10px 10px 10px}
div.commMain .subject	{float: left; clear: left; margin: 0; padding: 0; font-size: 8pt; padding-bottom: 0px; font-weight: bold}
div.commMain .date	{float: left; clear: left; margin: 0; padding: 0; font-size: 7pt; padding-bottom: 5px; width: 90%}
div.commMain .number    {float: right; font-size: 14px; font-weight: bold; color: #aaa;}
div.commMain .text	{float: left; clear: left; margin: 0; padding: 0; width: 100%}


/* archiwum */
#ySelection		{float: left; clear: left; font-size: 12pt; color: #b30000; margin: 10px 0 15px 0; font-weight: bold; color: #4d4d4d}
#ySelection span	{margin: 0 15px; font-weight: normal; color: #b30000}

.archItem		{float: left; clear: left; padding-bottom: 15px}
.archItem .aMonth	{margin: 0; padding: 0; float: left; clear: left; font-size: 11pt; font-weight: bold; width: 100%}
.archItem .aText	{float: left; clear: left; color: #b30000; width: 100%}


/* blog - login/rejestracja */
#blogRegister		{margin: 0; padding: 0; width: 249px; text-align: left; position: absolute; top: 50%; left: 50%; margin-left: -124px; margin-top: -124px; z-index: 9999; display: none}
#blogRegisterTop	{margin: 0; padding: 0; float: left; clear: left; width: 249px; height: 5px; background: url('../images/forum/blogRegisterTop.png') 0 0 no-repeat}
#blogRegisterMid	{margin: 0; padding: 0; float: left; clear: left; width: 249px; background: url('../images/forum/blogRegisterMid.png') 0 0 repeat-y; padding: 5px 0}
#blogRegisterBottom	{margin: 0; padding: 0; float: left; clear: left; width: 249px; height: 31px; background: url('../images/forum/blogRegisterBottom.png') 0 0 no-repeat; margin-top: -20px}
#blogRegister ul	{width: 178px; padding-top: 10px; margin: 0 auto}

* html #blogRegisterTop	{background: url(''); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/.templates/images/forum/blogRegisterTop.png',sizingMethod='scale')}
* html #blogRegisterMid		{background: url(''); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/.templates/images/forum/blogRegisterMid.png',sizingMethod='scale')}
* html #blogRegisterBottom	{background: url(''); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/.templates/images/forum/blogRegisterBottom.png',sizingMethod='scale')}

#blogRegisterMid h2.header	{position: relative; left: 20px; margin-top: 10px}
#blogRegisterMid div#infoLogin	{position: relative; left: 20px; width: 210px;}
#fblogRegister		{width: 178px; margin: 0 auto; padding: 10px 0 0 0}
#fblogRegister input	{width: 178px; font: normal 8pt tahoma, sans-serif; margin-bottom: 15px}
#fblogRegister #fblogp1	{margin: 0; padding: 0}
#fblogRegister #fblogp2	{margin: 0; padding: 0; padding-top: 10px; text-align: right; position: relative}

#blogRezygnuje		{margin: 0; padding: 0; width: 70px !important; height: 20px; background: url('../images/forum/btZamknij.gif') 0 0 no-repeat; border: 0; float: left; cursor: pointer}
#blogZarejestruj	{margin: 0; padding: 0; width: 104px !important; height: 20px; background: url('../images/forum/btZarejestruj.gif') 0 0 no-repeat; border: 0; float: right; cursor: pointer}
#blogWyslij		{margin: 0; padding: 0; width: 54px !important; height: 20px; background: url('../images/forum/btWyslij.gif') 0 0 no-repeat; border: 0; float: right; cursor: pointer}

input#cbSave		{margin: 0; padding: 0; width: 13px; height: 13px; border: 0; margin-right: 10px}
input#blogOk		{float: right; margin: 0; padding: 0; border: 0; width: 32px; height: 20px; background: url('../images/b_OK.gif') 0 0 no-repeat; cursor: pointer}


#info			{font-weight: bold; padding-bottom: 5px;}

/* socialable links :: pp :: 101208 */
ul.bookmarks {list-style: none; float: right; margin-top: -2.4em;}
ul.bookmarks li {float: left; padding: 0; background: none;}
ul.bookmarks a {margin: 0 2px;}
ul.bookmarks a img {opacity: .5; filter: alpha(opacity=50);}
ul.bookmarks a:hover img {opacity: 1; filter: alpha(opacity=100);}