.clear { clear: both; }

#GrupyMoje h1, #GrupyAktywacja h1, #GrupyPowiazanie h1, #GrupyZaproszenie h1 { color: #b9002c;  font-family: georgia; font-size: 11px; font-weight: bold; margin: 0 0 10px 0; padding: 0; }
#GrupyMoje h2, #GrupyAktywacja h2, #GrupyPowiazanie h2, #GrupyZaproszenie h2 { letter-spacing: 0; color: 000; font-size: 11px; font-weight: normal; }
#GrupyMoje a, #GrupyZapisz a, #GrupyAktywacja a, #GrupyPowiazanie a, #GrupyZaproszenie a { color: #0088b5; }

#GrupyZaloz h1, { color: #3d3d3d;  font-family: georgia; font-size: 11px; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 10px 0; background: url('/i/h1_border_bottom.gif') repeat-x bottom; }

#groupsContent { font-size: 30px; font-weight: bold; color: #ff00ff; }
#groupsContent a { text-decoration: none; font-size: 10px; }
#groupsContent a:hover { text-decoration: underline; }

/* dd group */
#grAddContent { width: 630px; padding: 0; margin: 0; color: #3d3d3d; }
#grAddContent h1 { background: none; }
#grAddContent fieldset { text-align: center; border: 0; margin: 10px 0; }
#grAddContent label { font-family: Arial; display: block; float: left; width: 130px; text-align: right; padding-right: 20px; } 
#grAddContent label span { color: #9e9e9e; }
#grAddContent input { float: left; border: 1px solid #c2c2c2; background: url('/i/bg_input_text.gif') repeat-x; height: 16px; width: 350px; }
#grAddContent textarea { float: left; width: 350px; height: 150px; background: url('/i/bg_input_text.gif') repeat-x; border: 1px solid #c2c2c2; }

#grAddContent #grAvatar { height: 26px; width: 300px; }
#grAddContent .grInstituteLabel { width: 380px; text-align: left; padding-right: 0; }
#grAddContent #grInstitute { width: 120px; }
#grAddContent #grAutoInvite { width: 18px;  }
#grAddContent #grMod1, #grAddContent #grMod2, #grAddContent #grMod3, #grAddContent #grMod4 { width: 70px; margin: 0 8px; }
html>body #grAddContent #grMod1 { margin-left: 14px; }

#grAddContent #grSubmit { color: #fff; font-size: 11px; margin: 0 auto; background: url('/i/bg_button_gray_big.gif') top no-repeat; width: 175px; height: 26px; margin-left: 220px; cursor: pointer; cursor: hand; border: 0; } 

#grAddContent .addError { float: left; width: 330px; text-align: left; border: 1px solid #e1e1e1; color: #b9002c; margin: 0 0 15px 159px; padding: 10px; }
#grAddContent .addError ul { list-style-type: none; }
#grAddContent .addError ul li { color: #0088b5; font-weight: bold; }

#grFriendsList { text-align: left; }
#grFriendsList h2 { text-align: center; font-size: 14px; color: #0088b5; }
#grFriendsList ul { list-style-type: none; }
#grFriendsList ul li { display: block; font-size: 14px; margin: 2px 0; cursor: pointer; cursor: hand; width: 275px; padding: 3px; }
#grFriendsList .grFriendOff { border: 0; background: none; }
#grFriendsList .grFriendOn { border: 1px solid #e1e1e1; background: #f2f2f2; }
#grFriendsList .grSubmitFriends { color: #fff; font-size: 10px; width: 60px; height: 19px; background: url('/i/groups/bg_button_red_small.gif') top no-repeat; border: 0; margin: 5px 0 10px 150px; cursor: pointer; cursor: hand; }

/* grupy lista */
#GrupyPrzeglad h1 {color: #b9002c;  font-family: georgia; font-size: 11px; font-weight: bold; margin: 0 0 10px 0; padding: 0}


#GrupyPrzeglad ul, #GrupyMoje ul {list-style-type: none; margin: 0; padding: 0; clear: both}
#GrupyPrzeglad li, #GrupyMoje li {display: block; border: 1px solid #e1e1e1; background: #fff; padding: 8px; margin: 0 0 8px 0; height: 95px; color: #3d3d3d}
#GrupyPrzeglad li.odd, #GrupyMoje li.odd { background: #f2f2f2}
#GrupyPrzeglad li.date, #GrupyMoje li.date { background: #fff; border: none; border-bottom: 1px solid #b9002c; padding: 0 0 2px 8px; margin: 0 0 8px 0; height: 20px; color: #3d3d3d; font-family: arial; font-size: 10px; font-weight: bold}
#GrupyPrzeglad li.noEvents, #GrupyMoje li.noEvents { background: #fff; border: none; border-bottom: 1px solid #e1e1e1; padding: 0 0 2px 8px; margin: 0 0 8px 0; height: 20px; color: #b9002c; font-weight: bold}

