/* * * * * * * * * * * * * * * * * * * */
/*          GLOBAL ELEMENTS            */
/* * * * * * * * * * * * * * * * * * * */

.dyndispblocklbl {/*used in display profile  */
color: #ffffff;  
font-size: 8pt; 
font-weight: bold;
}
.justify-align {/* define to align justify 
text-align: justify; 
}
.left-align {/* define to align left 
text-align: left;
}
.gallary
{       /* background color replaced in place of bgcolor=#FFFF00 in image gallary page*/
background-color: #FFFF00;
}
.dynposition
{       /* background color replaced in place of bgcolor=#0000FF on dynamic position page*/
background-color: #0000FF;
}
.dyndisp
{       /* background color replaced in place of bgcolor=#666666 on dyndisp page*/
background-color: #8152D5;
}
.gallaryborder
{       /* background color replaced in place of bgcolor=#666666 on upcoming event page*/
border-color: #666666;
background-color: #636384;
}
.advcalander
{       /* background color replaced in place of bgcolor=#DEE0F3 on upcoming event page*/
background-color: #DEE0F3;
}
.bgcccccc
{       /* background color replaced in place of bgcolor=#CCCCCC */
background-color: #CCCCCC;
}
.bgcomm3 {       /* background color replaced in place of bgcolor=#333999 */
background-color: #333999;
}
.bgcomm2 {       /* background color replaced in place of bgcolor=#F2F2F2 */
background-color: #F2F2F2;
}
.bgcomm1 {       /* background color replaced in place of bgcolor=#A3AAE0 */
background-color: #a3aae0;
}
.forumeventtitle {       /* background color for forum/event title on  communities home page*/
background-color: #0000ae;
}

.alternateA {       /* background color replaced in place of bgcolor=#c9d6eb */
background-color: #c9d6eb;
}

.bg-white {       /* background color replaced in place of bgcolor=#FFFFFF */
background-color: #FFFFFF;
}
.eventrsvptitle {       /* background color for event RSVP title in view event of communities */
background-color: #DEE0F3;
}

.epcHead {/* used for Enhanced Private Community head */
background-color : #8152d5;
color : #ffffff;
}

.epcSubHead {/* used for Enhanced Private Community subhead */
background-color : #A675E5;
color : #ffffff;
}

.viewtext {/* used at myprofile page for Total views, Unique views and Views since...*/
font-size: xx-small; 
color : #FFFFFF;
}

.urconnected{/* used at myprofile page for Total views, Unique views and Views since... class added by rashmi ref to bug 978*/
font-size: xx-small;
font-weight: bold;
color : #FFFFFF;
}

.datetext {/* used in forum at view posts page */
font-face : verdana;
color : #000000;
font-size : 7pt;
}

.errortext {/* class for error */
font-size: xx-small;
color : #FF0000; 
}

/* style added by gww staff - class used for greeting before name|logout in top menu */

.greeting {
font-size: 8pt;  
font-weight: bold;
color: #339 ;
}

.menutext {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small;}

/* TEXT STYLES */

body, table, tr, td, p, ul, ol, li, blockquote {
font-size: 8pt; 
}

body, table, tr, td, p, ul, ol, li, blockquote, h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
}

/* LINK STYLES */

A:link, A:active, A:visited {
color: #339;
font-size: 11px;
text-decoration: none; 
}

A:hover {
color: #fc462c;
font-size: 11px;
text-decoration: underline; 
}
                          /* hyperlink class for 'click here' to submit testimonial bug:927 */
A.clickhere-testimonial:link, A.clickhere-testimonial:active, A.clickhere-testimonial:visited {
color: #339;
font-size: 11px;
text-decoration: none;
}

A.clickhere-testimonial:hover {
color: #339;
font-size: 11px;
text-decoration: underline;
}

/* hyperlink class for 'send email, Edit My Profile, Requests' on my profile page bug:927 */
A.myprofile:link, A.myprofile:active, A.myprofile:visited {
color: #339;
font-size: 11px;
text-decoration: none;
}

A.myprofile:hover {
color: #339;
font-size: 11px;
text-decoration: underline;
}
/* STYLES FOR LINKABLE GRAPHICS */

A:link IMG {
border: 2px solid #979d9b; 
}

A:visited IMG {
border: 2px solid #979d9b; 
}

A:hover IMG {
border: 2px solid #fc462c;
}
/* NEW CLASS FOR LINKABLE GRAPHICS mainly for People Bridge Icon at bottom of page*/

a.a1:link IMG {
border: solid 2px #fff; 
}

a.a1:visited IMG {
border: solid 2px white; 
}

