/* It makes superimpose need to delete
a:link    { color:navy; text-decoration:none;}
a:visited { color:navy; text-decoration:none;}
a:hover   { color:blue; text-decoration:underline;}
*/
body 
{
    background-color: #015577;
    font: 13px/1.5 Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
}

h1
{
	font-weight: normal;
	font-size: 21px;
	color: #003c56;	
}

h1.RootTemplate
{
	font-weight:bolder;
	font-size: 18px;
	color: #60679f;	
}

h2
{
	font-weight: normal;
	font-size: 16px;
}

.MainContainer
{
      width: 970px;
      margin-left: auto;
      margin-right: auto;
      background-color: #FFFFFF;      
}

.TableClean 
{ 
    border: none; 
    padding: 0px;     
    margin: 0px; 
}

.LocalTime
{    
 /* Used to convert time to local time from UTC time via javascript */
}

.LocalDate
{
 /* Used to convert dates to local date via javascript! */
}

.boxOutlineMed {
    margin-top: 10px; 
    margin-bottom: 20px; 
    margin-left:50px; 
    width:500px; 
    height:60px; 
    padding:20px 10px 10px 10px; 
    border-radius: 6px 6px 6px 6px; 
    border:1px dashed #c9c9c9;
}





.PanelHorizontalBarNotSignedIn
{
    background-color:#EEEEFE;
    vertical-align: middle;
    padding-bottom:1px;padding-top:1px;
}

.PanelHorizontalBarSignedIn 
{
    background-color:#EEEEFE; 
    vertical-align:middle;
}

#PanelMasterFooter{
    border: 0px; 
    clear: both; 
    margin-left: 10px; 
    margin-right: 10px;
}

.ClearFloatBoth {
    line-height:1px;
    clear:both;
}

#banner
{
        /*height: 70px;*/
        width: 970px; 
        margin: 0px;
        padding: 0px;       
        background-position: right;
        background-repeat: repeat-x;
        background-image: url("http://cdn.socialnetwork.com/brands/sen/images/topBanner-lighter1x70-1-19-2012.jpg");
}

.BodyContainer
{
    
}

.PanelSideBar
{
    float:right; 
    width: 250px; 
    min-width: 250px; 
    margin-left: 700px;
    vertical-align: top;
}

.PanelContentHeaderAndBody
{
    min-height:500px; 
    vertical-align:top; 
    background-color: #FFFFFF;
    width: 700px;
}

.PanelContentHeaderAndBodyWide
{
    min-height:500px; 
    vertical-align:top; 
    background-color: #FFFFFF;
    width: 100%;
    clear: both;
}

.boxshadow 
{
  -moz-box-shadow: 3px 3px 5px #535353;
  -webkit-box-shadow: 3px 3px 5px #535353;       
  box-shadow: 3px 3px 5px #535353;
}

.roundbox
{  
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px;  
  border-radius: 6px 6px 6px 6px;
}
        
.NavSeperator 
{
    width: 17px;
    background: url("http://cdn.socialnetwork.com/brands/sen/images/arrow.gif");
    background-repeat: no-repeat;
    vertical-align:middle;
}

.RadMenu .rmLeftImage {
    margin: 2px 2px 0 -3px !important;
    padding-bottom: 2px !important;
    border: 0 none;
    float: left;
}

.Heading
{
    font-weight: normal;
    font-size: 20px;
    color: #4A82B5;
    font-family: Verdana;
}

.Heading2
{
    font-weight: normal;
    font-size: 18px;
    color: #007890;
    font-family: Verdana;
}

.IllustrativeTextLabel
{
    font-weight: bold;
    font-size: 12px;
    color: #0067ff;
    font-family: Verdana;
}
.LargerText
{
   font-size: 14px;
   color: #31344A;
   font-family: Verdana;
}
.listlinks
{
    font-weight: normal;
    font-size: 11px;
    font-family: Verdana, 'Comic Sans MS';
    text-decoration: none;
	padding-left: 1px;
}
/* Registration form styles */
#FormSignup textarea:focus, #FormSignup .styledinput:focus, #FormSignup .CheckListContainer:focus {
    border: 1px solid #6F91C5;
    background-color: #FFFF9D;
} 

