/* Import default template CSS */
@import url("toolbar.css");
@import url("shared.css");


/** 
 * Shared Styling
 * Will be use by most of the template file
 */
.floatbox { 
	overflow:hidden;
}
 
body #community-wrap {
	position: relative;
}
body #community-wrap a {
	outline-style: none;
}
body #community-wrap div.column-right {
	width: 210px;
	/*
	position: absolute;
	height: auto;
	right: 0;
	*/
	float: right;
}
body #community-wrap div.column-main {
	margin-right: 230px;
}
body #community-wrap div.dark-bg {
	font-weight: 700;
	margin: 10px 0;
	display: block;
	padding: 5px 10px;
	background: #669125;
	position: relative;
}
body #community-wrap .button {
	cursor: pointer;
}
/* Frontpage Styling */
body #community-wrap div.greybox {
	background: #669125 /*url(../images/greybox.gif) no-repeat  0 0*/;
	border: solid 0px #15161a;
	margin: 0 0 15px;
}
body #community-wrap div.greybox div,
body #community-wrap div.greybox div div,
body #community-wrap div.greybox div div div {
	background: transparent;
	border: 0;
}
body #community-wrap div.greybox div.introduction {
	margin: 30px auto;
	width: 60%;
	padding: 0;
}
body #community-wrap div.greybox h1 {
	font-size: 250%;
	letter-spacing: -1px;
	margin: 0 0 30px;
	padding: 0;
}
body #community-wrap div.greybox h2 {
	color: #342c25;
	margin: 0 0 10px;
}
body #community-wrap ul#featurelist {
	margin: 0 0 0 10px;
	list-style: none;
	padding: 0;
}
body #community-wrap ul#featurelist li {
	font-size: 100%;
	padding: 0 0 0 25px;
	line-height: 16px;
	height: 16px;
	margin: 0 0 10px;
	color: inherit;
	font-weight: 700;
}
body #community-wrap ul#featurelist li.connect {
	background: transparent url(../images/li.featurelist.gif) no-repeat 0 0;
}
body #community-wrap ul#featurelist li.profile {
	background: transparent url(../images/li.featurelist.gif) no-repeat 0 -16px;
}
body #community-wrap ul#featurelist li.photo {
	background: transparent url(../images/li.featurelist.gif) no-repeat 0 -32px;
}
body #community-wrap ul#featurelist li.group {
	background: transparent url(../images/li.featurelist.gif) no-repeat 0 -48px;
}
body #community-wrap #login-form {
	background: none;
	border-left: inset 1px #666;
	float: right;
	height: 225px;
	padding: 20px 15px 20px 30px;
	width: 200px;
}
body #community-wrap #login-form label {
	width: 100%;
	display: block;
	font-size: 110%;
}
body #community-wrap #login-form input.inputbox {
	border: solid 1px #666;
	width: 90%;
	margin: 0 0 10px;
}
body #community-wrap #login-form input.input-hover {
	border: solid 1px #F0F0DC;
}
body #community-wrap .button {
	padding: 0 15px;
	background: #342c25;
	border: solid 1px #666;
	cursor: pointer;
	font-size: 11px;
	color: #F0F0DC;
}
body #community-wrap .button-hover {
	background: #463C32;
	border: solid 1px #666;
}
body #community-wrap div.greybox div.joinbutton {
	color: #73B9DB;
	display: block;
	margin: 30px 0 0;
}
body #community-wrap div.greybox a#joinButton,
body #community-wrap div.greybox a#joinButton:hover {
	background: 0;
	text-indent: 0;
	display: block;
	padding: 10px;
}
body #community-wrap div.greybox a#joinButton {
	font-size: 120%;
	text-align: center;
	border: solid 1px #666;
	height: auto;
	background: #342c25;
	text-decoration: none;
	color: #F0F0DC;
}
body #community-wrap div.greybox a#joinButton:hover {
	background: #463C32;
	border: solid 1px #666;
}
/* Frontpage Styling */