#GrupyPrzeglad li h2, #GrupyMoje li h2 { letter-spacing: 0; margin: 0; padding: 0; color: #0088b5; font-size: 11px; font-weight: normal}
#GrupyPrzeglad li h2 a, #GrupyMoje li h2 a { margin: 0; padding: 0; color: #0088b5; font-family: Georgia; font-size: 14px; font-weight: bold }
#GrupyPrzeglad li h3, #GrupyMoje li h3 { letter-spacing: 0; color: #000; font-size: 11px; font-family: Arial; }
#GrupyPrzeglad li h3 span, #GrupyMoje li h3 span { display: inline; color: #8d8d8d; margin: 0; padding: 0; font-size: 11px; }
#GrupyPrzeglad li span, #GrupyMoje li span {display: block; color: #3d3d3d; margin-bottom: 8px; font-size: 11px; overflow: hidden; height: 40px; }
#GrupyPrzeglad li span sup, #GrupyMoje li span sup {font-size: 8px;}
#GrupyPrzeglad li div.imgAndButtons, #GrupyMoje li div.imgAndButtons {float: left;  width: 80px; height: 90px}
#GrupyPrzeglad li div.imgAndButtons img.min, #GrupyMoje li div.imgAndButtons img.min {float: left; border: none; margin: 0 10px 5px 0; width: 70px; height: 70px}

#GrupyPrzeglad li .voteInfo { display: block; width: 83px; height: 8px; position: absolute; left: 528px; top: 11px; z-index: 1; }
* html #GrupyPrzeglad li .voteInfo { height: 10px; width: 93px; left: 518px; }

#GrupyPrzeglad li div.links, #GrupyPrzeglad li div.grNote, #GrupyMoje li div.links, #GrupyMoje li div.grNote {float: right; width: 250px; text-align: right}
#GrupyPrzeglad li div.links a, #GrupyMoje li div.links a { display: block; float: left; width: 50px; background: url(../i/forum_icon.gif) no-repeat left;  text-align: left; padding-left: 20px; margin-left: 90px; color: #0088b5; font-family: arial; font-size: 10px; font-weight: bold }
* html #GrupyPrzeglad li div.links a { margin-left: 44px; margin-right: 15px; }
#GrupyPrzeglad li div.links .grNote, #GrupyMoje li div.links .grNote { background: none; padding-left: 0; }

#GrupyPrzeglad li div.imgAndButtons button.addGroup {float: right; background: url(../i/button_add.gif) no-repeat; width: 18px; height: 14px; border: none; margin-right: 10px; cursor: pointer; cursor: hand; }

#GrupyZobacz { text-align: center; }
#GrupyZobacz .conteiner { float: left; width: 626px; margin: 5px 0; border: 1px solid #e1e1e1; text-align: center; }
#GrupyZobacz .conteiner h1 { float: left; color: #b9002c; width: 450px; font-family: georgia; font-size: 11px; font-weight: bold; margin: 10px; padding: 0; text-align: left; }
#GrupyZobacz .conteiner h1 a { color: #b9002c; }
#GrupyZobacz .conteiner h3 { letter-spacing: 0; float: left; color: #000; font-size: 11px; font-weight: normal; margin: 0 0 10px 10px; padding: 0; }
#GrupyZobacz .conteiner div { float: left; text-align: left; }
#GrupyZobacz .conteiner .grMainInfo { float: left; width: 616px; margin: 4px; background: #f2f2f2; border: 1px solid #E1E1E1; }
#GrupyZobacz .conteiner .grMainInfo img { display: block; float: left; width: 150px; height: 150px; margin: 4px;  }
#GrupyZobacz .conteiner .grMainInfo h2 { letter-spacing: 0; float: left; margin: 0 0 5px 10px; padding: 0; font-size: 11px; color: #0088b5; font-weight: normal; width: 400px; }
#GrupyZobacz .conteiner .grMainInfo .grMemInfo { float: left; width: 400px; color: #b9002c; font-size: 10px; margin: 0 0 10px 10px; padding: 0; }
#GrupyZobacz .conteiner .grMainInfo .grMemInfo span { color: #8d8d8d; }
#GrupyZobacz .conteiner .grMainInfo div { float: left; width: 430px; height: 83px; margin: 0 0 10px 10px; overflow: hidden; }
#GrupyZobacz .conteiner .grMainInfo .mailto { float: right; margin: 3px 3px 0 0; background: url(../i/button_mailto.gif) no-repeat; width: 18px; height: 14px; border: none; cursor: pointer; cursor: hand; }
#GrupyZobacz .conteiner .grDolacz, #GrupyZobacz .conteiner .grZrezygnuj { float: left; width: 355px; text-align: left; margin: 0 0 0 10px; }
#GrupyZobacz .conteiner .grDolacz2 { float: left; width: 355px; text-align: left; margin: 0 0 10px 5px; }
#GrupyZobacz .conteiner .grZrezygnuj button { background: url('/i/bg_button_answer.gif') top no-repeat; width: 73px; height: 19px; color: #fff; border: 0; font-size: 10px; cursor: pointer; cursor: hand; }
#GrupyZobacz .conteiner .grDolacz button, #GrupyZobacz .conteiner .grDolacz2 button { width: 59px; height: 19px; background: url('/i/bg_button_dolacz.gif') top no-repeat; color: #fff; border: 0; font-size: 10px; cursor: pointer; cursor: hand; }
#GrupyZobacz .conteiner .grNote { float: left; text-align: right; width: 200px; margin: 0; color: color: #8d8d8d; }
#GrupyZobacz .conteiner .grNote span { color: #b9002c; }
#GrupyZobacz .conteiner .grSeeAll { display: block; float: right; color: #0088b5; margin: 0 10px 10px 0; padding: 0; }