#FormSignup .highlight {    
    background: #FFFF9D;
    margin: 0px;
    padding: 0px;
}

#FormSignup body {
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
}
#FormSignup p, h1, form, button { border:0; margin:0; padding:0; }
#FormSignup .spacer { clear:both; height:1px; }
/* ----------- My Form ----------- */
#FormSignup {
    margin:0 auto;
    width:650px;
    padding:14px;
}

 /* ----------- stylized ----------- */
#FormSignup {
    border:solid 2px #b7ddf2;
    background:#ebf4fb;
}
#FormSignup h1 {
    font-size:16px;
    font-weight:bold;
    margin-bottom:8px;
}
#FormSignup p {
    font-size:12px;
    color:#666666;
    margin-bottom:20px;
    border-bottom:solid 1px #b7ddf2;
    padding-bottom:10px;
}
#FormSignup .styledlabel {
    display:block;
    font-weight:bold;
    text-align:right;
    width:200px;
    float:left;
    padding-top: 2px;
}
#FormSignup .small{
    color:#666666;
    display:block;
    font-size:11px;
    font-weight:normal;
    text-align:right;
    width:200px;
}
#FormSignup button {
    clear:both;
    margin-left:150px;
    width:125px;
    height:31px;
    background:#666666 url(img/button.png) no-repeat;
    text-align:center;
    line-height:31px;
    color:#FFFFFF;
    font-size:11px;
    font-weight:bold;
    background-color: Gray;
}
#FormSignup .styledinput {
    float:left;
    font-size:12px;
    padding:4px 2px;
    border:solid 1px #aacfe4;
    width:220px;
    margin:2px 0 20px 10px;
}
#FormSignup .styledcombo {
    float: left;    
    padding:4px 2px;
    padding-left: 10px;
    font-size: 12px;
    margin-bottom:16px;
}
#FormSignup #dob {
    float: left; 
    width: 225px;
    padding:4px 2px;
    padding-left: 10px;
    font-size: 12px;
    margin-bottom:16px;    
}
#FormSignup .ErrorMessage {
    font-size: 14px;
    color:Maroon;
    font-weight:bold;
    margin-bottom: 16px;
    margin: 5px;
    padding: 5px;
    border: 2px solid Maroon;
}
#FormSignup .CheckListContainer {    
    float: left;
    width: 425px;   
    padding-left: 5px; 
    margin: 1px;
}
/* End of registration form */
.listlinks:hover
{
    text-decoration: underline
}
.BigNav
{
    font-weight: bold;
    font-size: 14px;
    color: #0067ff;
    font-family: Verdana;
    text-decoration: none;
}
.BigNav:hover
{
	color: #4097ff;
	text-decoration:underline;
}
.TextBody
{
    font-size: 12px;
    color: black;
    font-family: Verdana;
    font-variant: normal;
}
.footer
{
    font-size: 11px;
    color: #808080;
    font-family: Verdana;
}
.nav:hover
{
    color: #4097ff;
    text-decoration: underline;
}
.nav
{
    font-size: 11px;
    color: #0067ff;
    font-family: Verdana;
    text-decoration: none;
}
.navSmall
{
    font-size: 10px;
    color: #0067ff;
    font-family: Verdana;
    text-decoration: none;
}
.navSmall:hover
{
	text-decoration:underline;
}
.navWithArrow
{
    font-family: Verdana;
    background:url("http://cdn.socialnetwork.com/brands/sen/images/arrow.gif") no-repeat center left;
    padding-left: 18px;
    font-size: 12px;
    color: #0067ff;    
    text-decoration: none;
}
.navWithArrow:hover
{
    font-family: Verdana;
    background:url("http://cdn.socialnetwork.com/brands/sen/images/arrow.gif") no-repeat center left;
    padding-left: 18px;
    font-size: 12px;
    color: #0067ff;    
    text-decoration: underline;
}
.navWithArrowLarge
{
    font-family: Verdana;
    background:url("http://cdn.socialnetwork.com/brands/sen/images/arrow.gif") no-repeat center left;
    padding-left: 18px;
    font-size: 16px;
    color: #0067ff;    
    text-decoration: none;
}
.navWithArrowLarge:hover
{
    font-family: Verdana;
    background:url("http://cdn.socialnetwork.com/brands/sen/images/arrow.gif") no-repeat center left;
    padding-left: 18px;
    font-size: 16px;
    color: #0067ff;    
    text-decoration: underline;
}
.navWithIcon:hover
{
    text-decoration:underline;
}
.default
{
    font-size:medium;    
}
.boxed-list ul
{
	list-style: disc;
    margin-left: 0;
    padding-left:10px;
}