/* Profile Styling */
body #community-wrap div.profile-box {
	float: left;
	display: block;
	width: 100%;
}
body #community-wrap div.profile-avatar {
	float: left;
	width: 180px;
}
body #community-wrap div.profile-info {
	margin-left: 190px;
}
body #community-wrap ul.profile-info {
	width: 200px;
	list-style: none;
	padding: 0;
}
body #community-wrap ul.profile-details {
	padding: 0;
	list-style: none;
	margin: 0;
}
body #community-wrap ul.profile-details li,
body #community-wrap ul.profile-info li {
	background: none;
	padding: 0;
	margin: 0 0 10px;
	width: 98%;
}
body #community-wrap ul.profile-details li.title {
	font-weight: 700;
	margin: 0;
	font-size: 100%;
}
body #community-wrap div.profile-name {
	padding: 0;
	margin: 0 0 10px;
	font-size: 180%;
}
body #community-wrap ul.profile-info li.title {
	font-weight: 700;
	font-size: 120%;
	letter-spacing: -1px;
	background: #669125;
	border-bottom: solid 0px #42454f;
	padding: 3px;
	margin: 0 0 5px;
}
body #community-wrap ul.profile-info li.info-title {
	margin: 0;
	font-weight: 700;
	padding-left: 5px;
}
body #community-wrap ul.profile-info li.info-detail {
    padding-left: 5px;
}
body #community-wrap ul.actions {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 33%;
	float: left;
}
body #community-wrap ul.actions li {
	padding: 0 0 0 17px;
	margin: 5px 3px 5px 0;
	display: block;
	float: left;
	width: 85%;
	background: none;
	font-size: 11px;
	height: 10px;
	line-height: 10px;
	text-align: left;
}
body #community-wrap ul.actions li a {
	color: #73b9da;
}
body #community-wrap ul.actions li.profile {
    background: transparent url(../images/icon_10px.gif) no-repeat 0 0;
}
body #community-wrap ul.actions li.avatar {
    background: transparent url(../images/icon_10px.gif) no-repeat 0 -10px;
}
body #community-wrap ul.actions li.privacy {
	background: transparent url(../images/icon_10px.gif) no-repeat 0 -20px;
}
body #community-wrap ul.actions li.apps {
    background: transparent url(../images/icon_10px.gif) no-repeat 0 -30px;
}
body #community-wrap ul.actions li.group {
    background: transparent url(../images/icon_10px.gif) no-repeat 0 -40px;
}
body #community-wrap ul.actions li.photo {
    background: transparent url(../images/icon_10px.gif) no-repeat 0 -50px;
}
body #community-wrap ul.actions li.write {
    background: transparent url(../images/icon_10px.gif) no-repeat 0 -60px;
}
body #community-wrap ul.actions li.inbox {
    background: transparent url(../images/icon_10px.gif) no-repeat 0 -70px;
}
body #community-wrap ul.actions li.invite {
    background: transparent url(../images/icon_10px.gif) no-repeat 0 -80px;
}
body #community-wrap ul.updates {
	list-style: none;
	clear: left;
	float: left;
    width: 100%;
    padding: 0;
}
body #community-wrap ul.updates li {
	background: none;
	padding: 0;
	margin: 0;
	width: 100%;
}
body #community-wrap ul.updates li.title {
	margin: 10px 0;
	border-bottom: solid 1px;
	font-weight: 700;
	font-size: 110%;
}
body #community-wrap #profile-header {
	margin: 0 0 10px;
	padding: 10px 30px;
	background: #669125;
	float: left;
}
body #community-wrap div.profile-toolbox-guest {
	background: #669125;
	padding: 10px;
	margin: 0 0 10px;
}
body #community-wrap div.profile-toolbox-guest ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
body #community-wrap div.profile-toolbox-guest ul li {
	background: none;
	padding: 0;
	display: inline;
}
/* Profile status */
body #community-wrap #profile-status {

}
body #community-wrap #profile-status .status-text-top {
	padding: 10px;
	font-size: 120%;
	background: #669125;
	border: solid 0px #342c25;
	border-bottom: 0;
}
body #community-wrap #profile-status .status-text-bottom {
	margin: 0 0 10px;
	height: 19px;
	background: transparent url(../images/status-text-bottom.gif) no-repeat 0 0;
}
body #community-wrap #profile-status #status-text {
	width: 80%;
}
body #community-wrap #profile-status #status-text-caption,
body #community-wrap #profile-status #status-text-input {
	position: relative;
	width: 100%;
	font-size: 14pt;
}
body #community-wrap #profile-status #save-status,
body #community-wrap #profile-status #status-edit-link {
	position: absolute;
	font-size: 70%;
	right: 10px;
	top: 0;
}
body #community-wrap #profile-edit table.ccontentTable {
	width: 100%;
}
body #community-wrap #profile-edit .listkey {
	width: 300px;
}
body #community-wrap #profile-edit .listvalue {

}
body #community-wrap #profile-edit .listvalue .label {
	padding: 0 10px 0 0;
}
/** Profile Toolbox */
body #community-wrap div.profile-toolbox-bl {
	background: #eee;
	margin: 0 0 10px;
}
body #community-wrap div.profile-toolbox-br {
	background: transparent;
}
body #community-wrap div.profile-toolbox-tl {
	background: #342c25;
	
}
body #community-wrap div.profile-toolbox-bl h2.app-box-title {
	font-family: Tahoma, Verdana, Helvetica, san-serif;
	font-size: 150%;
	padding: 10px 10px 0;
	font-weight: 700;
	color: #F0F0DC;
	text-align: left;
}
body #community-wrap div.profile-toolbox-bl div.statustext {
	margin: 20px 0 10px 0;
	text-align: center;
	float: left;
	width: 100%;
}
body #community-wrap div.profile-toolbox-bl div.statustext label {
	background: transparent url(../images/statuslabel.gif) no-repeat scroll left top;
	color: #F0F0DC;
	display: block;
	float: left;
	font-weight: 700;
	height: 28px;
	line-height: 28px;
	width: 90px;
	margin: 1px 0 0 10px;
	text-transform: uppercase;
	text-align: center;
}
body #community-wrap div.profile-toolbox-bl div.statustext input.status{
	font-size: 16px;
	color: #999;
	margin: 0 0 0 10px;
	width: 72%;
	float: left;
}
body #community-wrap div#community-photo-caption input#captiontext {
	font-size: 16px;
	color: #999;
	margin: 0 0 0 10px;
	width: 50%;
}
body #community-wrap div.profile-toolbox-bl div.statustext input.status-edit {
	color: #342c25;
	width: 60%;
	float: left;
}
body #community-wrap div.profile-toolbox-bl ul.small-button {
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none;
	height: 32px;
}
body #community-wrap div.profile-toolbox-bl ul.small-button li {
	background: none;
	line-height: 33px;
	padding: 0;
	display: block;
	float: left;
	background: transparent url(../images/profile-toolbar-separator.gif) no-repeat top right;
}
body #community-wrap div.profile-toolbox-bl ul.small-button li a {
	display: block;
	float: left;
    text-decoration: none;
    height: 20px;
    line-height: 16px;
    padding: 0 0 0 20px;
    margin: 8px 10px 0 0;
}
body #community-wrap div.profile-toolbox-bl ul.small-button li.btn-add-friend a {
    background: transparent url(../images/profile-toolbar-icons.gif) no-repeat 0 0;
}
body #community-wrap div.profile-toolbox-bl ul.small-button li.btn-gallery a {
    background: transparent url(../images/profile-toolbar-icons.gif) no-repeat 0 -21px;
}
body #community-wrap div.profile-toolbox-bl ul.small-button li.btn-write-message a {
    background: transparent url(../images/profile-toolbar-icons.gif) no-repeat 0 -42px;
}
body #community-wrap div.profile-toolbox-bl ul.small-button li.btn-favourite a {
    background: transparent url(../images/profile-toolbar-icons.gif) no-repeat 0 -63px;
}
body #community-wrap div.profile-toolbox-bl .profile-toolbox-name {
	font-weight: 700;
	font-size: 120%;
	color: #342c25;
}
body #community-wrap div.profile-toolbox-bl a {
	color: #F0F0DC;
}
/* Profile Styling */




