/* create group form style (socialgroup-form.ftl) */

.jive-body-formpage-socialgroup .jive-form-element {
    width: 600px;
    }

.jive-body-formpage-socialgroup .jive-form-element a.jive-form-element-test {
    line-height: 1em;
    padding-top: 5px;
    position: absolute;
    right: 4px;
    top: 0;
    }

.jive-group-namecheck {
    background-color: #ffc;
    font-size: .9167em;
    padding: 3px;
    margin: 2px 0;
    }
.jive-group-namecheck p {
    margin: 0;
    }

#jive-socialgroup-displayname {
    font-size: .8889em;
    padding: 5px 0 0;
    }




#jive-form-group-url {
    }
#jive-form-group-url-text {
    overflow: hidden;
    white-space: nowrap;
    width: 250px;
    }
#jive-form-group-url-input {
    width: 300px;
    }
#jive-form-group-url-input input {
    width: 100%;
    }
.jive-body-formpage-socialgroup .jive-form-element #jive-socialgroup-displayname-edit input,
.jive-body-formpage-socialgroup .jive-form-element #jive-socialgroup-displayname-input {
    display: inline;
    width: 200px;
    }


.jive-body-formpage-socialgroup .jive-group-currentImage span {
    background-color: #fff;
    border: 1px solid #dadada;
    display: block;
    float: left;
    padding: 8px;
    }
.jive-body-formpage-socialgroup .jive-group-currentImage p {
    margin: 0;
    padding: 0;
    }
.jive-body-formpage-socialgroup .jive-group-currentImage img {
    border: 1px solid #dadada;
    margin: 5px 0 0 0;
    }
.jive-body-formpage-socialgroup .jive-group-modifyCurrentImage {
    clear: both;
    display: block;
    padding: 8px 0;
    }
.jive-body-formpage-socialgroup .jive-group-modifyCurrentImage p {
    color: #999;
    margin: 0;
    padding: 5px 0 7px 5px;
    }

ul.jive-form-choose-grouptype {
    list-style-type: none;
    padding: 0;
    }
ul.jive-form-choose-grouptype li {
    border: 1px solid #f0f0f0;
    float: left;
    margin-bottom: 5px;
    padding: 2px 2px 2px 30px;
    width: 566px;
    }
ul.jive-form-choose-grouptype li.selected {
    background-color: #fff;
    border: 1px solid #dadada;
    }
ul.jive-form-choose-grouptype li input {
    margin-left: -23px;
    float: left
    }
ul.jive-form-choose-grouptype li label {
    background-color: transparent;
    background-position: left 2px;
    background-repeat: no-repeat;
    font-weight: bold;
    padding: 4px 0;
    float: left;
    }
ul.jive-form-choose-grouptype li label.jive-grouptype-open {
    background-image: url( ../images/jive-icon-groups-open-16x16.gif );
    }
ul.jive-form-choose-grouptype li label.jive-grouptype-member {
    background-image: url( ../images/jive-icon-groups-membership-16x16.gif );
    }
ul.jive-form-choose-grouptype li label.jive-grouptype-private {
    background-image: url(../images/jive-icon-groups-private-16x16.gif);
    }
ul.jive-form-choose-grouptype li label.jive-grouptype-secret {
    background-image: url( ../images/jive-icon-groups-secret-16x16.gif );
    }




.jive-body-formpage-socialgroup .jive-tips-aboutgroups {
    background: #f5f6f8;
    border: solid 1px #dadcdf;
    color: #666;
    font-size: .9167em;
    padding: 10px;
    position: absolute;
    right: 25px;
    top: 35px;
    width: 220px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    }
.jive-body-formpage-socialgroup .jive-tips-aboutgroups h4 {
    color: #000;
    font-size: 1em;
    }