a.a1:hover IMG {
border: 2px solid #fc462c;
} 

/* * * * * * * * * * * * * * * * * * * */
/*               CLASSES               */
/* * * * * * * * * * * * * * * * * * * */

.bg-dyndisply {/*  used in dynamic display */
background-color: #E6DCF7;
color: black;
}
/* MAIN BACKGROUND & RELATED TEXT COLORS */

.bg-whitespace {/*  used where a white background is needed */
background-color: white;
color: black;
}

.bg-whitespace1 {/*  used where a white background is needed */
background-color: white;
color: black;
}

.bg-sectionhead {       /*  header rows of menu and other sections throughout site */
font-size: 8pt;  
font-weight: bold;
background-color: #a3aae0;
color: #0000a0;
}

.bg-sectionbody-main {       /* background color for sections in center column */
background-color: #e8e9f7;
}

.bg-sectionbody-main1 {       /* background color for sections in center column */
background-color: #e8e9f7;
}

.bg-sectionbody-menu {       /* background for sections in left and right columns */
background-color: #c9cded;
}

.bg-sectionhead-profiles {   /* for headings of main sections within personal profiles */
font-size: 9pt;
background-color: #339;
color: white;
}

/* BORDER STYLES */

.bg-section-borders: {/* for the underlying tables that are used to create  */
background-color: #339; /* the bordered effect around and within all sections */
}

.bg-bordercolor {           /* for the long line below the header and above the footer */
background-color: navy;
}

/* STYLES FOR SMALL TEXT IN MEMBER PROFILE HEADINGS */

.friendsmalltext, a.friendsmalltext:link, a.friendsmalltext:active, a.friendsmalltext:visited  {
font-size: xx-small; 
font-weight: bold;
color: white;
text-decoration: none; 
}

a.friendsmalltext:hover {
font-size: xx-small; 
font-weight: bold;
color: #fc462c;
text-decoration: none; 
}

em.friendsmalltext { 
font-size: 1.5em;
font-style: normal;
}

/* GUESTBOOK HEADER STYLES */

.guestheader {
font-size: 10pt; 
font-weight: bold; 
color: white;
    text-decoration: none;
}

A.guestheader:hover {
font-weight: bold; 
font-size: 10pt; 
color: #fc462c;  
text-decoration: underline; 
}

.guestheadersmalltext {
font-size: xx-small; 
font-weight: bold; 
color: white;
}

/*            MEMBER NAME LINK STYLES          */
/* SHOWS WHO IS CURRENTLY LOGGED INTO THE SITE */

A.FriendOnline:link, A.FriendOnline:active, A.FriendOnline:visited {
font-size: 10px; 
color: #339; 
}

A.FriendOnline:hover {
font-size: 10px; 
color: #fc462c;
text-decoration: underline; 
}

A.FriendOffline:link, A.FriendOffline:active, A.FriendOffline:visited {
font-size: 10px; 
color: #808080; 
}

A.FriendOffline:hover  {
font-size: 10px; 
color: #fc462c;
text-decoration: underline; 
}

/* BUTTON STYLES */

.but {
background-color: #d2d6f0; 
font-size: 9pt; 
border: #8c8cff 1px solid; 
}

/* POSITIONING/LAYOUT STYLES */

.top-align {
vertical-align: text-top;
}

.bottom-align {
vertical-align: text-bottom;
}

.center-align {
text-align: center;
}

.right-align {
text-align: right;
}

.main_page_hspacing {/* defines horizontal spacing between blocks on main page */
width: 10px; 
}

.main_page_vspacing {/* defines vertical spacing between blocks on main page */
height: 10px; 
}

.centwidth {/* defines width of center column */
width: 468px; 
}

/* WELCOME MESSAGE STYLES */

.welcome1 {/* Welcome to Global Pau Hana */
font-size: 14px;  
font-weight: bold;
}

.welcome2 {/* Meet old friends. Make new ones. */
font-style: italic; 
}

/* THESE STYLES INDICATE IMPORTANT TEXT */

.mandatory, /* styles mandatory form field labels */
a.mandatory:link, /* and other red, bold text           */
a.mandatory:active, 
a.mandatory:visited, 
a.mandatory:hover {
font-weight: bold; 
color: red; 
}
.myrequest, /* styles myrequest form field labels */
a.myrequest:link, /* and other red, bold text */
a.myrequest:active, 
a.myrequest:visited, 
a.myrequest:hover {
color: #FF3333;
}
.important {
color: red;
}

/* MISCELLANEOUS STYLES */

.CareerHead {/* styles job title and date posteed on Career page */
font-size: 16px; 
font-weight: bold; 
font-style: italic; 
} 

