.PageTitlePinkBlackFont
{
    position:relative; 
    float:left; 
    width:auto; 
    height:25px; 
    left:-18px;
    top:15px; 
    background-color:#f1388f; 
    color:#000000;
    text-align:right; 
    vertical-align:middle; 
    padding-top:4px;
    padding-bottom:4px; 
    padding-left:25px; 
    padding-right:150px;
    font-family:Georgia;
    font-size:1.4em;
}

#groupPageTop
{
    float:left;
    width:730px;
    text-align:center;
    margin-left:10px;
    height:75px;
}

.groupPageContainer
{
    float:left;    
    width:739px;
    padding-left:10px;
}

#groupPageLeft
{
    float:left;
    width:430px;
}

.groupPageLeftRow1
{
    float:left;

}

.groupPageLeftRow2
{
    float:left;
    padding-bottom: 10px;
}

#groupPageRight
{
    float:left;
    width:298px;
    padding: 0px;
    margin: 0px;
}

.groupPageBanner
{
    float:left;
    margin-bottom:10px;
    width:420px;
    height:87px;
    background:url("../images/system/groups/groups_mini_banner.gif") no-repeat;
    text-align:left;
}

.groupBannerHeader
{
    padding-left:50px;
    margin-top:20px;
    font-family:Georgia;
    font-size:1.42em;
    color:#242424;
    
}

.groupBannerSubHeader
{
    padding-left:50px;
    font-family:Arial;
    font-size:0.73em;
    width:370px;
    color:#242424;
    font-weight:bold;
}

/** List Page Formatting **/
#PagedContainer
{
    float:left;
    height:auto;
    width:423px;
    margin:0px;
    border:0px;
    padding:0px;
    text-align:left;
    padding-left: 10px;
}

.GPagingContainer
{
    float:left;
    margin-bottom:8px;
    width:412px;
}



/* FColumnGroup Control */
.FColumnGroup
{
    text-align:left;
    position:relative;
    float:left;
    border-bottom:solid 3px #000;
    border-right:solid 1px #cccccc;
    border-left:solid 1px #cccccc;
    /*height:950px;*/
    width:203px;   
    margin:0px;
    padding:0px;    
    z-index:0;
    background-image:url("../images/system/control_gradient.jpg");
    background-position:bottom center;
    background-repeat:repeat-x;
}

.FColumnGroupTitle
{
    position:relative;
    float:left;
    background:#000;
    height:32px;
    width:203px;
    padding:0px;
    margin:0px;
    border:0px;
    border-right:solid 1px #000;
}

.FColumnGroupTitle h1
{
    padding:0px;
    margin:0px;
    text-indent:5px;
    padding-top:2px;
    margin-left:5px;
    font-size:.7em;
    font-family:Arial;
    color:#fff;
    text-transform:capitalize;
    font-weight:600;
}

.FColumnGroupTitle p
{
    padding:0px;
    margin:0px;
    text-indent:5px;
    margin-left:5px;
    font-size:.6em;
    font-family:Arial;
    color:#999;
    font-weight:bold;
}

.FColumnGroupContent
{
    position:relative;
    float:left;
    width:203px;
    /*height:715px;*/
    float:left;
    padding:0px;
    margin:0px;
    padding-bottom:5px;
}

.FColumnGroupContianer
{
    position:relative;
    float:left;
    width:203px;
    padding-top:15px;
    margin-bottom:8px;
    /*height:850px;*/
}

.FColumnGroupItem
{
    position:relative;
    float:left;
    padding:0px;
    border:0px;
    width:193px;
    height:80px;
    margin-bottom:15px;
    padding-left: 10px;
}

.FColumnGroupItemImage
{
    position:relative;
    float:left;
    padding:0px;
    border:0px;
    width:70px;
    height:85px;
    background:url("../images/system/groups/speech_bubble.gif") no-repeat;   
}

