/*--------------------------------------------------------
===========================================================
=================== CSS GROUPJIVE CSS =====================
===================    css_blocks     =====================
===========================================================
----------------------------------------------------------- */



/* ********************************************************
===========================================================
showgroup - (FOR showing group details/functions.)
USES the template file named showgroup.tmpl
NOTE: this is a seperate .tmpl file in templates folder
===========================================================
Header contains groupname, grouplogo, groupactions and groupinfo.

SPECIAL NOTE: showgroup renders many of the .tmpl templates
from the groupjive.tmpl file inside the showgroup template
and displays the templates together. showgroup is used many
times throughout GroupJive and affects most aspects of
GroupJive design.

*********************************************************** */


/* wrapper for showgroup template */
#showgroup-tmpl-wrapper {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/* wrapper for all group activities */
#main-float-left {
float:left;
width:75%;
}

/*wrapper for all moderator elements */
#main-float-right {
float:left;
width:25%;
}


/* NOT USED - potential inside wrapper for all group activiites */
#group_activities {
}

/* positions Moderator UserProfile LINK in showgroup */
#creator-wrapper {
float:left;
width:100%;
padding: 0 0 3px 0;
text-align:center;
}

#creator-wrapper h3 {
text-align:center;
}




/* positions Moderator Functions in showgroup */
#moder_functions-wrapper {
float:left;
width:100%;
}

#moder_functions-wrapper h3 {
text-align:center;
}


/* container for GroupName Header Element */
.groupname {
float:left;
width:auto;
padding: 5px 0 0 10px;
}


/* container for grouplogo and groupinfo */
#logo-and-info-wrap {
float:left;
width:100%;
}

/* grouplogo positioning inside container */
.grouplogo {
float:left;
width:35%;
padding: 5px 0 10px 35px;
text-align:center;
}

/* groupinfo positioning inside container */
.groupinfo {
float:left;
width:40%;
padding: 5px 0 10px 0px;
}


/* container for grouplinks and groupactions */
#links-and-actions-wrap {
float:left;
width:100%;
}

/* grouplinks positioning inside container */
.grouplinks {
float:left;
width:35%;
padding: 0 0 0 35px;
}

/* groupactions positioning inside container */
.groupactions {
float:left;
width:40%;
padding: 0 0 0 0px;
}




/* --------------------------------------------------------
===========================================================
classes - CSS_Simple Template

TO-DO go through this stylesheet
and consolidate as many ID's and classes
as possible to reduce code
===========================================================
----------------------------------------------------------- */


/* UN-COMMENT THE FOLLOWING HEADING IF YOUR GROUPJIVE COMPONENT
   HEADINGS DO NOT RENDER WELL WITH YOUR JOOMLA! TEMPLATE.
   THIS VERY BASIC CSS CLASS CAN BE *STYLED* TO IMPROVE YOUR HEADING - - > i.e. <h3> in GroupJive  */

/*
.gj-heading {
display:;
text-indent:4px;
font-size:;
font-style:;
color:;
margin:4px 0;
padding:5px 0;
border-bottom:1px solid #666666;
border-top:1px solid #666666;
background-color:;
background-image:none;
}
*/

/* THEN SEARCH AND REPLACE THE componentheading CLASS IN groupjive.tmpl AND showgroup.tmpl
** NOTES: gj-heading replaces the componentheading class which is CSS in the master Joomla! CSS file
** and may not render well in GroupJive for all Joomla! templates. To do this, simply
** open groupjive.tmpl and showgroup.tmpl then search (CTRL+F) and replace the CSS class 
** named (componentheading) for any headers <h3> in groupjive.tmpl AND showgroup.tmpl
** There are 3 instances in each file. Please note that you can also change
** the CSS class componentheading in the master Joomla! CSS file to fit better with Groupjive  */


/* clear floated elements throughout template */
.clearfloat {
clear:both;
}

/* provide bottom border for  lists including
ListCategories and List Groups */
.listborderbottom {
border-bottom: solid #cccccc 1px;
}

.listborderbottom-w-pad {
border-bottom: solid #cccccc 1px;
padding: 2px 0;
}


/* TODO - - FIND OUT if this MESSAGE FUNCTION is actually used.
gj-message should apply to messages generated by GroupJive
(ie warnings, notices, etc...    */
.gj-message {
color:#FF0000;
}

/* Create Group / Create Bulletin / Edit Group / etc...
this class to provide padding and other design elments to FORMS */
.form-wrapper {
padding: 0 10px 10px 10px;
}

