.groupAvatar, .groupImage, .smallGroupAvatar
{
background-color: #fff !important;
background-repeat: no-repeat;
background-position: center;
height: 100px;
width: 100px;
overflow: hidden;
}

.groupAvatar, .smallGroupAvatar
{
    border: none;
    display: block;
    margin-right: 10px;
    float: left;
}

.smallGroupAvatar
{
    width: 50px;
    height: 50px;
    margin: 5px;
}

.largeGroupAvatar
{
    width: 150px;
    height: 150px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.groupRow
{
    padding: 5px;
	height: 100px;
}

.groupRow.last
{
border-bottom: none;
}

.groupRow.even
{
    background: #fff;
}

.groupRow, .smallGroupRow
{
    border-bottom: 1px dotted #ccc;
}

.smallGroupRow a
{
    text-decoration: none;
    height: 100px;
    display: block;
}

.groupRow a { overflow: hidden; text-decoration: none; }

.smallGroupRow a
{
    height: 60px;
}

.group-info
{
    font-size: 93%
}

.groupRow .groupAvatar a {
    width: 100%;
    height: 100%;
    display: block;
}

#groups p:last-child
{
    float:left;
    width:100%;
    padding:0 0 1em 0;
}


.groups-gallery img
{
    padding-right: 20px;
}

.group-name
{
    font-size: 116%;
    font-weight: bold;
    color: #6699cc;
}

.group-count { padding-right:5px }

.group-description
{
    color: #333 !important;
}


ul#group-list
{
margin: 0;
}

#group-list li
{
margin-left: 0;
margin-bottom: 0.5em;
height: 5em;
}

#group-list li img {
margin: 3px;
}

.featured a, .smallGroupRow a:hover
{
    background-color: #ebf2fa !important;
    border-bottom: none !important;
}

.featured a, .last
{
    border-bottom: none !important;
}

.over18
{
    color: #f00;
}

.premium-large
{
    background: url(../../../images/desktop/_icons/_premium/icon_premium_blue.png) no-repeat right;
    padding-right: 30px;
}

.option-premium, .premium
{
    background: url(../../../images/desktop/_icons/_premium/icon_premium_small_blue.png) no-repeat right;
    padding-right: 20px;
}

.option-premium-disabled
{
    background: url(../../../images/desktop/_icons/_premium/icon_premium_small_grey.png) no-repeat right;
    padding-right: 20px;
    color: #666;
}

#similar-groups ul, #similar-groups li
{
    margin: 0 !important;
}

#similar-groups li
{
    margin: 0 !important;
    list-style: none;
    line-height: 1.5em;
    background: none;
}

#group-search h1,
#group-search fieldset
{
    margin: 0;
}

/** Andy: New, box layout for the groups gallery **/
.group_box
{
    background: #92b1d2;
    float: left;
    margin: 0 12px 12px 0;
    padding: 5px;
    overflow: hidden;
    border: 1px solid #6699cc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 151px;
    min-height:203px;
    height: auto !important;
    height:203px;
}

.premium.group_box
{
	background-color: #ffd84b;
    border: 1px solid #ffd84b;
}

.group_box p
{
    margin: 0.2em 0 !important;
}
.group_box .group_name
{
    font-weight: bold;
    font-size: 1.1em;
}
.group_box .group_members
{
    font-size: 0.8em;
}
.group_box .group_description
{
    font-size: 1em;
}

.group_box .group_name,
.group_box .group_members,
.group_box .group_description
{
    display: block;
}
.group_box img
{
    margin: 0 auto;
    padding: 1px;
    border: 1px solid #6699cc;
    display: block;
}
.group_box *
{
    color: #fff !important;
    text-decoration: none !important;
}

.group_box .button { width: 137px; text-align: center; }