.FColumnGroupItemImageImg
{
    padding:0px;
    border:1px solid #000;
    width:55px;
    height:55px;
    margin-top:8px;
    text-align:center;
    margin-left: 3px;
    line-height: 55px;
    vertical-align: middle;
}

.FColumnGroupItemImageImg img
{
    border:0px;
}

.FColumnGroupItemImageImgHover
{
    border:1px solid #f1388f;
}

.FColumnGroupItemDetails
{
    position:relative;
    float:left;
    padding:0px;
    border:0px;
    width:123px;
    height:70px;
    text-align:left;
    margin-top:10px;
}

.FColumnGroupItemDetails1
{
    padding:0px;
    margin:0px;
    width:110px;
    height:43px;
    margin-bottom:3px;
    overflow:hidden;
}

.FColumnGroupItemDetails1 a
{
    font-size:.7em;
    font-family:Georgia;
    color:#000;
    font-weight:normal;
    text-decoration:none;
}

.FColumnGroupItemDetails1 a:hover
{
    background:#ec008c;
    color:#fff;  
}

.FColumnGroupItemDetails2
{
    width:100px;
    padding:0px;
    margin:0px;
    font-size:.7em;
    font-family:Arial;
    color:#000;
}

.FColumnGroupItemDetails3
{
    padding:0px;
    margin:0px;
    font-size:.7em;
    font-family:Arial;
    color:#000;
    font-weight:normal;
}

.FColumnGroupLink
{
    position:relative;
    float:left;
    padding:0px;
    margin:0px;
    border:0px;
    margin-left:10px;
}

.FColumnGroupLink span a
{
    color:#000;
    font-weight:bold;
    text-decoration:none;
    font-family:Arial;
    margin-left: 5px; 
    font-size:.7em;
}

.FColumnGroupLink span a:hover
{
    color:#ec008c;
}

/* FColumn Large Group Control */
.FColumnLGroup
{
    text-align:left;
    position:relative;
    float:left;
    border-bottom:solid 3px #000;
    border-right:solid 1px #cccccc;
    border-left:solid 1px #cccccc;
    /*height:950px;*/
    width:300px;   
    margin:0px;
    padding:0px;    
    z-index:0;
    background-image:url("../images/system/control_gradient.jpg");
    background-position:bottom center;
    background-repeat:repeat-x;
}

.FColumnLGroupTitle
{
    position:relative;
    float:left;
    background:#000;
    height:32px;
    width:300px;
    padding:0px;
    margin:0px;
    border:0px;
    border-right:solid 1px #000;
}

.FColumnLGroupTitle h1
{
    padding:0px;
    margin:0px;
    text-indent:5px;
    padding-top:2px;
    margin-left:5px;
    font-size:.7em;
    font-family:Arial;
    color:#fff;
    text-transform:capitalize;
    font-weight:600;
}

.FColumnLGroupTitle p
{
    padding:0px;
    margin:0px;
    text-indent:5px;
    margin-left:5px;
    font-size:.6em;
    font-family:Arial;
    color:#999;
    font-weight:bold;
}

.FColumnLGroupContent
{
    position:relative;
    float:left;
    width:300px;
    /*height:715px;*/
    float:left;
    padding:0px;
    margin:0px;
    padding-bottom:5px;
}

.FColumnLGroupContianer
{
    position:relative;
    float:left;
    width:300px;
    margin-top:20px;
    margin-bottom:8px;
    /*height:850px;*/
}

.FColumnLGroupItem
{
    position:relative;
    float:left;
    padding:0px;
    border:0px;
    width:299px;
    height:125px;
    margin-bottom:15px;
    background:url("../images/system/groups/speech_bubble_large.gif") no-repeat; 
}

.FColumnLGroupItemImage
{
    float:left;
    padding:0px;
    border:1px solid #000;
    width:100px;
    height:100px;
    margin-left:13px;
    margin-top:5px;
    text-align:center;
}

.FColumnLGroupItemImage img
{
    border:0px;
}