/* Group Styling */
body #community-wrap ul.group-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
body #community-wrap ul.group-list li,
body #community-wrap ul.group-list li.group-list-item {
	background: none;
	display: block;
	float: left;
	padding: 10px 0;
	border-bottom: 1px solid #342c25;
	width: 100%;
}
body #community-wrap div.group-avatar {
	margin: 0;
	padding: 5px;
	float: left;
}
body #community-wrap div.group-avatar img.avatar {
	border: solid 5px #342c25;
}
body #community-wrap div.group-avatar a img.avatar {
	border: solid 5px #342c25;
}
body #community-wrap div.group-avatar a:hover img.avatar {
	border: solid 5px #999;
}
body #community-wrap ul.group-list li.group-list-item div.group-details {
	margin: 0 10px 0 90px;
	position: relative;
	padding: 0;
}
body #community-wrap ul.group-list li.group-list-item div.group-name {
	font-weight: 700;
	font-size: 130%;
	margin: 0 0 5px;
	letter-spacing: -1px;
}
body #community-wrap ul.group-list li.group-list-item div.group-desc {
	padding: 5px 0;
	font-size: 110%;
}
body #community-wrap ul.group-list li.group-list-item div.group-created {
	padding: 5px 0;
	font-size: 90%;
}
body #community-wrap ul.group-list li.group-list-item div.group-actions {
	padding: 5px 0 0;
}
body #community-wrap ul.group-actions {
	padding: 0;
	margin: 0 5px 20px;
	list-style: none;
}
body #community-wrap ul.group-actions li {
	background: none;
	padding: 0;
}
body #community-wrap ul.group-actions li a {
	color: #ffd83d;
	text-decoration: underline;
	font-size: 90%;
	line-height: 100%;
}
body #community-wrap ul.group-actions li a:hover {
	text-decoration: none;
	color: #F0F0DC;
}
body #community-groups div.community-groups-toolbar-wrapper {
	margin: 0 0 0 40px;
	padding: 0 0 20px;
}
body #community-wrap div.group-info {
	position: relative;
}
body #community-wrap #community-group-info .sectiontableentry1,
body #community-wrap #community-group-info .sectiontableentry2 {
	margin: 0 5px;
}
body #community-wrap #community-group-info .cinput .inputbox {
	width: auto;
}
body #community-wrap span.group-admin,
body #community-wrap span.group-creator {
	position: absolute;
	top: 10px;
	right: 5px;
	font-size: 80%;
	color: #999;
}
body #community-wrap .group-bulletin-item {
	border-bottom: solid 1px #342c25;
	padding: 10px 0;
}
body #community-wrap .group-bulletin-item-intro {
	padding: 0 0 10px;
}
body #community-wrap .group-bulletin-item .groups-news-title {
	font-size: 110%;
	font-weight: 700;
}
body #community-wrap .group-bulletin-item .groups-news-author {
	font-size: 90%;
	color: #6c727e;
}
body #community-wrap .group-bulletin-item .groups-news-message {
	padding: 10px 0;
}
body #community-wrap .groups-news-empty {
	text-align: center;
	font-size: 120%;
	color: #666;
}
/** GROUPS **/
body #community-wrap div#community-groups-wrap {
	display: block;
}
body #community-wrap div#community-groups-wrap span.info {
	font-size: 11px;
	margin: 0 0 10px 0;
}
body #community-wrap div#community-groups-wrap div textarea {
	width: 45%;
}
body #community-wrap div#community-groups-wrap div span.title {
	width: 20%;
	float: left;
}
body #community-wrap div#community-groups-wrap div.items {
	margin-top: 10px;
}
body #community-wrap div#community-groups-wrap div.submit {
	margin: 30px 0 0 0;
	width: 70%;
	text-align: center;
}
body #community-wrap div#community-groups-wrap div.title {
	font-weight: bold;
	text-decoration: underline;
}
body #community-wrap div#community-groups-wrap fieldset {
	background: none;
	border: 1px solid #EEE;
	float: left;
	width: 50%;
	padding: 8px;
	margin: 0 0 20px;
}
body #community-wrap div#community-groups-wrap fieldset legend {
	color: #999;
	text-decoration: underline;
	font-size: 12px;
}
body #community-wrap div#community-groups-wrap fieldset div.avatar {
	width: 30%;
	float: left;
}
body #community-wrap div#community-groups-wrap fieldset div.caption {
	float: left;
}
body #community-wrap div#community-groups-wrap div.upload {
	margin: 20px 0;
}
body #community-wrap div#community-groups-wrap div.community-groups {
    border-bottom: 1px solid #789539;
    margin: 0 0 10px;
}
body #community-wrap div#community-groups-wrap div.community-groups-right {
	margin: 0 0 20px 180px;
	width: auto;
}
body #community-wrap div.community-groups-right div.heading {
	font-weight: 700;
	font-size: 12px;
	background-color: #F4F4F4;
	border: 1px solid #eee;
	padding: 4px;
}
body #community-wrap div#community-groups-wrap div.community-groups-left {
	float: left;
	width: 25%;
}
body #community-wrap div.community-groups-right div span.cinput,
body #community-wrap div.community-groups-right div div.cinput {
	display: none;
}
body #community-wrap div.community-groups-right .clabel,
body #community-wrap div#community-groups-news .clabel {
	width: 150px;
	float: left;
	font-size: 11px;
	font-weight: 700;
}
body #community-wrap div.community-groups-right .cdata,
body #community-wrap div#community-groups-news .cdata {
	margin: 5px 0 0 160px;
	font-size: 11px;
}
body #community-wrap div.community-groups-right div {
	margin: 0 0 0 20px;
}
body #community-wrap div#community-groups-wrap div.community-groups-toolbar-wrapper {
	margin: 0 0 0 40px;
	padding: 0 0 20px;
}
body #community-wrap div#community-groups-wrap ul.community-groups-toolbar {
	border-bottom: 3px solid #789539;
	display: block;
	float: right;
	margin: 0 0 0 20px;
	padding: 0;
	width: 100%;
	list-style: none;
}
body #community-wrap div#community-groups-wrap ul.community-groups-toolbar li {
	background: none;
	float: right;
	line-height: 100%;
	margin: 0 0 0 3px;
	padding: 7px 0;
	text-transform: capitalize;
}
body #community-wrap div#community-groups-wrap ul.community-groups-toolbar li a {
	text-decoration: none;
	background: #444;
	padding: 5px 10px;
	color: #F0F0DC;
	margin: 0 0 0 2px;
}
body #community-wrap div#community-group-info-actions {
	display: none;
	padding: 0 0 0 170px;
}
body #community-wrap div#community-groups-wrap ul#community-groups-members {
	padding: 0;
}
body #community-wrap div#community-groups-wrap ul#community-groups-members li {
	background: none;
	list-style: none;
	display: inline;
	padding: 0 8px 0 0;
}
body #community-wrap div#community-groups-wrap ul#community-groups-members li a
{
	text-decoration: none;
}
body #community-wrap div#community-groups-news h3,
body #community-wrap div#community-groups-join h3 {
	border-bottom: solid 1px;
	margin: 0 0 5px 0;
	padding: 0;
	width: 100%;
	float: left;
}
body #community-wrap input#news-title{
	width: 400px;
}
body #community-wrap textarea#news-description {
	height: 200px;
	width: 400px;
}
body #community-wrap div#community-groups-news div {
	padding-top: 10px;
}
body #community-wrap div.empty {
	text-align: center;
	font-size: 12px;
	color: #999;
	text-decoration: underline;
}
body #community-wrap div.community-groups-action {
	clear: both;
	padding-top: 10px;
	text-align: right;
}
body #community-wrap div#community-groups-results-wrapper {
	margin-top: 20px;
	height: 100%;
	width: 100%;
}
body #community-wrap div.community-groups-results-item {
	border: 1px solid #c33;
	color: #F0F0DC;
	font-weight: 700;
	padding: 8px;
	margin-top: 10px;
	clear: both;
	background: #900;
}
body #community-wrap div.community-groups-results-left {
	width: 15%;
	float: left;
	clear: both;
	height: 100%;
	padding: 10px 0 0 10px;
}
body #community-wrap div.community-groups-results-right {
	float:left;
	margin-left: 10px;
	width: 80%;
}
body #community-wrap div.community-groups-results-right h3 {
	margin: 0 0 12px 0;
	padding: 0;
	text-indent: 0 !important;
}
body #community-wrap div#community-wrap span.selected {
	font-weight: 700;
	text-decoration: underline;
}
body #community-wrap div#community-groups-discuss-items {
	
}
body #community-wrap div#community-groups-discuss-items .group-bulletin-item {
	border-bottom: 1px solid #CCC; overflow: hidden;
}
body #community-wrap div#community-groups-discuss-items .group-bulletin-item-container {
	float: left; margin: 0 0 5px 16px; width: 95%;
}
body #community-wrap div#community-groups-discuss-items .group-bulletin-item-title {
	width: 70%; float: left; font-size: 14px; font-weight: bold; text-transform: capitalize; text-decoration: underline;	
}
body #community-wrap div#community-groups-discuss-items .group-bulletin-item-replies {
	float: right;	
}
body #community-wrap div#community-groups-discuss-items .group-bulletin-item-author {
	padding: 0pt 0pt 0pt 20px; color: gray;
}
/* Group Styling */


