body {background: #3d3d3d; text-align: center; margin: 0; padding: 0; font-size: 12px; color: #000000; font-family: arial, tahoma, verdana, sans-serif;}
img {border: none}
a {color: #3d3d3d; text-decoration: none}
input {font-family: arial; font-size: 12px;}
h1, h2, h3 {letter-spacing: 1px}

input.inputText {border: 1px solid #c2c2c2; background: #fff url(../i/bg_input_text.gif) repeat-x top; width: 140px; height: 17px; margin-bottom: 5px; font-size: 10px}
html>body input.inputText { width: 142px; height: 15px;}

#AdsBillboard { background: #fff; padding: 10px 0; text-align: center }
#AdsBanner{ background: #fff; padding: 10px 0; text-align: center }
#Banner { background: #fff; padding: 10px 0; text-align: center }
#Banner span { display: block; margin: 0 auto; width: 700px}

/* header - naglowek */
#Header {height: 113px; background: url(../i/bg_top.gif) repeat-x #fff; text-align: center}
#Header div.topLine { height: 3px; font-size: 1px; background: url(../i/line_top_grad.png) no-repeat center;}
#Header div.logo {height: 67px; width: 960px; margin: 0 auto; text-align: left}
#Header div.logo a {float:left;}
#Header div.logo a img {margin-top: 9px}
#Header div.mainMenu {display: block; height: 23px; width: 960px; margin: 0 auto; padding: 0; text-align: left}
#Header div.mainMenu ul {display: block; height: 23px; margin: 0; padding: 0; text-align: left; list-style-type: none}
#Header div.mainMenu ul li {display: block; float: left; border: 1px solid #c7c7c7; border-bottom: none; width: 110px; height: 23px;}
#Header div.mainMenu ul li.selected {border: 1px solid #3d3d3d; border-bottom: none;}
html>body #Header div.mainMenu ul li {width: 108px; height: 23px; margin-top: 3px}

/* main part - srodek strony */
#Main {background: #fff; padding: 20px 0 10px 0;}
#Main div.main {width: 960px; margin: 0 auto;}
#Main div.content {float: left; width: 650px;}
#Main div.columnLeft div.separator {float: left; width: 650px; height: 10px; font-size: 1px}
#Main div.columnLeft{float: left; width: 650px;}
#Main div.columnRight {float: left; width: 300px; margin: 0 0 0 10px}
#Main div.columnRight div.adkontextStable {margin-bottom: 10px}
div.fixer {clear: both; font-size: 1px; height: 1px}


#Main div.cse-search-results {float: left; width: 960px;}

#RejestracjaUzytkownika, #Main div.content {color:#3D3D3D; float: left; width: 650px; border: 1px solid #E1E1E1; text-align: left; padding: 10px}
html>body #RejestracjaUzytkownika, html>body #Main div.content {width: 628px;}

/* informacje dla niezalogowanych */
#sgMainInfo { float: left; text-align: left; font-size: 11px; font-family: Tahoma; width: 648px; border: 1px solid #e1e1e1; background: #fff; margin-bottom: 10px; }
#sgMainInfo h1 { color: #b9002c;  font-family: georgia; font-size: 11px; font-weight: bold; margin: 5px 0 5px 10px; padding: 0; }
#sgMainInfo h2 { width: 250px; color: #3d3d3d; font-family: georgia; font-size: 11px; letter-spacing: 1px; font-weight: bold; background: url('/i/sg_li_h2.gif') left no-repeat; padding-left: 15px; margin: 20px 0 10px 15px; border-top: #e1e1e1; }
#sgMainInfo .sgMainContent { float: left; background: #eee; padding: 15px 10px 13px 10px; border-top: 1px solid #e1e1e1; }
#sgMainInfo .sgMainContent .sgInfoBlocks { float: left; width: 626px; background: #fff; border: 1px solid #e1e1e1; height: 179px; }
#sgMainInfo .sgMainContent .sgInfoBlocks div { float: left; }
#sgMainInfo .sgMainContent ul { float: left; width: 290px; list-style-type: none; padding: 0; margin: 0 0 10px 15px; }
* html #sgMainInfo .sgMainContent ul { width: 280px; margin-left: 7px; }
#sgMainInfo .sgMainContent ul li { display: block; float: left; width: 290px; background: url('/i/sg_li.gif') left no-repeat; padding-left: 10px; margin-bottom: 5px; }
* html #sgMainInfo .sgMainContent ul li { width: 280px }


/* footer, stopka, reklama adSense */
#AdsFooter960x90 { width: 960px; margin: 15px auto 0 auto;}
#AdSenseRightCol { margin: 10px 0 }


/* login panel, login form */

#LoginPanel {background: #ededed; width: 300px; height: 205px; text-align: left; margin: 0 0 10px 0; padding: 15px 0 0 10px;}
html>body #LoginPanel {height: 200px; width: 290px}

#LoginPanel div.loginError {color: #b9002c; text-align: center}

#LoginForm {padding: 12px 0 0 0; margin: 0;}
#LoginForm fieldset {border: none; position: relative; margin: 0; padding: 0; height:106px}
#LoginForm fieldset label {display: block; float: left; width: 70px; clear: both; text-align: right; margin: 2px 10px 0 0; color: #8d8d8d;  font-weight: bold; font-size: 10px; font-family: arial}
#LoginForm fieldset input.inputCheck {float: left; position: absolute; top: 47px; left: 77px;}
#LoginForm fieldset label.blueText {display: block; float: left; font-family: arial; font-size: 10px; font-weight: bold; color: #0088B5; text-align: left;  position: absolute; top: 47px; left: 100px; width: 100px}
#LoginForm fieldset input.inputSubmit {display: block; float:left; width: 60px; height: 19px; background: url(../i/bg_button_gray_zaloguj.gif) no-repeat; color: #fff; border: none; font-family: arial; font-size: 10px; cursor: pointer; position: absolute; top: 55px; left: 80px;}
#LoginForm fieldset a.registerLink {display: block; float: left; width: 74px; height: 19px; background: url(../i/bg_button_red.gif) no-repeat; color: #fff; border: none; font-family: arial; font-size: 10px; text-align: left; text-align: center; position: absolute; top: 55px; left: 147px; padding-top: 3px;  font-weight: bold;}
#LoginForm fieldset a.blueLink {display: block; float: left; font-size: 10px; color: #0088B5; width: 110px; position: absolute; top: 80px; left: 100px;  font-weight: bold;}
#LoginForm ul.questionBox {display: block; height: 63px; width: 280px; border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; color: #CBCBCB; margin: 3px 0 0 0; font-size: 10px; font-weight: bold; font-family: arial; color: #0088B5; padding: 0; list-style-type: none}
#LoginForm ul.questionBox li {margin: 6px 0 0 10px; padding: 0 0 0 20px; background: url(../i/dot_question.gif) no-repeat left; height: 13px; cursor: pointer}
#LoginForm ul.questionBox li a { color: #0088B5; }

/* logout panel, logout form */

#LogoutPanel {background: #ededed; width: 300px; height: 150px; text-align: left; margin: 0; padding: 15px 0 0 10px;}
html>body #LogoutPanel {height: 135px; width: 290px}
#LogoutPanel strong {display: block; float: left; width: 135px; font-size: 11px; font-family: Georgia; color: #000}

#LoginPanel strong {display: block; float: left; width: 135px; font-size: 11px; font-family: Georgia; color: #000}
#LogoutForm {margin: 0; padding: 0; background: url(../i/line_strong.gif) no-repeat bottom left; height: 30px}
#LogoutForm ul {display: block; float: left; width: 150px; margin: 0; padding: 0; list-style-type: none;}
#LogoutForm ul li {display: block; float: left; padding: 0 5px; font-family: Arial; font-weight: bold; border-right: 1px solid #B0B0B0; font-size: 10px}
#LogoutForm ul li.last {border: none}
#LogoutForm ul li a {color: #0088B5; font-size: 10px}

#AvatarForm {margin-top: 12px;}
#AvatarForm span {color: #8d8d8d; font-size: 11px; font-family: Arial; font-size: 12px}
#AvatarForm img {float: left; border: 1px solid #e1e1e1; margin-right: 5px}
#AvatarForm input.avatarInput {margin: 4px 0; font-size: 9px}
#AvatarForm input.submit {display: block; float:left; width: 60px; height: 19px; background: url(../i/bg_button_gray_zaloguj.gif) no-repeat; color: #fff; border: none; font-family: arial; font-size: 10px; cursor: pointer;}
#AvatarForm div.error {clear: both; color: #b9002c; text-align: center; font-size: 10px; font-weight: bold;}

/* szukaj */
#searchForm input.submit {display: block; float:left; width: 60px; height: 19px; background: url(../i/bg_button_gray_zaloguj.gif) no-repeat; color: #fff; border: none; font-family: arial; font-size: 10px; cursor: pointer;}
#searchForm input.searchQuery {margin: 0px 4px; font-size: 10px; float:left;}
#searchCategories td.searchTypeList {width:80px;}
div.searchBubble{float:left; margin-top:25px; margin-left:340px; width:250px;}
#searchBubble input.submit {display: block; float:left; width: 60px; height: 19px; background: url(../i/bg_button_gray_zaloguj.gif) no-repeat; color: #fff; border: none; font-family: arial; font-size: 10px; cursor: pointer;}
#searchBubble input.searchQuery {margin: 0px 4px; font-size: 10px; float:left;}

/* bloczek informacyjny */

#UserInfoBox {background: #fff; border: 1px solid #b9002c; margin: 0 0 10px 0; text-align: left}
#UserInfoBox div.infoContent {padding: 5px 10px}
#UserInfoBox h3 {background: #b9002c; color: #fff; padding: 5px 10px; margin: 0;  font-size: 11px; font-family: Georgia}
#UserInfoBox div.infoContent a {display: block; font-weight: bold; color: #b9002c; padding-left: 20px}
#UserInfoBox div.infoContent a.newMail {background: url(../i/icon_mail.gif) no-repeat left center;}
#UserInfoBox div.infoContent a.noNewMail {background: url(../i/icon_mail.gif) no-repeat left center; font-weight: normal}

/* ads - reklamy*/

a.rec300x250 img {border:none}

#RegisterStatus {background: #ededed; width: 300px; text-align: left; margin: 0 0 10px 0; padding: 15px 0 15px 10px;}
html>body #RegisterStatus {width: 290px}

/* tabs - zakladki */
#MyTabsMenu {float: left; display:block; width: 650px; margin: 0; padding:0; list-style-type: none; border: 1px solid #e1e1e1; border-bottom: none}
html>body #MyTabsMenu {width: 648px;}
#MyTabsMenu li {float: left; display: block; margin: 0; padding: 5px 0px; border-bottom: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; font-family: georgia; font-size: 11px; font-weight: bold; text-align: center; color: #b0b0b0;  cursor: pointer }
#MyTabsMenu li.mojkalendarz {border-left: none}

#MyTabsMenu li.mojkalendarz {width: 115px}
#MyTabsMenu li.moiznajomi {width: 102px}
#MyTabsMenu li.mojegrupy {width: 94px}
#MyTabsMenu li.mojatworczosc {width: 107px}
#MyTabsMenu li.wiadomosci {width: 98px}
#MyTabsMenu li.tagi {width: 58px}
#MyTabsMenu li.punkty {width: 74px}
html>body #MyTabsMenu li.punkty {width: 68px}

#MyTabsMenu li.selected {background: #eeeeee; border-bottom: 1px solid #eeeeee; color: #000;}
#MyTabsMenu li.unselected {background: none; border-bottom: 1px solid #e1e1e1; color: #b0b0b0;}

#MyTabsContent {float: left; width: 650px; height: 177px; background: #eeeeee; margin: 0; border: 1px solid #e1e1e1; border-top: none;}
html>body #MyTabsContent {width: 648px}

button.showMyTabsContent {display: block; float: left; width: 650px; height: 15px; background: #eeeeee url(../i/bg_triangle_up.png) no-repeat center center; border: none; margin: 6px 0 0 0; font-size: 10px; font-family: Arial; font-weight: bold; text-align: right; padding-right: 10px; cursor: pointer; color: #3d3d3d}

#MyTabsContainer {text-align: left; padding: 10px}
#MyTabsContainer img.loading {margin: 60px 0 0 315px;}

/* register - rejestracja */

.show {display: block}

/* zakladka: chmura tagów - tags cloud */

#TagsCloud {background: #fff; border: 1px solid #e1e1e1; padding: 5px 10px}
#TagsCloud span {color: #000; cursor: pointer}
#TagsCloud span.power1 {font-size: 9px; color: #aedc92}
#TagsCloud span.power2 {font-size: 11px; color: #b9e181}
#TagsCloud span.power3 {font-size: 13px; color: #cee962}
#TagsCloud span.power4 {font-size: 15px; color: #dee948}
#TagsCloud span.power5 {font-size: 15px; font-weight: bold; color: #eee92d}
#TagsCloud span.power6 {font-size: 17px; font-weight: bold; color: #f9e919}
#TagsCloud span.power7 {font-size: 19px; font-weight: bold; color: #ffe90d}
#TagsCloud span.power8 {font-size: 21px; font-weight: bold; color: #ef9f0c}
#TagsCloud span.power9 {font-size: 23px; font-weight: bold; color: #cb3320}
#TagsCloud span.power10 {font-size: 25px; font-weight: bold; color: #b8012b}

/* zakladka: chmura tagów - tags cloud */

#PublicTagsContainerInTagCloud {background: #fff; border: 1px solid #e1e1e1; padding: 5px 10px; margin: 5px}
#PublicTagsContainerInTagCloud span {color: #000; cursor: pointer}
#PublicTagsContainerInTagCloud span.power1 {font-size: 9px; color: #aedc92}
#PublicTagsContainerInTagCloud span.power2 {font-size: 11px; color: #b9e181}
#PublicTagsContainerInTagCloud span.power3 {font-size: 13px; color: #cee962}
#PublicTagsContainerInTagCloud span.power4 {font-size: 15px; color: #dee948}
#PublicTagsContainerInTagCloud span.power5 {font-size: 15px; font-weight: bold; color: #eee92d}
#PublicTagsContainerInTagCloud span.power6 {font-size: 17px; font-weight: bold; color: #f9e919}
#PublicTagsContainerInTagCloud span.power7 {font-size: 19px; font-weight: bold; color: #ffe90d}
#PublicTagsContainerInTagCloud span.power8 {font-size: 21px; font-weight: bold; color: #ef9f0c}
#PublicTagsContainerInTagCloud span.power9 {font-size: 23px; font-weight: bold; color: #cb3320}
#PublicTagsContainerInTagCloud span.power10 {font-size: 25px; font-weight: bold; color: #b8012b}
.tagInfo {}
.addOwnTag {color: #b9002c; font-size: 10px; font-weight: bold; font-family: arial; cursor: pointer;}
.addOwnTag span {color: #0088b5; text-decoration: underline}

/* zakładki: tagi, panel tagów */
#TagCloudPanel {font-size: 10px; font-family: arial}
#TagCloudPanel div.error {font-size: 10px; font-weight: bold; font-family: arial; border: 1px solid #b9002c; padding: 2px 10px}
#TagCloudPanel div.info {font-size: 10px; font-weight: bold; font-family: arial; border: 1px solid #afdc93; padding: 2px 10px}
#TagCloudPanel .power {background: #fff; height: 16px; font-size: 9px; border: 1px solid #c7c7c7; }
#TagCloudPanel button.buttonGray {background: url(../i/bg_button_gray.gif) no-repeat; border: none; color: #fff; cursor: pointer; width: 79px; height: 18px; font-size: 10px; font-family: Arial; font-weight: bold;}
#TagCloudPanel div {margin-top: 5px}
#TagCloudPanel a.tagLinks {display: block; color: #b9002c; font-size: 10px; font-weight: bold; font-family: arial;}
#TagCloudPanel a.tagLinks span {color: #0088b5; text-decoration: underline}
#TagCloudPanel a.left {float: left}
#TagCloudPanel a.right {float: right}
.TagCloudPanelRow1 label { float: left; width: 55px; }
.TagCloudPanelRow1 select { float: left; margin-rigth: 3px; }
.TagCloudPanelRow2 { clear: both; }
.TagCloudPanelRow3 { clear: both; padding: 10px 0 0 0 }

/* zakladka moje grupy */
#myGroups { float: left; margin: 0; padding: 0; }
#myGroups .groupsShowAll { float: left; width: 625px; margin: 2px 5px 0 0; text-align: right; }
#myGroups a { color: #0088b5; }
#myGroups ul { float: left; list-style-type: none; width: 627px; margin: 0; padding: 0 0 3px 0; text-align: left; border-bottom: 1px solid #e1e1e1; }
#myGroups ul li { float: left; border-left: 1px solid #dadada; margin: 0; padding: 0 20px; color: #cacaca; cursor: pointer; cursor: hand; }
#myGroups ul li a { color: #cacaca; }
#myGroups ul .first { border: 0; padding-left: 0; }
#myGroups ul .checked { color: #3d3d3d; }

#myGroups .groupsBlock { float: left; margin-top: 2px; }
#myGroups .groupsBlock .groupBlock { float: left; height: 125px; width: 85px; background: #fff; margin-right: 3px; border: 1px solid #e1e1e1; text-align: center; }
#myGroups .groupsBlock .groupBlock img { display: block; width: 70px; height: 70px; margin: 7px auto;  }
#myGroups .groupsBlock .groupBlock p { color: #0088b5; margin: 0 auto; padding: 0 2px; width: 83px; text-align: center; }
#myGroups .groupsBlock .groupBlock p a { color: #0088b5; }
#myGroups .groupsBlock .groupBlock div { color: #b9002c; text-align: center; }
#myGroups .groupsBlock .groupBlock div span { color: #8d8d8d; }

/* zakladka: moj kalendarz */

#EventTabContainer {}

#EventTabNavigator {border-bottom: 1px solid #e1e1e1; margin: 0 0 10px 0}
#EventTabNavigator label {float: left; color: #a1a1a1; font-size: 10px; font-weight: bold; cursor: pointer; margin-top: 2px}
#EventTabNavigator input.inputText {float: left; width: 120px; height: 19px; font-size: 10px; margin-left: 10px; padding: 2px 5px 0px 5px;}
html>body #EventTabNavigator input.inputText {height: 15px; width: 100px;}
#EventTabNavigator a.navi {float: left; color: #a1a1a1; font-size: 10px; font-weight: bold; height: 19px}
#EventTabNavigator a.prev {background: url(../i/button_navi_left.gif) no-repeat top right; padding: 2px 25px 0 0;  margin: 0 0 0 20px}
#EventTabNavigator a.next {background: url(../i/button_navi_right.gif) no-repeat top left;  padding: 2px 0 0 25px; margin: 0 0 0 5px}
#EventTabNavigator a.back {float: right; background: url(../i/button_navi_left.gif) no-repeat top left;  padding: 2px 0 0 25px; margin: 0 0 0 20px; color: #a1a1a1; font-size: 10px; font-weight: bold; height: 21px}

#EventTabNavigator a.addNew {float: right; background: url(../i/bg_button_green_big.gif) no-repeat;  padding: 5px 30px 0 30px; margin: -3px 0 0 20px; color: #fff; font-size: 10px; font-weight: bold; height: 24px}


#EventTabContainer table {border: none; background: #fff; border: 1px solid #e1e1e1; border-right: none;}
#EventTabContainer table tr {background: #fff}
#EventTabContainer table tr.odd {background: #f2f2f2}
#EventTabContainer table tr.header {background: #f2f2f2}
#EventTabContainer table tr.header:hover {background: #f2f2f2}
#EventTabContainer table tr.header td {border-bottom: 1px solid #e1e1e1; height: 24px; text-align: left; color: #3d3d3d; font-size: 10px}
#EventTabContainer table tr:hover {background: #afdc93}
#EventTabContainer table tr td {border-right: 1px solid #e1e1e1; height: 28px; text-align: left; color: #3d3d3d; padding: 0 5px; font-size: 11px}
#EventTabContainer table tr td.w1 {width: 120px}
#EventTabContainer table tr td.w2 {width: 265px}
#EventTabContainer table tr td a {color: #3d3d3d; font-size: 11px }
#EventTabContainer table tr td.w3 {width: 30px}
#EventTabContainer table tr td.w4 {width: 90px}
#EventTabContainer table tr td.w5 {width: 55px}

#EventTabContainer table tr td.w6 {width: 325px}
#EventTabContainer table tr td.w7 {width: 55px}

#EventTabContainer table tr a.edit {display: block; float: left; background: url(../i/bg_button_edit.gif) no-repeat; padding: 0 0 0 20px; color: #a1a1a1; font-size: 10px}
#EventTabContainer table tr a.delete {display: block; float: left; background: url(../i/bg_button_delete.gif) no-repeat; padding: 0 0 0 20px; color: #a1a1a1; font-size: 10px}
#EventTabContainer span.noEvents  {font-size: 10px; color: #0088B5; font-weight: bold}

#EventTabPackager {margin-top: 3px}

/* kalendarz */

#calendarDiv{ position:absolute; width:205px; border:1px solid #e1e1e1; padding:1px; background-color: #FFF; font-family:arial; font-size:10px; padding-bottom:20px; visibility:hidden; color: #000}
#calendarDiv span,#calendarDiv img{ float:left; }
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{ line-height:12px; padding:1px; cursor:pointer; padding-left:2px; }
#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{ line-height:12px; padding:1px; cursor:pointer; padding-left:2px; }
#calendarDiv td{ padding:3px; margin:0px; font-size:10px; }
#calendarDiv .selectBox{ border:1px solid #eeeeee; color: #eeeeee; position:relative; }
#calendarDiv .selectBoxOver{ border:1px solid #FFF; background-color: #bababa; color: #FFF; position:relative; }
#calendarDiv .selectBoxTime{ border:1px solid #bababa; color: #bababa; position:relative; }
#calendarDiv .selectBoxTimeOver{ border:1px solid #216072; color: #216072; position:relative; }
#calendarDiv .topBar{ height:16px; padding:2px; background-color: #bababa;
}
#calendarDiv .activeDay{/* Active day in the calendar */ color:#FF0000; }
#calendarDiv .todaysDate{ height:17px; line-height:17px; padding:2px; background-color: #eeeeee; text-align:center; position:absolute; bottom:0px; width:201px; }
#calendarDiv .todaysDate div{ float:left; }
#calendarDiv .timeBar{ height:17px; line-height:17px; background-color: #eeeeee; width:72px; color:#FFF; position:absolute; right:0px; }
#calendarDiv .timeBar div{ float:left; margin-right:1px; }
#calendarDiv .monthYearPicker{ background-color: #eeeeee; border:1px solid #AAAAAA;	position:absolute; color: #bababa; left:0px; top:15px; z-index:1000; display:none; }
#calendarDiv #monthSelect{ width:70px; }
#calendarDiv .monthYearPicker div{ float:none; clear:both; padding:1px; margin:1px;	cursor:pointer; }
#calendarDiv .monthYearActive{ background-color:#bababa; color: #eeeeee;  }
#calendarDiv td{ text-align:right; cursor:pointer; }
#calendarDiv .topBar img{ cursor:pointer; }
#calendarDiv .topBar div{ float:left; margin-right:1px; }

#FriendsBlockTabs div.friendBlock {float: left; width: 87px; height: 127px; border: 1px solid #e1e1e1; background: #fff; text-align: center; margin-right: 3px}
html>body #FriendsBlockTabs div.friendBlock {width: 85px; height: 125px;}
#FriendsBlockTabs div.last {margin-right: 0px}
#FriendsBlockTabs div.friendBlock a img {margin: 7px 0 2px 0; width: 70px; height: 70px}
#FriendsBlockTabs div.friendBlock div.userData {height: 30px}
#FriendsBlockTabs div.friendBlock a.userName {color: #0088b5; font-size: 11px}
#FriendsBlockTabs div.friendBlock span.userLocation {color: #8d8d8d; font-size: 10px}
#FriendsBlockTabs div.friendBlock button.mailto {float: right; background: url(../i/button_mailto.gif) no-repeat; width: 18px; height: 14px; border: none; margin:0; }
#FriendsBlockTabs div.friendBlock img.typeIcon {float: right; width: 18px; height: 14px; margin:0;}
#FriendsBlockTabs div.more {text-align: right; clear: both; margin-top: 10px}
#FriendsBlockTabs div.more a {color: #0088b5; font-size: 10px}
#FriendsBlockTabs div.noFriends {text-align: center}
#FriendsBlockTabs div.noFriends a {color: #B9002C;}
#FriendsBlockTabs div.noFriends a span {color: #0088B5;}
#FriendsBlockTabs div.noFriends a span:hover {color: #B9002C; font-size: 10px}


.packager {display: block; float: left}
.packager a,span.pack {display:block; float: left; padding: 0 3px; border: 1px solid #E1E1E1; font-weight: bold; color: #A1A1A1; background: #EEEEEE; margin: 0 3px 10px 0}
.packager a.currentPack {color: #B9002C; background: #fff}

/* wiadomosci */

#MailTabsNavigator {border-bottom: 1px solid #e1e1e1; padding-bottom: 3px; color: #b0b0b0; font-size: 10px; margin-bottom: 10px}
#MailTabsNavigator a {color: #b0b0b0; font-family: Arial; font-size: 10px; font-weight: bold}
#MailTabsNavigator span {color: #3d3d3d; font-family: Arial; font-size: 10px; font-weight: bold}

#NewMailTabs label {color: #3d3d3d;  font-family: Arial; font-size: 11px;}
.inputMailTo {margin-right: 15px;}
input.inputSubject {border: 1px solid #c2c2c2; background: #fff url(../i/bg_input_text.gif) repeat-x top; width: 400px; height: 17px; margin-bottom: 5px; font-size: 11px}
html>body input.inputSubject { width: 402px; height: 15px;}

textarea.inputArea {border: 1px solid #c2c2c2; background: #fff url(../i/bg_input_text.gif) repeat-x top; width: 612px; height: 70px; margin: 3px 0 5px 0; font-size: 10px}
html>body textarea.inputArea { width: 614px; height: 70px; font-size: 11px; font-family: Arial;}

#NewMailTabs button.buttonGray {background: url(../i/bg_button_gray.gif) no-repeat; border: none; color: #fff; cursor: pointer; width: 79px; height: 18px; font-size: 10px; font-family: Arial; font-weight: bold;}

#MailInfoBox {color: #3d3d3d; font-family: Arial; font-size: 11px; margin-top: 30px; text-align: center;}
#MailInfoBox span {color: #3d3d3d; font-family: Arial; font-size: 11px; font-weight: bold }

/* menu w zalkadce moja tworczosc */

#MojaTworczoscTabMenu {margin: 0; padding: 0; text-align: left; list-style-type: none}
#MojaTworczoscTabMenu li {display: block; float: left; margin: 5px 0; clear: both; height: 16px }
#MojaTworczoscTabMenu  li span {display: block; float: left; width: 70px; color: #8d8d8d; font-size: 11px; font-weight: bold;}
#MojaTworczoscTabMenu  li a {display: block; float: left; font-size: 11px; color: #0088b5; margin-right: 30px}

/* punkty w zakladce moje punkty */
#MojePunktyTabMenu { float: left; font-size: 11px; font-family: Arial; }
#MojePunktyTabMenu ul { float: left; background: #fff; list-style-type: none; margin: 0; padding: 3px; }
#MojePunktyTabMenu ul li { float: left; width: 300px; margin: 3px 5px; color: #696969; }
#MojePunktyTabMenu ul li strong { color: #B9002C; }
#MojePunktyTabMenu ul li.sum { float: left; color: #000; font-size: 12px; width: 610px; margin-top: 10px; padding-top: 10px; border-top: 1px solid #e1e1e1;  }
#MojePunktyTabMenu #nLink { display: block; float: right; margin-top: 3px; color: #0088b5; }
#MojePunktyTabMenu .qLogin { float: none; display: inline; margin: 0; padding: 0; }

/* stopka - menu w stopce */
#FooterMenu { width: 960px; margin: 20px auto;}
#FooterMenu ul {list-style-type: none; margin:0; padding:0; float: left; border-top: 1px solid #4f4f4f; border-bottom: 1px solid #4f4f4f; width: 960px}
#FooterMenu ul li {display: block; float: left; margin: 5px 40px 5px 0}
#FooterMenu ul li a {color: #fff}
#FooterMenu div.copy {clear: both; color: #fff; font-size: 10px; text-align: left; padding-top: 5px;  position: relative;}
#FooterMenu div.copy div.left {color: #fff; display: block; float: left;}
#FooterMenu div.copy div.right {color: #fff; display: block; float: right; margin-right: 360px}
#FooterMenu div.copy img.angora {position: absolute; top: 5px; right: 198px; height:55px;}
#FooterMenu div.copy img.reduta {position: absolute; top: 5px; right: 78px; height:55px;}
#FooterMenu div.copy img.sckm {position: absolute; top: 5px; right: 0px; height:55px;}

#SaveBox {border: 1px solid #afdc93; color: #afdc93; margin: 0 105px 10px 150px; padding: 5px 10px;} 



/* wizytowka - profile */
#ErrorBox {color: #b9002c;}

.vote { float: left !important; font-family: Arial; font-weight: normal; font-size: 11px; width: 90px !important; height: auto !important; margin: 0 !important; border: 0 !important; }
.vote p { float: left; width: 30px; padding: 0; margin: 0 5px 0 0; }
.vote span { display: block; float: left; margin-top: 3px; }
.vote img { display: block !important; float: left !important; margin: 0 1px 0 0 !important; width: 9px !important; height: 9px !important; }


#CommentList {clear: both; margin: 5px}
#CommentList a {color: #0088B5; display: block}
#CommentList a.left {float: left}
#CommentList a.right {float: right}

#Navibox {clear: both; float: left; height: 250; width: 300px; margin-bottom: 10px}
#AdsNavibox {clear: both; float: left; height: 250; width: 300px; margin-bottom: 10px}
#AdsNavibox img {height: 250; width: 300px;}
#AdsHalfpage {clear: both; float: left; height: 380; width: 300px; margin-bottom: 10px}
#AdsHalfpage img {height: 380; width: 300px;}


#PremiumTab {}
#PremiumTab span.notActive {color: #B9002C;}
#PremiumTab span.active {color: #0088b5}
#PremiumTab a {color: #0088b5}
#PremiumTab a:hover {text-decoration: underline}

.cooltipA { display: block; float: left; padding-top: 3px; cursor: pointer; cursor: hand; }
.cooltipTag { cursor: pointer; cursor: hand; display: block; float: left; padding: 2px 0 0 3px; }

#dhtmltooltip{ position: absolute; text-align: center; border: 1px solid #000; width: 150px; padding: 5px; background-color: #ededed; visibility: hidden; z-index: 100; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=115); color: #000; font-size: 10px; }

li.menu_main a {background: #e6e6e6 url(http://mykulturalni.pl/images/menu_bg.jpg) repeat-x;color: #696969; font-family: Arial,Helvetica,sans-serif; font-size: 9px; text-decoration: none; width: 100%;display: block; height:15px; text-align: center;padding-top: 6px;outline:none;}
li.menu_main a.menu_selected {background: #3d3d3d; color: #ffffff; font-family: Arial,Helvetica,sans-serif; font-size: 9px; text-decoration: none; width: 100%; display: block; height:17px; text-align: center;padding-top: 6px;outline:none;}

img.ticketpro{
float:none !important;
height:91px !important;
width:200px !important;
}

img.ebilet{
float:none !important;
height:70px !important;
width:256px !important;
}

img.biletyna{
float:none !important;
height:43px !important;
width:249px !important;
}