/* Used for (* Required) notices at the bottom of GroupJive
Forms and Fields */
.gj-required {
font-size:x-small;
}

/* asterisk for (* Required) notices at the bottom of GroupJive
Forms and Fields */
.asterisk {
font-size:small;
color:#CC0000;
}

.gj-needapproval {
color:#FF0000;
}

/* Load Data marker for AJAX functionality. Styles the
text for Loading Data indicator while loading.
NOTE: used in invite.tmpl and transfer.tmpl */
.gjloadmarker {
color: #FF0000;
}
/* --------------------------------------------------------
===========================================================
showmenu - Default Template
===========================================================
----------------------------------------------------------- */

/* showmenu displays the Simple Description
and SearchBox above most GroupJive pages. */

#showmenusearch-tmpl-wrapper {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/* a container for showmenu content */
#showmenusearch-container {
margin: 5px 0 4px 0;
}

/* Simple Description (this is the text that says
WELCOME TO GROUPJIVE
you can visit, join and create Groups */
#simpledesc {
float:left;
padding: 0 0 3px 10px;
font-size:small;
font-style:italic;
}

/* positions searchbox on right side of show menu */
#searchbox {
float:right;
padding: 0 10px 0 0 ;
}

/* styles creategroup link specifically in showmenusearch */
#showmenusearch-container .creategroup-sm a {
font-size:larger;
margin: 0 0 0 0;
padding: 0 0 0 0;
}


/* --------------------------------------------------------
===========================================================
listoverview - Category List Template
===========================================================
----------------------------------------------------------- */


/* container for Category List */
.categorylist-wrapper {
padding: 15px 0;
}

/* ODD positions the Category Image for each list item on left
and sets container size for image */
.categorylist-catimage-odd {
float:left;
margin: 0 0 0 15px;
width:100px;
}

/* ODD positions Category Link for each list item on right of 
Category Image */
.categorylist-catlink-odd {
float:none;
height:100%;
vertical-align:middle;
padding: 20px 0 0 0;
}

/* EVEN positions the Category Image for each list item on left
and sets container size for image */
.categorylist-catimage-even {
float:left;
margin: 0 0 0 15px;
width:100px;
}

/* EVEN positions Category Link for each list item on right of 
Category Image */
.categorylist-catlink-even {
float:none;
height:100%;
vertical-align:middle;
padding: 20px 0 0 0;
}


/* --------------------------------------------------------
===========================================================
showcat - Show Category Contents
===========================================================
----------------------------------------------------------- */

#showcat-tmpl-wrapper {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/* ---------------------------
showcat - (Navigation of Groups)
------------------------------ */

#showcat-nav-container {
padding: 10px 0 4px 0;
}

/* positions pagecounter using center column approach
(no-float between two floated elements and use of margin to fine-tune position) */
#showcat-nav-container .pagecounter {
float:left;
width:30%;
text-indent:20px;
font-size:small;
font-weight:bold;
font-variant:small-caps;	
}

#showcat-nav-container .pagelistoptions {
float:left;
width:15%;
}

/* positions <<Start <Prev Next> End>> navigation */
/* positions pagelist dropdown*/
#showcat-nav-container .pagelinks {
float:left;
width:55%;
}


/* ---------------------------
showcat - (the Groups)

showcat displays contents of a single category
and lists the groups inside that category
------------------------------- */

/* wrapper for the entire Group List */
.grouplist-wrapper {
padding: 15px 0;
}

/* This container holds the Group Image on left side
***NOTE: the min-height attribute is used to extend height
so that showgrouplink and showgroupdescription DO NOT slip
under group images with small height in pixels */
.grouplist-leftcontainer {
float:left;
min-height:40px;
}

/* positions the Group Image inside the left container
for each list item and sets container size for image */
.grouplist-groupimage {
float:left;
vertical-align:middle;
margin: 0 0 0 10px;
width:100px;
}



/* hold details about group on right side */
grouplist-rightcontainer {
float: right;
}
/* positions the Group Create Date on right */
.groupcreateddate {
float:right;
margin: 0 5px 0 0;
}

/* positions Members Account next to Create Date on right */
.groupmemberscount {
float:right;
margin: 0 15px 0 0;
}

/* positions privacy status next to Members Account on right */
.groupprivacystatus {
float:right;
margin: 0 15px 0 0;
}