.FColumnLGroupItemImageHover
{
    border:1px solid #f1388f;
}

.FColumnLGroupItemDetails
{
    position:relative;
    float:left;
    padding:0px;
    border:0px;
    width:150px;
    height:125px;
    text-align:left;
    margin-left:15px;
}

.FColumnLGroupItemDetails1
{
    padding:0px;
    margin:0px;
    margin-top:18px;
    margin-bottom:3px;
    overflow:hidden;
}

.FColumnLGroupItemDetails1 a
{
    font-size:.94em;
    font-family:Georgia;
    color:#000;
    font-weight:normal;
    text-decoration:none;
}

.FColumnLGroupItemDetails1 a:hover
{
    background-color:#f1388f;
    color:#fff;   
}

.FColumnLGroupItemDetails3
{
    width:100px;
    padding:0px;
    margin:0px;
    font-size:.7em;
    font-family:Arial;
    color:#000;
}

.FColumnLGroupItemDetails2
{
    padding:0px;
    margin:0px;
    font-size:.7em;
    font-family:Arial;
    color:#000;
    font-weight:normal;
}

.FColumnLGroupLink
{
    padding:0px;
    margin:0px;
    border:0px;
    padding-left:10px;
}

.FColumnLGroupLink span a
{
    color:#000;
    font-weight:bold;
    text-decoration:none;
    font-family:Arial;
    padding-left: 5px; 
    font-size:.7em;
}

.FColumnLGroupLink span a:hover
{
    color:#ec008c;
}

/* Feature Group Scroll Control */
.FGQuote
{
	width:298px;
	height:286px;
	text-align:left;
    position:relative;
    float:left;
    border-bottom:solid 3px #000;
    border-right:solid 1px #cccccc;
    border-left:solid 1px #cccccc;
    margin:0 0 10px 0;
    padding:0px;    
    z-index:0;
    background-image:url("../images/system/groups/quote_background.gif");
    background-position:bottom center;
    background-repeat:repeat-x;    
}

.FGQuoteTitle
{
    position:relative;
    float:left;
    background:#000;
    height:32px;
    width:288px;
    padding:0px;
    margin:0px;
    border:0px;
    border-right:solid 1px #000;
    padding-left: 10px;

}

.FGQuoteTitle h1
{
    padding:0px;
    margin:0px;
    padding-top:2px;
    font-size:.7em;
    font-family:Arial;
    color:#fff;
    text-transform:capitalize;
    font-weight:600;
}

.FGQuoteTitle p
{
    padding:0px;
    margin:0px;
    font-size:.6em;
    font-family:Arial;
    color:#999;
    font-weight:bold;
}

.FGQuoteHeader
{
    float:left;
    height:106px;
    width:298px;
}

.FGQuoteHeading
{
	float:left;
	width:160px;
	padding-left:90px;
	margin-top:50px;
	font-size:1.1em;
    font-family:Georgia;
    font-weight:normal;
    
}
.FGQuoteMain
{
	float:left;
	width:298px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;

}
.FGQuoteLeftButton
{
	text-align:left;
	float:left;
	width:120px;
	padding-left:20px;
	
}

.FGQuoteLeftButton img
{
	border:0px;	
}

.FGQuoteRightButton
{
	text-align:right;
	float:right;
	width:120px;
	padding-right:20px;
}

.FGQuoteRightButton img
{
	border:0px;
}

.FGQuoteContent
{
	float:left;
	margin-top:0px;
	width:200px;
	height:100px;
	padding-left:80px;	
}

.FGQuoteGroup
{
    float:left;
	text-align:left;
	font-family:Arial;
	font-size:0.7em;
	font-weight:normal;
	text-align:left;
	width:160px;
}

.FGQuoteGroupLink
{
/*    float:left; */
	clear: left;
	text-align:left;
	font-family:Georgia;
	font-size:0.8em;
	font-weight:bold;
	text-align:left;
	margin-top:3px;
}

