/* --- Community 2 */

/* Deployment: find and replace the colors, then adjust widths marked "CHANGE!" */

/* UPDATE - this module is now RESPONSIVE! I have made all relevant widths into % values so it will fit any layout... Woo! Less work! R :) */

.community2Section #mainBar {
    padding-bottom: 30px;
}

.rhcol {
    width: 31% !important; /* CHANGE! */
}

#comm2timeline {
    width: 64.8%; /* CHANGE! */
}

.comm2grouplistitem {
    margin: 0 34px 10px 0; /* CHANGE! Or not. */
}

#comm2profilepage {
    width: 65%; /* CHANGE! */
}

#profilegrouplistitems .comm2grouplistitem .comm2grouplisttitle {
    width: 56%; /* CHANGE! */
}

.comm2fileupload2 {
    width: 92%; /* CHANGE! */
}

.comm2eventdetailleft {
    width: 62%; /* CHANGE! */
}

#Community2ContentDiv {
}

#comm2timeline {
    float: left;
    clear: left;
    margin: 10px 0 0;
    padding: 0 1.9% 0 0;
    border-right: 3px solid #e5e5e5;
}

.comm2timedot {
    display: block;
    background: url(../images/community2/ivt-comm2timedot.png) no-repeat;
    background-size: contain;
    width: 4.4%;
    max-width: 19px;
    height: 11px;
    position: absolute;
    top: 12px;
    right: -4.3%;
}

#Community2ContentDiv * {/*font-family: Arial, Helvetica, sans-serif;*/
}

.grouplistbox {
    position: relative;
    display: block;
}

.comm2grouplistitem {
    display: inline-block;
    float: left;
    padding: 0 10px 10px 0;
    width: 110px;
    position: relative;
}

.comm2grouplistitem .comm2groupbannerimage {
       -moz-box-shadow: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin: 0 0 5px;
    float: none;
    width: 110px;
    height: 110px;
    background-size: cover;
}

.comm2grouplistitem .comm2grouplisttitle {
    display: block;
    font-size: 15px;
}

.comm2grouplisttitle:hover {
    text-decoration: none;
}

.comm2grouplistitem .comm2groupbannerimage:hover {
       -moz-box-shadow: 0px 0px 9px rgba(255,255,255,.3);
    -webkit-box-shadow: 0px 0px 9px rgba(255,255,255,.3);
            box-shadow: 0px 0px 9px rgba(255,255,255,.3);
}

.yesmember, .nomember {
    position: absolute;
    top: 4px;
    right: 13px;
    width: 16px;
    height: 16px;
}

.yesmember {
    background: url(../images/community2/icontick.png) no-repeat right 0;
}

.yesmember:hover, .nomember:hover {
}

.yesmember span, .nomember span {
    display: none;
    color: #506ab2;
    font-weight: normal;
    font-size: 12px;
    font-style: italic;
    background: url(../images/community2/icon-check-yes.png) no-repeat 90px 3px #ccc;
    padding: 0 8px;
    position: absolute;
    top: -3px;
    right: -2px;
    width: 92px;
    height: 21px;
    line-height: 21px;
}

.nomember {
    background-image: url(../images/community2/icon-check-30.png);
}

.nomember span {
    background-image: url(../images/community2/icon-check-no.png);
}

.yesmember:hover span, .nomember:hover span {
    display: block;
}

.yesmember span:hover, .nomember span:hover {
    color: #fff;
}

.comm2grouplistitem .loadingjoinleave {
    position: absolute;
    top: 3px;
    right: 29px;
}

.community2Section  #innernav ul ul,
.community2Section  #innernav ul li.on ul ul {
    display: none;
}

.community2Section  #innernav ul li.on ul,
.community2Section  #innernav ul li.on ul li.on ul {
    display: block;
}

.noavatar, .yesavatar {
    display: inline-block;
    width: 48px;
    height: 48px;
    background: url('../images/community2/noavatar.png') no-repeat center center #7C7C7C;
    background-size: cover;
}

#comm2timeline .yesavatar {
    background-color: #d8d8d8;
}

.comm2topgrouplistitem {
    display: inline-block;
    float: left;
    width: 256px;
    margin: 8px 20px 0 0;
}

#comm2communityhomepage .comm2topgrouplistitem {
    display: inline-block !important;
}