/* wrapper for showgrouplink and groupdescription
positions showgroupanddesc using center column approach
(no-float between two floated elements and use of margin to fine-tune position)*/
.grouplist-showgroupanddesc {
margin: 0 0 0 0;
}

/* Link to Group Details and ShowGroup Functions */
.grouplist-showgrouplink {
margin: 20px 0 0px 0px;
}

/* description of Group */
.groupdescription {
color:#808080;
padding: 5px 5px 5px 0;
}



/* --------------------------------------------------------
===========================================================
newgroup - FORM to Create New Group
===========================================================
----------------------------------------------------------- */

#newgroup-tmpl-wrapper {
text-align: left;
margin: 0 10px 0 10px;
padding: 20px 0 0 0; /* 20px is to be nice to Opera */
}

#newgroup-form-container {
margin: 0 0 0 0;
padding: 25px 55px;
border-top: 1px solid #E5E5E5;
border-left: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
}

#newgroup-form-container h3 {
margin: 0 0 0 0;
padding: 4px 0 20px 0;
}

#newgroup-form-container .submit-position {
margin: 10px 0;
}



/* --------------------------------------------------------
===========================================================
editgroup - FORM to Edit Existing Group
===========================================================
----------------------------------------------------------- */

#editgroup-tmpl-wrapper {
text-align: left;
margin: 0 10px 0 10px;
padding: 20px 0 0 0; /* 20px is to be nice to Opera */
}

#editgroup-form-container {
margin: 0 0 0 0;
padding: 25px 55px;
border-top: 1px solid #E5E5E5;
border-left: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
}

#editgroup-form-container h3 {
margin: 0 0 0 0;
padding: 4px 0 20px 0;
}

#editgroup-form-container .submit-position {
margin: 10px 0;
}




/* --------------------------------------------------------
===========================================================
invite - Invite People to a Group
===========================================================
----------------------------------------------------------- */

#invite-tmpl-wrapper {
text-align: left;
margin: 0 10px 0 10px;
padding: 20px 0 0 0; /* 20px is to be nice to Opera */
}

#invite-form-container {
margin: 0 0 0 0;
padding: 10px 10px;
border-top: 1px solid #E5E5E5;
border-left: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
}

#invite-form-container h4 {
margin: 0 0 0 0;
padding: 4px 0 20px 0;
}

#invite-form-container .submit-position {
margin: 10px 0;
}




/* --------------------------------------------------------
===========================================================
member_list - lists all members of a Group 
===========================================================
----------------------------------------------------------- */

#member_list-tmpl-wrapper {
margin: 0 0 0 0;
padding: 15px 3px;
}

#member_list-main-container {
margin: 0 0;
padding: 0 0 0 0; /* this 8px for Opera */
border-left: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
}


#member_list-tmpl-wrapper h3 {
display:block;
margin: 0 0;
padding:4px 0 5px 0;
border-top: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
border-left: 1px solid #999999;
background-color:#E5E5E5;
text-indent:10px;
text-align:left;
}



#member_list-main-container .current_user-count {
float:left;
margin: 15px 0 2px 0;
text-indent:20px;
font-size:large;
font-weight:bold;
font-variant:small-caps;	
}


#member_list-nav-container {
padding: 10px 0 4px 0;
}

/* positions pagecounter using center column approach
(no-float between two floated elements and use of margin to fine-tune position) */
#member_list-nav-container .pagecounter {
float:left;
width:30%;
text-indent:20px;
font-size:small;
font-weight:bold;
font-variant:small-caps;	
}

#member_list-nav-container .pagelistoptions {
float:left;
width:15%;
}

/* positions <<Start <Prev Next> End>> navigation */
/* positions pagelist dropdown*/
#member_list-nav-container .pagelinks {
float:left;
width:55%;
}



#member-list-headers-wrap {
margin:3px 0 0 0;
}

.member-name-left-header {
float:left;
margin: 0 0 0 0px;
width: 50%;
}

.member-presence-right-header {
float:left;
width: 50%;
}

/*  Header for Member Name and Image */
.member-name-left-header .sectiontableheader {
text-indent: 25px;
}


/*  Header for Presence info */
.member-presence-right-header .sectiontableheader {

}



/* Container for Member Name and Image.
Positions sectionatableheader, and UserProfile info */
.member-name-left {
float:left;
margin-top: 4px;
margin-bottom: 8px;
padding: 0 0 0 30px;
width: 48%;
}



/* Container for member Presence information.
Positions sectionatableheader, presence and date information 
NOTE floats (on RightHand side) of member-name-left */
.member-presence-right {
float:left;
width: 47%;
}

