@charset "UTF-8";

/*
|------------------------------------------------------------
| GLOBAL styles begin
|------------------------------------------------------------
*/

* html .box { 
	position: absolute; 
}

.box {
	position: fixed;	
	bottom: 0;	
}


* {	margin: 0; }
html, body {
	height: 100%;
	overflow: auto;
}
body {
	background: #000;
	color: #ccc;
	/*font-family: Tahoma, Geneva, sans-serif;*/
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family:"Trebuchet MS";
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	word-spacing: 3px;
	font-size: 15px;
	line-height: 24px;
}

a {
	color: #1A8CFF;
	cursor: pointer;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img { border: none }

h1, h2, h3, h4, h5 {
	color: #fff;
	line-height: normal;
	margin-top: 0;
	margin-bottom: .8em;
	/*font-family: "Trebuchet MS",Arial,sans-serif;*/
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
}
h1 { font-size: 3em; }
h2 { font-size: 2em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
.h_underlined { border-bottom: solid 1px #ccc ! important; padding-bottom: 5px ! important; }
.h_highlighted { background-color: #0c0c0c ! important; }

p, ol, ul {
	margin-bottom: 20px;
	margin-top: 10px;
}
p { clear: both; padding: 0; text-align: justify;}

/*------------------------------*/ 

ol, ul { 
	margin-left: 0;
	margin-right: 0;
	padding-left: 1.5em;
}

/*----------------------------*/
hr { clear: both; }

form { margin: 0;	padding: 0; }

/*
|----------------------------------------------------------------------
| Form elements style
|----------------------------------------------------------------------
*/
select, input.default_txtbox, textarea {
	/*background: url(../images/menu-bg.png);*/
	border: solid 1px #FFFFFF;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/* SELECT tag */
select { }
select option { }

/* INPUT tag */
input.default_txtbox { 
	padding-left: 4px;
	width: 150px;
}

input.default_btn {	font-size: 13px; margin-top: 5px; height: 24px }
input.img-btn { cursor: pointer; }

/* navigational buttons style */

/* TEXTAREA tag */
textarea {
	padding-left: 4px;
	width: 200px;
}


/* INPUT/SELECT widths */
.smallest, input.smallest { width: 60px }
.smaller, input.smaller { width: 110px }
.default, input.default { width: 160px }
.larger, input.larger { width: 220px }
.smallest select { width: 62px }
.smaller select { width: 112px }
.default select { width: 164px }
.larger select { width: 222px }

select:focus, textarea:focus, input:focus {
	background-color: #fff;
}

/* -- */
.bordered { border: solid 1px #111 }
.font_12px { font-size: 12px ! important }
.float_left { float: left }
.float_right { float: right }
.float_fix { clear: both }
.align_right { text-align: right ! important }
.align_left { text-align: left ! important }
.align_center { text-align: center ! important }
.align_justify { text-align: justify ! important }
.none { display: none }
.block { display: block }
.hidden { visibility: hidden }

/* Others */
#js_disabled_msg_container { color: #FF0000 }
.content_title {
	color: #FFFFFF;
	margin-bottom: 20px;
}
.important_detail {
	font-weight: bold ! important;
	color: #ffffff ! important;
}
.important_detail2 {
	color: #ffffff ! important;
}
.input_label {
	/*font-family: "Trebuchet MS",Arial,sans-serif;*/
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-size: 1em;
	font-weight: 200;
	color: #ffffff;
}
.highlight {
	color: #99CC00;
	font-size: 150%;
}
.highlight2 {
	font-weight: bold;
	color: #99CC00;
	font-size: 120%;
}
.white {
	color:#FFFFFF;
}
.blink { text-decoration: blink; }
.note {
	font-size: 1em;
}
.article { text-align: justify }
.error_msg {
	background-color: #790f08;
	background-image: url(../images/x_error_box-bg.gif);
	background-repeat: repeat-x;
	color: #ccc;
	display: block;
	float: left;
	font-size: 0.8em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 18px;
	padding: 4px 5px 1px 5px;
	white-space: normal;
	word-spacing: 1px;
}
.error_ { color: #FF0000 ! important }
.error_ .important_detail {	color: #FF0000 ! important }
.notification {	
	background-color: #ffffe1;
	border: solid 1px #666666;
	color: #000000;
	display: none;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	padding: 5px;
	width: 98%;
	word-spacing: 1px;	
}
.notification .panel_note_title {	
	float: left;
}
.notification .panel_note_title img { 	}
.notification a {
	color: #FF0000;
}
.margin_5px { padding-top: 5px ! important }
.margin_10px { padding-top: 10px ! important }
.margin_20px { padding-top: 20px ! important }


/* Fieldset */
fieldset {
	border: solid 1px #111;
	margin: 0;	
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	
}
legend {
	color: #ccc;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
}
/*
|------------------------------------------------------------
| GLOBAL styles end
|------------------------------------------------------------
*/

/*
|------------------------------------------------------------
| "MAIN" styles begin
|------------------------------------------------------------
*/

/*
|------------------------------------------------------------
| modified by JOJ <BEGIN>
|------------------------------------------------------------
*/
#main_container	{		
	/*margin: 0 auto 0 auto;
	overflow: hidden;
	padding: 0;
	width: 900px;*/
	margin: 0 auto 0 auto;
	overflow: hidden;
	padding: 0;
	width: 100%;	
}

#main_body_bg {
	background: url(../images/newlayout/bg_repeat.jpg) repeat-x;
	width:100%;
	margin-top:auto;
}

/* Mail Header style */
#main_header {
	/*height:135px;
	position: static;
	width: 100%;
	font-size: 0.85em;
	color:#FFFFFF;*/
	height:145px;
	position: static;
	width: 900px;
	font-size: 0.85em;
	color:#FFFFFF;
	margin:auto;
}

/*
#main_header_left_pane {
	float: left;
	height: 100%;
}
*/

#main_header_right_pane {
	float: right;
	height: 100%;
	text-align: right;
}
#main_header_left_pane {
	padding:10px 0px 0px 0px;
	height:100%;
	float:left;
}
.navffont {
	font-family:"Trebuchet MS";
	font-size:14px;
	text-align:center;
}
/*
|------------------------------------------------------------
| modified by JOJ <END>
|------------------------------------------------------------
*/


#main_header_right_pane a { color: #FFFFFF }
#main_header_right_pane .upper { margin-top: 20px }
#main_header_right_pane .logged_in { margin-top: 35px }

/* Main Menu style */
#main_menu {
	background: url(../images/menu-bg.png) repeat-x;
	color: #ccc;
	/*font-family: 'Tw Cen MT Condensed', 'Tw Cen MT Condensed Extra Bold';*/
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-size: 22px;
	padding-left: 10px;
	position: static;
	text-align: left;
	height: 40px;
}
#main_menu a.menu1 {
	border-left: solid 1px #333333;
	color: #CCCCCC;
	display: block;
	float: left;
	height: 32px;
	line-height: 35px;
	overflow: hidden;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;	
}
#main_menu a.first {
	border-left: none;
}
#main_menu a.menu1:hover { border-bottom-color: #000000; } /* Fix for ie6 */
#main_menu a.menu1 .popup_img {
	visibility: hidden;
	position: absolute;	
	margin-top: 30px;
}
#main_menu a.menu1:hover .popup_img {
	visibility: visible;
}