.FGQuoteGroupLink a
{
    text-decoration:none;
    color:#000;
}

.FGQuoteGroupLink a:hover
{
   background-color:#f1388f;
    color:#fff; 
}

.FGQuoteUserDetails
{
    position:relative;
    float:left;
    height:32px;
    width:170px;
    text-align:left;
    top:-10px;
    
}
.FGQuoteUserImg
{
    position:relative;
	float:left;
	width:30px;
	height:30px;
	border:1px solid transparent;
	text-align:center;
}

.FGQuoteUserImg img
{
    border:0px;  
}

.FGQuoteUserImgHover
{
    border:1px solid #f1388f;
}

.FGQuoteUser
{
    float:left;  
    position:relative;
    margin-top:8px;
    padding-left:5px;
}

.FGQuoteUser a
{
    text-decoration:none;
    font-family:Arial;
	font-size:0.71em;
	color:#000;
}

.FGQuoteUser a:hover
{
    color:#f1388f;
}

/* Feature grid control */
.GroupFGrid
{
    float:left;
    width:417px;
    height:303px;
    background: url("../images/system/groups/group_feature_main.gif") center top no-repeat;
   	text-align:left;
   	padding:0px;
   	padding-top: 6px;
}

.GroupFGridImg
{
    float: left;
    position:relative;
    left: 3px;
    width:190px;
    height:190px;
    border:1px solid #000;
    text-align:center;
}

.GroupFGridImg img
{
    border:0px;
}

.GroupFGridImgHover
{
    border:1px solid #f1388f;
}

.GroupFGridContainer
{
    position:relative;
    float:left;
    width:212px;
    height:145px;
    padding-left:10px;
    margin-top:13px;    
}

.GroupFGridItem
{
    float:left;
    width:30px;
    height:30px;
    border:1px solid #fff;
    background-color:#fff;
    text-align:center;
}

.GroupFGridItem img
{
    border:0px;
}

.GroupFGridItemHover
{
    border:1px solid #f1388f;   
}

.GroupFGridBottom
{
    position:relative;
    float:left;
    width:413px;
    height:80px;
    margin-top:20px;
}

.GroupFGridBottomText
{
    float:left;
    width:230px;
    height:80px;
}

.GroupFGridBottomTextTitle
{
    float:left;
    width:230px;
    height:40px;
}

.GroupFGridBottomTextTitle a
{
    text-decoration:none;
    color:#000;
    font-weight:bold;
    text-decoration:none;
    font-family:Georgia;
    font-size:1.03em;
}

.GroupFGridBottomTextTitle a:hover
{
    background-color:#f1388f;
    color:#fff;
}

.GroupFGridBottomTextDetails1
{
    color:#000;
    font-family:Arial;
    font-size:0.7em; 
    font-weight:bold; 
}

.GroupFGridBottomTextDetails2
{
    color:#000;
    font-family:Arial;
    font-size:0.7em;   
}

.GroupFGridBottomLinks
{
    float:left;
    width:170px;
    
    height:80px;
    margin-top:20px;
}

.GroupFGridLink
{
    width:100%;
    height:13px;
    position:relative;
    float:left;
    padding:0px;
    margin:0px;
    border:0px;
    margin-left:1px;
}

.GroupFGridLink span a
{
    color:#000;
    font-weight:bold;
    text-decoration:none;
    font-family:Arial;
    margin-left: 5px; 
    font-size:.7em;
}

.GroupFGridLink span a:hover
{
    color:#ec008c;
}


/* view a group */

.groupPageContainer #PageBannerContainer 
{
    width: 735px;
    float: left;
}

.groupPageContainer #UGroupRow1Container 
{
    width: 735px;
    float: left;
}

#GPagedContainer 
{
    float: left;
    width: 413px;
    padding-right:10px;
    text-align:left;
    padding-bottom:10px;
}


#GroupFeatureBanner 
{
    width: 735px;   
    float: left;
}