/* Positions ONline/OFFline status of Members */
.member-presence-right .presence {
float:left;
padding: 35px 0 0 20px;
text-decoration:none;
font-size:small;
font-style:italic;
font-weight:bold;
}

/* Positions the Date member was last online
TODO  check if the functionality is working??
Could not confirm that date is ever displayed! */
.member-presence-right .date {
float:left;
padding: 35px 0 0 20px;
text-decoration:none;
font-size:small;
font-style:italic;
font-weight:bold;
}

/* Positions Moderartor Functions in member list 
NOTE: only displayed if user is Mod or Admin */
.member-presence-right .moderatememberlist{
float:left;
margin: 35px 0 0 20px;
text-decoration:none;
font-size:small;
font-style:italic;
font-weight:bold;
}


/* --------------------------------------------------------
===========================================================
showgroup - LEGACY CSS
===========================================================
NOTE: see groupjive_func.inc for XHTML
NOTE: DO NOT RENAME these CSS rules! (reference groupjive_func.inc)
----------------------------------------------------------- */


 /*-----------------------------------------------
LatestMember Function - Displays newest members of Groups
*** functions in groupjive_func.inc call this design 
------------------------------------------------*/
#columnSmall2 {
margin: 10px 0 0 0;
padding:2px 0 0 0;
width: 30%;
float: left; 	
}

#columnSmall2 h3 {
text-align:left;
text-indent: 25px;
}

#columnSmall2 ul {
padding: 0 0 0 35px;
list-style-type:none;
}

#columnSmall2 ul li {
margin-top: 20px;
margin-bottom: 20px;
}

/*-----------------------------------------------
LatestBulletin - Displays latest bulletins in Groups
*** functions in groupjive_func.inc call this design 
------------------------------------------------*/
#columnSmall3 {
margin: 10px 0 0 0;
padding: 2px 0 0 0;
float: left;
width: 35%;
}

#columnSmall3 h3 {
text-align:left;
text-indent: 10px;
}


/*-----------------------------------------------
LatestForumPosts - Displays latest forum posts in Groups
*** functions in groupjive_func.inc call this design 
------------------------------------------------*/
#columnSmall4 {
margin: 10px 0 0 0;
padding:2px 0 0 0;
float: left;
width: 35%;
}

#columnSmall4 h3 {
text-align:left;
text-indent: 20px;
}

#columnSmall4 ul {
padding: 0 5px 0 27px;
list-style-type:none;
}

#columnSmall4 ul li {
margin-top: 5px;
margin-bottom: 8px;
}



/* --------------------------------------------------------
===========================================================
bulletin = displays Most Recent Bulletins and compose bulletin FORM
===========================================================
----------------------------------------------------------- */

/* Wrapper for bulletin template */

#bulletin-tmpl-wrapper {
margin: 0 0 0 0;
padding: 0 0 0 0;
}


#bulletin-maincontainer {
margin: 10px 4px 0 5px;
padding: 8px 0 0 0; /* this 8px for Opera */
}



#bulletin-tmpl-wrapper h3 {
display:block;
margin: 0px 0 7px 0;
padding: 3px 0px 4px 0px;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
background-color:#E5E5E5;
text-align:center;
}




/* ---------------------------
LIST of Most Recent Bulletin Messages 
------------------------------ */

/* ------- Container ------- */
#recent-bulletin-container {
padding: 5px 0;
}


/* --- create Headers for LIST ----  */
/* Subject, CreateDate and UserName  */


/* gj_bulletin-subject Header */
.gj_bulletin-subject-header {
float:left;
width: 34%;
padding: 0 0 5px 0;
font-variant:small-caps;
}

.gj_bulletin-subject {
text-align:center;
padding: 0px 0 2px 0;
font-weight:bold;
font-size:small;
}


/* gj_bulletin-createdate Header */
.gj_bulletin-createddate-header {
float:left;
width: 33%;
padding: 0 0 5px 0;
font-variant:small-caps;
}

.gj_bulletin-createddate {
text-align:center;
padding: 0px 0 2px 0;
font-weight:bold;
font-size:small;
}


/* gj_username Header */
.gj_username-header {
float:left;
width: 33%;
padding: 0 0 5px 0;
font-variant:small-caps;
}

.gj_username {
text-align:center;
padding: 0px 0 2px 0;
font-weight:bold;
font-size:small;
}



/* ------- the List of Recent Bulletins ------- */