/* after group creation page (socialgroup-intro.ftl) */
#jive-acct-success-whereto li.jive-group-success-main {
    padding: 20px 10px 10px 80px;
    background: #f4f8fb url(../images/jive-icon-groups-48x48.gif ) no-repeat 10px 20px;
    border: solid 1px #dadada;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    margin: 0 0 20px 0;
}
#jive-acct-success-whereto li.jive-group-success-main h4 a {
    font-size: 1.4444em;
}
#jive-acct-success-whereto li.jive-group-success-main p {
    font-size: 1em;
    width: auto;
}
#jive-acct-success-whereto li.jive-group-success-edit  {
    padding: 20px 10px 10px 80px;
    background: transparent url(../images/jive-icon-group-edit-48x48.gif ) no-repeat 8px 20px;
}






/* view-socialgroups.ftl */
#jive-socialgroup-newest {
    clear: both;
    text-align: left;
    border: 1px solid #dcdcdc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    }

#jive-socialgroup-newest ul {
    list-style-type: none;
    clear: both;
    padding: 10px;
    margin: 0 0 10px 0;
    overflow: hidden;
}
#jive-socialgroup-newest ul li {
    list-style-type: none;
    float: left;
    width: 50%;

}

#jive-socialgroup-newest ul li img {
    float: left;
    margin: 0 0 10px 0;
    padding: 5px;
    border: solid 1px #dadada;
}
#jive-socialgroup-newest ul li p {
    margin: 5px 10px 5px 140px;

}

#jive-socialgroup-newest ul li a {
    display: block;
    font-size: 1.2222em;
    text-decoration: none;

}

#jive-socialgroup-newest ul li span.jive-socialgroup-created-date {
    display: block;
    font: bold .8889em arial, helvetica, sans-serif;
    color: #ccc;
}


#jive-socialgroup-newest ul li div.jive-socialgroup-browse-desc {
    display: block;
    font: normal .8889em arial, helvetica, sans-serif;
}
#jive-socialgroup-newest-more {
    clear: both;
    font: normal .8889em arial, helvetica, sans-serif;
    border-top: dashed 1px #dadada;
    width: 99%;
    }
#jive-socialgroup-newest-more a {
    display: block;
    padding: 5px 10px;
}

#jive-list-socialgroups-container h2 {
     font-size: 1.4em;
     font-weight: bold;
     margin: 15px 0 6px 6px;
     padding: 0;
 }
#jive-list-socialgroups-container p {
    font-size: .9167em;
    margin: 4px 0 0;
    color: #666;
 }


#jive-socialgroup-search {
    clear: both;
    padding: 15px;
    margin: 0 0 3px 0;
    text-align: left;
	background: #f5f5f5;
    border: solid 1px #dadada;
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	}
#jive-socialgroup-resultsbar {
	background: #f3f3f3 url(../images/jive-comment-bar-bg.gif) repeat-x top left;
	padding: 7px 4px 7px 12px;
	font-size: .8889em;
    clear:both;
	}
#jive-socialgroup-resultsbar .jive-alpha-link {
	font-weight: bold;
	padding: 2px;
	margin: 2px;
	}


#jive-socialgroup-results-count {
    font-size: 1.1111em;
    padding: 5px 10px;
    clear: both;
    color: #333;
    background: #EAF0F7;
    border-top: dashed 1px #dadada;
}
#jive-socialgroup-results-count span {
    padding: 3px;
}

#jive-socialgroup-resultsbar span a {
    padding: 3px;
    text-decoration: none;
    font-weight: bold;
}

#jive-socialgroup-resultsbar .jive-sort-link-selected a,
#jive-socialgroup-resultsbar .jive-alpha-link-selected {
    border: 1px solid #dcdcdc;
    padding: 2px;
	}

#jive-socialgroup-resultsbar .jive-alpha-link a {
    text-decoration:none;
    }


#jive-socialgroup-resultbar-alphabetical {
    display: block;
    padding: 4px 0 0;
    }

#jive-newest-tab
{
    margin: 0px 3px;
}


