BODY {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: #666 10px solid; PADDING-LEFT: 0px; FONT-SIZE: 8.5pt; BACKGROUND-IMAGE: url(/images/homebg.gif); PADDING-BOTTOM: 20px; MARGIN: 0px; BORDER-LEFT: 0px; COLOR: #333; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.mainfont {  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color:#000000}
#containment {
	BORDER-RIGHT: #dbdbdb 1px solid; BORDER-TOP: #dbdbdb 1px solid; MARGIN-TOP: 0px; BORDER-LEFT: #dbdbdb 1px solid; BORDER-BOTTOM: #dbdbdb 1px solid
}
.mainborder {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid
}

.mainfontBold 			{ padding: 6px 6px 6px 6px; font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; }

.mainsmall {  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; color:#000000}

.maingray {  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color:#7b7b7b}

.mainblue {  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color:#8C8C8C; background: #659FC1; border: 1px solid #659FC1;
border-bottom:solid #659FC1 1px;
border-top: solid #659FC1 1px;
border-left: solid #659FC1 1px
border-right:solid #659FC1 1px;
}
.thumbnail{
	float: left;
	width: 60px;
	background-color:none;
	border:1px solid #ff9c9c;
	margin: 0 15px 15px 0;
	padding: 5px;
	}

.clearboth { clear: both; }

.boxgray {  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; color:#7b7b7b}

.smallgray {  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 8px; font-style: normal; color:#7b7b7b}

.body {  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #333333}
.body 	a:link 		{ color: #003399; text-decoration: none; }
.body 	a:active 	{ color: #003399; text-decoration: none; }
.body	a:visited 	{ color: #003399; text-decoration: none; }
.body	a:hover	 	{ color: #CC0000; text-decoration: underline; }

.body-rollover { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color:#000000 }
.body-rollover 	a:link 		{ color: #003399; text-decoration: none; }
.body-rollover 	a:active 	{ color: #003399; text-decoration: none; }
.body-rollover	a:visited 	{ color: #003399; text-decoration: none; }
.body-rollover	a:hover	 	{ color: #CC0000; text-decoration: underline; }

.body1 {  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color:#FFFFFF}
.body1 	a:link 		{ color: #FFFFFF; text-decoration: none; }
.body1 	a:active 	{ color: #FFFFFF; text-decoration: none; }
.body1	a:visited 	{ color: #FFFFFF; text-decoration: none; }
.body1	a:hover	 	{ color: #CC0000; text-decoration: underline; }

.body1-rollover { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color:#FFFFFF }
.body1-rollover 	a:link 		{ color: #FFFFFF; text-decoration: none; }
.body1-rollover 	a:active 	{ color: #FFFFFF; text-decoration: none; }
.body1-rollover	a:visited 	{ color: #FFFFFF; text-decoration: none; }
.body1-rollover	a:hover	 	{ color: #FFFFFF; text-decoration: underline; }

.bold { font-weight: bold; }

.small { font-size: 10px; }

.large { font-size: 12px; }

.light { color: #7F7F7F; }

.dark { background: #6DA8CA; }

.system_message { background-color: #659FC1; 
	color: #FFFFFF;
}

.form_tip { background-color: #6DA8CA; font-size: 11px; color:#FFFFFF;}

.padded-small { padding: 0px 0px 4px 0px; }

.padded-large { padding: 0px 0px 10px 0px; }

.padded-6 { padding: 6px; }

.inline { padding: 6px 6px; }

.inline-last { padding-top: 6px; padding-left: 6px; }

.hover-only a:link 	{ text-decoration: none; }
.hover-only a:active 	{ text-decoration: none; }
.hover-only a:visited { text-decoration: none; }
.hover-only a:hover 	{ text-decoration: underline;}

.c2 {background-color: #F8F8F8;} /* lightgray light */
.c3 {background-color: #F0F0F0;} /* lightgray middle*/


.orangeheader {  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 25px; font-style: normal; color:#ff6600}

.orangebody {  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color:#ff6600}

.bodytip {  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; color:#000000}

.bodygray {  text-decoration: none; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color:#555555; }

.bodyheader {  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; color:#000000}

.footer {  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color:#7b7b7b}
 
a:link {
text-decoration: none;
	color:#ffefd5;
	}

a:active {

	color:#FFFFFF;
	}

a:visited {
text-decoration: none;
	color:#ffefd5;
	}
a:hover{color:#cc0000;}	

.main_graphics {
 text-decoration: none;
 border-bottom:solid #9E9898 1px;
 border-top: solid #9E9898 15px;
 border-right:solid #9E9898 1px;
 border-left:solid #9E9898 1px;
 padding: 4px 6px;
 background-color: #EAE4E4;
}

.main_box {
 text-decoration: none;
 border-bottom:solid #659FC1 10px;
 border-top: solid #659FC1 5px;
 border-right:solid #659FC1 1px;
 border-left:solid #659FC1 1px;
 padding: 4px 6px;
 background-color: #EEEEEE;
}

.upper_style {
 text-decoration: none;
 border-bottom:solid #FCF6F6 1px;
 border-top: solid #FCF6F6 1px;

 border-left:solid #FCF6F6 1px;
 padding: 4px 6px;
 background-color: #FCF6F6;
 color:#000000;
 cursor: pointer;
}

.upper_style2 {
 text-decoration: none;
 border-bottom:solid #FCF6F6 1px;
 border-top: solid #FCF6F6 1px;
 border-right:solid #FCF6F6 1px;
 padding: 4px 6px;
 background-color: #FCF6F6;
 color:#000000;
 cursor: pointer;

}


.button-system {
 text-decoration: none;
 border: 1px solid #FEE7EF;
 padding: 4px 6px;
 background-color: #659FC1;
 color:#FFFFFF;
 cursor: pointer;
 }

.header3 {
 border: 1px solid ##E2EBFC;
 padding: 4px 6px;
 text-align: left;
 font-family:  Verdana,Tahoma, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #FFFFFF;
 }

.header4 {
 border: 1px solid #C8DAFD;
 padding: 4px 6px;
 text-align: left; 
 font-family:  Verdana,Tahoma, Arial, Helvetica, sans-serif; 
 font-size: 11px; 
 font-weight: bold; 
 color: #FFFFFF;
 }
 

 .header1 {
  border: 1px solid #C0C0C0;
  padding: 4px 6px;
  text-align: left; 
  font-family:  Verdana,Tahoma, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-weight: bold; 
  color: #000000;
 }

.td-shade	{ background: #EEEEEE; }

.find_friends{ 
background: #6DA8CA; border: 1px solid #6DA8CA;
padding: 6px 6px 6px 6px; font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; 
}
.td-lined 			{ background: #FFDDCC; border: 1px solid #FF8888; }
.td-lined-bottom 	{ background: #99CC33; border-bottom: 1px solid #99CC33; }
.td-lined-right 	{ background: #FFDDCC; border-right: 1px solid #FF8888; }
.td-lined-top	 	{ background: #99CC33; border-top: 1px solid #99CC33; }
.td-lined-left		{ background: #FFDDCC; border-left: 1px solid #FF8888; }

.td-D1D1DD             { background-color: #D1D1DD;}
.td-444444             { background-color: #444444;}
.td-E3EFFA             { background-color: #E3EFFA;}
.td-CED6B5             { background-color: #CED6B5;padding: 6px;}
.td-FFD674        		 { background-color: #9E9898;border: 0px;border-bottom: 0px;border-right: 0px;border-top: 0px;border-left: 0px;
color:#FFFFFF; 
font-weight:bold;
}
.td-99CC33	       { background-color: #99CC33;}

.title 			{ padding: 6px 6px 6px 6px; font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; }

.titleWht 		{ padding: 6px 6px 6px 6px; font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; }

.titleWhite 			{ padding: 6px 6px 6px 6px; font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; }

.title-box 		{ padding: 0px 0px 0px 0px; font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; }
.title-box a:link 		{ color: #003399; text-decoration: none; }
.title-box a:active 	{ color: #003399; text-decoration: none; }
.title-box a:visited 	{ color: #003399; text-decoration: none; }
.title-box a:hover 		{ color: #CC0000; text-decoration: underline;}

.title-link 	{ padding: 0px 6px 0px 0px; font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #FFFFFF; }
.title-link a:link 		{ color: #FFFFFF; text-decoration: none; }
.title-link a:active 	{ color: #FFFFFF; text-decoration: none; }
.title-link a:visited 	{ color: #FFFFFF; text-decoration: none; }
.title-link a:hover 	{ color: #cc0000; text-decoration: underline;}


.subtitle 			{ padding: 0px 0px 0px 0px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #555555; }
.subtitle a:link 	{ text-decoration: none; }
.subtitle a:active 	{ text-decoration: none; }
.subtitle a:visited { text-decoration: none; }
.subtitle a:hover 	{ text-decoration: underline;}

.tip-title 		{ padding: 0px 6px 0px 6px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; }

.tip-text 		{ padding: 0px 6px 0px 6px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000000; }

.matched { font-weight: bold; }

.table-photo { background: #FFFFFF; border: 1px solid #C0C0C0; }

.caption	{ color: #000000; }
.caption 	a:link 		{ color: #000000; text-decoration: none; }
.caption 	a:active 	{ color: #000000; text-decoration: none; }
.caption	a:visited 	{ color: #000000; text-decoration: none; }
.caption 	a:hover	 	{ color: #000000; text-decoration: underline; }

.table-content 	{ margin: 30px; }

.table-tip 		{ margin: 10px; }

.updated	{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #ff6600}
.updated 	a:link 		{ color: #ff6600; text-decoration: none; }
.updated 	a:active 	{ color: #ff6600; text-decoration: none; }
.updated	a:visited 	{ color: #ff6600; text-decoration: none; }
.updated 	a:hover	 	{ color: #ff6600; text-decoration: underline; }

.form-comment { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color:#ff6600}
.form-comment	 	a:link 		{ color: #ff6600; text-decoration: none; }
.form-comment	 	a:active 	{ color: #ff6600; text-decoration: none; }
.form-comment		a:visited 	{ color: #ff6600; text-decoration: none; }
.form-comment	 	a:hover	 	{ color: #ff6600; text-decoration: underline; }

.step-by-step { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color:#000000}

.step-by-step-current { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:#000000}

.search-title { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
.search-title a:link 		{ color: #000000; text-decoration: none; }
.search-title a:active 		{ color: #000000; text-decoration: none; }
.search-title a:visited 	{ color: #000000; text-decoration: none; }
.search-title a:hover	 	{ color: #000000; text-decoration: underline; }


.post { margin-left: 20px }

.post-color1 { background-color: #DDDDDD; }

.post-color2 { background-color: #659FC1; }

.post-color3 { background-color: #F6F6F6; }

.post-color4 { background-color: #283651; }

.post-color5 { background-color: #C8DAFD; }


.post-link	{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #ff6600}
.post-link 	a:link 		{ color: #ff6600; text-decoration: none; }
.post-link 	a:active 	{ color: #ff6600; text-decoration: none; }
.post-link	a:visited 	{ color: #ff6600; text-decoration: none; }
.post-link 	a:hover	 	{ color: #ff6600; text-decoration: underline; }

.action		{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #ff6600}
.action	 	a:link 		{ color: #ff6600; text-decoration: none; }
.action	 	a:active 	{ color: #ff6600; text-decoration: none; }
.action		a:visited 	{ color: #ff6600; text-decoration: none; }
.action	 	a:hover	 	{ color: #ff6600; text-decoration: underline; }

.acts		{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #ff6600}
.acts	 	a:link 		{ color: #000000; text-decoration: none; }
.acts	 	a:active 	{ color: #000000; text-decoration: none; }
.acts		a:visited 	{ color: #000000; text-decoration: none; }
.acts	 	a:hover	 	{ color: #000000; text-decoration: underline; }

/* WIDGET STYLES START */
INPUT.textbox {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; FONT: 11px verdana, arial, helvetica, sans-serif; COLOR: #000; BACKGROUND-COLOR: #f5f5f5; BORDER-RIGHT-WIDTH: 1px
}

.textboxOnFocus {
	BORDER-TOP-WIDTH: 1px;
	BORDER-TOP: #333 1px solid;
	BORDER-LEFT-WIDTH: 1px;
	BORDER-LEFT: #333 1px solid;
	FONT-SIZE: 11px;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-BOTTOM: #DDD 1px solid;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #FFFFF;
	BORDER-RIGHT-WIDTH: 1px;
	BORDER-RIGHT: #DDD 1px solid;
}
.button {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: #f8f8f8; BORDER-LEFT: #999999 1px solid; COLOR: #000; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LETTER-SPACING: -0.2pt
}

.Emailbutton {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: #E1D5B0; BORDER-LEFT: #999999 1px solid; COLOR: #000; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LETTER-SPACING: -0.2pt
}

.lined 			{ border: 1px solid #C0C0C0; background-color: #F6F1F1; color: #cd5c5c;}
.lined  a:link {
text-decoration: none;
	color:#333333;
	}

.lined a:active {

	color:#FFFFFF;
	}

.lined a:visited {
  text-decoration: none;
	color:#333333;
	}
	
.lined a:hover{color:#cc0000;}

.lined-bottom 	{ border-bottom: 1px solid #191970; }
.lined-right 	{ border-right: 1px solid #191970; }
.lined-top	 	{ border-top: 1px solid #191970; }
.lined-left		{ border-left: 1px solid #191970; }

.lined3 			{ border: 1px solid #E2EBFC; }
.lined3-bottom 	{ border-bottom: 1px solid #E2EBFC; }
.lined3-right 	{ border-right: 1px solid #E2EBFC; }
.lined3-top	 	{ border-top: 1px solid #E2EBFC; }
.lined3-left		{ border-left: 1px solid #E2EBFC; }

.lined4 			{ border: 1px solid #283651; }
.lined4-bottom 	{ border-bottom: 1px solid #283651; }

.lined4-right 	{ border-right: 1px solid #283651; }
.lined4-top	 	{ border-top: 1px solid #283651; }
.lined4-left		{ border-left: 1px solid #283651; }


.lined5 			{ border: 1px solid #659FC1; }
.lined5-bottom 	{ border-bottom: 1px solid #99CC33; }
.lined5-right 	{ border-right: 1px solid #99CC33; }
.lined5-top	 	{ border-top: 1px solid #99CC33; }
.lined5-left		{ border-left: 1px solid #99CC33; }

.mugshot-online			{ background-color: #C0C0C0; }

.mugshot-offline		{ background-color: #FFFFFF; }

.namelink-online			{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; }
.namelink-online a:link 	{ color: #003399; }
.namelink-online a:active 	{ color: #003399; }		
.namelink-online a:visited 	{ color: #003399; }
.namelink-online a:hover 	{ color: #CC0000; }		

.namelink-offline			{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; }
.namelink-offline a:link 	{ color: #003399; }
.namelink-offline a:active 	{ color: #003399; }		
.namelink-offline a:visited { color: #003399; }
.namelink-offline a:hover 	{ color: #CC0000; }

.minicard				{ background-color: #FFFFFF; }

.error { background: #ff7e00; border: 1px solid #ff6600; }
.error_message { background: #F4BF95; }

.feedback { background: #DDDDDD; border: 1px solid #C0C0C0; }

.datehead {
 border: 1px solid #C0C0C0;
 padding: 4px 6px;
 text-align: center; 
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 font-weight: bold; 
 font-size: 25px;
 font-style: normal;
 color:	#AF0451;
}

.datetitle {
 border: 1px solid #F1F1F1;
 padding: 2px 2px;
 text-align: center; 
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 font-weight: bold; 
 font-style: normal;
 color:	#333333;
 background-color: #F1F1F1;
}

.daytitle {
 border: 1px solid #F1F1EE;
 padding: 2px 2px;
 text-align: center; 
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px; 
 font-weight: bold; 
 font-style: normal;
 color:	#333333;
 background-color: #EEEEEE;
}

.daytitlecol {
 border: 1px solid #F1F1EE;
 padding: 2px 2px;
 text-align: center; 
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px; 
 font-weight: bold; 
 font-style: normal;
 color:	#333333;
 background-color: #CCCC99;
}

div.NN4 {display: none;}

/*updated CSS start here by: raul berina March 30, 2007*/
p, table, .profilephotobox div, .profilephotobox span, .messagestable td div, .commonbox .boxcontent a, .profiletable .value, .profilephotobox a, #content, ol li, .messagestable span, .editbutton, p a, .left_column_photos a,
    .left_column_wrapper, .left_column_content,
.left_column_testimonials,
.left_column_testimonials * a, 
.left_column_testimonials * a:visited,
.left_column_testimonials * a:hover, 
.left_column_about * a:hover
{
  color: #c22b2b !important;
}

.left_column_header, .left_column_wrapper .left_column_content { background-color: #FFFFFF !important; }
/*.left_column_header2 { background-color: #e24b4b !important;  }*/
/*.left_column_header h3 { background-color: #ffcdcd !important; color: #e24b4b !important; }*/
/*.left_column_header2 h3 { background-color: #e24b4b !important; color: #ddabab !important; }*/
.column_header { background-color: #e24b4b !important; }
/*.column_header h3 { color: #ffcdcd !important; }*/

.right_column_title { background-color: #ffcdcd !important; }
.right_column_title h3 { background-color: #ffcdcd !important; color: #e24b4b !important; }

.commonbox {
  border:1px solid #FF9C9C;
}
.commonbox .boxcontent a:hover, .profilephotobox a:hover {
  color:#E24B4B !important;
}
.commonbox h2 {
  background-color:#FFCDCD !important;
  border:1px solid #FF9C9C !important;
}
.buttondiv {
  background:#FFF !important;
  border:1px solid #FF9C9C !important;
}
.buttondiv li a {
  background:#FFCDCD !important;
  color:#C22B2B !important;
  border-top:1px solid #FFF !important;
  border-left:1px solid #FFF !important;
  border-right:1px solid #333 !important;
  border-bottom:1px solid #333 !important;
}
.buttondiv li a:hover {
  background:#DDABAB !important;
  color:#C22B2B
}
.profiletable .field {
  background:#FFCDCD !important;
}
.messagestable td {
  border-bottom:1px solid #FF9C9C;
}
.messagestable th {
  background-color:#FF9C9C !important;
  color:#FFF !important;
  border-bottom:none !important;
}
.connectionsbox {
  background-color:#ffcdcd;
  border:1px solid #ff9c9c;
}

.whosviewbox {
  background-color:none;
  border:1px solid #ff9c9c;
}