/*  Bulletin Links function for recent-bulletin-subject*/
.gj_bulletin-subject-wrapper {
float:left;
width: 34%;
}

.gj_recent-bulletin-subject {
text-align:center;
font-weight:bold;
}

/*  Create Date function for recent-bulletin-createdate*/
.gj_bulletin-createddate-wrapper {
float:left;
width: 33%;
}

.gj_recent-bulletin-createddate {
text-align:center;
font-weight:bold;
}

/* User Profile Link function for recent-username*/
.gj_username-wrapper {
float:left;
width: 33%;
}

.gj_recent-username {
text-align:center;
font-weight:bold;
}



/* LINK to Bulletin Archive */
#gj_bulletin-archive {
text-align:right;
margin: 0 50px 0 0; 
padding: 1px 0 0 0; /* 1px top pad for Opera */
font-style:italic;
font-size:small;
}



/* --------- FORM for writing Bulletin Messages ---------- */

/* container for bulletin FORM */
#bulletin-form-wrapper {
text-align: left;
margin: 0 10px 0 10px;
padding: 3px 0 0 0;
}

#bulletin-form-container {
margin: 0 0 0 0;
padding: 10px 10px;
border-top: 1px solid #E5E5E5;
border-left: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
}

#bulletin-form-container h4 {
margin: 0 0 0 0;
padding: 4px 0 25px 0;
}

/* positions FORM subject desciption */
.gj_subject-desc {
float: left;
width: 25%;
}

/* positions SUBJECT FIELD next to subject description */
.gj_subject-field {
float: none;
}

/* positions FORM message area description */
.gj_leave_message-desc {
width: 25%;
float: left;
}

/* positions FORM MESSAGE AREA next to area description */
.gj_leave_message-area {
float: none;
}

/* creates space pushing SUBMIT button to the right */
#bulletin-form-wrapper .submit-spacerleft {
float: left;
width: 25%;
}

#bulletin-form-wrapper .submit-position {
margin: 2px 0;
}




/* --------------------------------------------------------
===========================================================
showfullmessage = Shows a single Bulletin Message (complete)
===========================================================
----------------------------------------------------------- */


/* Wrapper for showfullmessage template */
/* 1px says be nice to Opera */
#showfullmessage-tmpl-wrapper {
margin: 0 0 0 0;
padding: 20px 0 0 0; /* top pad here is to be nice to Opera */
}

#showfullmessage-main-container {
margin: 10px 10px;
}



/* ------- Headers ------- */

#showfull-bulletin-header-pane {
border: 1px solid #999999;
padding: 3px 0 ;
background-color:#E5E5E5;
}


/* Container for gj_showfull-bulletin-subject */
#showfull-bulletin-subject-container {
text-align:center;
float:left;
width: 50%;
}

/* Container for gj_showfull-bulletin-createdate */
#showfull-bulletin-author-container {
float:left;

width: 25%;
}

/* Container for gj_showfull-username */
#showfull-bulletin-created-container {
float:left;

width: 25%;
}


/* Bulletin Title Subject in showfullmessage */
.gj_showfull-bulletin-subject {
text-align:left;
text-indent:20px;
font-weight:bold;
font-variant:small-caps;
}

/* CreateDate of showfullmessage */
.gj_showfull-bulletin-createddate {
text-align:center;

font-weight:bold;
font-variant:small-caps;

}


/* UserName in showfullmessage */
.gj_showfull-username {
text-align:center;

font-weight:bold;
font-variant:small-caps;

}


/* container for Mod-Creator functions in showfullmessage*/
#gj_showfull-mod-wrap-left {
float:left;
max-width:100%;
width:50%;
}

/* container for Mod-Creator functions in showfullmessage*/
#gj_showfull-mod-wrap-center {
float:left;
max-width:100%;
width:25%;
}

/* container for Mod-Creator functions in showfullmessage*/
#gj_showfull-mod-wrap-right {
float:left;
max-width:100%;
width:25%;
}

/* Edit this Bulletin LINK */
.gj_showfull-mod-edit-post {

text-align:left;
text-indent:20px;
font-weight:normal;
font-size: xx-small;
}

/* Delete this Bulleting LINK */
.gj_showfull-mod-delete-post {
text-align:center;
font-weight:normal;
font-size: xx-small;
}

.showfull-bulletin-content {

margin: 0 0px 15px 0px;
padding: 10px 10px;
border-left: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
}