.comm2topgrouplistitem:nth-child(even) {
    margin: 8px 0 0 0;
}

#Community2ContentDiv .comm2topgrouplistitem a {
    text-decoration: none;
    text-align: center;
    display: block;
    background: url(../images/community2/fade-side-line.png) repeat-x 0 bottom;
    padding: 15px 10px 5px;
    height: 45px;
    border: 1px solid #e8e8e8;
            border-radius: 5px;
       -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#Community2ContentDiv .comm2topgrouplistitem a:hover {
    background: #fcfcfc;
}

#comm2categorypage h1 {
    padding-top: 25px;
}

.comm2groupleadersdiv {
    display: none;
}

.togglegrouplist .comm2groupleadersul {
    float: left;
    z-index: 7;
}

.moredetails .comm2upcomingeventslist {
    background: #fff;
    border: 1px solid #e8e8e8;
    padding: 10px;
    margin: 0 0 10px;
    display: block;
    clear: both;
    z-index: 8;
            border-radius: 5px;
       -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.nexteventstartdate {
    font-style: italic;
    color: #999;
}

.grouplistitemright .comm2upcomingeventslist {
    margin: 0;
}

.grouplistitemright .comm2upcomingeventslist strong,
.grouplistitemright .comm2upcomingeventslist .nexteventstartdate {
    display: block;
}

#comm2grouplistpage {
    border-bottom: 3px dotted #27479E;
}

td.jointd {
    width: 150px;
    text-align: right;
    vertical-align: top;
}

.notloggedin td.jointd {
    display: none;
}

#comm2groupheading {
}

.comm2groupbannerimage {
    display: block;
    width: 150px;
    height: 150px;
    background: url(../images/community2/ivt-comm2-demogroup.png) no-repeat center center #26469E;
       -moz-box-shadow: 2px 2px 3px rgba(0,0,0,.4);
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.4);
            box-shadow: 2px 2px 3px rgba(0,0,0,.4);
    float: right;
}

h1#sectiontitle.comm2layoutfix1 {
    left: 222px;
}

h1#sectiontitle.comm2layoutfix2 {
    left: 175px;
}

#comm2grouppage > .comm2groupbannerimage {
    float: right;
    margin: 0 0 15px 15px;
}

.comm2groupdetailsright {
}

#comm2profilepage {
    float: left;
}

#profileavatar {
    float: left;
    margin: 0 15px 15px 0;
}

#profileavatar .button {
    margin: 5px 0 0;
    font-size: 13px;
}

#profileavatar img, #profileavatar .noavatar, #profileavatar .yesavatar {
    width: 100px;
    display: block;
       -moz-box-shadow: 2px 2px 3px rgba(0,0,0,.4);
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.4);
            box-shadow: 2px 2px 3px rgba(0,0,0,.4);
    background-size: contain;
}

#profileavatar .noavatar, #profileavatar .yesavatar {
    height: 100px;
}

#profileavatar .yesavatar {
}

.comm2profileright {
}

#comm2profileheading {
    color: #26469e;
    margin: 0;
}

#comm2profilepage #profiledeetstable {
    float: right;
    max-width: 250px;
    margin: 23px 0;
}

#uploadavatardiv {
    background: #efefef;
    border: 1px solid #d8d8d8;
    margin: 10px 0;
    padding: 15px;
}

#uploadavatardiv img {
    float: left;
    margin-right: 20px;
}

#uploadavatardiv2 {
    float: right;
    width: 55%;
}

#comm2profilepage .comm2topgrouplistitem {
    display: none;
}

.youareinthisgroup {
    padding-top: 5px;
    font-style: italic;
}

.youareinthisgroup i {
    color: #009900 !important;
    background: url(../images/community2/icontick.png) no-repeat 0 50%;
    padding-left: 18px;
}

.grouplistticker {
    font-size: 14px;
    line-height: 25px;
    padding: 0;
}

.grouplistticker span {
    background: url(../images/community2/icon-check-no.png) no-repeat left 50%;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 7px;
    position: relative;
    top: 3px;
    cursor: pointer;
}

.grouplistticker.youarein span {
    background: url(../images/community2/icon-check-yes.png) no-repeat left 50%;
}

