/*
-----------------------------------------
COMMUNITY PAGES - Loggedin/out styles
-----------------------------------------
*/

/*Noticeboard styles - right column*/
.noticeboard {position: relative;}
.noticeboard ul {background: url(graphics/border_dotted.png) repeat-x bottom; padding-bottom: 10px;}
.noticeboard img {position: absolute; right:10px; top:-15px;}
.extras_box.noticeboard li { margin-bottom: 15px;}
.noticeboard li h3, .noticeboard li p {margin: 0; }
.noticeboard li p.meta {margin: 3px 0}
.noticeboard li.more {float: none; margin: 0; }
.noticeboard li.more a {font-weight: normal; border-bottom: 1px solid #4F4D45;}
#extras .noticeboard li.more a { color: #4f4d45; }
#extras .noticeboard li.more a:hover { border-bottom-color: #4f4d45; }
.noticeboard li.more a:hover {border-bottom-style: dotted; border-color: #4F4D45}
.noticeboard .addtonoticeboard {background: url(graphics/b_add.png) no-repeat left center; padding: 2px 0 2px 20px; border: 0; zoom: 1; } /* :hack: stop shifting in IE6+7 */
.noticeboard .addtonoticeboard:hover { zoom: 1; } /* :hack: stop shifting in IE6+7 */

/*community loggedin states*/
#community .sections p.registrationMessage {background: url(graphics/border_dotted.png) repeat-x top; padding-top: 5px; margin-top: 10px; font-weight: bold; font-size: 1.09em;}
#community .sections p.registrationMessage a {color: #0085cf; border-color: #0085cf;}
#community .sections.p1 .sections_sleeve {padding-bottom: 10px;}

.community_panel {margin-top: 15px; zoom:1;} /* :hack: remove additional gap, ie6+7 */
.community_panel h2 {color: #4f4d45;}
.community_panel .section {padding:0 0 0 20px; background: url(graphics/border_dotted_vertical.png) repeat-y left; width: 270px;}
.community_panel .section.left {background: none; padding:0;margin:0 15px 0 0; width: 280px}
.community_panel:after{content:"."; visibility: hidden; height: 0; display: block; clear: both}
.community_panel li {background: url(graphics/sprite.png) no-repeat 0 0; padding:0; margin-bottom: 15px;}
.community_panel li h2 {margin:0;}
.community_panel li a {font-weight: bold; font-size: 1.1em; border-style:none; color: #00a560;}
.community_panel li a:focus, .community_panel li a:hover { border-bottom-style: dotted; border-bottom-color:#00A560;}

.community_panel .connect li a {background: url(graphics/sprite.png) no-repeat -68px -386px; padding-left:8px;}
.scrolllist ul {height: 185px; width: 230px; padding: 7px 10px; overflow: auto; border: 1px solid #bfbfbd; background: #fff;}
.scrolllist li {margin:0; padding-bottom: 5px; padding-left: 8px; background-position: -68px -386px; }
#content .scrolllist li a {color: #4f4d45; font-weight: normal; border-bottom: 1px solid #4f4c43; font-size: 1em;}

.community_panel .connect li, .community_update li div {background: url(graphics/icons.png) no-repeat 0 0; padding:0 0 5px 40px;}
.community_panel .connect li, .community_update li div {_background-image: url(graphics/icons.gif);} /* ie6 only can't handle transparency*/
.community_panel .connect .friends, .community_update li.friends div {background-position: 0 -261px}
.community_panel .connect .profiles, .community_update li.profiles div {background-position: 0 -172px}
.community_panel .connect .uploaded, .community_update li.uploaded div {background-position: 0 -433px; margin:0}

.hot_topics ul, .friends_activity ul, .commtopContributors ul {background: url(graphics/border_dotted.png) repeat-x bottom; padding-bottom: 10px;}
.hot_topics li, .friends_activity li {background: none; padding: 10px 0 5px; zoom:1;}
.hot_topics li .avatar, .friends_activity li .avatar {margin-bottom:0;} 
.hot_topics .more, .friends_activity .more {margin-top: 10px; zoom: 1;}

.hot_topics li:after {content:"."; visibility: hidden; height: 0; display: block; clear: both}
.hot_topics li .meta {padding-bottom: 0;}

.friends_activity li:after {content:"."; visibility: hidden; height: 0; display: block; clear: both}
.friends_activity h3 span {font-weight: normal;}
.friends_activity .referenced img {float: left; margin-right: 10px;}
.friends_activity .meta {margin-top: 3px; margin-bottom:0;}

.our_picks li:after {content:"."; visibility: hidden; height: 0; display: block; clear: both}
.our_picks li {padding:10px 0; zoom:1;}
.our_picks li .avatar {margin-bottom:0;}
.our_picks li .meta {padding-bottom: 0; }

.community_update h3 {font: 1.45em/1 Georgia, serif; color: #4f4d45;}
.community_update a {background-image: url(graphics/marker.png); background-repeat: no-repeat; background-position: 0 3px; color: #00a560; padding-left: 8px; font-weight: bold; font-size: 1.1em; border-style: none;}
.community_update a:focus, .community_update a:hover { border-bottom-style: dotted; border-bottom-color: #00a560; }
.community_update img {float: left; margin-right: 10px;}
.community_update .yourprofile:after {content:"."; visibility: hidden; height:0; display: block; clear: both;}
.community_update .yourprofile div div {border: 1px solid #bfbfbf; float: left; width: 45%; height: 15px; margin-right: 10px; background:none; padding:0}
.community_update .yourprofile div div img { padding: 1px;}
.community_update .yourprofile span {font-size: 1.1em; display: block; margin-bottom: 5px;}

#community .section ul { zoom:1; }
#community .section ul h3 a:hover { border-bottom-color: #00A560; }

/*community loggedout state*/
.commtopContributors li {background: none; padding: 7px 0 5px;}
.commtopContributors li.first {padding-top:0;}
.commtopContributors p.meta {padding:0;}
.commtopContributors p.meta a {color: #00a560; border-color: #fff; font-weight: bold;}
.commtopContributors p.meta a:hover {border-color: #00a560;}
.commtopContributors .more {margin-top: 10px; zoom:1;}