/** New styles for the latest group images **/
#latest_images
{
    margin-top: 1em;
}
.group_message
{
    float: left;
    padding: 3px;
}
.group_message a
{
    text-decoration: none !important;
}
.group_message .info
{
    padding-top: 5px;
    display: block;
    background: -moz-radial-gradient(0 0, 0, 0 100%, 0, from(#ddd), to(#fff), color-stop(0.7, #fff) ) no-repeat;
}
.group_message .user,
.group_message .date,
.group_message .time
{
    padding: 0 5px;
}
.group_message .user
{
    color: #333;
    font-size: 93%;
}
.group_message .date,
.group_message .time
{
    font-size: 85%;
}
.group_message img
{
    padding: 3px;
    border: 1px solid #ccc;
}

a.group_subscriber
{
    float: left;
    margin: 3px;
	padding: 9px 9px 3px 9px;
    border-radius: 5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-radius: 5px;
	background-color: #6699cc;
	color: #fff;
	text-decoration: none;
	font-size: 85%;
}

a:hover.group_subscriber
{
	background-color: #b2cce5;
}

/*messages*/

.messages-box
{
    height: 35em;
    overflow-x: hidden;
    overflow-y: scroll;
    background:#fff;
    padding:8px;
    border:1px solid #999;
    z-index:0;
}

.messageChat
{
    margin: 0;
    clear: both;
    float:left;
    width:431px;
    zoom: 1;
    color: #000;
    border-width: 0;
    border-left-width: 1px;
    border-right-width: 1px;
    border-style: solid;
    padding: 6px 6px 0 6px;
    border-top-width: 1px !important;
    margin-top: 5px !important;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-bottom-width: 1px !important;
    margin-bottom: 5px !important;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

.messageChat .subscriber
{
    clear:both;
    float: left;
    font-weight: bold;
}

.messageChat .time,
.messageChat .date
{
    float: right;
    margin-right: 5px;
    font-weight: bold;
}

.messageChat .sending
{
	float: right;
	margin-right: 5px;
	color:#ccc;
}

.messageChat.sender .subscriber, .messageChat.sender .time, .messageChat.sender .date
{ color: #7d5f00; margin-top:10px; }
.messageChat.receiver .subscriber, .messageChat.receiver .time, .messageChat.receiver .date
{ color: #41659c; margin-top:10px;}
.messageChat.system .subscriber, .messageChat.system .time, .messageChat.system .date
{ color: #6C8F00; margin-top:10px; }
.messageChat .messageText
{
    padding: 5px 0;
    display: block;
    clear:both;
    float:left;
}

.message-wrapper
{
	float:left;
	width:489px;
	position:relative;
}

.senderAvatar
{
	float:left;
	width:40px;
	margin-right:5px;
	position:absolute;
	bottom:5px;
	left:0;
}

.receiverAvatar
{
	float:right;
	width:40px;
	margin-left:5px;
	position:absolute;
	bottom:5px;
	right:0;
}

.messageText
{
	word-wrap: break-word;
	width:431px;
}

.messageChat.sender
{
    float:right;
    border-color: #ffbf00;
    background-color: #ffe082;
    background: #ffe082 url(../../../images/desktop/_bg/bg_forum_author.png) center top repeat-x;
}

.messageChat.receiver
{
    border-color: #6699cc;
    background-color: #b6cee7;
}

.messageChat.receiver
{
    background: #b6cee7 url(../../../images/desktop/_bg/bg_forum_message.png) center top repeat-x;
}

.messageChat.error
{
    border: 1px solid #dd2027;
    background: #e7686c url('../img/message-history/error-message.png') repeat-x;
}

.messageChat.system
{
    border: 1px solid #ACD431 !important;
    background: #D7EB9C;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.messageChat.loading
{
    border: 1px solid #ACD431;
    background: #fff;
}
.me { color: #eb000a }

.messageChat.top
{
    border-top-width: 1px !important;
    margin-top: 5px !important;

    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

.messageChat.bottom
{
    border-bottom-width: 1px !important;
    margin-bottom: 5px !important;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

#messages-textarea
{
	width:510px;
	height:83px;
	margin-bottom:10px;
	padding:5px 0 5px 10px;
	resize: none;
	overflow:auto;
}

#chat-info
{
	float:left;
	width:100%;
	margin:5px 0;
}

#chat-info button
{
	margin-left:3px !important;
}

/*contacts*/
#contacts,
#groupsChat
{
    float: right;
    margin-top:10px;
    width: 100%;
    height:561px;
    background:#fff;
    border:1px solid #999;
    overflow-y:scroll;
    overflow-x: hidden;
}

#contacts ul,
#groupsChat ul
{
    margin: 0;
}

#contacts li,
#groupsChat li
{
background-image: none;
margin:0 !important;
padding:0 !important;
}

#contacts li div.row,
#groupsChat li div.row
{
    float:left;
    width:100%;
border-bottom: 1px dotted #ccc;
position:relative;
line-height:1em !important;
}

#contacts li a,
#groupsChat li a
{
    display: block;
    text-decoration: none;
float:left;
width:90%;
    cursor:pointer;
    padding:10px;
}

#contacts li a:hover,
#groupsChat li a:hover,
.selected-line
{
background-color: #ebf2fa !important;
border-bottom: none !important;
}

#contacts li a img,
#groupsChat li a img
{
    float: left;
    margin: 0px 5px 0px 0;
    vertical-align: middle;
}

#contacts li div.row .userName,
#groupsChat li div.row .userName
{
float:none !important;
line-height:1.4em;
    margin:5px 0 0 0;
    display:block;
}

#contacts li div.row .userInfo,
#groupsChat li div.row .userInfo
{
    
	font-size:10px;
	
	color:#666;
	margin:0;
}

.user-popup
{
	width:100%;
	display:none;
	font-size:80%;
	padding:10px;
	line-height:1.4em;
}

.chat
{
    width:74.2% !important;
}

#oldermessages a, #newermessages a
{
    background: none repeat scroll 0 0 #6699CC;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: block;
    padding: 4px 0;
    text-decoration: none;
    text-align:center;
    margin-bottom:5px;
}

#chat-info p
{
    padding:0 0 10px 0;
}