.showfull-bulletin-content h3 {

display:block;
width:auto;
margin: 2px 2px;
padding: 5px 3px;
border-top: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
background-color:#FFFFFF;

}



/* --------------------------------------------------------
===========================================================
archive = Displays List of all Archived Bulletin messages
===========================================================
----------------------------------------------------------- */


/* Wrapper for archive template */
#archive-tmpl-wrapper {
margin: 0 0 0 0;
padding: 20px 0 0 0; /* top pad here is to be nice to Opera */
}

#archive-tmpl-wrapper h3 {
display:block;
margin: 0 10px;
padding:4px 0 5px 0;
border-top: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
border-left: 1px solid #999999;
background-color:#E5E5E5;
text-indent:10px;
text-align:left;
}


#archive-main-container {
margin: 0 10px;
}


/*
.lightline-hr {
border: 1px solid #CCCCCC;
color:
}
*/


#archive-nav-container {
padding: 15px 0 10px 0;
border-left: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;

}

/* positions pagecounter using center column approach
(no-float between two floated elements and use of margin to fine-tune position) */
#archive-nav-container .pagecounter {
float:left;
width:30%;
text-indent:20px;
font-size:small;
font-weight:bold;
font-variant:small-caps;	
}

#archive-nav-container .pagelistoptions {
float:left;
width:15%;
}

/* positions <<Start <Prev Next> End>> navigation */
/* positions pagelist dropdown*/
#archive-nav-container .pagelinks {
float:left;
width:55%;
}


/* --------- LIST of Archived Bulletins ---------- */


#archive-header-container {
border-left: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
}

/* ------- The Headers ------- */

/*  Archive Header Container for gj_archive-bulletin-subject */
#gj_archive-bulletin-subject-header {
float:left;
width: 34%;
font-variant:small-caps;
}

/* Archive Header Container for gj_archive-bulletin-createddate */
#gj_archive-bulletin-createddate-header {
float:left;
width: 33%;
font-variant:small-caps;
}

/* Archive Header Container for gj_archive-username */
#gj_archive-username-header {
float:left;
width: 33%;
font-variant:small-caps;
}


/* ------- The LIST ------- */
#archive-list-container {
margin: 0 0 0 0;
padding: 3px 0 3px 0 ;
border-left: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
}


/*  Archive List Wrapper for gj_archive-bulletin-subject */
.gj_archive-bulletin-subject-listwrap {
float:left;
width: 34%;
}

/* Archive List Wrapper for gj_archive-bulletin-createddate */
.gj_archive-bulletin-createddate-listwrap {
float:left;
width: 33%;
}

/* Archive List Wrapper for gj_archive-username */
.gj_archive-username-listwrap {
float:left;
width: 33%;
}

/* Bulletin Subject in Archive bulletin LIST */
.gj_archive-bulletin-subject {
margin: 4px 0;
text-align:center;
font-size:small;
font-weight:bold;
}

/* CreateDate Subject in Archive bulletin LIST */
.gj_archive-bulletin-createddate {
text-align:center;
font-size:x-small;
font-weight:bold;
}

/* UserName Subject in Archive bulletin LIST */
.gj_archive-username {
text-align:center;
font-size:x-small;
font-weight:bold;
}

/* container for Mod-Creator functions in Archive */
.gj_archive-mod-wrap-left {
float:left;
width:33%;
}
/* container for Mod-Creator functions in Archive */
.gj_archive-mod-wrap-center {
float:left;
width:34%;
}
/* container for Mod-Creator functions in Archive */
.gj_archive-mod-wrap-right {
float:left;
width:33%;
}
/* Edit this Bulletin LINK */
.gj_archive-mod-edit-post {
text-align:center;
font-weight:normal;
font-size: xx-small;
}

/* Delete this Bulletin LINK */
.gj_archive-mod-delete-post {
text-align:center;
font-weight:normal;
font-size: xx-small;
}


/* --------------------------------------------------------
===========================================================
editpost = FORM to Edit Bulletin Posts
===========================================================
----------------------------------------------------------- */

/* Wrapper for editpost template */
#editpost-tmpl-wrapper {
text-align: left;
margin: 0 10px 0 10px;
padding: 3px 0 0 0;
}

#editpost-form-container {
margin: 0 0 0 0;
padding: 10px 10px 15px 55px;
border-top: 1px solid #E5E5E5;
border-left: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
}

#editpost-form-container h4 {
margin: 0 0 0 0;
padding: 15px 0 15px 0;
}


#editpost-form-container .submit-position {
margin: 8px 0;
}