.grouplistticker.loadingtiny span {
    background: url(../images/community2/loadingTiny.gif) no-repeat left 50%;
}

#grouplisth3 {
}

#profilegrouplistitems {
    margin: 10px 0 0;
    border-top: 1px solid #D8D8D8;
}

#profilegrouplistitems .comm2grouplistitem {
    display: block;
    clear: both;
    margin: 0;
    padding: 10px 0 0 0;
    width: 100%;
}

#profilegrouplistitems .comm2grouplistitem .comm2groupbannerimage {
    width: 27%;
    max-width: 50px;
    height: 50px;
    float: left;
    background-size: 100% auto;
}

#profilegrouplistitems .comm2grouplistitem .comm2grouplisttitle {
    display: inline-block;
    padding: 10px 10% 0 5%;
}

#profilegrouplistitems .comm2grouplistitem .yesmember,
#profilegrouplistitems .comm2grouplistitem .nomember,
#profilegrouplistitems .comm2grouplistitem .loadingjoinleave {
    right: 0;
    top: 13px;
}

#profilegrouplistitems .comm2grouplistitem .loadingjoinleave {
    right: -14px;
}

.comm2grouplistitem .nomember {
    display: none;
}

.comm2grouplistitem:hover .nomember {
    display: block;
}

.groupactivityheading {
    clear: both;
    border-bottom: 1px solid #efefef;
    padding: 0 0 6px;
    margin: 0 0 8px;
}

#toggleleaderlist, #togglememberlist, #togglesubgroups, .togglefrontlist {
    text-decoration: none;
    position: absolute;
    right: 0;
    top: -1px;
    color: #aaa;
}

.h4listtoggle {
    position: relative;
    cursor: pointer;
    padding: 0 15px 0 0;
}

.h4listtoggle:hover {
    color: #27479E;
}

.h4listtoggle:hover #toggleleaderlist, .h4listtoggle:hover #togglememberlist,
.h4listtoggle:hover #togglesubgroups, .h4listtoggle:hover .togglefrontlist {
    color: #000;
}

.comm2downloadmemberslist {
    position: absolute;
    top: 4px;
    right: 20px;
}

#toggleleaderlist span, #togglememberlist span, #togglesubgroups span,
.togglefrontlist span {
    font-family: "Courier New", Courier, monospace !important;
    font-size: 15px;
}

#toggleleaderlist:hover, #togglememberlist:hover, #togglesubgroups:hover,
.togglefrontlist:hover {
    text-decoration: none;
}

.comm2groupleadersul, .comm2groupusersul, .comm2eventusersul {
    padding: 0;
}

.comm2groupleaderlistitem, .comm2groupuserlistitem, .comm2eventuserlistitem {
    list-style: none;
    display: inline-block;
    float: left;
    padding: 10px 7% 5px;
    line-height: 15px;
}

.comm2groupleaderlistitem, .comm2groupuserlistitem, .comm2eventuserlistitem {
    width: 51px;
}

.comm2groupleaderlistitem a, .comm2groupuserlistitem a {
    display: block;
}

.comm2groupleaderlistitem a:hover img, .comm2groupuserlistitem a:hover img,
.comm2groupleaderlistitem a:hover .noavatar,
.comm2groupuserlistitem a:hover .noavatar,
.comm2groupleaderlistitem a:hover .yesavatar,
.comm2groupuserlistitem a:hover .yesavatar,
.comm2groupleaderlistitem a:hover img, .comm2groupuserlistitem a:hover img,
.comm2groupleaderlistitem a:hover .noavatar,
.comm2groupuserlistitem a:hover .noavatar,
.comm2groupleaderlistitem a:hover .yesavatar,
.comm2groupuserlistitem a:hover .yesavatar {
       -moz-box-shadow: 0px 0px 9px rgba(255,255,255,.3);
    -webkit-box-shadow: 0px 0px 9px rgba(255,255,255,.3);
            box-shadow: 0px 0px 9px rgba(255,255,255,.3);
}

.comm2groupleaderlistitem a:hover, .comm2groupuserlistitem a:hover {
    color: #BFD630;
    text-decoration: none;
}

#comm2downloadattendees {
    text-align: right;
}

.grouplistticker {
    float: left;
}

#sigleads li {
    display: block !important;
    float: none;
    clear: both;
    border: 0;
}