.jive-sgroup-sort {
    display:block;
}
#jive-socialgroup-resultbar-sort {
    float:left;
    }


/* social group listing styles */

#jive-socialgroup-results {
	margin-bottom: 25px;
    margin-top: -1px;
    overflow: hidden;
    clear: both;
    }

#jive-socialgroup-tags ul {
    padding: 5px 10px 10px 10px;
    clear: both;
    margin: 0;
    }
#jive-socialgroup-results .jive-table table {
	float: left;
	width: 100%;
    margin-bottom: 5px;
    }

#jive-socialgroup-results .jive-table th,
#jive-socialgroup-results .jive-table td {
	padding: 15px 0 15px 15px;
    vertical-align: top;
    border-bottom: solid 1px #dedede;
    }

#jive-socialgroup-results .jive-table th.jive-table-head-2,
#jive-socialgroup-results .jive-table td.jive-table-cell-2 {
    text-align: left;
    width: 100%;
    }
#jive-socialgroup-results .jive-table td.jive-table-cell-2 {
    padding-top: 5px;
}
#jive-socialgroup-results a.jive-groupaction-link {
    display: block;
    font-size: .9em;
    margin: 0 0 3px 0;
    padding: 0 10px 0 0;

}
.jive-group-type {
    padding: 0 0 3px;
    color: #999;
    font-size: .9167em;
    display:block;
    }

#jive-socialgroup-results .jive-table td.jive-table-cell-3 span.jive-socialgroup-yourmember,
#jive-socialgroup-results .jive-table td.jive-table-cell-3 a {
    display: block;
    color: #999;
    font-weight: bold;
    font-size: .9em;
    text-align: left;
    margin: 0;
    padding: 10px 5px 0 0;
    width: 130px;
    }
#jive-socialgroup-results .jive-table div.jive-socialgroup-browse-desc  {
    display: block;
    padding: 0 0 2px 0;
    color: #000;
    }
#jive-socialgroup-results .jive-table span.jive-socialgroup-browse-members,
#jive-socialgroup-results .jive-table span.jive-group-creation-date
{
    display: block;
    padding: 0 0 2px 0;
    color: #999;
    font-size: .9167em;
    }

#jive-socialgroup-results .jive-table span.jive-recent-activity,
#jive-socialgroup-results .jive-table span.jive-socialgroup-browse-members {
    color: #999;
    }
#jive-socialgroup-results .jive-table ul.jive-recent-activity {
    list-style-type:none;
    padding: 0;
    font-size: .9167em;
    }

#jive-socialgroup-results td a:link,
#jive-socialgroup-results td a:active,
#jive-socialgroup-results td a:visited {
    text-decoration: none;
}
#jive-socialgroup-results td a:hover {
    text-decoration: underline;
}


ul.jive-recent-activity li,
ul.jive-recent-activity li
{
    background-position: left 3px;
    padding: 1px 0 3px 17px !important;
    }
#jive-socialgroup-results .jive-table ul.jive-recent-activity a.jive-username-link {
    color: #666;
}
#jive-note-checkpoint-body p a {
    padding-right: 12px;
}



.jive-sgroup-image img {
    border: solid 1px #dadada;
    padding: 2px;
    background: #fff;
}
.jive-sgroup-details h4 {
    font-size: 1.2222em;
	}
.jive-sgroup-details h4 a:link,
.jive-sgroup-details h4 a:visited,
.jive-sgroup-details h4 a:active {
    font-weight: bold;
    text-decoration: none;
}
.jive-sgroup-details h4 a:hover {
    text-decoration: underline;
}
.jive-sgroup-details h5 {

    margin: 5px 10px 0 0;
    padding: 5px 0 2px;
    font-size: 1em;
    border-top: dashed 1px #eee;
}
.jive-sgroup-details .jive-sgroup-desc-toggle {
    font-size: .8333em;
    color: #666;
}
#jive-socialgroup-results .jive-sgroup-details .jive-sgroup-desc-toggle a {
    text-decoration: underline;
}