/* Grapevine styles */
.GrapevineBodyLink
{
    font-weight: bold;
    font-size: 14px;
    color: #0067ff;
    text-decoration: none;
}
.GrapevineBodyLink:hover
{
    font-weight: bold;
    font-size: 14px;
    color: #0067ff;    
    text-decoration:underline;
}
.GrapevineItemsTable
{    
    border: 0; 
    padding: 0; 
    margin: 0;
}
.GrapevineItemsPosterCell
{
    width: 120px; 
    vertical-align: top;    
}
.GrapevineItemsAltPosterCell
{
    width: 120px; 
    vertical-align: top;    
}
.GrapevineItemsContentCell
{
    vertical-align: top; 
    text-align: left; 
    width: 420px;    
}
.GrapevineItemsAltContentCell
{
    vertical-align: top; 
    text-align: left; 
    width: 420px;    
}
/* v-- To make a cell look like a button and you can click on it and voila its a hyperlink --v */
.CellButtonSmall
{
    width:80px;
    border:solid 0 #000000;
}
a.CellButtonSmallA
{
    display:block;
    width:100%;
    height:18px;
    background:#39A2D6;
    text-align:center;
    vertical-align:middle;
    text-decoration:none;       
    font-size:14px;
    font-weight:bold;
    color:#ffffff;
}
.CellButtonTD 
{ 
    width:200px;
    border:solid 1px #000000;
}
a.CellButtonA 
{
    display:block;
    width:100%;
    height:22px;
    background:#39A2D6;
    text-align:center;
    vertical-align:middle;
    text-decoration:none;       
    font-size:16px;
    font-weight:bold;
    color:#ffffff;
}
a.CellButtonA:hover 
{
    background:#1075A5;
    color:#ffffff;
}
/* ^ -- End of CELL button -- ^ */
.catagory
{
    font-size: 11px;
    color: #7B69EF;    
}
.BigName
{
    padding-right: 2pt;
    padding-left: 2pt;
    font-weight: bold;
    font-size: 17px;
    padding-bottom: 2pt;
    color: #7B69EF;
    padding-top: 2pt;
    font-family: Arial;
    text-decoration: none;
}
.SiteHeading
{
    font-weight: bold;
    font-size: 18px;
    color: #E7DFCE;    
    position: relative; top:-5px;
}
.BigHeading
{
    font-weight: bold;
    font-size: 18px;
    color: #60679f; 
}
.photo
{
    border-right: #a2a0d5 2px solid;
    padding-right: 2px;
    border-top: #a2a0d5 2px solid;
    padding-left: 2px;
    padding-bottom: 2px;
    border-left: #a2a0d5 2px solid;
    padding-top: 2px;
    border-bottom: #a2a0d5 2px solid;
}
.photo_HL
{
    border-right: #00BFFF 2px solid;
    padding-right: 2px;
    border-top: #00BFFF 2px solid;
    padding-left: 2px;
    padding-bottom: 2px;
    border-left: #00BFFF 2px solid;
    padding-top: 2px;
    border-bottom: #00BFFF 2px solid;
}
.smalltext
{
    font-size: 10px;       
}

.TableSectionHeader
{
	background-color: #D4D9EC;
	color: #8A2BE2;
	font-size: 12px;	
	font-variant: normal;
}

.BannerBarMediumTextStrong
{
	font-weight:bolder;
    font-size: 18px;
    color: #60679f;    
}

.BannerBarTextStrong
{
    font-size: 10px;
	font-weight:bolder;
    color: #8C28E7;    
}

.MediumHeading
{
    font-weight: bold;
    font-size: 13px;
    color: #808080;    
}

.MediumText
{
    font-size: 14px;
    color: #29246B;    
}

