﻿/*============================================================
 Common buttons, links and elements
==============================================================*/
a.btnPhArtGallery, a.btnPhArtGallery span {
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	cursor: pointer;
	outline: none;
	text-decoration: none;
}
a.btnPhArtGallery:hover {
	text-decoration: none;
	background-position: right -19px;
}
a.btnPhArtGallery:hover span {
	background-position: left -19px;
}
a.btnPhArtGallery {
	background: url(images/btn_phartgallery_right.gif) top right no-repeat;
	color: #fff;
	height: 19px;
}
a.btnPhArtGalleryArrow {
	background: url(images/btn_phartgallery_arrow_right.gif) top right no-repeat;
}
a.btnPhArtGallery span {
	background: url(images/btn_phartgallery_left.gif) top left no-repeat;
	padding: 2px 10px 0 6px;
	height: 17px;
}
p.btnPhArtGalleryDisabled, p.btnPhArtGalleryDisabled span {
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	outline: none;
	text-decoration: none;
}
p.btnPhArtGalleryDisabled {
	background: url(images/btn_phartgallery_right.gif) bottom right no-repeat;
	color: #808080;
	height: 19px;
}
p.btnPhArtGalleryDisabled span {
	background: url(images/btn_phartgallery_left.gif) bottom left no-repeat;
	padding: 2px 10px 0 6px;
	height: 17px;
}
.iconLink
{
    padding-left:25px;
	background-position:left top;
	margin-bottom:10px;
	line-height:25px;
	padding:0px 0px 3px 25px;
}
.paginationPanel {
	width: 100%;
	margin-top: 12px;
	color: #6d6d6d;
}
.paginationPanel .perPage {
	width: 405px;
}
.paginationPanel a.viewSlideshow {
	background: url(images/btn_slideshow.gif) no-repeat;
	padding: 0 0 0 21px;
	height: 16px;
	display: block;
	width: 90px;
}

/*============================================================
 Public Groups Home page(ADD)
==============================================================*/
.m_publicGroups .btnCreateGroup:hover,
.m_publicGroups .btnCreateGroup:hover {
	background-position: bottom left;
}
.m_publicGroups .btnCreateGroup {
    background: url(images/blue/creategroup.gif) no-repeat;
	display: block;
	height: 20px;
	text-decoration: none;
    width: 143px;
    cursor: pointer;
}

/*============================================================
 Public Groups Home page
==============================================================*/
.m_publicGroups .paginationBar {
	float: right;
	padding-right: 26px;
}
.m_publicGroups .phartsHolder {
	padding-left: 20px;
}
.m_publicGroups .sectionHolder {
	padding-left: 20px;
}

* html .m_publicGroups .sectionHolder h3 {
	margin-bottom: 0;
}
*+html .m_publicGroups .sectionHolder h3 {
	margin-bottom: 0;
}
.m_publicGroups .phartRow {
	margin-bottom: 12px;
}
.m_publicGroups .phartRow .singlePhart {
	float: left;
	padding-right: 20px;
}
.m_publicGroups .phartRow .singlePhart .title {
	padding-top: 8px;
}
.m_publicGroups img {
	border: 0;
}
.m_publicGroups .breadcrumbs
{
    float:left;
}

/* GUIDELINES */
.guidelinesHolder {
	float: right;
}
.btnGuidelines {
	display: block;
	/*margin-top: -25px;*/
}
.guidelines {
	position: absolute;
	width: 600px;
	margin: 2px 0 0 -530px;
}
.guidelines .top {
	height: 13px;
	background: url(images/bg_guidelines_top.gif) no-repeat;
}
.guidelines .bottom {
	height: 7px;
	background: url(images/bg_guidelines_bottom.gif) no-repeat;
}
.guidelines .inner {
	background: url(images/bg_guidelines_tile.gif) repeat-y;
	padding: 10px 13px 10px 16px;
}
.guidelines .inner2 {
	height:400px;
	overflow:auto;
	padding-right:10px;
}