#sigleads .comm2groupleaderlistitem {
    display: inline-block !important;
    float: left;
    clear: none;
    text-align: center;
    width: 58px;
    padding: 0;
    margin: 0 0 10px;
}

#sigleads .comm2groupleaderlistitem a,
#sigleads .comm2groupleaderlistitem a span,
#sigleads .comm2groupleaderlistitem img {
    display: block;
    float: none;
    margin: 0 auto 4px;
}

#sigleads h5 {
    display: block !important;
}

.loginplease {
    text-align: right;
    padding: 8px 0;
}

#postlistitems {
    position: relative;
}

i.showattendeelist, i.hideattendeelist {
    float: right;
}

i.showattendeelist {
}

.comm2groupleaderlistitem .noavatar, .comm2groupuserlistitem .noavatar,
.comm2eventuserlistitem .noavatar, .comm2groupleaderlistitem .yesavatar,
.comm2groupuserlistitem .yesavatar, .comm2eventuserlistitem .yesavatar {
    margin: 0 0 5px;
    width: 48px;
    height: 48px;
}

.comm2groupleaderlistitem .avatar, .comm2groupuserlistitem .avatar,
.comm2eventuserlistitem .avatar {
    margin: 0 0 5px;
    width: 48px;
}

.avatar {
}

#comm2newpostdiv {
    border: 1px solid #d8d8d8;
    background: #efefef;
    position: relative;
    padding: 10px 10px 0;
    margin-bottom: 12px;
}

p.newpostswitch {
    margin: 0;
    padding: 0;
}

p.newpostswitch strong {
    display: inline-block;
    float: left;
    width: 48px;
    padding: 2px 10px 0 0;
    text-align: right;
    color: #7c7c7c;
}

p.newpostswitch span {
    display: inline-block;
    padding: 1px 10px 4px;
    font-weight: bold;
    color: #444;
    cursor: pointer;
    border: solid transparent;
    border-width: 1px 1px 0;
            border-radius: 5px 5px 0 0;
       -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    position: relative;
}

p.newpostswitch span:hover {
    color: #26469E;
    background: #fff;
}

p.newpostswitch span.on, p.newpostswitch span.on:hover {
    color: #26469E;
    background: #fff;
    border-color: #d8d8d8;
    cursor: default;
    padding: 1px 10px 5px;
    margin-bottom: -1px;
}

p.newpostswitch span.noposts, p.newpostswitch span.noevents {
    color: #ddd;
    background: #f8f8f8;
    border-color: #eee;
    cursor: default;
}

.comm2newpostform button {
    margin: 5px 0 10px !important;
}

.loadinggif {
    display: block;
    width: 100%;
    height: 50px;
    background: url(../images/community2/loadingAnimation.gif) no-repeat 50% 28px !important;
    text-align: center;
    font-style: italic;
    color: #7c7c7c;
    padding-top: 6px;
}

.loadinggif.loadingunderform, .loadinggif.loadingmoreposts {
}

.loadinggif.loadingreply, .loadinggif.loadingmorereplies {
}

.loadingjoinleave {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../images/community2/loadingTiny.gif);
    margin: 0 15px;
}

.comm2postlistitem {
    border: 1px solid #d8d8d8;
    background: #efefef;
    position: relative;
    padding: 10px;
    margin-bottom: 12px;
}

.comm2postlistitem p {
    padding: 0;
}

.wrapfix {
    white-space: pre-wrap;
    word-wrap: break-word;
    display: inline;
}

.postpre .wrapfix, .postfull .wrapfix,  {
    width: 382px;
}

.postfull .wrapfix.clearfix {
    clear: left;
}

div.rsvplist {
    clear: both;
    border-bottom: 1px solid #eee;
    position: relative;
}

div.rsvplist h4 {
    clear: both;
    border-top: 1px solid #fff;
}

.comm2groupleadersul, .comm2groupusersul {
    position: relative;
    width: 100%;
}

.comm2groupusersul {
    padding-top: 15px;
}

.userlistactions {
    position: absolute;
    top: -21px;
    right: 16px;
}

.comm2emailattendees, .comm2emailleaders, .comm2emailmembers {
    background: url(../images/community2/iconemail.png) no-repeat 0 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 3px 3px 0;
}