.smallNav
{
    font-size: 9px;
    color: #0067ff;    
    text-decoration: none;
}
.smallnav:hover
{
    color: #4097ff;
    text-decoration: underline;
}
/* Thumbnail area scrolling body for nesting  picture thumbnail content inside frames or embedded pages */
.ThumbsScroll 
{
/*        overflow: auto; */
		width: 592px; 
		/*height: 750px; */
		border-right: #666 1px solid; 
		padding-right: 8px; 
		border-top: #666 1px solid; 
		padding-left: 8px; 
		padding-bottom: 8px; 		
		border-left: #666 1px solid; 	
		padding-top: 8px; 
		border-bottom: #666 1px solid; 
		background-color:White;
}


.PanelBarAdBorder 
{
     border:0px solid black;
     background:#e4dfc9;
}

/* Styles for regular page content */
h1.Reduced
{	
    color: #8C28E7;
	font-style:normal;
	font-weight:normal;
    font-size: 25px;    
}

h2.Reduced
{	
    color: #752377;
	font-style:normal;
	font-weight:normal;
    font-size: 18px;     
}

/* Styles for Event Picture Galleries */
h1.GalleryTitle
{	
	font-size: 12px;
    color: #752377;    
	text-align: left;
    font-weight: bold;
}

h2.GalleryDescription
{
	font-size: 10px;
}

/* Styles for emails */
.MailSubjectLabel
{
	font-size: 12px;
	font-weight: normal;	
}

.MailSubject
{	
	font-size: 12px;
	font-weight: bold;
}

.MailBody
{
	font-size: 12px;
	font-weight: normal;
}

/* Styles for SiteMap */
.SiteMap
{
  border: 1px solid black; 
  background-color:white;  
  font-size: 10px;
}

.SiteMapTableCell
{
  padding: 5px;
}

.SitemapRootNode
{ 
  color: black;
  font-size: 10px;
  font-weight: bold;
  padding-left:3px;
} 

.SitemapRootNode a
{ 
  color: black;
  text-decoration:none;
} 

.SitemapRootNode a:hover
{ 
  color: black;
  text-decoration:underline;
} 

.SitemapParentNode
{   
  font-size:10px;  
  padding-left:3px;
  white-space: nowrap;
  margin: 0;
  padding: 0;
} 

.SitemapParentNode a
{ 
  color: black;
  text-decoration:none;
} 

.SitemapParentNode a:hover
{ 
  color: black;
  text-decoration:underline;
} 

.SitemapLeafNode
{ 
  color: #A31515;  
  font-size:10px;  
  padding-left:3px;
  white-space: nowrap;
} 

.SitemapLeafNode a
{ 
  color: #A31515;
  text-decoration:none;
} 

.SitemapLeafNode a:hover
{ 
  color: #A31515;
  text-decoration:underline;
}


/* Styles for Message Center */
.MessageCenterPane
{
	border-left: thin solid #996699;
	border-right: thin solid #996699;
	border-top: thin solid #996699;
	border-bottom: thin solid #996699;
}

.MessageSubject
{
    font-size: 12px;
    font-weight:normal;
    color: black;    
    font-variant: normal;
}

.MessageExcerpt
{
    font-size: 10pt;
    font-weight:normal;
    color: black;    
    font-variant: normal;
}


/* Styles for the VENUE DIRECTORY */
/* Determines the size of the embedded venue pane */
.VenueDirectoryVenueEmbedding {
		width: 700px;
		padding-left: 8px; 
		padding-right: 8px; 
		padding-top: 8px; 
		padding-bottom: 8px; 
		overflow: auto; 
		border-left: none; 	
		border-right: none; 
		border-top: none; 
		border-bottom: none; 
		BACKGROUND-color:White;
		border: none;		
}
/* Area containing the actual list of venues */
.VenueDirectoryVenueList {
	border-left: thin dashed #996699; 	
	border-right: thin dashed #996699;
	border-top: thin dashed #996699;
	border-bottom: thin dashed #996699;
	width: 700px;
}
/* Venue search filter at the top of the page */
.VenueDirectoryVenueSearchBar {
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: none;
	width: 700px;
	height: 30px;
}
/* Venue Search Bar bottom row options section */
.VenueDirectoryVenueSearchBarOptions
{
	border-left: thin solid #996699;
	border-right: thin solid #996699;
	border-top: thin solid #996699;
	border-bottom: thin solid #996699;
}