/* Main Body */
/*
|------------------------------------------------------------
| modified by JOJ <BEGIN>
|------------------------------------------------------------
*/
#main_body {
	/*clear: both;
	min-height: 400px;
	overflow: hidden;
	padding-top: 20px;*/
	clear: both;
	min-height: 400px;
	overflow: hidden;
	margin:auto;
	width:100%;
	background: url(../images/newlayout/bg_repeat.jpg) repeat-x;
}

#main_body_content {
	clear: both;
	min-height: 400px;
	overflow: hidden;
	margin:auto;
	/*margin-top:-20px;*/
	width:900px;
	background-color:#000000;
	/*padding:20px 10px 0px 10px;*/
}

#main_content_box {
	min-height:500px;
	margin-top:10px;
}
/*
|------------------------------------------------------------
| modified by JOJ <END>
|------------------------------------------------------------
*/

#main_body div.container { padding: 10px; }

/* Main Footer */
#main_footer {
	clear: both;
	border-top: dashed 1px #666666;
	padding: 5px;
}
#main_footer p { text-align: center }

/*
|------------------------------------------------------------
| "MAIN" styles end
|------------------------------------------------------------
*/

.popup_note {
	background-color: #333333;
	border: solid 1px #666666;
	color: #FFFFFF;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	width: 120px;
	position: absolute;
	visibility: hidden;
}