.comm2downloadmembers {
    background: url(../images/community2/icon-download.png) no-repeat 0 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 3px 0 0;
}

.postadminmenu, .replyadminmenu, .eventadminmenu {
    position: absolute;
    top: 6px;
    right: 5px;
    background: url(../images/community2/iconmoderate.png) no-repeat 3px 0 #efefef;
    min-width: 20px;
    min-height: 20px;
    z-index: 90;
}

.replyadminmenu {
    right: -5px;
}

.postadminmenu div, .replyadminmenu div, .eventadminmenu div {
    border: 1px solid #d8d8d8;
    position: relative;
    background: #fff;
    text-align: left;
}

.postadminmenu .postapproved, .replyadminmenu .postapproved,
.eventadminmenu .postapproved {
    background: url(../images/community2/icon-check-no.png) no-repeat 6px 50%;
}

.editevent {
    background: url(../images/community2/note_edit.gif) no-repeat 2px 50%;
}

.postadminmenu .postdisapproved, .replyadminmenu .postdisapproved,
.eventadminmenu .postdisapproved {
    background: url(../images/community2/icon-check-yes.png) no-repeat 6px 50%;
}

.emailauthor {
    background: url(../images/community2/iconemail.png) no-repeat 6px 50%;
}

.postadminmenu .closePost, .replyadminmenu .closePost,
.eventadminmenu .closePost {
    background: url(../images/community2/comments-no.png) no-repeat 6px 50%;
}

.postadminmenu .openPost, .replyadminmenu .openPost, .eventadminmenu .openPost {
    background: url(../images/community2/comments.png) no-repeat 6px 50%;
}

.postadminmenu .deletepost, .replyadminmenu .deletepost,
.eventadminmenu .deletepost {
    background: url(../images/community2/cross.gif) no-repeat 8px 50%;
}

.postadminmenu a, .replyadminmenu a, .eventadminmenu a {
    display: block;
    cursor: pointer;
    padding: 3px 12px 3px 30px;
    text-decoration: none;
}

.postadminmenu div a:hover, .replyadminmenu div a:hover,
.eventadminmenu div a:hover {
    background-color: #efefef;
    text-decoration: none;
}

.moderatedcontent {
    color: #ccc;
}

.morereplies {
    display: block;
    background: url(../images/community2/comments.png) no-repeat 33px center #f6f6f6;
    padding: 0 0 0 56px;
    /*border-top: 1px solid #E8E8E8;*/
    color: #7c7c7c;
    font-size: 11px;
    font-style: italic;
}

.morereplies:hover {
    text-decoration: none;
    cursor: pointer;
    background-color: #fff;
    color: #27479E;
}

.postreplylistdiv {
}

.comm2replylistitem {
    border-top: 1px solid #fff;
    position: relative;
    margin: 0 0 0 16px;
}

.comm2replylistitem .postfull, .comm2replylistitem .postpre {
    padding-top: 5px;
}

.postreplylistdiv .avatar, .postreplylistdiv .noavatar,
.postreplylistdiv .yesavatar {
    width: 32px;
}

.postreplylistdiv .noavatar, .postreplylistdiv .yesavatar {
    height: 32px;
}

#comm2timeline i {
    font-size: 11px;
    color: #b3b3b3;
    display: block;
}

#Community2ContentDiv input, #Community2ContentDiv textarea {
    background: #fff;
    color: #444 !important;
    margin: 0;
    padding: 5px 1.5%;
    border: 1px solid #d8d8d8;
    font-size: 13px;
}

#Community2ContentDiv .comm2newpostform textarea {
    width: 97%;
    height: 36px;
}

#Community2ContentDiv .comm2newreplyform textarea {
    width: 96%;
    height: 20px;
}

.comm2neweventform {
    width: 100%;
}

#eventformtb {
    width: 100%;
}

td.comm2eventfields {
    border-top: 1px solid #d8d8d8;
    background: url(../images/community2/comm2-eventformbg.png) repeat-x 0 0;
}

.comm2eventfields fieldset > div {
    clear: both;
    /* CHANGE - width if narrow timeline */
}

.comm2eventfields label, .comm2emailfields label {
    display: inline-block;
    padding: 3px 1% 0 2%;
    width: 32%;
    float: left;
    color: #7c7c7c;
}