.VenueDirectoryVenueName
{	
	font-size:14px;
	font-weight:bold;
	color: Black;
}
.VenueDirectoryVenueName:link    
{
	color:navy;
	text-decoration:none;
}
.VenueDirectoryVenueName:hover    
{
    color: #4097ff;
	text-decoration:underline;
}
.VenueDirectoryVenueAddress
{	
	font-size:10px;
	color: Black;
}
.VenueDirectoryPremiumVenue
{	
	font-style:normal;
	font-size:10px;
	color: #5c2d1d;
}
/* Amenities table and cell styles */
.AmenTable {
    text-align:left; 
    width: 100%;
}
.AmenCell {
    text-align: left;
    width: 24%;
}

/* BEGIN: STYLES FOR PAGE CONTENT AREAS */
.PageHeader1
{	
	font-style:normal;
	font-weight:bold;
	font-size:21px;
	color: Black;
}
.PageContentWrap
{
	background-color:#e4dfc9;
}

.PageContentRegion
{
	background-color:#ffffff;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 8px; 
}

.PagePoweredByBar
{
	background-color:#e4dfc9;
}

.PagePanelBar
{
	background-color:#e4dfc9;
}
/* END: STYLES FOR PAGE CONTENT AREAS */

/* BEGIN: STYLES FOR HTML FORMS */
.FormFieldLabel
{
    color:#6E60B0;    
    padding-right: 2pt;
    padding-left: 2pt;
}
.FormFieldText
{    
    color: #5E80b9;    
}
.FormBanner1
{
    padding-right: 2pt;
    padding-left: 2pt;
    font-weight: bold;
    font-size: 17px;
    padding-bottom: 2pt;
    color: #8C3873;        
    text-decoration: none;
}
.FormBanner2
{
    padding-right: 2pt;
    padding-left: 2pt;
    font-weight: bold;
    font-size: 12px;
    padding-bottom: 2pt;
    color: #7B69EF;        
    text-decoration: none;
}

.FormErrorMessage
{    
    font-size: 14px;
    color:Maroon;
    font-weight:bold;
}
.FormSuccessMessage
{    
    font-size: 14px;
    color:#39A24A;
    font-weight:bold;
}
.FormLogonHorizontal
{
    font-size: 10px;
    color: #8C28E7;    
}
.FormLogonHorizontal .FormFieldLabel
{
    color:#6E60B0;    
    padding-right: 2pt;
    padding-left: 2pt;
}
.FormLogonHorizontal input
{
    border: solid 1px #5E80B9;    
    color: #5E80B9;    
    line-height: 14px;
    height: 16px;
    vertical-align: middle;
}
.FormTrendy
{
    font: normal 11px Verdana, Arial, Sans-serif;
    color:#6E60B0;
}
.FormTrendy .FormFieldLabel
{
    color:#6E60B0;
    font: normal 18px Verdana, Arial, Sans-serif;
    padding-right: 2pt;
    padding-left: 2pt;
}
.FormTrendy sup
{
    color: red;
}
.FormTrendy input
{
    border: solid 1px #5E80B9;
    width: 220px;
    color: #5E80B9;
    line-height: 26px;
    height: 26px;
}
.FormMini
{
    font: normal 11px Verdana, Arial, Sans-serif;
    color:#6E60B0;
}
.FormMini .FormBannerBar
{
    background-color: #D4D9EC;
	color: #8A2BE2;
	font-size: 12px;
	height:16px;
	line-height:16px;	
	font-variant: normal;
}
.FormMini .FormFieldLabel
{
    color:#6E60B0;
    font: normal 12px Verdana, Arial, Sans-serif;
    padding-right: 2pt;
    padding-left: 2pt;
}
.FormMini .FormFieldDef
{
    color:#6E60B0;
    font: normal 10px Verdana, Arial, Sans-serif;
    padding-right: 2pt;
    padding-left: 2pt;
}
.FormMini .FormFieldText
{
	border: solid 1px #5E80B9;    
	color: #5E80B9;
	font: bold 14px Verdana, Arial, Sans-serif;
	height: 20px;
	vertical-align:middle;
    width: 100%;
}
.FormMini sup
{
    color: red;
}
.FormMini input
{
    border: solid 1px #5E80B9;    
    color: #5E80B9;
    font: bold 12px Verdana, Arial, Sans-serif;
    line-height: 16px;
    height: 14px;
	vertical-align:middle;
}