/* --------------------------------------------------------
===========================================================
inactive = Shows List of Inactive User Functions
===========================================================
----------------------------------------------------------- */

/* Wrapper for inactive template */
#inactive-tmpl-wrapper {
margin: 0 0 0 4px;
padding: 0 0 0 0;
}

/* ------- Headers ------- */
/* Container for gj_intactive_name Header */

#inactive-name-header {
float:left;
width: 33%;
white-space:normal;
}

/* Container for gj_intactive_status Header */
#inactive-status-header {
float:left;
width: 34%;
}

/* Container for gj_intactive_actions Header */
#inactive-actions-header {
float:left;
width: 33%;
}

/* LIST Wrapper for inactive-name */
.inactive-name-listwrap {
float:left;
width: 33%;
}

/* LIST Wrapper for inactive-status */
.inactive-status-listwrap {
float:left;
width: 34%;
}

/* LIST Wrapper for inactive-actions */
.inactive-actions-listwrap {
float:left;
width: 33%;
}

/* Name LINK to UserProfile in Pending Inactive list */
.inactive-name {
font-size:small;
font-weight:bold;
}

/* Status in in Pending Inactive list */
.inactive-status {
font-size:small;
font-weight:bold;
}


/* Moderator Actions in Pending Inactive list */
.inactive-actions {
font-size:small;
font-weight:bold;
}
/* styling for Moderator Actions anchor(s) */
.inactive-actions a {
padding: 0 5px 0 5px;
}



/* --------------------------------------------------------
===========================================================
showmailform = FORM to edit Group Details
===========================================================
----------------------------------------------------------- */

/* Wrapper for showmailform template */
#showmailform-tmpl-wrapper {
text-align: left;
margin: 0 20px 0 20px;
padding: 20px 0 0 0; /* 20px is to be nice to Opera */
}

#showmailform-form-container {
margin: 0 0 0 0;
padding: 10px 25px 25px 25px;
border-top: 1px solid #E5E5E5;
border-left: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
}

#showmailform-form-container h4 {

}

/* mailgroup HEADER, headlines the showmailform template */
#mailgroup-gj_message {
color:#FF0000;
}

/* FORM positions subject desciption */
.gj_mail_subject-desc {
float: left;
width: 25%;
}

/* FORM positions SUBJECT FIELD next to subject description */
.gj_mail_subject-field {
float: left;
}

/* FORM positions mail body area description */
.gj_mail_body-desc {
float: left;
width: 25%;
}

/* FORM positions MAIL BODY next to body area description */
.gj_mail_body-area {
float: left;
}

/* FORM positions CC to Moderator checkbox description */
.gj_mail_cc_mod-desc {
float: left;
width: 25%;
}

/* FORM positions MAIL BODY next to body area description */
.gj_mail_cc_mod-checkbox {
float: left;
}

/* creates space pushing SUBMIT button to the right */
#showmailform-tmpl-wrapper .submit-spacerleft {
float: left;
width: 25%;
}

/* positions the SUBMIT button */
#showmailform-tmpl-wrapper .submit-position {
float: left;
margin: 6px 0;
}


/* --------------------------------------------------------
===========================================================
transfer = FORM to Transfer Group Ownership
===========================================================
----------------------------------------------------------- */

/* Wrapper for transfer template */
#transfer-tmpl-wrapper {
text-align: left;
margin: 0 10px 0 10px;
padding: 20px 0 0 0; /* 20px is to be nice to Opera */
}

#transfer-form-container {
margin: 0 0 0 0;
padding: 10px 10px;
border-top: 1px solid #E5E5E5;
border-left: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
}

#transfer-form-container h4 {
margin: 0 0 0 0;
padding: 4px 0 20px 0;
}

#transfer-form-container .submit-position {
margin: 10px 0;
}



/* ********************************************************
===========================================================
errorpage = (FOR error template file named error.tmpl)
NOTE: this is a seperate .tmpl file in templates folder
===========================================================
*********************************************************** */

/* wrapper for both Error templates */
.errorpage-tmpl-wrapper {
margin: 0 0 0 0;
padding: 35px 35px;
}

.errorpage-main-container {
float:left;
width:100%;
text-align:center;
margin:0 0 0 0;
padding: 1px 0 0 0;
background-color:#FFCCCC;
}

.errorpage-inner-container {
text-align:center;
background-color:#FFFFFF;
margin: 9px 10px 10px 10px;
padding: 10px 10px;
}

.error-msg-container {
width:100%;
text-align:center;
}