.data {/* styles most form field labels */
background-color: #e8e9f7; 
color: #747474;
} 

.head {      /* styles community detail labels */
font-size: x-small; 
color: black; 
}

.header {/* styles header text found outside of section headers */
color: black;  
font-size: 8pt; 
font-weight: bold;
}

.members {/* class for how many members have joined the site */
font-size: 10pt; 
color: #0000a0;
}

/* classes added by gww for menu bar */
A.menubar:link, A.menubar:active, A.menubar:visited {
color: #339;
font-size: 12px;
font-weight: normal;
}

A.menubar:hover {
color: #fc462c;
/*below changed to small by dk 3/13 from x-small                   */
font-size: 12px;
font-weight: normal;
text-decoration: underline; 
}

.menu-bar {/* sets the height and background image of the menu bar */
height: 25px;/* that appears at the top of every page                */
background-image: url(http://newgph.thepeoplebridge.com/fileadmin/images/bg.jpg);
}

.smalltext {/* styles all small text */
font-size: xx-small; 
}

/* left menu border color added by rashmi - bug ref 814 */
/* .leftmenuborder { background-color: #333399; } */

/* added by chintan - bug ref 834 */

.menu_left_vspacing {
height: 10px;
}

.leftmenu_head {      /*  header row of left menu column  */
font-size: 8pt;
font-weight: bold;
background-color: #a3aae0; /*standard a3aae0 */
color:  #0000a0;   /*standard 0000a0 */
}

.bg-sectionbody-leftmenu {       /* background for sections in left columns */
background-color: #c9cded;
}

A.left_menu:link, A.left_menu:active, A.left_menu:visited {   /* left menu text link color  */
color: #339;
font-size: 11px;
text-decoration: none;
}

A.left_menu:hover {    /* left menu text link color when hover(mouse over) */
color: #FF0000;
font-size: 11px;
text-decoration: underline; }

.leftmenuborder {
background-color: #333399 /* 0000a0 */
}

.topbg {    /* background color for top right title advertising bar */
background-color: #FFFFFF;
} 

/* class for bottom menu */

.menu-bar-bottom {

height: 30px;
background-color: #FFFFFF;
/* below controls the vertical bar between menu items  */
font-size: 10px;
color: #000000;
font-weight: normal;
text-align: center;
}

/* classes added by chintan for bottom menu bar */
A.menubar-bottom:link, A.menubar-bottom:active, A.menubar-bottom:visited {
color: #339;
font-size: 12px;
font-weight: normal;
}

A.menubar-bottom:hover {
color: #FF0000;
/*below changed to 12px by dk 3/13 from 10px  */
font-size: 12px;
font-weight: normal;
text-decoration: underline; 
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* CLASSES TO DELETE AFTER CHANGES ARE FULLY IMPLEMENTED */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.commborder {/* will be replaced by .bg-bordercolor */
background-color: #0000a0;  
}

.upEventHead3 {/* will be replaced by .bg-sectionhead */
font-size: 8pt; 
color: #0000a0; 
font-weight: bold; 
background-color: #a3aae0;
}

.upEventMidTd {/* will be replaced by .bg-sectionbody-main */
background-color: #c9cded;
}

.upEventRightTd {  /* will be replaced by .bg-sectionbody-menu */
background-color: #c9cded;
}

.header1 {/* will be replaced by .header */
color: #747474;
font-size: 8pt; 
font-weight: bold; 
} 

.upEventHeadSub {/* will be replaced by .header */
font-size: 8pt; 
font-weight: bold; 
}

.upEventtd-lined {/* Styles table borders on My Requests and Ads  */
background: white; /* Module pages. These pages should be restyled */
border: 1px solid #0000f8; /* match how other borders are created.         */
} 

.datanew3 {
color: #0000a0;
font-size: 8pt; 
font-weight: bold; 
}

.upEventHead {/* will be replaced by .welcome1 */
font-size: 14px; 
font-weight: bold;
}

.upEventHead4 {/* will be replaced by .bg-sectionhead */
font-size: 8pt; 
color: #0000a0; 
font-weight: bold; 
background-color: #c9cded;
}

.CarrerHead {/* will be replaced by correctly spelled class */
font-size: 16px; 
font-weight: bold; 
font-style: italic; 
} 

.newsmalltext {/* will be replaced by .smalltext */
font-size: xx-small; 
color: #747474;
}

.mandatory1 {/* will be replaced by .mandatory */
font-size: xx-small; 
color: red; 
}

.careerSubHead {/* used at career page */
font-size:13;
color: #ffffff;
background-color : #3366cc;
font-weight: bold; 
}