/* table head styles */
#jive-socialgroup-results .jive-table table thead th {
	background: #f2f2f2 url(../images/jive-table-head-bg.gif) repeat-x top ;
	border-bottom: 1px solid #dcdcdc;
	font-size: 1em;
	color: #666;
	padding-top: 9px;
	padding-bottom: 9px;
	white-space: nowrap;
	}
#jive-sgroup-joinstatus div {
    float:right;
}

.jive-icon-socialgroup-big span,
.jive-icon-secretgroup-big span {
    font-size: .5em;
    color: #666;
    }
.jive-icon-socialgroup-big span span,
.jive-icon-secretgroup-big span span {
    font-size: 1em;
    }
#jive-body-intro h1.jive-icon-socialgroup-big span a:hover,
#jive-body-intro h1.jive-icon-secretgroup-big span a:hover {
    text-decoration: underline;
}

.jive-sgroup-joinstatus {
    float:left;
    background: #edecdf url(../images/jive-content-block-bg-tan.gif) repeat-x top;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    padding: 5px;
    font-size: .9167em;
    margin: 5px;

}
/* join link in heading */
#jive-body-intro .jive-sgroup-joinstatus
{
    float: right;
    margin-right: -10px;
    width: 215px;
}

.jive-sgroup-joinstatus span {
    display: block;
    margin: 0 0 3px 0;
    font-size: .9167em;
    font-weight: bold;
	}
.jive-sgroup-joinstatus span {
	margin: -1px 4px 0 0;
	}
.jive-sgroup-nonmember {
    margin: 0 20px;
}

/* join function (for private and secret groups) */



.jive-sidebar-body h4.jive-private-group {
    padding: 9px 0 5px 20px;
    background: url(../images/jive-icon-groups-private-16x16.gif) no-repeat left 10px;
    color: #333;
}

.jive-sidebar-body h4.jive-secret-group {
    padding: 9px 0 5px 20px;
    background: url(../images/jive-icon-groups-secret-16x16.gif) no-repeat left 10px;
    color: #333;
}

.jive-sidebar .jive-sidebar-body .jive-sgroup-joinstatus {
    padding: 5px;
    float: none;
    margin: 10px 0 0;
}




/* group member pages */

.jive-social-group-header h1.jive-notabs {
    float: none;
}
.jive-social-group-header h1.jive-notabs a {
    color: #000;
    text-decoration: none;
}
#jive-sgroup-members .jive-sgroup-memberlist ul {
    clear:both;
    list-style-type:none;
    margin: 0;
}
#jive-sgroup-members .jive-sgroup-memberlist ul.jive-sgroup-owner {
    margin: 0 0 20px 0;
}
#jive-sgroup-members .jive-sgroup-memberlist ul li {
    background:#FFFFFF none repeat scroll 0%;
    border:1px solid #DADADA;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    clear:both;
    margin:8px 0pt;
    padding:8px;
    position:relative;
}
#jive-sgroup-members .jive-sgroup-memberlist ul.jive-sgroup-owner li {
    background: #f5f5f5;
}


#jive-sgroup-members img.jive-avatar {
    vertical-align: middle;
    margin: 0 5px 5px 0;
}

 #jive-sgroup-members .jive-sgroup-memberlist li a.jive-username-link {
    font-size:1.2em;
    font-weight:bold;
}

/* member management page */


body.jive-body-group-manage .jive-manage-socialgroup-header p {
    padding-left: 0 !important;    
}

body.jive-body-group-manage  .jive-standard-formblock h3 {
    clear: both;
    padding: 0 0 0 10px;
    margin: 0;
    font-size: 1.5556em;
    color: #666;
    line-height: 1.0714;
}

body.jive-body-group-manage .jive-standard-formblock-container {
    width: 99%;

}