/* BEGIN: Content management system (CMS) styles */
.CMSListContent
{
	border-top: 1px;
	border-left: 1px;
	border-right: 1px;
	border-bottom: 1px;
	border-style:solid;
	border-color: #000000;
	background-color: #e5e5ff;
}
/* END: Content management system (CMS) styles */

/* BEGIN: Content management system (CMS) styles */
.CMSTableColumnHeader
{    
	color: #e5e5ff;
}
/* END: Content management system (CMS) styles */

/* BEGIN: Contact list styles */
.ContactsHeader
{		
	font-size: 12px;
}
.ContactsScroll 
{
		width: 280px; 
		height: 400px; 
		border-right: #666 1px solid; 
		padding-right: 8px; 
		border-top: #666 1px solid; 
		padding-left: 8px; 
		padding-bottom: 8px; 
		overflow: auto; 
		border-left: #666 1px solid; 	
		padding-top: 8px; 
		border-bottom: #666 1px solid; 
		BACKGROUND-color:White;
}

/* END: Contact list styles */

#ContentBodyDiv
{
  margin: 2px;
  padding: 0;  
  color: #00467E;
  min-height:100%;
  text-align: left; 
}

#ContentNavigationDiv
{
}

.PageHomeLoginBox
{
    width: 350px;
    height: 280px;
    background-color: #EFEFEF;
}

.PageHomeRegisterBox
{
 
}

/* PEOPLE MATRIX */
.PeopleMatrixDiv
{
}

.PeopleMatrixTable
{
}

.PeopleMatrixPersonFactsDiv
{
    text-align:center;    
    font-size: 12px;
    margin: 2px 2px 2px 2px;
}

.PeopleMatrixPictureDiv
{
}