#GrupyZobacz .conteiner .addThread { float: left; width: 520px; margin: 0 0 10px 10px; text-align: left; font-size: 10px; }
#GrupyZobacz .conteiner .addThread a { display: block; float: left; text-align: center; padding-top: 2px; width: 73px; height: 19px; background: url('/i/bg_button_answer.gif') top no-repeat; border: 0; color: #fff; cursor: pointer; cursor: hand; }
#GrupyZobacz .conteiner table { float: left; width: 605px; margin: 0 0 10px 10px; }
#GrupyZobacz .conteiner table tr th { padding-bottom: 10px; font-size: 10px; font-weight: normal; border-bottom: 1px solid #e1e1e1; color: #8D8D8D; }
#GrupyZobacz .conteiner table tr td { padding: 10px 0; margin-top: 10px; border-bottom: 1px solid #e1e1e1; width: 70px; }
#GrupyZobacz .conteiner table tr .first { text-align: left; }
#GrupyZobacz .conteiner table tr .title { width: 300px; }
#GrupyZobacz .conteiner table tr .title a { font-size: 13px; font-family: georgia; color: #000; font-weight: bold; }
#GrupyZobacz .conteiner table tr .title p { font-size: 10px; color: #b9002c; margin: 0; padding: 0; }
#GrupyZobacz .conteiner table tr .title p span { font-size: 10px; color: #8d8d8d; }
#GrupyZobacz .conteiner table tr .red { color: #b9002c; }
#GrupyZobacz .conteiner .blue { color: #0088b5; }
#GrupyZobacz .conteiner .gray { color: #8D8D8D; }
#GrupyZobacz .conteiner .noUsers { margin: 0 0 10px 10px; }
.btnDeleteThread { background: url('/i/bg_button_gray_zaloguj.gif') no-repeat top; color: #fff; border: 0; height: 19px; width: 60px; font-size: 11px; padding: 0; margin: 0; cursor: pointer; cursor: hand; }

/* administrator + mody and members */
#GrupyZobacz .conteiner .grAdmin { float: left; width: 190px; border: 1px solid #e1e1e1; margin: 4px; } 
#GrupyZobacz .conteiner .grMods { float: left; width: 420px; height: 169px; border: 1px solid #e1e1e1; margin: 4px 0; }

#GrupyZobacz .conteiner .pUserInfo, #GrupyZobacz .conteiner .pUserInfoAdm { float: left; border: 1px solid #E1E1E1; width: 90px; background: #fff; margin: 0 0 10px 10px; text-align: center; }
#GrupyZobacz .conteiner .pUserInfoAdm { width: 168px; background: #F2F2F2; }
#GrupyZobacz .conteiner .pUserInfo img, #GrupyZobacz .conteiner .pUserInfoAdm img { margin-top: 5px; width: 70px; height: 70px;  }
#GrupyZobacz .conteiner .pUserInfo p, #GrupyZobacz .conteiner .pUserInfoAdm p { margin: 2px 0; padding: 0; }
#GrupyZobacz .conteiner .pUserIcons { float: right; width: 60px; }
#GrupyZobacz .conteiner .pUserIcons img { float: right; margin: 0; width: 18px; height: 14px; }
#GrupyZobacz .conteiner .pUserIcons button { float: right; background: url(../i/button_mailto.gif) no-repeat; width: 18px; height: 14px; border: none; cursor: pointer; cursor: hand; }
#GrupyZobacz .conteiner .packager { margin-left: 10px; }
#addInfo { padding-top: 20px; }


#GrupyPrzejmij h1, #GrupyZaloz h1, #GrupyZapisz h1 { color: #b9002c;  font-family: georgia; font-size: 11px; font-weight: bold; margin: 0 0 10px 0; padding: 0; }
#GrupyPrzejmij h2, #GrupyZapisz h2 { letter-spacing: 0; color: 000; font-size: 11px; font-weight: normal; }
#GrupyPrzejmij a { color: #0088b5; }

#SortBox {float: right; margin: 0 5px 10px 0; color: #0088b5}
#SortBox a {color: #8d8d8d}