/* CSS Document */
*, body, div, p, ul, ol, li, form, h1, h2, h3, h4, h5, h6, span, em{ margin:0; padding:0;}
body{ background:#ededed; color:#464646; font: normal 12px /18px Arial, Helvetica, sans-serif;}

a{ outline:none; color:#e37225; text-decoration:none;}
a:hover{ outline:none; color:#e37225; text-decoration:underline;}
a img{ border:none;}
li{ list-style:none;}

/* Headings */
h1{ font-size:24px; color:#e37225;}
h2{ font-size:18px; color:#e37225;}
h3{ font-size:14px; color:#e37225;}
h4{ font-size:12px; color:#e37225;}


/* Fixers */
.clear{ clear:both; height:1px; line-height:1px; font-size:1px;}
.spacer{ clear:both; height:10px; width:10px; font-size:1px;}

/* Layouting and Positioning */
.wraps-site{ width:964px; margin:0 auto;}
.wraps-header{ height:120px; border-top:2px solid #e27227;}
.wraps-header .banner{ position:relative; height:76px; background:#fff; border:1px solid #d1d1d1;}
.wraps-header .banner .logo{ position:absolute; left:25px; top:15px; height:60px; width:310px; background:#fff url(../images/logo.png) no-repeat left center;}
.wraps-header .banner .logo a{ display:block; height:60px; width:310px; text-indent:-999em;}
.wraps-header .banner .login{ position:absolute; right:15px; top:22px;  text-align:left;}
.wraps-header .banner .login input[type="text"]{ border:1px solid #dbdbdb; color:#b5b5b5; padding:1px 0; margin-bottom:2px;}
.wraps-header .banner .login input[type="submit"]{ background:#4676ac url(../images/login-btn.png) repeat-x scroll left center; font:bold 14px arial; margin-top:1px;  height:23px; line-height:18px; padding-bottom:6px; color:#fff; border:1px solid #4577ad; width:45px;}
.wraps-header .banner .login input.logout{ background:#4676ac url(../images/login-btn.png) repeat-x scroll left center; font:bold 14px arial; margin-top:1px;  height:23px; line-height:18px; padding-bottom:6px; color:#fff; border:1px solid #4577ad; width:55px;}
.wraps-header .banner .lang_bar{
	position:absolute;
	right:15px;
	top:3px;
}
.lang_bar ul,
.lang_bar ul li{
	list-style:none;
	position:relative;
	float:left;
}
.lang_bar ul li{
	margin-left:20px;
	display:inline;
	position:relative;
	float:left;
}
.lang_bar ul img{
	margin-right:10px;
	margin-top:2px;
	display:inline;
	position:relative;
	float:left;
}
.lang_bar ul span{
	position:relative;
	float:left;
}
.wraps-header .nav{ text-align:right; font-size:13px; font-weight:bold; color:#e37225; margin-top:5px;}
.wraps-header .nav a:hover, .wraps-header a#current{color:#e37225; text-decoration:underline;}
/* End of headers */


.wraps-content{ clear:both;}
.content-global{ background:#fff; border:1px solid #d8d8d8; padding:15px 10px 15px 35px;}

/* End of content */
.wraps-footer{ clear:both; margin-top:5px;}
.wraps-footer .links{ text-align:center; color: #e37225; font-size:13px; margin-bottom:18px;}
.wraps-footer li{ float:left; border:1px solid #ccc; height:53px;}
.wraps-footer li.mid{ margin:0 8px;}

/*Content Home only */
.content-home{ position:relative; background:transparent url(../images/home-image.png) no-repeat left top; height:475px;}
.content-home .redg{ position:absolute; top:56px; left:13px;  font-weight:bold;}
.content-home .redg br{ clear:both; font-size:1px; line-height:1px; height:1px;}
.content-home .redg .redg-title{ color:#464646; font:normal 18px arial;}
.content-home label{ color:#353535; height:20px; line-height:20px;}
.content-home .redg-bg{ background:#f89c60 url(../images/redg-bg.png) repeat-x left bottom; width:250px; border:1px solid #ca856f; padding:5px 45px 10px 45px;}
.content-home .redg-bg a{ color:#353535; text-decoration:underline; font-weight:bold;}
.content-home .redg-bg a:hover{ text-decoration:none;}
.content-home .redg input[type="text"]{ border:1px solid #d8aa8b; width:263px; height:17px; line-height:17px;}
.content-home .redg input[type="checkbox"]{margin-right:5px; height:auto; width:auto;}
.content-home .redg-bg li{ float:left; margin-right:20px; margin-bottom:2px;}
.content-home input[type='button'], .content-home input[type='submit'], .content-global input[type='button'], .content-global input[type='submit']{ background:#4676ac url(../images/redg-btn.png) repeat-x scroll left center; font:bold 18px arial; margin-top:5px;  height:37px; line-height:32px; padding:0 15px 6px 15px ; word-spacing:-1px; color:#fff; border:1px solid #4577ad; width:auto;}
.dating-horeca{ position:absolute; right:35px; top:260px; color:#fff; font:normal 24px arial;}

/* Applies to all content */

.content-global h1{ margin-bottom:8px;}
.content-global h4{ margin-bottom:8px;}

/* Registration Steps Form Decoration */

/* Applies to all steps */
.form-border { background:#f1f1f1; border:1px solid #848282; padding:10px;}
.form-border input[type="text"], .form-border textarea, .form-border select{ border:1px solid #9a9a9a;}
.form-border .labels i{ color:#c61212;}
.form-border .labels em{ font-style:normal;font-weight:normal; line-height:15px;}
.form-border .fields b{ padding-left:10px; color:#4b4b4b;}

#step1 dt, #step2 dt, #step3 dt, #step4 dt, #step5 dt, #step6 dt{ display:block; clear:both; padding:3px 0 5px 0;}
#step1 .labels, #step2 .labels, #step3 .labels, #step4 .labels, #step6 .labels{ float:left; width:120px; font-weight:bold; padding-right:10px;}
#step3 ul.fielditems, #step4 ul.fielditems{ position:relative; margin-left:130px;}
#step1 li,#step3 li, #step4 li{ float:left; width:33%;}

#profileForm #step1 .labels {width: 140px;}
#profileForm #step1 ul li {width: 21%;}

/* form brder width for steps*/
#step2 .form-border{ width:600px;}
#step4 .form-border{width:750px;}
#step6 .form-border{width:775px;}

/* for step 5 */
#step5 .labels{ display:block; font-weight:bold; padding-right:10px;}
#step5 .fields{ clear:both;}
#step5 ul.fielditems{ clear:both; margin:0; display:block;}
#step5 li{float:left; width:33%;}

/* Temporary CSS */
.under-construction{ min-height:300px;}
/*NEW ADD CSS*/
	/*Contact us*/
	.highlightContent{ width:944px; overflow:hidden; background:#ffffff; border:1px solid #c5c5c5; padding:10px 10px 40px 10px}
		.highlightContent h3{ font-size:20px; font-weight:bold; padding:10px 0 20px 0}
			.highlightLeftMarches{width:711px; float:left; background:#f2f2f2; padding:10px; margin:0 15px 0 0; height:350px; border:1px solid #d5d5d5}
			.highlightLeftMarches p{ color:#e37225; font-size:14px;}
			.highlightLeft{ width:713px; float:left; background:#d5d5d5; padding:10px; margin:0 15px 0 0}
			/*form*/
			.formContactUs p{ width:713px; overflow:hidden; color:#003483; padding:5px 0;}
			.formContactUs a{ color:#dd2525}
			.formContactUs label{ display:block; color:#404040; font-weight:bold; padding:0 0 3px 0}
			.formContactUs input{ width:305px;}
			.formContactUs select{ width:144px; border:1px solid #6b6b6b}
			.formContactUs textarea{ width:620px}
			.formContactUs input.captcha{ width:80px}
			.formContactUs input.submit {	margin:0px; padding:0px; width:109px; height:30px; font:12px/30px arial; font-weight:bold; color:#ffffff; text-align:center;					border:0px; background:url(../images/button_hover.gif) top left no-repeat; }			
			.formContactUs input.submit:hover {text-decoration:underline; background:url(../images/button_hover.gif) no-repeat 0px -30px; cursor:pointer}
	
			.formContactUs fieldset{ width:713px; overflow:hidden; border:none}
			.formContactUs fieldset p{ width:220px; float:left; margin:0 10px 0 0}
			.highlightContent .formContactUs fieldset input{ width:210px;}
			.formContactUs fieldset p.first{ width:170px;}
			.highlightContent .formContactUs fieldset p.first input{ width:160px}
	
		.highlightRight{ width:196px; float:left; margin:-5px 0;}
			.highlightRight dl{ float:left;}
			.highlightRight dd{ float:left; margin:5px 0 0 0}
			.highlightRight img {border: 1px solid #D5D5D5}		

	.listItems li{ display:block; float:left; padding:0 8px 0 0; font-size:12px;}
	.listItems li a{ padding:0 8px 0 0}	
	.listItems li.current a{ font-weight:bold; text-decoration:underline}	
	
	
	/*lev1*/
	.lev1{ margin:0 0 5px 0}
	.lev1 li{ display:inline; padding:0 3px 0 0; color:#e37225; font-size:13px; font-weight:bold}
	.lev1 li a{ padding:0 3px 0 0; font-size:13px; font-weight:bold}
	.lev1 li.selected a{ text-decoration:underline}
	
	/*Matches*/
	.highlightMatches{width:721px; float:left; padding:5px; margin:0 15px 0 0; border:1px solid #d5d5d5}
		.itemMatches{ width:352px; float:left; padding:1px; background:#f2f2f2; border:1px solid #b4b4b4; margin:0 7px 7px 0;}
		.highlightMatches .last{ margin:0 0 7px 0;}
		.itemMatches dl{ width:100px; float:left;}
		.itemMatches img{ border:1px solid #d5d5d5;}
		.itemMatches dl dd{ width:50px; background:url(../images/bgd_button.gif) bottom left repeat-x; padding:10px; margin:0 0 0 5px}
		.itemMatches dl dd a{ color:#FFFFFF; font-size:16px; font-weight:bold}
		.itemMatches dl dd a:hover{ text-decoration:none}
		
		
		.description{ width:248px; float:left;}	
		.description strong{ color:#007aff;}
			.shortInfo{ width:248px; overflow:hidden; border-bottom:1px solid #d5d5d5; padding:0 0 5px 0; margin:0 0 5px 0}
			.common{ width:148px; float:left;} 
			.common p{ font-weight:bold}
				.nickname{ color:#e36109; margin:0 5px 0 0}
				.nickname a{ font-weight:bold;}
				.status{ color:#2d8129;}
					.age{ color:#6c6c6c}
				.position{ color:#007aff}
				.stad{ color:#6c6c6c}
			.matchesPoint{ width:100px; float:right;}
			.matchesPoint p{ text-transform:uppercase; font-size:11px; font-weight:bold;}
			.matchesPoint .points{ background:url(../images/bgd_age.gif) top left no-repeat; font-size:20px; color:#FFFFFF; font-weight:bold; width:66px; height:30px; padding:15px 0 0 0; margin:0 auto; display:block; text-align:center}
	
	
	/*paging*/
	.paging{ width:490px; margin:0 auto}
	.paging p{ width:30px; float:left;}
	.paging p.next{ text-align:right}
	.paging ul{ width:418px; float:left; border:1px solid #d5d5d5; padding:0 5px;}
	.paging li{ display:block; float:left; font-size:11px; padding:0 2px}
	.paging li a{ color:#6c6c6c; text-decoration:underline; font-size:11px}
	.paging li.first{ width:70px; text-align:left; float:left}
	.paging li.end{ width:70px; text-align:right; float:right}
	
	/*highlightMatchesDetail*/
	.highlightMatchesDetail{width:733px; float:left; margin:0 15px 0 0;}
		.tabs{ display:block; overflow:hidden}
		.tabs li{ display:block; float:left; margin:0 5px 0 0}
		.tabs li a{ background:url(../images/bgd_button.gif) bottom left repeat-x; color:#FFFFFF; font-size:13px; font-weight:bold; padding:5px 10px; display:block; float:left}
		.tabs li.others a{ background:none; color:#6c6c6c;}
		.tabs li.current a{ text-decoration:underline}
		
		.tabsOther{ width:733px; background:url(../images/bgd_button.gif) bottom left repeat-x; overflow:hidden;}
		.tabsOther li{ display:block; float:left; padding:8px 15px;}
		.tabsOther li a{ color:#FFFFFF; font-size:13px; font-weight:bold}
		.tabsOther li.current a{ text-decoration:underline}
		.showContent{width:711px; float:left; overflow:hidden; background:#f2f2f2; padding:10px; margin:0 15px 3px 0; border:1px solid #d5d5d5}
		.showContent img{ float:left; margin:0 10px 0 0}
		
		.showContent p.btnSave a{ background:url(../images/bgd_button.gif) bottom left repeat-x; padding:3px 20px; color:#FFFFFF; font-weight:bold}
		.showContent .pre {font-weight: bold;}
		.groupLinks{ width:180px; float:right; margin:-80px 0 0 0}
		.groupLinks li{ display:block; border-bottom:1px solid #d5d5d5; font-size:11px; padding:0 0 4px 0}
		.groupLinks li a{color:#007aff}
		.groupLinks li.noneBrd{ border:none}
	
	/*registration*/
	.registrationStep2{ width:602px; overflow:hidden}
	.registrationStep2 h5{ font-size:12px; color:#575d5b; padding:5px 0;}
		.registrationStep2 fieldset{background:#f1f1f1; border:1px solid #838383; padding:10px;}
		.registrationStep2 p{overflow:hidden; display:block; padding:5px 0}
		.registrationStep2 label{ width:120px; float:left; padding:0 10px 0 0; font-weight:bold}
		.registrationStep2 input{ width:170px; float:left; height:16px; padding:2px; border:1px solid #838383; margin:0 10px 0 0}
		.registrationStep2 select{ float:left; border:1px solid #838383; margin:0 5px 0 0}
		.registrationStep2 select.sltType01{ width:175px}
		.highlightContent .btnSubmit{ background:url(../images/bgd_button.gif) bottom left repeat-x; font-size:16px; color:#FFFFFF; font-weight:bold; width:120px; height:auto; border:none; padding:5px 10px;}
		
		.widthStyle01{ width:940px;}
		.widthStyle01 input.inType01{ width:auto; height:auto}
		.widthStyle01 input.inType02{ width:15px; height:15px; padding:0; border:none; margin:0 5px 0 0}
		.widthStyle01 label.lblType01{ width:230px; font-weight:normal; color:#082b61}	
		.widthStyle01 label.lblType02{ padding:0 10px 40px 0}
		.widthStyle01 label.lblType03{ padding:0 10px 100px 0}
		.widthStyle01 label.lblType04{ width:270px; font-weight:normal; color:#082b61;}
		.widthStyle01 textarea{ width:700px; height:200px; float:left; overflow:hidden; border:1px solid #838383; padding:2px;}
		.widthStyle01 span.hint{ font-size:10px}
		
	
	.formSortProfile{ width:196px; background:#b4b4b4;}
		.formSortProfile h4{ background:#ffffff; padding:2px 5px; border:1px solid #b4b4b4; display:block; overflow:hidden; color:#484848}
		.formSortProfile p{ overflow:hidden; display:block; padding:3px 6px;}
		.formSortProfile label{ display:block; color:#FFFFFF}
		.formSortProfile label.lblType01{ width:80px; float:left}
		.formSortProfile select.age{ width:60px}
		.formSortProfile select.sltType01, .formSortProfile select.select{ width:160px;}
		.formSortProfile input.btnSortProfile{cursor:pointer;background:url(../images/bgd_button.gif) bottom left repeat-x; font-size:12px; color:#FFFFFF; font-weight:bold; width:80px; height:auto; border:none; padding:3px 10px; margin:0 0 5px 50px}
		
	.hide {display:none !important;}