/* Photo Album Styling */
body #community-wrap ul.photo-list {
	border: solid 1px #666;
	padding: 10px;
	margin: 0;
	list-style: none;
}
body #community-wrap ul.photo-list li {
	display: inline;
	background: none;
	padding: 0;
	margin: 0 5px 0 0;
}
/* Photo Album Styling */


/* blockUnregister */
body #cWindowContent div.blockUnregister {}
body #cWindowContent div.blockUnregister div.message {
	background: #fde2e2;
	border-top: solid 2px #d19393;
	border-bottom: solid 2px #d19393;
	padding: 5px 10px;
	margin: 0 0 15px;
}
body #cWindowContent div.blockUnregister h3 {
	font-size: 15px;
	color: #342c25;
	padding: 0;
}
body #cWindowContent div.loginform label,
body #cWindowContent div.loginform input {
	margin: 0;
}
body #cWindowContent div.loginform .inputbox {
	width: 87%;
}
body #cWindowContent div.loginform .frontlogin {
	padding: 3px;
	margin: 0 0 3px;
}
body #cWindowContent .button {
	padding: 2px 15px;
	background: #342c25;
	border: solid 1px #666;
	cursor: pointer;
	color: #F0F0DC;
	font-size: 11px;
}
body #cWindowContent .button:hover {
	background: #463C32;
	border: solid 1px #666;
}
body #cWindowContent div.blockUnregister div.right-col {
	padding-left: 10px;
	border-left: solid 1px #666;
}
body #cWindowContent div.blockUnregister ul#featurelist {
	list-style: none;
	margin: 10px 0 !important;
	padding: 0;
}
body #cWindowContent div.blockUnregister ul#featurelist li {
	font-size: 11px;
	color: #999;
	background: transparent url(../images/add-button.gif) no-repeat 0 0;
	line-height: 16px;
	height: 16px;
	margin: 0 0 5px !important;
	padding: 0 0 0 25px;
}
body #cWindowContent div.blockUnregister a#joinButton2 {
	background: transparent url(../images/register-button-small.gif) no-repeat 0 0;
	width: 149px;
	height: 46px;
	text-indent: -9999px;
	display: block;
	outline-style: none;
	margin: 0 auto;
}
body #cWindowContent div.blockUnregister a#joinButton2:hover {
	background: transparent url(../images/register-button-small.gif) no-repeat 0 -46px;
}
/* blockUnregister */


body #community-wrap td.listkey,
body #community-wrap td.paramlist_key {
	font-weight:bold;
	text-align:right;
	width:140px !important;
	padding-right: 30px;
}
body #community-wrap td.paramlist_key,
body #community-wrap td.paramlist_value {
	padding: 4px;
}
body #community-wrap td.paramlist_key {
	padding-right: 30px;
}
body #community-wrap td.paramlist_value {
	padding-left: 4px;
}

body #community-wrap .logout-link {
	position: absolute;
	right: 5px;
	top: 5px;
	margin: 0;
}