#GroupFeatureBanner .GFBImagePanel 
{
    width: 220px;
    height: 240px;
    padding-right: 10px;
    float: left;
    background: url( /Media/images/system/groups/groups_feature_sub.gif ) no-repeat 0px 0px;
    padding-left: 0px;
    padding-top: 1px;
    padding-bottom:10px;
    text-align: center;
}

.GFBDraggable 
{
    border: 3px black solid;
    float: left;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 214px;
    height: 215px;
    line-height: 214px;
}
.GFBDraggableHover 
{
    border:3px solid #f1388f;
}

#GroupFeatureBanner .GFBFeatureDetails  {

    float: left;
    width: 180px;
    padding-right: 10px;
}

#GroupFeatureBanner .GFBFeatureDetails .description
{
    float: left;
    font-size: 0.85em;
    font-family: Georgia;
    padding-top: 10px;
}

#GroupFeatureBanner .GFBFeatureDetails .data
{
    clear: left;
    float: left;
    font-size: 0.7em;
    font-family: arial;
    width: 180px;
}

#GroupFeatureBanner .GFBFeatureDetails .data a
{
    color: #000000;
}

#GroupFeatureBanner .GFBFeatureDetails .data a:hover
{
    color: #f1388f;
}

#GroupFeatureBanner .GFBImageGrid 
{
    width: 300px;
    float: left;
    padding-left: 10px;
}

#GroupFeatureBanner .GFBImageGrid .gridImageContainer 
{
    width: 300px;
    float: left;   
}