.error-email-moderator {
text-align:right;
margin:7px 0;
}

.errorlink-goback {
text-align:left;
}

.errorlink-goback a {
text-align:left;
color:#FF9900;
margin:0 0;
}


/* ===== ERROR Messaging Detail ===== */

/* style of Intro language constant */
#err_error-intro {
text-indent:20px;
text-align:left;
padding:0 0 10px 0;
font-style:italic;
margin:7px 0;
}

/* style of ErrorIntro Message */
#err_error-intromessage  {
text-align:center;
font-size: larger;
font-weight:bolder;
font-family: Verdana, "Lucida Sans Unicode" ;
line-height:1.25;
margin:7px 0;
}

/* style of Error Message */
#err_error-message  {
text-align:center;
font-size: larger;
font-weight:bolder;
font-family: Verdana, "Lucida Sans Unicode" ;
line-height:1.25;
}

/* style of Error Message LINK 
#err_error-message a  {
float:left;
width:100%;

text-align:center;
font-size: larger;
font-weight:bolder;
font-family:Courier;
clear:both;
}
*/

/* ===== DEFAULT Messaging Details ===== */

/* style of Default Intro language constant */
#def_error-intro  {
text-indent:20px;
text-align:left;
padding:0 0 10px 0;
font-style:italic;
margin:7px 0;
}

/* style of Default ErrorIntro Message */
#def_error-intromessage {
text-align:center;
font-size: larger;
font-weight:bolder;
font-family: Verdana, "Lucida Sans Unicode" ;
line-height:1.25;
margin:7px 0;
}

/* style of Default Message */
#def_error-message {
text-align:center;
font-size: larger;
font-weight:bolder;
font-family: Verdana, "Lucida Sans Unicode";
line-height:1.25;
}



/* **********************************************

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

    ******************************************
    ****** FROM HERE DOWN IS OLD CSS *********
    ****** THIS IS DEPRECATED AND WILL *******
    ********* EVENTUALLY BE REMOVED **********
    ******************************************

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

************************************************* */

/*-----------------------------------------------
DEPRECATED - 
------------------------------------------------*/
#gj_header {
 text-align: center;
 width: 100%;
 font-size: x-large;
 clear: both;
}

/*-----------------------------------------------
DEPRECATED - Group Information
Container for group name, logo, about group, etc... information
in numerous templates and GroupJive functions 
------------------------------------------------*/
#columnMain {
 float: left;	
 width: 75%;	
}

/*-----------------------------------------------
DEPRECATED - Group Creater/Moderator, Moderator Functions, Group Functions
Container for actions available to the user and/or the moderator
when logged in and viewing GroupJive pages
------------------------------------------------*/
#columnSmall1 {
 width: 24%;
 padding-left:1%;
 float:left;
 }

 /*-----------------------------------------------
 --------------------------------------------------
DEPRECATED - these ID's -REFACTORED- in showgroup CSS above
--------------------------------------------------
--------------------------------------------------

#-REFACTORED-columnSmall2 {
 vertical-align: top;
 width: 20%;
 float: left; 	
}
#-REFACTORED-columnSmall3 {
 vertical-align: top;
 padding: 0 5px 0 5px;
 float: left;
 width: 50%;
}
#-REFACTORED-columnSmall4 {
 width: 50%;
 padding: 0 5px 0 5px;
 vertical-align: top;
 float: right;
}
--------------------------------------------------
----------------------------------------------- */

/*-----------------------------------------------
DEPRECATED - Used in Editing Bulletin Title and Text during
- Bulletin Posts
- Bulletin Edits
------------------------------------------------*/
#columnBig1{
 vertical-align: top;
 float: left;
 width: 75%;
}

/*-----------------------------------------------
DEPRECATED - 
------------------------------------------------*/
#gjsearchbox
{
position:absolute;
margin-top:10px;
margin-left:100px;
width:245px;
height:165px;
z-index:200;
background-image: url(../../images/bubble.png);
display: none;
}

/*-----------------------------------------------
DEPRECATED - 
------------------------------------------------*/
.gjclose a {
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	color: #666666;
	border: 2px solid #cccccc;
	padding: 2px 4px 2px 4px;
	width: 5px;
	position: absolute;
	top: 25px;
	right: 25px;
}

/*-----------------------------------------------
DEPRECATED - 
------------------------------------------------*/

#gjinviteresults{
	padding:25px;
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
---------------- end OLD CSS ---------------------
************************************************** */