/* ROUNDED GREY */
.reviewPanel {
	background: #1d1d1d;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.reviewPanel .tl, 
.reviewPanel .tr, 
.reviewPanel .bl, 
.reviewPanel .br {
	width: 4px;
	height: 4px;
} 
.reviewPanel .tl {
	background: #000000 url(../Foundation/images/Common/roundedCorners_tl.gif) no-repeat;
}
.reviewPanel .tr {
	background: #000000 url(../Foundation/images/Common/roundedCorners_tr.gif) no-repeat;
}
.reviewPanel .bl {
	background: #000000 url(../Foundation/images/Common/roundedCorners_bl.gif) no-repeat;
}
.reviewPanel .br {
	background: #000000 url(../Foundation/images/Common/roundedCorners_br.gif) no-repeat;
}
.reviewPanel .mid
{
    padding: 5px;
}


/* FORM TABLE */
.m_publicGroups .formHolder td
{
    padding-right:15px;
}

/* GROUP ADMIN */
.m_publicGroups .groupAdmin
{
    margin-top:20px;
}
.m_publicGroups .groupAdmin .formGap
{
    width:20px;
}
.m_publicGroups .groupAdmin div
{
    float:left;
    padding:0px 10px 0px 0px;
    margin:0px;
}
.m_publicGroups .groupAdmin div.right
{
    float:right;
    padding:0px 0px 0px 10px;
    margin:0px;
}

/* SEARCH RESULTS */

.m_publicGroups .resultsRow td {
	height: 66px;
	background: #2f2f2f;
}
.m_publicGroups .resultsRow td.first {
	background: #2f2f2f url(images/bg_row_first.gif) top left no-repeat;
	padding-left: 8px;
	width:55px;
}
.m_publicGroups .resultsRow td.mid h3 {
    margin-bottom:5px;
    margin-top:8px;
}
.m_publicGroups .resultsRow td.first img {
	border: 1px solid #1e1e1e;
}
.m_publicGroups .searchResults .resultsRow td.end {
	background: #2f2f2f url(images/bg_row_end.gif) top right no-repeat;
	width:720px;
}
.m_publicGroups .reviewResults .resultsRow td.mid2 {
	width:620px;
}
.m_publicGroups .reviewResults .resultsRow td.end {
	background: #2f2f2f url(images/bg_row_end.gif) top right no-repeat;
	width:100px;
}
.spacer {
	padding: 4px;
	font-size: 4px;
}
.m_publicGroups .resultsTable {
	width: 100%;
	margin-top: 14px;
}
.m_publicGroups .resultsTable th {
	text-align: left;
	padding-bottom:5px;
	color:#FFFFFF;
}
.m_publicGroups .masterGuidelinesHolder
{
    font-size:12px;
    line-height:20px;
    margin-top:15px;
}
.m_publicGroups .masterGuidelinesHolder .InputField
{
    width:940px;
    font-size:12px;
    height:600px;
}
.m_publicGroups .buttonsHolder
{
    text-align:center;
    margin-top:10px;
    font-size:11px;
    line-height:14px;
}

/*============================================================
 Group pages
==============================================================
==============================================================*/


/*============================================================
 Top group header
==============================================================*/
.profileHolder .tl,
.profileHolder .tr,
.profileHolder .bl,
.profileHolder .br {
	width: 4px;
	height: 4px;
}
.profileHolder .c {
	padding: 8px;
}
.profileHolder {
	width: 100%;
}
.profileHolder .leftColumn, .profileHolder .rightColumn {
	float: left;
	width: 49%;
}
.profileHolder .leftColumn {
	padding-right: 18px;
}
.profileHolder .toolsLeftColumn, .profileHolder .toolsRightColumn {
	float: left;
	width:auto;
	padding-right: 30px;
}
.profileHolder .leftColumn img,.profileHolder .rightColumn img {
	float: left;
	line-height: 15px;
	margin-right:10px;
}
.profileHolder .myGearIcon, .profileHolder .myOccupationIcon, .profileHolder .myEducationIcon, .profileHolder .myFavIcon {
	height: 16px;
	width: 16px;
	float: left;
	padding-right: 4px;
}
.profileHolder .addToPhavouriteBtn, .profileHolder .remToPhavouriteBtn {
	float: right;
	height: 16px;
	padding: 2px 0 0 24px;
	display: block;
	text-decoration: none !important;
}
.profileHolder .leftColumn h3, .profileHolder .rightColumn h3 {
	margin: 0 0 0 0;
}
.profileHolder .leftColumn div, .profileHolder .rightColumn div {
	padding-left: 12px;
}
.profileHolder .infoRow b {
	padding-left: 20px;
}
.profileHolder .welcomeHolder
{
    height:auto;
}
.profileHolder .toolsTable .toolsTop, .toolsTable .toolsBottom
{
    height:5px;
    width:453px;
}
.profileHolder .toolsTable .toolsMid
{
    padding:5px 15px 5px 15px;
}
.profileHolder .toolsTable div
{
    padding-left:0px !important;
}
/* ====== themes ======= */
/* blue */
.blue .profileHolder td {
	background: #001827;
}
.blue .profileHolder .tl {
	background: url(images/blue/tl.gif) no-repeat;
}
.blue .profileHolder .br {
	background: url(images/blue/br.gif) no-repeat;
}
.blue .profileHolder .bl {
	background: url(images/blue/bl.gif) no-repeat;
}
.blue .profileHolder .tr {
	background: url(images/blue/tr.gif) no-repeat;
}
.blue .profileHolder .viewGuidelinesIcon{
	background: url(images/blue/iconGuidelines.gif) no-repeat;
}
.blue .profileHolder .sendMessageIcon{
	background: url(images/blue/iconMessage.gif) no-repeat;
}
.blue .profileHolder .editGroupIcon{
	background: url(images/blue/iconEdit.gif) no-repeat;
}
.blue .profileHolder .addPhotosIcon{
	background: url(images/blue/iconAddphotos.gif) no-repeat;
}
.blue .profileHolder .quitIcon{
	background: url(images/blue/iconQuit.gif) no-repeat;
}
.blue .profileHolder .requestCloseIcon{
	background: url(images/blue/iconCloseRequest.gif) no-repeat;
}
.blue .profileHolder .reviewMembersIcon{
	background: url(images/blue/iconReviewMembers.gif) no-repeat;
}
.blue .profileHolder .toolsTop
{
	background: url(images/blue/toolsTop.gif) no-repeat;
}
.blue .profileHolder .toolsBottom
{
	background: url(images/blue/toolsBottom.gif) no-repeat;
}
.blue .profileHolder .toolsMid
{
    background-color:#0d2432;
}

/* gray */
.gray .profileHolder td {
	background: #121212;
}
.gray .profileHolder .tl {
	background: url(images/gray/tl.gif) no-repeat;
}
.gray .profileHolder .br {
	background: url(images/gray/br.gif) no-repeat;
}
.gray .profileHolder .bl {
	background: url(images/gray/bl.gif) no-repeat;
}
.gray .profileHolder .tr {
	background: url(images/gray/tr.gif) no-repeat;
}
.gray .profileHolder .viewGuidelinesIcon{
	background: url(images/gray/iconGuidelines.gif) no-repeat;
}
.gray .profileHolder .sendMessageIcon{
	background: url(images/gray/iconMessage.gif) no-repeat;
}
.gray .profileHolder .editGroupIcon{
	background: url(images/gray/iconEdit.gif) no-repeat;
}
.gray .profileHolder .addPhotosIcon{
	background: url(images/gray/iconAddphotos.gif) no-repeat;
}
.gray .profileHolder .quitIcon{
	background: url(images/gray/iconQuit.gif) no-repeat;
}
.gray .profileHolder .requestCloseIcon{
	background: url(images/gray/iconCloseRequest.gif) no-repeat;
}
.gray .profileHolder .reviewMembersIcon{
	background: url(images/gray/iconReviewMembers.gif) no-repeat;
}
.gray .profileHolder .toolsTop
{
	background: url(images/gray/toolsTop.gif) no-repeat;
}
.gray .profileHolder .toolsBottom
{
	background: url(images/gray/toolsBottom.gif) no-repeat;
}
.gray .profileHolder .toolsMid
{
    background-color:#1e1e1e;
}

/* green */
.green .profileHolder td {
	background: #272d01;
}
.green .profileHolder .tl {
	background: url(images/green/tl.gif) no-repeat;
}
.green .profileHolder .br {
	background: url(images/green/br.gif) no-repeat;
}
.green .profileHolder .bl {
	background: url(images/green/bl.gif) no-repeat;
}
.green .profileHolder .tr {
	background: url(images/green/tr.gif) no-repeat;
}
.green .profileHolder .viewGuidelinesIcon{
	background: url(images/green/iconGuidelines.gif) no-repeat;
}
.green .profileHolder .sendMessageIcon{
	background: url(images/green/iconMessage.gif) no-repeat;
}
.green .profileHolder .editGroupIcon{
	background: url(images/green/iconEdit.gif) no-repeat;
}
.green .profileHolder .addPhotosIcon{
	background: url(images/green/iconAddphotos.gif) no-repeat;
}
.green .profileHolder .quitIcon{
	background: url(images/green/iconQuit.gif) no-repeat;
}
.green .profileHolder .requestCloseIcon{
	background: url(images/green/iconCloseRequest.gif) no-repeat;
}
.green .profileHolder .reviewMembersIcon{
	background: url(images/green/iconReviewMembers.gif) no-repeat;
}
.green .profileHolder .toolsTop
{
	background: url(images/green/toolsTop.gif) no-repeat;
}
.green .profileHolder .toolsBottom
{
	background: url(images/green/toolsBottom.gif) no-repeat;
}
.green .profileHolder .toolsMid
{
    background-color:#32380e;
}

/* orange */
.orange .profileHolder td {
	background: #331501;
}
.orange .profileHolder .tl {
	background: url(images/orange/tl.gif) no-repeat;
}
.orange .profileHolder .br {
	background: url(images/orange/br.gif) no-repeat;
}
.orange .profileHolder .bl {
	background: url(images/orange/bl.gif) no-repeat;
}
.orange .profileHolder .tr {
	background: url(images/orange/tr.gif) no-repeat;
}
.orange .profileHolder .viewGuidelinesIcon{
	background: url(images/orange/iconGuidelines.gif) no-repeat;
}
.orange .profileHolder .sendMessageIcon{
	background: url(images/orange/iconMessage.gif) no-repeat;
}
.orange .profileHolder .editGroupIcon{
	background: url(images/orange/iconEdit.gif) no-repeat;
}
.orange .profileHolder .addPhotosIcon{
	background: url(images/orange/iconAddphotos.gif) no-repeat;
}
.orange .profileHolder .quitIcon{
	background: url(images/orange/iconQuit.gif) no-repeat;
}
.orange .profileHolder .requestCloseIcon{
	background: url(images/orange/iconCloseRequest.gif) no-repeat;
}
.orange .profileHolder .reviewMembersIcon{
	background: url(images/orange/iconReviewMembers.gif) no-repeat;
}
.orange .profileHolder .toolsTop
{
	background: url(images/orange/toolsTop.gif) no-repeat;
}
.orange .profileHolder .toolsBottom
{
	background: url(images/orange/toolsBottom.gif) no-repeat;
}
.orange .profileHolder .toolsMid
{
    background-color:#3d210e;
}

/* pink */
.pink .profileHolder td {
	background: #270017;
}
.pink .profileHolder .tl {
	background: url(images/pink/tl.gif) no-repeat;
}
.pink .profileHolder .br {
	background: url(images/pink/br.gif) no-repeat;
}
.pink .profileHolder .bl {
	background: url(images/pink/bl.gif) no-repeat;
}
.pink .profileHolder .tr {
	background: url(images/pink/tr.gif) no-repeat;
}
.pink .profileHolder .viewGuidelinesIcon{
	background: url(images/pink/iconGuidelines.gif) no-repeat;
}
.pink .profileHolder .sendMessageIcon{
	background: url(images/pink/iconMessage.gif) no-repeat;
}
.pink .profileHolder .editGroupIcon{
	background: url(images/pink/iconEdit.gif) no-repeat;
}
.pink .profileHolder .addPhotosIcon{
	background: url(images/pink/iconAddphotos.gif) no-repeat;
}
.pink .profileHolder .quitIcon{
	background: url(images/pink/iconQuit.gif) no-repeat;
}
.pink .profileHolder .requestCloseIcon{
	background: url(images/pink/iconCloseRequest.gif) no-repeat;
}
.pink .profileHolder .reviewMembersIcon{
	background: url(images/pink/iconReviewMembers.gif) no-repeat;
}
.pink .profileHolder .toolsTop
{
	background: url(images/pink/toolsTop.gif) no-repeat;
}
.pink .profileHolder .toolsBottom
{
	background: url(images/pink/toolsBottom.gif) no-repeat;
}
.pink .profileHolder .toolsMid
{
    background-color:#320d23;
}

/* red */
.red .profileHolder td {
	background: #440101;
}
.red .profileHolder .tl {
	background: url(images/red/tl.gif) no-repeat;
}
.red .profileHolder .br {
	background: url(images/red/br.gif) no-repeat;
}
.red .profileHolder .bl {
	background: url(images/red/bl.gif) no-repeat;
}
.red .profileHolder .tr {
	background: url(images/red/tr.gif) no-repeat;
}
.red .profileHolder .viewGuidelinesIcon{
	background: url(images/red/iconGuidelines.gif) no-repeat;
}
.red .profileHolder .sendMessageIcon{
	background: url(images/red/iconMessage.gif) no-repeat;
}
.red .profileHolder .editGroupIcon{
	background: url(images/red/iconEdit.gif) no-repeat;
}
.red .profileHolder .addPhotosIcon{
	background: url(images/red/iconAddphotos.gif) no-repeat;
}
.red .profileHolder .quitIcon{
	background: url(images/red/iconQuit.gif) no-repeat;
}
.red .profileHolder .requestCloseIcon{
	background: url(images/red/iconCloseRequest.gif) no-repeat;
}
.red .profileHolder .reviewMembersIcon{
	background: url(images/red/iconReviewMembers.gif) no-repeat;
}
.red .profileHolder .toolsTop
{
	background: url(images/red/toolsTop.gif) no-repeat;
}
.red .profileHolder .toolsBottom
{
	background: url(images/red/toolsBottom.gif) no-repeat;
}
.red .profileHolder .toolsMid
{
    background-color:#4e0e0e;
}

/* yellow */
.yellow .profileHolder td {
	background: #433102;
}
.yellow .profileHolder .tl {
	background: url(images/yellow/tl.gif) no-repeat;
}
.yellow .profileHolder .br {
	background: url(images/yellow/br.gif) no-repeat;
}
.yellow .profileHolder .bl {
	background: url(images/yellow/bl.gif) no-repeat;
}
.yellow .profileHolder .tr {
	background: url(images/yellow/tr.gif) no-repeat;
}
.yellow .profileHolder .viewGuidelinesIcon{
	background: url(images/yellow/iconGuidelines.gif) no-repeat;
}
.yellow .profileHolder .sendMessageIcon{
	background: url(images/yellow/iconMessage.gif) no-repeat;
}
.yellow .profileHolder .editGroupIcon{
	background: url(images/yellow/iconEdit.gif) no-repeat;
}
.yellow .profileHolder .addPhotosIcon{
	background: url(images/yellow/iconAddphotos.gif) no-repeat;
}
.yellow .profileHolder .quitIcon{
	background: url(images/yellow/iconQuit.gif) no-repeat;
}
.yellow .profileHolder .requestCloseIcon{
	background: url(images/yellow/iconCloseRequest.gif) no-repeat;
}
.yellow .profileHolder .reviewMembersIcon{
	background: url(images/yellow/iconReviewMembers.gif) no-repeat;
}
.yellow .profileHolder .toolsTop
{
	background: url(images/yellow/toolsTop.gif) no-repeat;
}
.yellow .profileHolder .toolsBottom
{
	background: url(images/yellow/toolsBottom.gif) no-repeat;
}
.yellow .profileHolder .toolsMid
{
    background-color:#4d3c0f;
}


/*============================================================
 Group home page
==============================================================*/

.m_groupPage .filterBar {
	background: #1d1d1d url(images/bg_filterbar.gif) no-repeat;
	width: 946px;
	color: #655f58;
	height: 33px;
	margin-bottom: 12px;
}
.m_groupPage .filterBar td {
	vertical-align: middle;
}
.m_groupPage .phartsHolder .phartrow {
	margin-bottom: 16px;
}
.m_groupPage .phartsHolder {
	margin-top: 12px;
}
.m_groupPage .phartsHolder .singlePhart {
	float: left;
	width: 80px;
}
.m_groupPage .phartsHolder .singlePhartSeparator {
	float: left;
	width: 41px;
}
.m_groupPage .phartsHolder .title {
	margin: 6px 0 2px 0;
	line-height: 16px;
	font-weight: bold;
}
.m_groupPage .phartsHolder .ownTitle {
	margin: 6px 0 2px 0;
	line-height: 16px;
	font-weight: normal;
}

.m_groupPage .filterBar {
	background: #1d1d1d url(images/bg_filterbar.gif) no-repeat;
	width: 946px;
	color: #ccc;
	height: 33px;
	margin-top: 12px;
}
.m_groupPage .filterBar td {
	vertical-align: middle;
	padding-left:10px;
}
.m_groupPage .barTools
{
    color:#fff;
    text-align:right;
    padding-right:10px;
}
.m_groupPage .barTools .addPhotosIcon{
	background: url(images/gray/iconAddphotos.gif) no-repeat;
}
.m_groupPage .barTools .removePhotosIcon{
	background: url(images/iconRemove.gif) no-repeat;
}

/*============================================================
 Add / Mange photos page
==============================================================*/
.m_managePhotos .filterBar {
	background: #1d1d1d url(images/bg_filterbar.gif) no-repeat;
	width: 946px;
	color: #655f58;
	height: 33px;
	margin-bottom: 12px;
}
.m_managePhotos .filterBar td {
	vertical-align: middle;
}
.m_managePhotos .phartsHolder .phartrow {
	margin-bottom: 16px;
}
.m_managePhotos .phartsHolder {
	margin-top: 12px;
}
.m_managePhotos .phartsHolder .singlePhart {
	float: left;
	width: 80px;
}
.m_managePhotos .phartsHolder .singlePhartUsed {
	float: left;
	width: 80px;
	filter:alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity:0.5;
}
.m_managePhotos .phartsHolder .singlePhartSeparator {
	float: left;
	width: 41px;
}
.m_managePhotos .phartsHolder .title {
	margin: 6px 0 2px 0;
	line-height: 16px;
	font-weight: bold;
}
.m_managePhotos .phartsHolder .ownTitle {
	margin: 0px;
	padding:5px;
	line-height: 16px;
	font-weight: normal;
	text-align:center;
	background-position:bottom !important;
	background-repeat:no-repeat;
}
.m_managePhotos .groupCollection .phartrow {
	margin-bottom: 16px;
}
.m_managePhotos .groupCollection {
	margin-top: 12px;
}
.m_managePhotos .groupCollection .singlePhart{
	float: left;
	width: 100px;
	text-align:center;
	background-position:top;
	background-repeat:no-repeat;
}
.m_managePhotos .groupCollection .singlePhartSeparator {
	float: left;
	width: 20px;
}
.m_managePhotos .groupCollection .title {
	margin: 6px 0 2px 0;
	line-height: 16px;
	font-weight: bold;
}
.m_managePhotos .groupCollection .ownTitle {
	margin: 0px;
	padding:5px;
	line-height: 16px;
	font-weight: normal;
	text-align:center;
	background-position:bottom !important;
	background-repeat:no-repeat;
}
.m_managePhotos .groupCollection .singlePhartEmpty{
	float: left;
	width: 100px;
	text-align:center;
	background-position:top;
	background-repeat:no-repeat;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
}
.m_managePhotos .groupCollection .singlePhartEmpty .image
{
    width:80px;
    height:80px;
    margin-left:10px;
    background-color:#1d1d1d;
}
.m_managePhotos .groupCollection .singlePhartEmpty a.btnDelete
{
    cursor:default;
}
.m_managePhotos .groupCollection .deletePhoto
{
    padding:0px 5px 4px 0px;
    text-align:right;
    padding-top:3px;
}
.m_managePhotos .groupCollection a.btnDelete
{
    text-decoration:none;
    background-position:top right;
}
.m_managePhotos .groupCollection a.btnDelete img
{
    width:15px;
    height:15px;
    border:none;
}
.m_managePhotos .filterBar {
	background: #1d1d1d url(images/bg_filterbar.gif) no-repeat;
	width: 946px;
	color: #ccc;
	height: 33px;
	margin-top: 12px;
}
.m_managePhotos .filterBar td {
	vertical-align: middle;
	padding-left:10px;
}
.m_managePhotos .barTools
{
    color:#ccc;
    text-align:right;
    padding-right:10px;
}
.m_managePhotos .barTools .addPhotosIcon{
	background: url(images/gray/iconAddphotos.gif) no-repeat;
}
.m_managePhotos .barTools .removePhotosIcon{
	background: url(images/iconRemove.gif) no-repeat;
}
/* ====== themes ======= */
/* blue */
.blue .m_managePhotos .groupCollection a.btnDelete
{
	background: url(images/blue/btnClose.gif) no-repeat;
}
.blue .m_managePhotos .groupCollection .singlePhart, .blue .m_managePhotos .groupCollection .singlePhartEmpty
{
	background: #0c2f46 url(images/blue/manageBgTop.gif) no-repeat;
}
.blue .m_managePhotos .phartsHolder .ownTitle, .blue .m_managePhotos .groupCollection .ownTitle
{
	background: url(images/blue/manageBgBottom.gif) no-repeat;
}


/* gray */
.gray .m_managePhotos .groupCollection a.btnDelete
{
	background: url(images/gray/btnClose.gif) no-repeat;
}
.gray .m_managePhotos .groupCollection .singlePhart, .gray .m_managePhotos .groupCollection .singlePhartEmpty
{
	background: #2f2f2f url(images/gray/manageBgTop.gif) no-repeat;
}
.gray .m_managePhotos .phartsHolder .ownTitle, .gray .m_managePhotos .groupCollection .ownTitle
{
	background: url(images/gray/manageBgBottom.gif) no-repeat;
}

/* green */
.green .m_managePhotos .groupCollection a.btnDelete
{
	background: url(images/green/btnClose.gif) no-repeat;
}
.green .m_managePhotos .groupCollection .singlePhart, .green .m_managePhotos .groupCollection .singlePhartEmpty
{
	background: #313901 url(images/green/manageBgTop.gif) no-repeat;
}
.green .m_managePhotos .phartsHolder .ownTitle, .green .m_managePhotos .groupCollection .ownTitle 
{
	background: url(images/green/manageBgBottom.gif) no-repeat;
}

/* orange */
.orange .m_managePhotos .groupCollection a.btnDelete
{
	background: url(images/orange/btnClose.gif) no-repeat;
}
.orange .m_managePhotos .groupCollection .singlePhart, .orange .m_managePhotos .groupCollection .singlePhartEmpty
{
	background: #411a00 url(images/orange/manageBgTop.gif) no-repeat;
}
.orange .m_managePhotos .phartsHolder .ownTitle, .orange .m_managePhotos .groupCollection .ownTitle
{
	background: url(images/orange/manageBgBottom.gif) no-repeat;
}

/* pink */
.pink .m_managePhotos .groupCollection a.btnDelete
{
	background: url(images/pink/btnClose.gif) no-repeat;
}
.pink .m_managePhotos .groupCollection .singlePhart, .pink .m_managePhotos .groupCollection .singlePhartEmpty
{
	background: #4a092f url(images/pink/manageBgTop.gif) no-repeat;
}
.pink .m_managePhotos .phartsHolder .ownTitle, .pink .m_managePhotos .groupCollection .ownTitle
{
	background: url(images/pink/manageBgBottom.gif) no-repeat;
}

/* red */
.red .m_managePhotos .groupCollection a.btnDelete
{
	background: url(images/red/btnClose.gif) no-repeat;
}
.red .m_managePhotos .groupCollection .singlePhart, .red .m_managePhotos .groupCollection .singlePhartEmpty
{
	background: #560505 url(images/red/manageBgTop.gif) no-repeat;
}
.red .m_managePhotos .phartsHolder .ownTitle, .red .m_managePhotos .groupCollection .ownTitle
{
	background: url(images/red/manageBgBottom.gif) no-repeat;
}

/* yellow */
.yellow .m_managePhotos .groupCollection a.btnDelete
{
	background: url(images/yellow/btnClose.gif) no-repeat;
}
.yellow .m_managePhotos .groupCollection .singlePhart, .yellow .m_managePhotos .groupCollection .singlePhartEmpty
{
	background: #3f2d04 url(images/yellow/manageBgTop.gif) no-repeat;
}
.yellow .m_managePhotos .phartsHolder .ownTitle, .yellow .m_managePhotos .groupCollection .ownTitle
{
	background: url(images/yellow/manageBgBottom.gif) no-repeat;
}


/*============================================================
 Member list
==============================================================*/

.m_memberList .phartist {
	float: left;
	width: 454px;
	height: 100px;
	margin: 16px 0px 0 14px;
	background: url(images/bg_phartist.gif) no-repeat;
}
* html .m_memberList .phartist {
	margin: 16px 6px 0 6px;
}
.m_memberList .phartist .profilepic {
	margin: 8px;
	float: left;
}
* html .m_memberList .phartist .profilepic {
	margin: 8px 8px 8px 4px;
}
.m_memberList .phartist .profileinfo {
	float: left;
	width: 340px;
	margin-top: 8px;
}
.m_memberList .phartist .profileinfo .numpharts {
	float: right;
	background: url(images/live.gif) no-repeat;
	height: 17px;
	padding: 2px 0 0 24px;
	text-align: right;
}
.m_memberList .phartist .profileinfo .location {
	clear: both;
	line-height: 16px;
	float:left;
}
.m_memberList .phartist .profileinfo .toolsForMember
{
	line-height: 16px;
	float:right;
	margin-top:27px;
}
.m_memberList .phartist .profilepic img {
	width: 80px;
	height: 80px;
	border: 1px solid #000;
}
.m_memberList .phartistHolder {
	width: 100%;
	overflow: hidden;
}
.m_memberList .filterBar {
	background: #1d1d1d url(images/bg_filterbar.gif) no-repeat;
	width: 946px;
	color: #ccc;
	height: 33px;
	margin-top: 12px;
}
.m_memberList .filterBar td {
	vertical-align: middle;
	padding-left:10px;
}
.m_memberList .barTools
{
    color:#fff;
    text-align:right;
    padding-right:10px;
}
.m_memberList .barTools .addPhotosIcon{
	background: url(images/gray/iconAddphotos.gif) no-repeat;
}
.m_memberList .barTools .removePhotosIcon{
	background: url(images/iconRemove.gif) no-repeat;
}
.m_memberList .memberRole
{
    font-weight:normal;
    font-style:italic;
}
.m_memberList .removeIcon{
	background: url(images/iconRemove.gif) no-repeat;
}
.m_memberList .sendMessageIcon{
	background: url(images/gray/iconMessage.gif) no-repeat;
}
.m_memberList .disabled
{
    color:#666666;
}
.m_memberList .approveIcon{
	background: url(images/iconApprove.gif) no-repeat;
}
.m_memberList .declineIcon{
	background: url(images/iconDecline.gif) no-repeat;
}

/*============================================================
 Send message
==============================================================*/
.m_sendMessage .messageHolder
{
    margin-top:20px;
}
.m_sendMessage .sendMessage .fieldHolder
{
    padding-bottom: 6px;
}
.m_sendMessage .sendMessage .fieldHolder label
{
    clear: both;
    display: block;
    float: left;
    padding-top: 3px;
    width: 90px;
}
.m_sendMessage .sendMessage .fieldHolder .lblError
{
    clear: both;
    color: #f81820;
    font-size: 10px;
    padding: 2px 0 0 90px;
    height: 12px;
}
.m_sendMessage .sendMessage .mid
{
    padding:15px;
}
.m_sendMessage .sendMessage .postBtns
{
    margin-left:90px;
}
.m_sendMessage .sendMessage .postBtns a
{
    margin-right:5px;
}
.m_sendMessage .sendee
{
    color:#666666;
    display:block;
    padding-top:3px;
    margin-bottom:5px;
}

/*============================================================
 Guidelines page
==============================================================*/

.m_groupGuidelines .groupGuidelinesHolder
{
    font-size:12px;
    line-height:20px;
    margin-top:15px;
}




/*============================================================
 Group details
==============================================================*/
.m_groupDetails .column1
{
    float: left;
    width: 60%;
}
.m_groupDetails .column2
{
   float: left;
   width: 39%;
}
.m_groupDetails .mandatoryFieldNotice
{
    color: #696969;
}
.m_groupDetails .fieldHolder label
{
    clear: both;
    display: block;
    margin-bottom:5px;
    padding-top: 3px;
    width: 150px;
}
.m_groupDetails .column1 .fieldHolder .lblError, .m_groupDetails .column2 .lblError
{
    clear: both;
    color: #f81820;
    font-size: 10px;
    padding: 2px 0 0 0px;
    height: 12px;
}
.m_groupDetails .column2 .lblError
{
    padding-left: 0px;
}
.m_groupDetails .fieldHolder
{
    padding-bottom: 6px;
}
.m_groupDetails .column1 .fieldHolder .InputField
{
    width: 518px;
}
.m_groupDetails .column2 .fieldHolder .InputField
{
    width: 370px;
}
.m_groupDetails .extraDescription
{
    font-size: 10px;
    font-style: italic;
    padding-left: 0px;
}
.m_groupDetails .column2 .reviewPanel .InputField
{
    width: 200px;
}
.m_groupDetails .reviewPanel .fieldHolder label
{
    clear: both;
    display: block;
    margin-bottom:5px;
    padding-top: 3px;
    width: 120px;
    float:left;
}
.m_groupDetails .reviewPanel .mid
{
    padding:10px;
}
.m_groupDetails .reviewPanel hr {
	border: 0;
	border-top: 1px solid #111111;
	border-bottom: 1px solid #2d2d2d;
	margin: 8px 0;
}
.m_groupDetails .optionsTable{
    border:1px solid #4D4D4D;
    width:524px;
    padding:5px;
}
.m_groupDetails .optionsTable td
{
    white-space:nowrap;
    width:50%;
}
.m_groupDetails .optionsTable td label
{
    display: inline;
    padding-left: 5px;
}
/*============================================================
 Discussions
==============================================================*/

.m_groupDiscussions .discussionsHolder 
{
    margin-top:20px;
    clear: both;
}
.m_groupDiscussions .discussionsHolder .headerTable
{
    width:100%;
    margin-bottom:20px;
}
.m_groupDiscussions .discussionsHolder .headerTable td
{
    width:33%;
}
.m_groupDiscussions .discussionsHolder .headerTable h3
{
    margin-bottom:0px;
}
.m_groupDiscussions .discussionsHolder .headerTable .left
{
    text-align:left;
}
.m_groupDiscussions .discussionsHolder .headerTable .mid
{
    text-align:center;
}
.m_groupDiscussions .discussionsHolder .headerTable .right
{
    text-align:right;
    vertical-align: middle;
}
.m_groupDiscussions a.btnDiscussionSearch
{
    vertical-align: bottom;
    display: inline-block;
	zoom: 1;
	*display: inline;
	cursor: pointer;
	outline: none;
	text-decoration: none;
	background: url(images/btnSearch.gif) bottom left no-repeat;
	text-decoration: none;
	height: 19px;
	width:19px;
	line-height:19px;
}
.m_groupDiscussions a.btnDiscussionSearch:hover {
	text-decoration: none;
	background-position: right -19px;
}
.m_groupDiscussions .discussionsHolder .forumTable, .m_groupDiscussions .discussionsHolder .forumThreadTable
{
    width:100%;
}
.m_groupDiscussions .discussionsHolder .forumTable th, .m_groupDiscussions .discussionsHolder .forumThreadTable th
{
    background-color:#1d1d1d;
    padding:10px 10px;
    height:32px;
    color:#cccccc;
    /*dong*/vertical-align: middle;
    
    
}
.m_groupDiscussions .discussionsHolder .forumTable th.left
{
    text-align:left;
    width:70%;
    background-image: url(images/header_cap_left.gif) ;
    background-repeat:no-repeat;
    background-position: top left;
}
.m_groupDiscussions .discussionsHolder .forumTable th.mid
{
    text-align:center;
    width:12%;
}
.m_groupDiscussions .discussionsHolder .forumTable th.right
{
    text-align:center;
    width:18%;
    background-image: url(images/header_cap_right.gif);
    background-repeat:no-repeat;
    background-position: top right;
}
.m_groupDiscussions .discussionsHolder .forumTable th.leftFoot, .m_groupDiscussions .discussionsHolder .forumThreadTable th.leftFoot
{
    padding-left: 20px;
    vertical-align: middle;
    text-align:left;
    font-weight:normal;
    background-image: url(images/footer_cap_left.gif);
    background-repeat:no-repeat;
    background-position: bottom left;
}
.m_groupDiscussions .discussionsHolder .forumTable th.rightFoot, .m_groupDiscussions .discussionsHolder .forumThreadTable th.rightFoot
{
    padding: 0px !important;
    font-weight:normal;
    background-image: url(images/footer_cap_right.gif);
    background-repeat:no-repeat;
    background-position: bottom right;
}
.m_groupDiscussions .discussionsHolder .forumTable td
{
    padding:20px 10px;
    color:#fff;
}
.m_groupDiscussions .discussionsHolder .forumTable td.left
{
    text-align:left;
    width:70%;
    border-left:1px solid #0f0f0f;
    border-bottom:1px solid #0f0f0f;
}
.m_groupDiscussions .discussionsHolder .forumTable td.mid
{
    text-align:center;
    width:12%;
    background-color:#0f0f0f;
    border-right:1px solid black;
    border-bottom:1px solid black;
}
.m_groupDiscussions .discussionsHolder .forumTable td.right
{
    text-align:right;
    width:18%;
    background-color:#0f0f0f;
    border-bottom:1px solid black;
}
.m_groupDiscussions .discussionsHolder .forumTable .last td
{
    border-bottom:none;
}
.m_groupDiscussions .discussionsHolder .forumTable a.iconUnRead
{
    display:block;
    float:left;
    width:36px;
    height:30px;
    margin-right:15px;
    text-decoration:none;
    cursor:pointer;
    background-image:url(images/discussionNew.gif);
}

.m_groupDiscussions .discussionsHolder .forumTable a.iconRead
{
    display:block;
    float:left;
    width:36px;
    height:30px;
    margin-right:15px;
    text-decoration:none;
    cursor:pointer;
    background-image:url(images/discussionRead.gif);
}
.m_groupDiscussions .discussionsHolder .forumThreadTable th.left span.iconRead
{
	float:left;
	width: 20px;
	height: 20px;
    background-image:url(images/postOld.gif);
    background-repeat: no-repeat;
}
.m_groupDiscussions .discussionsHolder .forumThreadTable th.left span.iconUnRead
{
	float:left;
	width: 20px;
	height: 20px;
    background-image:url(images/postNew.gif);
    background-repeat: no-repeat;
}

.m_groupDiscussions .discussionsHolder .forumTable .new .left
{
    background-image: url(images/discussionNew.gif);
    background-repeat:no-repeat;
    background-position:10px 15px;
}
.m_groupDiscussions .discussionsHolder .forumTable .old .left
{
    background-image: url(images/discussionRead.gif);
    background-repeat:no-repeat;
    background-position:10px 15px;
}
.m_groupDiscussions .discussionsHolder .forumTable .new .title
{
    font-weight:bold;
}
.m_groupDiscussions .discussionsHolder .forumTable .old .title
{
    font-weight:normal;
}
.m_groupDiscussions .discussionsHolder .author, .m_groupDiscussions .discussionsHolder .author a
{
    font-weight:normal;
    color:#666666;
}
.m_groupDiscussions .discussionsHolder .date
{
    font-style:italic;
}

/*threadTable*/
.m_groupDiscussions .discussionsHolder .forumThreadTable th.left
{
    text-align:left;
    width:20%;
    background-image: url(images/header_cap_left.gif) ;
    background-repeat:no-repeat;
    background-position: top left;
}
.m_groupDiscussions .discussionsHolder .forumThreadTable th.right
{
    /*dong*/text-align:left;
    width:80%;
    background-image: url(images/header_cap_right.gif);
    background-repeat:no-repeat;
    background-position: top right;
}
.m_groupDiscussions .discussionsHolder .forumThreadTable td.left
{
    text-align:left;
    width:20%;
    background-color:#343434;
    padding:10px;
}
.m_groupDiscussions .discussionsHolder .forumThreadTable td.right
{
    width:80%;
}
.m_groupDiscussions .discussionsHolder .forumThreadTable .postRow td
{
    border-bottom:20px solid black;
}
/*.m_groupDiscussions .discussionsHolder .forumThreadTable .new .left
{
    background-image: url(images/postNew.gif);
    background-repeat:no-repeat;
    background-position:10px 7px;
    padding-left:40px;
    font-weight:bold;
}
.m_groupDiscussions .discussionsHolder .forumThreadTable .old .left
{
    background-image: url(images/postOld.gif);
    background-repeat:no-repeat;
    background-position:10px 7px;
    padding-left:40px;
    font-weight:normal;
}*/
.m_groupDiscussions .discussionsHolder .forumThreadTable .subjectHolder
{
    background-color:#0f0f0f;
    padding:10px 10px 10px 15px;
    text-align:right;
    color:#ccc;
}
.m_groupDiscussions .discussionsHolder .forumThreadTable .subjectHolder span
{
    float:left;
    text-align: left;
    vertical-align: middle;
}
.m_groupDiscussions .discussionsHolder .forumThreadTable .subjectHolder div a
{
    margin-left:5px;
}
.m_groupDiscussions .discussionsHolder .forumThreadTable .postTxt
{
    padding:15px;
}
.m_groupDiscussions .discussionsHolder .forumThreadTable .img 
{
    float:left;
    margin-right:10px;
}
.m_groupDiscussions .discussionsHolder .forumThreadTable .img img
{
    border:none;    
}
.m_groupDiscussions .discussionsHolder  .forumThreadTable .author, .m_groupDiscussions .discussionsHolder  .forumThreadTable .author a
{
    color:#999999;
}
.m_groupDiscussions .discussionPost .fieldHolder
{
    padding-bottom: 6px;
}
.m_groupDiscussions .discussionPost .fieldHolder label
{
    clear: both;
    display: block;
    float: left;
    padding-top: 3px;
    width: 90px;
}
.m_groupDiscussions .discussionPost .fieldHolder .lblError
{
    clear: both;
    color: #f81820;
    font-size: 10px;
    padding: 2px 0 0 90px;
    height: 12px;
}
.m_groupDiscussions .discussionPost .mid
{
    padding:15px;
}
.m_groupDiscussions .discussionPost .postBtns
{
    margin-left:90px;
}
.m_groupDiscussions .discussionPost .postBtns a
{
    margin-right:5px;
}