#GroupFeatureBanner .GFBImageGrid .title 
{
    font-size: 0.8em;
    font-family: Arial;
    font-weight: bold;
    color: #434343;
    float: left;
    clear: left;
    width: 300px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#GroupFeatureBanner .GFBImageGrid .singleImage 
{
    float: left; 
    width: 30px;
    height: 30px;
    border: 1px solid white;
}

#GroupFeatureBanner .GFBImageGrid .singleImageHover
{
    border: 1px solid #f1388f;
}
#GroupFeatureBanner .GFBImageGrid .sponsorImage 
{
    float: left; 
    width: 300px;
}

#GroupFeatureBanner .GFBImageGrid .linkUnderGrid
{
    float: left;
    padding-top: 10px;
    font-size: 0.7em;
    font-weight: bold;
    color: #000000;
}

#GroupFeatureBanner .GFBImageGrid .linkUnderGrid a 
{
    color: #000000;
}
#GroupFeatureBanner .GFBImageGrid .linkUnderGrid a:hover 
{
    color: #f1388f;
}


/* group comment items */

.GCPaged 
{
    width: 405px;
    float: left;
    padding-right: 5px;
    padding-top: 10px;
    border-bottom: 1px #D4D4D4 solid;
    padding-bottom: 5px;
}

.GCPaged .userImageContainer
{
    width: 40px;
    height: 40px;
    float: left;
    border: 1px solid white;
    text-align:center;
}

.GCPaged .userImageContainerHover
{
    width: 40px;
    height: 40px;
    float: left;
    border: 1px solid #f1388f;
}

.GCPaged .Wide
{
    width: 334px;
    padding-left: 20px;    
    float: left;
}

.GCPaged .narrowTextContainer 
{
    float: left; 
    width: 210px; 
    padding-right: 0px;
}


.GCPaged .Narrow
{
    
    width: 190px;
    padding-left: 20px;    
    float: left;
    padding-bottom: 5px;
    clear:both;
}

.mainText
{
    font-family: Arial;
    font-size: 0.8em;
}
    

.GCPaged .noImageLinksContainer 
{
    float: right; 
    width: 350px; 
    padding-top: 5px;
    padding-left: 10px;
}

.GCPaged .time 
{
    color: #434343;
    font-family: Arial;
    font-size: 0.7em;   
    float: left; 
    clear: left;
    width: 160px;
    padding-left: 6px;
    text-align: left;
}

.commentImageContainer 
{
    float: left;
    width: 150px;   
    border: 1px white solid;
}
.commentImageContainerHover
{
    float: left;
    width: 150px;
    border: 1px solid #f1388f;
}

/* For group comment reporting */
.reportLink 
{
    font-family: Arial;
    font-size: 0.7em;   
    float: right; 
    width: 140px;
    text-align: right;
    padding-right: 5px;
}
.reportLink a
{
    color: #434343;
}
.reportLink a:hover 
{
    color: #f1388f;
}

/* For reporting a whole group */
.reportLinkMain 
{
    font-family: Arial;
    font-size: 0.7em;   
    float: left; 
    clear:left;
    text-align: left;
    color:#434343;
    padding-top:10px;
    width:200px;
}
.reportLinkMain a
{
    color: #434343;
}
.reportLinkMain a:hover 
{
    color: #f1388f;
}

/* add comment inline area */
.GCBlindClosed
{
    float:left;
    width:400px;
    text-align:left;
    margin-left:10px;   
    font-size: .9em;
}
.GCBlindClosed a 
{
    float: left; 
    font-weight: bold;
    text-decoration:none;
    background-image:url('/Media/images/system/buttons/jump_to_bottom.gif');
    background-position:95% 7px;
    background-repeat:no-repeat; 
    padding-right:25px; 
    color:#000;
}
.GCBlindClosed a:hover
{
    color:#ff7601;
    background-image:url('/Media/images/system/buttons/jump_to_bottom_orange.gif');
    background-position:95% 7px;
    background-repeat:no-repeat; 
    padding-right:25px; 
}
.GCBlindOpen
{
    float:left;
    width:400px;
    text-align:left;
    margin-left:10px;   
    font-size: .9em;
}
.GCBlindOpen a 
{
    float: left;  
    font-weight: bold;
    text-decoration:none;
    background-image:url('/Media/images/system/buttons/jump_to_top.gif');
    background-position:95% 7px;
    background-repeat:no-repeat; 
    padding-right:25px; 
    color:#000;
}
.GCBlindOpen a:hover
{
    color:#ff7601;
    background-image:url('/Media/images/system/buttons/jump_to_top_orange.gif');
    background-position:95% 7px;
    background-repeat:no-repeat; 
    padding-right:25px; 
}
.GCAddBlindLinks
{
    float:left;
    width:420px;
    display:none;
    text-align:left;
}

.GCBlindInner 
{
    float:left;
    width:400px;
    display:none;
    text-align:left;
    margin-left:10px;   
}

.GCBlindInner .buttonsUnder
{
    width: 400px; 
    float: left; 
    padding-top: 5px;
}

.GCBlindInner .buttonsUnder a 
{
    color: #000000;
}
.GCBlindInner .buttonsUnder a:hover
{
    color: #ec008c;
}

.GCBlindInner .buttonsUnder img 
{
    vertical-align: middle;
}

.GCBlindInner textarea 
{
    background-color: #F9F9F9;
    width: 380px;
    height: 65px;
    border: 1px #CCCCCC solid;
    font-family: arial;
    font-size: 0.9em;
    float: left;
    
}

.GCDottedSpacer 
{
    float: left; 
    width: 410px; 
    height: 2px;
    background: url( /Media/images/system/register_page_dotted_horiz.gif ) repeat-x;
}


#GPagedContainer table
{
    float: left;
    margin:0px;
    padding:0px;
}
        
#GPagedContainer table tr
{
    margin:0px;
    padding:0px;
}
        


#GCLoginLink 
{
    float:left;
    width:400px;
    text-align:left;
    margin-left:10px;   
    font-weight: bold;
}

#GCLoginLink a
{
    color: #000000;
}
#GCLoginLink a:hover
{
    color: #ec008c;
}

.commentUsername
{    
   clear:left;
   color:#434343;    
   font-family:Arial;
   font-size:0.7em;   
   text-align:left;   
}