.comm2emailfields input, .comm2emailfields textarea, .comm2eventfields input,
#Community2ContentDiv .comm2eventfields textarea {
    width: 60%;
    /* CHANGE - width if narrow timeline */
    margin: 7px 0 0 !important;
    padding: 5px 1.3%;
}

.comm2emailfields textarea, #Community2ContentDiv .comm2eventfields textarea {
    width: 349px;
}

.comm2eventfields img {
    position: relative;
    top: 3px;
    left: 3px;
}

.comm2eventfields .comm2eventstart input, .comm2eventfields .comm2eventend input {
    width: 65px; /* CHANGE */
}

.comm2eventfields input.hasPtTimeSelect {
    margin-left: 20px;
}

#Community2ContentDiv button {
    float: right;
    margin: 0 0 5px;
}

#Community2ContentDiv .comm2eventfields button,
#Community2ContentDiv .comm2editeventform button {
    margin: 10px 0;
}

.comm2fileupload2 {
    background: #fff;
    border: 1px solid #d8d8d8;
    margin: 10px 0 0;
    padding: 15px 4%;
    float: left;
}

.comm2createeventbutton {
    clear: both;
}

.comm2buttons button.left {
    float: left !important;
}

comm2buttons button.right {
    float: right !important;
}

.notloggedin .joinbutton {
    display: none;
}

.comm2posteventtitle {
    display: block;
    color: #27479E;
    font-size: 17px;
    line-height: 23px;
    font-weight: normal;
}

.comm2eventdetailleft {
    float: left;
    padding: 0 0 10px 0;
    position: relative;
}

.comm2dlics {
    background: url(../images/icon-download.png) no-repeat 0 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 13px;
}

.comm2eventdetailleft strong {
    display: inline-block;
    width: 80px;
}

.comm2eventdetailright {
    float: right;
    width: 20%;
    padding: 3%;
    margin: 0 0 5px 3%;
    background: #fff;
    text-align: right;
    font-size: 12px;
    color: #182d66;
}

.comm2eventdetailright input {
    margin: 0 5px 0 0;
}

.comm2eventlistitem .postfull span.wrapfix.clearfix p {
    clear: both;
}

.comm2eventdetailright b {
    color: #27479E;
}

.comm2eventdetailright p.rsvpcount {
    padding-bottom: 0;
}

.comm2eventdetailright b {
    display: block;
    padding: 0 0 5px;
}

.comm2eventdetailright p.rsvpcount b {
    display: block;
    margin-left: 10px;
    padding: 5px 0;
    border-top: 1px solid #ddd;
}

.comm2eventdetailright input {
    float: none;
}

.eventcreatedby {
    display: block;
    clear: both;
}

.comm2newreplyform {
    border-top: 1px solid #fff;
    margin: 0 0 0 16px;
    padding: 10px 0 0;
}

.comm2neweventform .comm2eventicon, .comm2eventlistitem .comm2eventicon {
    background: url(../images/community2/comm2event.png) no-repeat 0 0;
}

.jsmorebutt {
    font-style: italic;
    font-size: 11px;
    float: r;
}

.comm2moreposts {
    display: inline-block;
    border: 0;
    cursor: pointer;
    position: absolute;
    bottom: -30px;
    right: -16px;
    z-index: 10;
    height: 20px;
    line-height: 25px;
    padding: 4px 10px 0;
    border-right: 3px solid #E5E5E5;
    font-style: italic;
}

p.comm2nomoreposts {
    margin: 0 0 0 57px;
}

.cke {
    float: left;
    margin: 7px 0 !important;
}

.comm2eventdescription label {
    width: auto;
}

.postdetaildiv {
    float: left;
    width: 440px;
    margin: 10px 0 0;
}

.comm2newpostform textarea.sbTextareaCkEditor,
.comm2newreplyform textarea.sbTextareaCkEditor {
    display: inline-block !important;
    visibility: visible !important;
}

.comm2avatarupload .left {
    float: left !important;
}

.comm2avatarupload {
    position: relative;
}

#cliquelink {
    background: url(../images/community2/Clique-Logo-24.png) no-repeat 0 0;
    display: block;
    padding: 2px 0 2px 30px;
    color: #888;
    height: 20px;
    float: left;
    clear: left;
    line-height: 20px;
}