/*
|------------------------------------------------------------
| PAGE layouts styles begin
|------------------------------------------------------------
*/

/* Confirmation type layout */
.page_layout_Confirmation {
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 1px;
	min-height: 400px;
	overflow: hidden;
}
.page_layout_Confirmation .container {
	margin-top: 10px;
	width: 530px;
	text-align: left;
	float: right;
}
.page_layout_Confirmation .container h2 {	color: #FFCC00; white-space: nowrap }
.page_layout_Confirmation .container h2.error {	color: #FF0000; }
.page_layout_Confirmation .container p { text-align: justify }
.error { color:#CC0000; }

/*
|------------------------------------------------------------
| PAGE layouts styles end
|------------------------------------------------------------
*/

/*
|------------------------------------------------------------
| Two column layout style begin
|------------------------------------------------------------
*/
.two_column_layout {
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.two_column_layout li { clear:both; margin: 0; padding: 0 0 1px 0; overflow: hidden;}
.two_column_layout .column_left, .two_column_layout .column_right {
	float: left;
	margin: 2px;
	padding: 0;
} 
.two_column_layout .column_left {
	margin-right: 5px;
	text-align: right;
	width: 40%;
}
.two_column_layout .column_right {
	text-align: left;
	width: 55%;
}
/*
|------------------------------------------------------------
| Two column layout style end
|------------------------------------------------------------
*/

/* 
|-------------------------------------------------------------------------------
| FORM layouts style begin
|-------------------------------------------------------------------------------
*/

/* In-line layout style */

form.pds-form {
	clear: both; 
	margin: 20px 10px 10px 10px;
	padding: 0;
}

/* 
|-------------------------------------------------------------------------------
| FORM layouts style end
|-------------------------------------------------------------------------------
*/

/* 
|-------------------------------------------------------------------------------
| Result Message begin
|-------------------------------------------------------------------------------
*/

/* 
|-------------------------------------------------------------------------------
| modified by JOJ 082909 <BEGIN>
|-------------------------------------------------------------------------------
*/
#ResultMsg_Container {
	border: solid 1px #111;
	text-align: left;
	width:900px;
	margin:auto;
}
/* 
|-------------------------------------------------------------------------------
| modified by JOJ 082909 <END>
|-------------------------------------------------------------------------------
*/

#ResultMsg_Container div.ResultMsg_Title {
	color: #58c10c;
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 4px;
}
#ResultMsg_Container div.ResultMsg_Content { 
	color: #ccc;
	border-top: solid 1px #111; 
	font-size: 0.85em;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#ResultMsg_Container div.ResultMsg_Content strong { color: #fff; }
#ResultMsg_Container div.ResultMsg_Content li { }
#ResultMsg_Container.error { }
#ResultMsg_Container.error div.ResultMsg_Title { color: #BF0000; }

/* 
|-------------------------------------------------------------------------------
| Result Message end
|-------------------------------------------------------------------------------
*/

/* 
|-------------------------------------------------------------------------------
| Panel type div style begin
|-------------------------------------------------------------------------------
*/
.panel_type {
	border: solid 1px #111;
	padding: 10px 20px 10px 20px;
	margin: 10px 0 5px 0;
	overflow: hidden;
}
.panel_title {
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom: solid 1px #111;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-left: 0;
	margin-bottom: 10px;
}
.panel_content {
	clear: both;
	overflow: hidden;
}
/* 
|-------------------------------------------------------------------------------
| Panel type div style end
|-------------------------------------------------------------------------------
*/

/* Note Panel Style*/
.panel_note {	}
.panel_note_title_h, .panel_note_title {
	color: #FF9900;
	font-weight: bold;
	font-size: 1em;
}
.panel_note_title {	
	color: #FF9900;
	float: left;
}
.panel_note_body {
	font-size: 1em;
	font-weight: normal;
	text-align: justify;
	margin-left: 60px;
}
ul.panel_note_body {
	margin: 0;
	padding-left: 20px;
}

/* 
|-------------------------------------------------------------------------------
| Member listing styles begin
|-------------------------------------------------------------------------------
*/

/* Common styles */
.first_name { color: #FFFFFF ! important }
.photo_frame { border: solid 1px #333333 }
a.photo_link { display: block; }
a.photo_link:hover {
	text-decoration: none;
}
a.photo_link:hover div {
	border-color: #7f82ff;
	text-decoration: none;
}
/* Member view listing style */
.member_photo_view, .member_detailed_view {
	border: solid 1px #2a2e58 ! important;
}
.member_photo_view .right_pane, .member_detailed_view .right_pane {
	border-left: solid 1px #2a2e58;
	color: #96bde6;
	float: left;
	text-align: left;
	height: 162px; /* fix defined*/
	max-height: 162px; /* fix defined*/
}
/* Member photo view listing style */

/* Member detailed view listing style */
.member_detailed_view {
	width: 400px;
}
.member_detailed_view .cap {
	background: url(../images/1_member_detail_cap-bg.jpg) left top no-repeat;
	clear: both;
	text-align: left;
	
	padding-top: 1px;
}
.member_detailed_view .cap .first_name {	
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 5px;
}
.member_detailed_view .right_pane .details {
	float: left;
	line-height: 20px;
	padding-left: 10px;
	padding-top: 10px;
}
.member_detailed_view .right_pane .details strong { 
	color: #FFFFFF;
}
.member_detailed_view .right_pane .details .profile_heading {	
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	height: 50px;
	line-height: 15px;
	overflow: hidden;
	white-space: normal;
	width: 200px;
} 

/* Member Options List style */
ul#member_options_list_panel {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 24px;	
}
ul#member_options_list_panel li {
	clear: both;
	/*color: #FFFFFF;
	font-weight: bold;*/
	color:#868686;
	line-height: 20px;
	margin: 0;
	padding: 2px 0 2px 0;	
}
ul#member_options_list_panel li a {
	background-image: url(../images/0_view_member_menu-icon.gif);	
	background-repeat: no-repeat;
	/*color: #FFFFFF;*/
	color:#868686;
	display: block;
	text-decoration: none;
}
ul#member_options_list_panel li#photos a { background-position: right -140px; }
ul#member_options_list_panel li#showInterest a { background-position: right -20px; }
ul#member_options_list_panel li#sendMail a { background-position: right -40px; }
ul#member_options_list_panel li#favorite a { background-position: right -60px; }
ul#member_options_list_panel li#blockUser a { background-position: right -80px; }
ul#member_options_list_panel li#testi a { background-position: right -100px; }
ul#member_options_list_panel li#reportAbuse a { background-position: right -120px; }

ul#member_options_list_panel li a:hover { color: #FF9999; }

ul#member_options_list_panel li#chat a { background-image: none }

/* 
|-------------------------------------------------------------------------------
| Photo display styles begin
|-------------------------------------------------------------------------------
*/

.photo_thumb {
	background-position: center;
	background-repeat: no-repeat;
	clear: both;
	padding: 10px 5px 10px 5px;
}

.photo_thumb {
	height: 140px;
	width: 130px;
}
.photo_smaller_thumb, .photo_icon {
	text-align: center;
	margin: 0 auto 0 auto; /* center div for ff */
}
.photo_smaller_thumb {
	height: 80px;
	width: 80px;
}
.photo_icon {
	height: 50px;
	width: 50px;
}
/*
|-------------------------------------------------------------------------------
| Member profile styles end
|-------------------------------------------------------------------------------
*/

/* Table listing style */
table.table_list {	
	background-color: #060606;
	border-collapse: separate;
	margin-left: 1px;
	width: 800px;
}
table.table_list #header td {
	background-color: #111;
	color: #CCCCCC;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 5px;
}
table.table_list #header td a {
	color: #CCCCCC;
}
table.table_list td {	
	border-bottom: solid 1px #000;
	border-top: solid 1px #111;
	color: #999999;
	padding: 5px 5px 3px 8px;
}

/*
|-------------------------------------------------------------------------------
| Pangination styles
|-------------------------------------------------------------------------------
*/
.pagination_control_panel { font-size: 12px; word-spacing: 1px }
.pagination_control_panel .result_found_txt { color: #FFCC00 ! important; font-family: Verdana, Arial, Helvetica, sans-serif }

/*
|-------------------------------------------------------------------------------
| CHAT styles
|-------------------------------------------------------------------------------
*/
.im_online .im_online_show, .im_offline .im_offline_show { display: inline ! important }
.im_online .im_offline_show, .im_offline .im_online_show { display: none ! important; }