/* --------------------------  New Styles ------------------------------ */

 .left{ float:left}
 .right{float:right}
 .clear{clear:both}
 .clearL{clear:left}
 .bold{ font-weight:bold}  
 .hand{ cursor:pointer; }  
 .hide{display:none;}
 
 .mainContainer_2	{             
	 margin-left: auto;
	 margin-right: auto;
	 width: 970px;                 
}
#demopass1, #demopass2
{
	position:absolute;        
}       
    #divContactLinks
    {
        border: 0px solid;
        width:760px;
    }
    .contact
    {
        clear:both;
        width: 100%;        
    }
    .displayName, .displayName a
    {
        font-family:Verdana;
        color:#3B5998;
        font-size:11px;        
        text-decoration: none;
    }
    .displayName a:hover
    {
        text-decoration: underline;
    }
    .bodytxt
    {
        font-family:Verdana;
        color: #333333;
        font-weight:normal;
        font-size:11px;
    }   
    .profile
    {
        float:left;
        width:450px;
    }
    .remove
    {
        float:right;
        width:160px;
        padding-right:12px;
        text-align:right;
    }
    .remove a, #spnclear a
    {
        font-family:Verdana;
        font-size:13px;
        text-decoration:none;
        color: #3B5998;
    }
    .remove a:hover, #spnclear a:hover
    {
        text-decoration:underline;
    }
    #txtFilter
    {
        font-family:Verdana;
        font-size:13px;
        color: #333333;
        width: 200px;
        height:18px;
    }
    #tablabel
    {
        
        padding: 15px 0 15px 0;
        border-top: 1px solid #3B5998;
        border-bottom: 1px solid #c9c9c9;
        width:760px;
    }
    .label
    {
        font-family:Verdana;
        font-size:13px;
        color: #3B5998;
    }
    .ucfirst
    {
        text-transform:capitalize;
    }
    #spnclear
    {
        display: none;
    }
    
    #loadingimg
    {
        background-image: url("http://cdn.socialnetwork.com/images/loading.gif");
        width:49px;
        height:50px;
        display: none;
        position: absolute;
    }


    
    
          
    .listdatetime
    {
        font-family:Verdana;
        color: #3B5998;
        font-weight:normal;
        font-size: 9px;
    }    
       
    .imgframe
    {
        float:left;
        width:90px;
    }
    .separatorline
    {
        clear:both; 
        border-bottom: 1px solid #c9c9c9; 
        padding-bottom:15px; 
        width:100%
    }     
    
    .subject
    {
        font-family:Verdana;
        font-size:11px;
        color: #3B5998;
    }
    .cloumnsmall
    {
        float:left;
        width:150px;
    }
    .clmnmedium
    {
        float:left;
        width:340px;
    }   
    
     
    .actions {
        background: #7596C9;
        background-image: url('http://cdn.socialnetwork.com/images/arrow_down.gif');
        background-repeat: no-repeat;
        background-position: center right;
        color: #FFFFFF;
        font-size: 11px;
        position: relative;        
        border: 2px solid #6788BE;        
        width: 80px;
        padding-left: 2px;   
         
    }


    .actions ul.submenu {
            background: #7596C9;
            clear:both;
            display:none;
            position: absolute;
            top:18px;
            left:-2px;
            border-left: 2px solid #6788BE;
            border-right: 2px solid #6788BE;
            border-bottom: 2px solid #6788BE;
            padding-left: 2px;
            width: 80px;
    }

    .actions li a {
            color: #FFFFFF;
            text-decoration: none;
    }

    .actions li a:hover {
        text-decoration: underline;
    }
    
    
    .profileTitle {
        font-weight: normal;
        font-size: 20px;
        color: #4A82B5;
        font-family: Verdana;
    }
    .profileSectionHeader {
        font-size: 14px;
        color: #4A82B5;
        font-family: Verdana;
        font-weight: bold;
    }
    .profileIntroText {
        font-size: 12px;
        color: #333;
        font-family: Verdana;
    }
     
/* --------------------------  End New Styles ------------------------------ */


/* V--- STYLES FOR LIGHTBOX JAVASCRIPT --V */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer #hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://cdn.socialnetwork.com/images/Lightbox2/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://cdn.socialnetwork.com/images/Lightbox2/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://cdn.socialnetwork.com/images/Lightbox2/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
/* ^-- STYLES FOR LIGHTBOX JAVASCRIPT --^ */

/* CTA buttons */
.btnCTAMeetPeople {
	display:block;
	width:250px;
	height:50px;
    text-indent:-9999px;
}
.btnCTAMeetPeople a {
	display:block;
	width:100%;
	height:100%;
	background:transparent url(http://cdn.socialnetwork.com/buttons/cta/CTA-MeetPeopleButton.jpg) no-repeat top left;
	outline:none;        
}
.btnCTAMeetPeople a:hover {
	background-position:0 -50px;
}
.btnCTAAddContact {
	display:block;
	width:250px;
	height:50px;    
	text-indent:-9999px;
}
.btnCTAAddContact a {
	display:block;
	width:100%;
	height:100%;
	background:transparent url(http://cdn.socialnetwork.com/buttons/cta/CTA-AddContact.jpg) no-repeat top left;
	outline:none;        
}
.btnCTAAddContact a:hover 
{
    background:transparent url(http://cdn.socialnetwork.com/buttons/cta/CTA-AddContact.jpg) no-repeat top left;
	background-position:0 -50px;
}
.btnCTASendAMessage {
	display:block;
	width:250px;
	height:50px;        
	text-indent:-9999px;
}
.btnCTASendAMessage a {
	display:block;
	width:100%;
	height:100%;
	background:transparent url(http://cdn.socialnetwork.com/buttons/cta/CTA-SendAMessage.jpg) no-repeat top left;
	outline:none;        
}
.btnCTASendAMessage a:hover 
{
    background:transparent url(http://cdn.socialnetwork.com/buttons/cta/CTA-SendAMessage.jpg) no-repeat top left;
	background-position:0 -50px;
}
/* ^-- STYLES FOR CTA BUTTONS --^ */