#cliquelink strong {
    color: #444;
}

#cliquelink:hover, #cliquelink:hover strong {
    color: #000;
    text-decoration: none;
}

#ptTimeSelectCntr, #ui-datepicker-div {
    z-index: 999 !important;
}

/* Comm2 RH column*/

.rhcol {
    float: right !important;
    margin: 0 !important;
    clear: right;
}

.rhcol #upcomingEvents {
    float: none;
    width: auto;
    margin: 10px 0 0;
}

.rhcol #comm2upcomingEvents ul, .rhcol #upcomingEvents ul, .rhcol #latestNews ul {
    margin: 10px 0 0;
    padding: 0;
}

.rhcol #comm2upcomingEvents ul li.frontEventListItem,
.rhcol #upcomingEvents ul li.frontEventListItem,
/* CHANGE! */
.rhcol #latestNews ul li.newsshortlistitem {
    border-top: 1px solid #D8D8D8;
    margin: 0;
    padding: 6px 0;
    list-style: none;
    list-style-image: none;
}

.rhcol #upcomingEvents ul li.frontEventListItem h4,
.rhcol #upcomingEvents ul li.frontEventListItem span.small {
    padding-left: 45px;
}

.rhcol #upcomingEvents ul li.frontEventListItem span.caldate {
    top: 10px;
}

.rhcol .rhcolbox {
    border: 1px solid #d8d8d8;
    background: #efefef;
    margin: 10px 0 0;
}

.rhcolbox .boxpadding {
    padding: 10px;
    position: relative;
}

.rhcolbox h4 {
    margin: 0;
}

.rhcolbox h3 {
    margin: 0;
    font-size: 13px;
    line-height: 18px;
}

.rhcolbox h3 a {
    display: block;
}

.rhcolbox span.small, .rhcolbox p {
    font-size: 11px;
}

/* SWF Upload */

.swfupload {
    position: absolute;
    z-index: 1;
    cursor: pointer;
}

.swfUploadOuterDiv {
    display: block;
    height: 27px;
}

.swfUploadOuterDiv button {
    margin: 0 !important;
}

#fsUploadProgress {
    margin: 6px 0 0;
}

#divStatus {
    margin: 0 0 5px;
}

.progressWrapper {
    width: 294px;
    overflow: hidden;
}

.progressContainer {
    margin: 5px;
    padding: 4px;
    border: solid 1px #E8E8E8;
    background-color: #F7F7F7;
    overflow: hidden;
}

/* Message */

.swfUploadOuterDiv .message {
    margin: 1em 0;
    padding: 10px 20px;
    border: solid 1px #FFDD99;
    background-color: #FFFFCC;
    overflow: hidden;
}

/* Error */

.swfUploadOuterDiv .red {
    border: solid 1px #B50000;
    background-color: #FFEBEB;
}

/* Current */

.swfUploadOuterDiv .green {
    border: solid 1px #DDF0DD;
    background-color: #EBFFEB;
}

/* Complete */

.swfUploadOuterDiv .blue {
    border: solid 1px #CEE2F2;
    background-color: #F0F5FF;
}

.progressName {
    font-size: 8pt;
    font-weight: 700;
    color: #555;
    width: 323px;
    height: 14px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
}

.progressBarInProgress, .progressBarComplete, .progressBarError {
    font-size: 0;
    width: 0%;
    height: 2px;
    background-color: blue;
    margin-top: 2px;
}

.progressBarComplete {
    width: 100%;
    background-color: green;
    visibility: hidden;
}

.progressBarError {
    width: 100%;
    background-color: red;
    visibility: hidden;
}

.progressBarStatus {
    margin-top: 2px;
    width: 337px;
    font-size: 7pt;
    font-family: Arial;
    text-align: left;
    white-space: nowrap;
}

a.progressCancel {
    font-size: 0;
    display: block;
    height: 14px;
    width: 14px;
    background-image: url(../../images/cancelbutton.gif);
    background-repeat: no-repeat;
    background-position: -14px 0px;
    float: right;
}

a.progressCancel:hover {
    background-position: 0px 0px;
}

.userprefs p {
    padding: 0;
}

.userprefs .button {
    margin: 0;
}