body.jive-body-group-manage .jive-outline-form {
    background: #fff;
    padding: 10px;
    border: solid 1px #dadada;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    margin: 10px;
}

body.jive-body-group-manage .jive-outline-form #jive-sgroup-searchmembers {
    padding: 0 9px;
}

body.jive-body-group-manage .jive-outline-form h4 {
    font-size: 1.1111em;
    padding: 0 0 4px 0;
}
body.jive-body-group-manage .jive-outline-form h3 {
    font-size: 1.2222em;
    padding: 0 0 4px 0;
}
body.jive-body-group-manage .jive-outline-form h3 span {
    font-weight: normal;
    color: #666;
    font-size: 1em;
}

#jive-member-paginator {
    position: relative;
}

body.jive-body-group-manage .jive-search-members {
    padding: 10px;
}

body.jive-body-group-manage .jive-socialgroup-membercount {
    font-size: 1.2222em;
    font-weight: bold;
}

body.jive-body-group-manage .jive-socialgroup-openinvites {
    font-size: 1.1111em;
    font-weight: bold;
}
body.jive-body-group-manage .jive-select-multiple {
    padding: 5px;
    background: #f9f9f9;
}

body.jive-body-group-manage .jive-member-views,
body.jive-body-group-manage .jive-members-shown {
    padding: 5px;
}
body.jive-body-group-manage .jive-form-selectbox {
    font-size: .9167em;
    margin: 0 5px;
}
body.jive-body-group-manage .jive-nomembers-match {
    padding: 15px 5px;
}


body.jive-body-group-manage .jive-outline-form .jive-table th {
    text-align: left;
    padding: 5px 25px 5px 5px;
    font-size: 1em;
}
body.jive-body-group-manage .jive-outline-form .jive-table .sortasc {
    background: #F5F5F5 url(../images/jive-icon-sortcol-up.gif) no-repeat right;
}
body.jive-body-group-manage .jive-outline-form .jive-table .sortdesc {
    background: #F5F5F5 url(../images/jive-icon-sortcol-down.gif) no-repeat right;
}

body.jive-body-group-manage .jive-outline-form .jive-table td {
    text-align: left;
    padding: 5px;
    font-size: .9167em;
}

body.jive-body-group-manage .jive-outline-form .jive-table a.jive-sgroup-changerole {
    margin: 0 3px;
    font-size: .9167em;
}

.jive-body-group-manage .jive-table td {
    font-size: .9167em;
    border: solid 1px #eee;
}
.jive-body-group-manage .jive-table #group-members-table-head th {
    cursor: pointer;
}

.jive-body-group-manage .jive-table col.active {
    background: #ffd;
}
.jive-body-group-manage .jive-table td .editable-cell-form {
    display: block;
    padding: 3px;
    background: #ffc;
    border: solid 1px #dadada;
}
.jive-body-group-manage .jive-table td.jive-sgroup-memberrole select {
    font-size: .9167em;
    padding: 0 3px;
}

.jive-body-group-manage .jive-table td.jive-sgroup-memberrole .editor_ok_button {
    font-size: .9167em;
    margin: 3px 5px 0 0;
}

.jive-member-list {
    clear:both;
}

/*

body.jive-body-group-manage .jive-outline-form .jive-table th.sortasc {
    background: #eee url(../images/jive-icon-arrow-down.gif) no-repeat right 10px;

}

body.jive-body-group-manage .jive-outline-form .jive-table th.sortdesc {
    background: #ddd url(../images/jive-icon-sortcol-up.gif) no-repeat right 10px;
}

*/

.group-action-form {
    background-color: #fffbf1;
    border: solid 1px #fbe7af;
    padding: 10px;
    z-index:2;
    margin: 0 0 10px 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

#group-message-form label {
    display: block;
}
.group-action-form .jive-form-row {
    padding: 0 0 5px 0;
}

.group-action-success {
    background-color: #ecf8f3 !important;
    border: solid 1px #b1d0c2 !important;
}