/* header
----------------------------------------------------------------------------------------------*/
body { background: url(../img/design/community/bg_green_top.gif) 0 0 repeat-x; }
#header h1 span { background: url(../img/design/community/logo_green.png) 0 0 no-repeat; }
#header.community-header { background: url(../img/design/layout/bg_header_community.jpg) 0 0 no-repeat; }

/* content
----------------------------------------------------------------------------------------------*/
.content-box { background-color: #6fb242; }
	.content-box.forum-box { padding-bottom: 5px;}
.content-box-nav li { background: url(../img/design/community/bg_green_tab.png) 0 0 no-repeat;}
	.content-box-nav li span {color: #508b29; font-size: 1.1em;}
	.content-box-nav.long li { background: url(../img/design/community/bg_green_tab_big.gif) 0 0 no-repeat; font-size: 1.2em;}
		.content-box-nav.long li a, .content-box-nav.long li span { padding-left: 20px; padding-top: 7px; color: #508b29; }
			.content-box-nav.long li span.locked-theme { padding: 0; font-size: .8em; color: #666; display: inline;}
	.content-box-nav.long li.blog-header, .content-box-nav.long li.forum-header { padding-top: 5px; height: 20px; padding-left: 20px;}	
		.content-box-nav.long li.blog-header a, .content-box-nav.long li.forum-header a { display: inline; padding: 0;}
.content-box-inner { background-color:#C3DFB0;  padding: 0 0 20px 0;  }
.content-box-inner_green { background-color:#C3DFB0;  padding: 0 0 20px 0; height:300px;  }
.content-box-bottom { background: url(../img/design/community/bg_green_bottom.gif) no-repeat; height: 10px; }
.content-box a { color: #508b29; }
.content-box a.change-passwd { position: absolute; color: #ffffff; right: 20px; top: 10px; font-weight: bold; }

.content-box-inner .topics-list { position: relative; color: #5C9C31; left: 10px; top: 10px; margin-bottom: 6px; }
    .content-box-inner .topics-list span.title {  }
    .content-box-inner .topics-list span.action { position: absolute; right: 20px; }
    .content-box-inner p.topic-title { position: relative; left: 35px; font-size: 1.2em; font-weight: bold; }
	
.content-box-inner_green .topics-list { position: relative; color: #5C9C31; left: 10px; top: 10px; margin-bottom: 6px; }
    .content-box-inner_green .topics-list span.title {  }
    .content-box-inner_green .topics-list span.action { position: absolute; right: 20px; }
    .content-box-inner_green p.topic-title { position: relative; left: 35px; font-size: 1.2em; font-weight: bold; }

.flash-message { position: relative; color: #bf4040; font-weight: bold; bottom: 5px; font-size: 1.2em; }
.flash-message-big { position: relative; color: #bf4040; font-weight: bold; bottom: 5px; font-size: 1.5em; }

#registration { margin-bottom: 25px;}
.help-label { position: relative; top: 5px; }

h2.category-title { color: #6fb242; font-size: 2.2em; font-weight: normal; margin: 0 0 10px 30px; }
	h2.category-title a {color: #6fb242;}

.forum-box .content-box-inner { margin-bottom: 15px; padding-bottom: 0;}
.content-box-inner.forum-board { padding-bottom: 0;}

.message { padding: 10px 20px 0 20px; margin-bottom: -20px;}

/*  FORUM  */
.forum-tab { width: 100%; font-size: 1.1em; margin-top: 10px; margin-bottom: 15px;}
.forum-tab span.subsc-link-top { position: absolute; right: 25px; font-size: .9em; }
.forum-tab td, .forum-tab th { padding: 5px 8px; text-align: center; border: 1px solid #B1D396; vertical-align: middle; }
.forum-tab th { border-top: none;}
.forum-tab th {color: #508B29; font-weight: bold; }
.forum-tab th.left, .forum-tab td.left { text-align: left;}
.forum-tab th.left { padding-left: 25px;}
.forum-tab th.first, .forum-tab td.first { border-left: none;}
.forum-tab th.last, .forum-tab td.last { border-right: none; position: relative;}
.forum-tab td.forum { font-weight: bold;}
.forum-tab td.forum img { padding-right: 3px; vertical-align: middle;}
.forum-tab.posts-tab td { vertical-align: top}
.forum-tab.posts-tab th.left { padding-left: 8px;}
.forum-tab.posts-tab img.user-photo { display: block; margin: 5px 0; }
.forum-tab.posts-tab p.username { font-weight: bold; margin-bottom: 9px; }
.forum-tab.posts-tab p.small { font-size: .8em; line-height: 1.5em;}
.forum-tab.posts-tab p.post-title { font-size: 1.1em; margin-bottom: 8px;}
.forum-tab.posts-tab p.post-text { line-height: 1.5em;}
.forum-tab.posts-tab ul.post-actions { height: 1em;}
.forum-tab.posts-tab ul.post-actions li { float: left;}
.forum-tab.posts-tab ul.post-actions li a { display: block; padding: 0 20px; font-weight: bold; font-size: .9em;}
p.add-post a { display: block; margin: 15px 0 0 30px; font-weight: bold; color: #fff; font-size: 1.1em;}
p.subsc-link a { position: absolute; right: 30px; bottom: 20px; color: #fff; font-size: 1.1em; font-weight: bold; }
	p.add-post.add-post-top { position: absolute; top: -3px; right: 35px;}
		p.add-post.add-post-top a { color: #508B29; font-size: 1em;}
.forum-tab .lock-topic { display: block; padding: 7px 0 3px 18px; font-size: .9em;}
a.forum-title-author { color: #6fb242!important; font-weight: bold!important;}

.forum-paging { position: relative; left: 10px; }
	.forum-paging a { font-weight: bold; }
    .forum-paging span.prev { float: left; }
    .forum-paging span.counter { position: relative; left: 5px; top: 1px; }
    .forum-paging span.next { position: absolute; left: 460px; }

p.add-topic a { margin: 15px 0 0 15px; font-weight: bold; color: #fff; font-size: 1.1em;}

/*  PMS  */
.pms-table { width: 100%; font-size: 1.1em; line-height: 1.3em;}
	.pms-table th, .pms-table td { text-align: left; vertical-align: top; padding: 4px 7px;border-bottom: 1px solid #B1D396; border-left: 1px solid #B1D396; }
	.pms-table th { color: #508b29; }
    .pms-table td.new-msg-cell { font-weight: bold; }
	.pms-table a { font-weight: bold; }

.content-box-inner span.pms-form-label { position: relative; left:250px; margin: 15px 10px 5px 0px; float: left; font-size: 1.1em; }
.content-box-inner select { position: relative; left: 250px; margin: 10px 10px 5px 0px; float: left; }
.content-box-inner div.submit input { height: 25px; position: relative; left: 250px; margin-top: 10px; }

.content-box-inner_green span.pms-form-label { position: relative; left:250px; margin: 15px 10px 5px 0px; float: left; font-size: 1.1em; }
.content-box-inner_green select { position: relative; left: 250px; margin: 10px 10px 5px 0px; float: left; }
.content-box-inner_green div.submit input { height: 25px; position: relative; left: 250px; margin-top: 10px; }

.pms-view-table { width: 100%; font-size: 1.1em; line-height: 1.3em; border: 2px solid #B1D396; }
	.pms-view-table td { text-align: left; vertical-align: top; padding: 4px 7px;border-bottom: 1px solid #B1D396; border-left: 1px solid #B1D396; }
	.pms-view-table td.header { font-weight: bold; width: 100px; }
    .pms-view-table td.action { width: 33%; }
    .pms-view-table td.text { width: 33%; padding-top: 10px; padding-bottom: 10px; }
	.pms-view-table a { font-weight: bold; }


/*  PAGINATION  */
.prev-paging a, .next-paging a, .page-count a { color: #fff!important; }
.counter { margin: 5px 0 10px 20px; position: relative; bottom: 10px; padding-bottom: 10px;}


/*  FORMS  */
.community-form, .forum-add-form { padding: 20px 0 0 20px;}
	.community-form label { width: 12em; }
	.community-form input { width: 200px; }
    .community-form input.year { position: relative; width: 24px; }
    .community-form input.month { position: relative; width: 14px; left: 5px; }
    .community-form input.day { position: relative; width: 14px; left: 10px; }
    .community-form span.birthday { position: relative; left: 20px; top: 5px; }
	.community-box .submit input { width: auto; font-size: 1.2em; float: none; margin-left: 11.5em; margin-bottom: 20px}
    .community-register { position: relative; left: 20px; }
    .community-reset-passwd { position: relative; left: 160px; }
	
.blog-comment-form label, .forum-add-form label { width: 6em;}
.blog-comment-form input { width: 200px;}
.add-blog-comment .submit input { margin-left: 5em; margin-bottom: 10px;font-size: 1.2em;}

.add-forum-post .submit input { margin-left: 7em; margin-bottom: 20px;font-size: 1.2em;}

fieldset.community-form.reg-form input.radio { float: none!important; display: inline!important; width: auto!important; }
	
	
/*  BLOGS  */
.blog-post-short { border-bottom: 1px solid #6fb242; padding: 0 20px 20px 20px; width: 510px; }
	.blog-post-short h4 { font-size: 1.4em; padding: 10px 0 10px 0; color: #508b29;}
	.blog-post-short .annotation { font-size: 1.1em; margin-bottom: 15px; line-height: 200%;}
	.blog-post-short .post-author { font-weight: bold; margin-bottom: 5px;}
	.blog-post-short .comment-no { margin-bottom: 5px;}
    .blog-post-short img { float: left; margin: 10px 10px 10px 0;}

.post-comment { position: relative; left: 20px; top: 10px; padding: 0 25px 15px 0; font-size: 1.1em; }
.post-comment-title { padding: 20px 20px 10px 20px; font-size: 1.35em; color: #508b29; }
.post-comment h5 {font-size: 1.1em; color: #508b29; padding-bottom: 5px;}
.post-comment p { line-height: 1.5em;}
.post-comment p.post-comment-info { font-size: .9em; padding-top: 3px;}

.add-blog-comment { padding: 20px 20px 0 20px; }
	.add-blog-comment h4 { font-size: 1.25em; color: #508b29; margin-bottom: 15px; }
	
.comm-list { padding: 10px 20px 20px 20px;}
.comm-list li { line-height: 1.3em; font-size: 1.1em; color: #508b29; font-weight: bold; margin-bottom: 5px;}
.comm-list li a { color: #000; font-weight: normal;}
.comm-list li img { float: left; margin: 5px 5px 5px 0; }
.comm-list li span { position: absolute; left: 65px; margin-top: 8px; }


/* USER PROFILE  */
.user-profile { padding: 20px; }

.profile-avatar, .profile-content { float: left; margin-top: 5px;}
.profile-avatar { width: 155px; padding-left: 5px; margin-right: 5px; text-align: center;}
	.profile-avatar a { color: #fff; display: block; text-align: center; margin-top: 5px; font-weight: bold; }
	
.profile-avatar .friends-list { text-align: left!important; margin-top: 10px; padding-left: 10px; border-top: 1px solid #fff; padding-top: 8px;}
	.profile-avatar .friends-list h3 { color: #fff; font-size: 1.1em; margin-top: 6px; margin-bottom: 10px;}
	.profile-avatar .friends-list a { text-align: left!important;}
	
.profile-content { width: 416px; background-color: #C4E0B1; position: relative; color: #5C9C31;}
	.profile-content .content-box-bottom { background: url(../img/design/community/bg_profile_bottom.png) 0 0 no-repeat; position: absolute; bottom: -9px; left: 0;}
	.profile-content ul.basic-info { margin: 15px;}
		.profile-content ul.basic-info li { position: relative; margin-bottom: 11px; padding-bottom: 3px; border-bottom: 1px solid #87C74F; font-size: 1.4em;}
			.profile-content ul.basic-info li span { position: absolute; right: 0; bottom: 3px; font-size: .8em; text-transform: lowercase;}
				.profile-content ul.basic-info li span.name { position: static; text-transform: none; font-size: 1.3em; }
	.profile-content ul.count-info { margin: 0 0 5px 15px;}
		.profile-content ul.count-info li { font-size: 1.1em; margin-bottom: 4px;}
	.profile-content p.hit-factor, .profile-content p.hit-user, .profile-content p.send-pm { position: absolute; top: 22.5em; right: 15px;}
	.profile-content p.hit-factor { background: url(../img/design/icons/ico_cubes.gif) 0 0 no-repeat; height: 20px; padding-left: 34px;}
	.profile-content p.hit-user { top: 26.5em;}
	.profile-content p.send-pm { top: 28em;}
	.profile-content div.new-posts { float: right; padding-right: 15px; margin-top: -5.5em; font-size: 1.1em;} 
		.profile-content div.new-posts h3 { margin-bottom: 4px;}
		.profile-content div.new-posts li { margin-bottom: 3px;}
	.profile-bottom-box { padding: 10px 15px 5px 15px; border-top: 1px solid #87C74F; font-size: 1.1em;}
		.profile-bottom-box h3  { margin-bottom: 8px; font-size: 1.2em; margin-top: 5px;}
	#files-box { margin-top: 10px; margin-bottom: 5px;}
		#files-box li { line-height: 1.4em; margin-bottom: 10px;}
	#photos-box .photo-box { float: left; padding: 10px 15px; width: 100px; height: 110px; text-align: center; }
	#photos-box .photo-box br { line-height: 1.8em;}
	#photos-box .photo-box p { margin-top: 3px;}

.user-index-box { float: left; padding: 5px 10px 5px 19px; width: 110px; text-align: center; margin-top: 5px; height: 140px; overflow: hidden; }
	.user-index-box p { margin-top: 5px; font-weight: bold; }
	
.user-list-box { width: 586px; overflow: hidden;}
.user-list { text-align: left; font-weight: bold; width: 100%; }
	.user-list td { color: #68A83E; vertical-align: middle; }
	.user-list td, .user-list th { padding: 7px 8px;}
	.user-list th, .user-list tr.altrow td { color: #fff; background-color: #68A83E;}
		.user-list tr td a { color: #68A83E;}
			.user-list tr.altrow td a { color: #fff;}
	.user-list a { color: #fff}
.user-list-paging { margin-top: 10px; position: relative;}
    .user-list-paging a { font-weight: bold; color: black; }
	.user-list-paging .prev, .user-list-paging .next { position: absolute; top: 0;}
	.user-list-paging .prev { left: 0;}
    .user-list-paging .counter { left: 100px; top: 0px;}
	.user-list-paging .next { right: 0;}
	.user-list-paging .prev.disabled, .user-list-paging .next.disabled { display: none;}
	
.video-show { background: #6AAA3F url(../img/design/community/bg_video_main.png) 0 25px no-repeat; width: 577px; overflow: hidden; margin-bottom: 25px;}
.video-show h2 { background: url(../img/design/community/bg_video_top.png) 0 0 no-repeat; height: 25px; color: #fff; font-size: 1.4em; font-weight: bold; margin-bottom: 15px;}
	.video-show h2 span { display: block; padding: 7px 0 0 40px;}
		.video-show h2 span a { color: #fff;}
.video-show-inner { margin: 10px 0 0 40px; padding-bottom: 30px; }
	.video-show-inner h3 { color: #fff; font-size: 1.15em; font-weight: bold; margin-bottom: 6px; }
	.video-show-inner p { margin-top: 8px; color: #fff;}
		.video-show-inner p a { font-weight: bold; color: #fff;}
	.video-show-inner.slide div a { color: #fff!important;}

.content-box p.dashboard-title { color: #fff; font-weight: bold; margin: 20px 20px 10px 10px; font-size: 1.4em; }
.dashboard-content { width: 576px; background-color: #C4E0B1; position: relative; left: 5px; color: #5C9C31; }
    .dashboard-content .dashboard-post { margin: 15px 10px 10px 15px; }
        .dashboard-content .dashboard-post img { float: left; }
        .dashboard-content .dashboard-post hr { height: 1px; color:#508b29; bottom: 5px; }
        .dashboard-content .dashboard-post span.username { position: relative; left: 5px;  font-weight: bold; }
        .dashboard-content .dashboard-post span.del-link { position: absolute; right: 132px; }
        .dashboard-content .dashboard-post span.date { position: absolute; right: 15px; }
        .dashboard-content .dashboard-post span.text { position: relative; left: 10px; top: 5px; }
    .dashboard-content .dashboard-add-post { padding: 15px 10px 10px 15px; }
        .dashboard-add-post h4 { font-size: 1.25em; color: #508b29; margin-bottom: 15px; }
        .dashboard-add-post input { margin-bottom: 10px;font-size: 1.2em;}

/* FRIENDS FINDING */
.friends-content { width: 566px; background-color: #C4E0B1; position: relative; color: #5C9C31; left: 10px; top: 10px; }
.friends-profile-bottom-box { padding: 10px 15px; border-bottom: 1px solid #68A83E; margin-bottom: 0px; height:50px;}
    .friends-content ul.basic-info { position: relative; left: 15px; _top:15px; float: left; }
        .friends-content ul.basic-info li { padding-bottom: 5px; }
            .friends-content ul.basic-info li span.name { position: relative; text-transform: none; font-size: 1.3em; }
    .friends-content ul.links { position: absolute; left: 450px;}
        .friends-content ul.links li { padding-bottom: 5px; }
        .friends-profile-bottom-box img { float: left; }

.blog-paging { margin-top: 10px; position: relative; top: 5px; }
    .blog-paging a { font-weight: bold; color: white; }
	.blog-paging .prev, .blog-paging .next { position: absolute; top: 0;}
	.blog-paging .prev { left: 10px;}
    .blog-paging .counter { left: 100px; top: 0px;}
	.blog-paging .next { right: 10px;}

/* Side Content
--------------------------------------------------------------------------------------------------------------------*/
.right-box.green-box  h3 { background: url(../img/design/community/bg_green_right_top.png) 0 0 no-repeat; }
.right-box.green-box .right-box-content { border: 1px solid #78BD4A; background-color: #B1D396; }
	.right-box.green-box .right-box-content h4 { margin: 8px 0 8px 5px; font-size: 1.1em; color:#508b29; }
	.right-box.green-box .right-box-content ul { margin: 0 10px 15px 10px; line-height: 1.7em; }
	.right-box.green-box .right-box-content a { font-weight: bold; color: #508b29;}
	.right-box.green-box .right-box-content hr { height: 1px; color:#508b29; }
    .right-box.green-box .right-box-content img.blogger-photo { vertical-align: top; margin: 10px 10px 15px 10px; }
    .right-box.green-box .right-box-content span.author-name { font-size: 1.2em; color: #508b29; padding-left: 5px; font-weight: bold;}