@charset "iso-8859-1";
@import url(../../base/css/general.css);
	/*

	[	* html - Style only for IE	]      
		Style for ALL  SITE
*/ 
	body
	{

		margin:0px;
		padding:0px;
		background-color:#DFDFDF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#4B4F52;
	}
	form, p
	{
		margin:0px;
		padding:0px;
	}
	a img
	{
		border:none;
	}
/* ########################################################### */
	.switchLangBlock
	{
		position:absolute;
		top:20px;
		border:0px solid blue;
		margin-left:auto;
		margin-right:auto;
		width:781px;
		font-weight: bold; 
		font-family: Arial;
		font-size:12px;
		text-align:right;
		z-index:2;
	}
	.switchSkinBlock
	{
		position:absolute;
		top:5px;
		border:0px solid red;
		margin-left:auto;
		margin-right:auto;
		width:781px;
		font-weight: bold; 
		font-family: Arial;
		font-size:12px;
		text-align:right;
		z-index:2;
	}
	
/*####################################*/
	div#banners_block
	{
		position:relative;
		width:770px;
		margin:0px auto;
		border:0px solid red;
		z-index:2;
	}
	div#banner_left
	{
		position:absolute;
		top:15px;
		left:-155px;
		z-index:2;
	}
	div#banner_right
	{
		position:absolute;
		top:15px;
		right:-155px;
		z-index:2;
	}
/******************************************************/
	div#bottom_banner
	{
		position:relative;
		margin-top:20px;
		margin:auto;
		width:770px;
		border:0px solid blue;
	}		
/*******************************************************/
/***************************************************************************/	
	div#main
	{
		position:relative;
		width:770px;
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
	}
	div#header
	{
		position:relative;
		height:264px;
		/* border:1px solid red; */
		/* width:770px; */
	}
	div#footer div
	{
		position:relative;
		margin:0px;
		padding:0px;
	}
	.centerImg		
	{
		height:220px;
	}
	.imgBoy, .imgHeart, .imgGirl 
	{
		position:absolute;
		top:0px;	
	}
	.imgBoy
	{
		left:0px;
	}
	.imgHeart
	{
		left:285px;
	}
	.imgGirl
	{
		right:1px;
	}
	span#logoHip
	{
		position:absolute;
		top:165px;
		left:358px;
	}
	
	.headLeftBg
	{
		position:absolute;
		top:0px;
		height:267px;
		background-image:url(../images/head_left_bg.jpg);
		background-repeat:repeat-x;
		left:0px;
		width:51%;
		border:0px solid blue;
		/* z-index:1; */
	}
	 .imgHeadLeft
	{
		position:absolute;
		top:0px;
		left:-11px;
		width:11px;
		z-index:1;
	} 
	.headRightBg
	{
		position:absolute;
		top:0px;
		right:0px;
		height:267px;
		width:51%;
		background-image:url(../images/head_right_bg.jpg);
		background-repeat:repeat-x;
		border:0px solid blue;
	} 
	.imgHeadRight
	{
		position:absolute;
		top:0px;
		right:-39px;
		width:40px;
		z-index:1;
	} 
	.loginBlock
	{
		position:absolute;
		top:147px;
		right:1px;
	}
	.imgMenuTop
	{
		position:absolute;
		top:220px;
		left:0px;
	}
/* ######################################################## */	
	div#content
	{
		position:relative;
		width:763px;
		border-left:3px solid black;
		border-right:3px solid black;
		border-bottom:3px solid black;
		background-color:#fff;
	}
	div.contentTop
	{
		position:relative;
		width:756px;
		height:329px;
		margin-left:auto;
		margin-right:auto;
		margin-top:3px;
		margin-bottom:5px;
		background-image:url(../images/content_head_top.jpg);
	}
/* ########################## TOP MEMU############################ */
	div.topMenu
	{
		position:absolute;
		top:220px;
		left:0px;
	} 
	div.homes, div.join, div.faq, div.log_in, div.chat, div.search, div.browse, div.rate
	{
		position:absolute;
		top:5px;
	}
	div.homes
	{
		left:20px;
	}
	div.join
	{
		left:15px;
	}
	div.faq
	{
		left:115px;
	}
	div.log_in
	{
		left:100px;
	}
	div.chat
	{
		left:205px;
	}
	div.search
	{
		left:305px;
	}
	div.browse
	{
	left:425px;
	}
	div.rate
	{
	left:535px;
	}
	.hause , .envelope
	{
		position:absolute;
	}
	.hause
	{
		left:620px;
		top:235px;
	}
	.envelope
	{
		left:650px;
		top:237px;
	}
/* #########DESIGN BOX FIRST######### */
	.designBoxFirst
	{
		position:relative;
		padding:0px;
		border-left:3px solid black;
		border-right:3px solid black;
		border-bottom:3px solid black;
	}
	.designBoxHeaderFirst
	{
		background-image:url(../images/center_top.jpg);
		background-repeat:repeat-x;
		height:39px;
	}
	.textBoxFirst
	{
		position:relative;
		padding-top:15px;		
		text-align:center;
		font-weight:bold;
		font-size:14px;
		font-family:Verdana;
		text-transform:uppercase;
		color:#fff;
	}
	.imgLeftHeadDesignFirst
	{
		position:absolute;
		top:0px;
		left:0px;
		border:0px solid red;
	}
	
	.imgRightHeadDesignFirst
	{
		position:absolute;
		top:0px;
		right:0px;
		border:0px solid red;
	}
	
	*html .imgRightHeadDesignFirst
	{
		right:2px;
	}
	.designBoxFirstContent
	{
		position:relative;
		background-color:#dedede;
		border:3px solid #fff;
		min-height:25px;
	}
	*html .designBoxFirstContent
	{
		padding-bottom:25px;
	}
	.designBoxFirstInContent
	{
		position:relative;
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		background-color:#dedede;
		padding-left:5px;
		padding-top:3px;
	}
	.imgRightFooterDesignFirst
	{
		position:absolute;
		top:-18px;
		right:-3px;
		width:23px;
		height:21px;
		border:0px solid black;
	}
	* html .imgRightFooterDesignFirst
	{
		right:-1px;
	}
	.FooterDesignFirst
	{
		position:relative;
	}
/* #########END  DESIGN BOX FIRST ######### */
/* #########DESIGN BOX SECOND# ######### */
	.designBoxSecond
	{
		position:relative;
		padding:0px;
	}
	.designBoxHeaderSecond
	{
		background-image:url(../images/head_bg.gif);
		background-repeat:repeat-x;
		height:39px;
	}
	.textBox
	{
		position:relative;
		padding-top:15px;		
		text-align:center;
		font-weight:bold;
		font-size:14px;
		font-family:Verdana;
		text-transform:uppercase;
		color:#fff;
	}
	.imgLeftHeadDesignSecond
	{
		position:absolute;
		top:0px;
		left:0px;
		border:0px solid red;
	}
	.imgRightHeadDesignSecond
	{
		position:absolute;
		top:0px;
		right:0px;
		border:0px solid red;
	}
	.designBoxSecondContent
	{
		position:relative;
		border-left:3px solid black;
		border-right:3px solid black;
		border-bottom:3px solid black;
		background-color:#fff;
		padding-left:3px;
		padding-right:3px;
		padding-bottom:3px;
	}
	.designBoxSecondInContent
	{
		position:relative;
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		background-image:url(../images/second_bg.gif);
	}
	.imgRightFooterDesignSecond
	{
		position:absolute;
		top:-19px;
		right:0px;
		width:24px;
		height:19px;
		border:0px solid black;
	}
	.FooterDesignSecond
	{
		position:relative;
	}
/* ######### END DESIGN BOX SECOND# ##### */
/*############DesignBoxBorder###########*/
	div.design_box_border
	{
		position:relative;
		border:1px solid black;
		padding:2px;
		margin-bottom:10px;
	}
	div.design_box_border div.header
	{
		position:relative;
		border:1px solid #9B9A9A;
		background-color:#dedede;
		height:25px;
		line-height:25px;
		vertical-align:middle;
		font-weight:bold;
		padding:0px 10px;
		text-align:left;
		margin-bottom:1px;
	}
	div.design_box_border div.keeper
	{
		position:relative;
		background-color:#f0f0f0;
		text-align:center;
		padding:10px;
	}
/*###################################*/	
	div.textMenu
	{
		position:relative;
		width:750px;
		margin-top:10px;
		margin-bottom:10px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		padding-top:5px;
		padding-bottom:5px;
	}
	div.textMenu span
	{
		margin-left:1px;
	}
	div.textMenu  a
	{
		font-weight:bold;
		font-size:10px;
		font-family:Verdana;
	}
	div.BottomText
	{
		position:relative;
		margin-top:5px;
		margin-bottom:10px;
		text-align:center;
		font-weight:bold;
		color:#000;
	}
/* ################################################# */	
	input, textarea, select 
	{
		font-family:Verdana; 
		font-size:11px; 
		color: #4B4F52; 
		font-weight:normal;
	}	
/* ###################Login Block ################################## */		
	div.blockForLogIn
	{
		position:absolute;
		top:150px;
		right:0px;
		width:220px;
		height:90px;
		border:0px solid blue;
	}
	.login_img
	{
		position:absolute;
		bottom:2px;
		right:4px;
	} 
	.nick
	{
		margin-top:5px;
		margin-left:30px;
	}
	.inputNick
	{
		position:absolute;
		top:20px;
		left:15px;
		border:1px solid black;
	}
	.pass
	{
		position:absolute;
		top:5px;
		right:35px;
	}
	.inputPass
	{
		position:absolute;
		top:20px;
		right:20px;
		border:1px solid black;
	}
	div.logged_section_block
	{
		position:absolute;
		top:150px;
		right:0px;
		width:220px;
		height:90px;
	}
	div.logged_section_block div
	{
		float:left;
		height:20px;
		line-height:20px;
		vertical-align:middle;
		margin-top:20px;
		margin-left:10px;
		font-family: Verdana; 
		text-transform:uppercase;
		color:#fff;
		font-weight:bold;
	}
/* ########################################## */	
	div.leftColumn   .designBoxSecond
	{
		position:relative;
		margin-bottom:10px;
		border:0px solid green;
	}
	*html div.leftColumn   .designBoxFirstContent
	{
		margin-right:-1px;
	}
	div.leftColumn 
	{
		position:relative;
		width:190px;
		border:0px solid red;
		float:left;
		margin:5px;
	}
	
	div.rightColumn
	{
		position:relative;
		width:555px;
		float:left;
		margin-top:5px;
		margin-bottom:5px;
	}
	.boyAndGirl
	{
		margin-bottom:5px;
	}
	.pageHeaderz
	{
		position:absolute;
		top:75px;
		left:25px;
		font-size:16px; 
		font-family:Verdana; 
		color:#FFB966; 
		font-weight: bold;
	}
/* ########################################################### */
	div.rate_block /* ### in design.inc.php function DesignProgress() ### */
	{
		position:relative;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:2px;
	}
	div.rate_text /* ### in design.inc.php function DesignProgress() ### */
	{
		position:relative;
		text-align:left;
	}
	div.rate_scale /* ### in design.inc.php function DesignProgress() ### */
	{
		position:relative;
		height:10px;
		font-size:1px;
		line-height:10px;
		border:1px solid #9DA0A1;
		/* background-image:url(../images/icons/scale_bg.gif); */
		background-color:#fff;
		margin:0px;
		padding:0px;
		text-align:left;
	}
	
/* ########################################### */	
	div.pollBlock, div.pollCaption, div.pollAnswerBlock
	{
		position:relative;
		overflow:hidden; 
	}
	div.pollBlock
	{
		  height:154px;
		  width:260px;
		  border:1px solid #000;
		  text-align:left;
		  float:left;
		  margin-bottom:5px;
		  border:1px solid #000;
	}
	div.pollCaption
	{
		  margin:2px;
		  padding:0px 5px;
		  height:20px;
		  line-height:20px;
		  vertical-align:middle;
		  border:1px solid #000;
		  font-weight:bold;
	}
	div.pollAnswerBlock
	{
		  margin:2px;
		  height:100px;
		  border:1px solid #7474BD;
		  text-align:left;
	}
	div.pollUp, div.pollDown
	{
		position:absolute;
		right:5px;
	}
	div.pollUp
	{
		top:5px;
	}
	div.pollDown
	{
		bottom:5px;
	}
	div.pollQuestionBlock
	{
		position:absolute;
		width:230px;
		padding:2px;
		overflow:hidden;
		border:solid 0px green;
	}
	div.pollSubmitBlock
	{
		position:relative;
		margin:2px;
		overflow:hidden;
		height:20px;
		border:solid 0px #0000cc;
		text-align:center;
	}
	.pollContainer
	{
		position:relative;
		margin-top:2px;
		padding-top:10px;
		padding-left:10px;
		padding-right:10px;
	}
	.createPollSection
	{
		position:relative;
		padding:10px;
		background-color:#d2d2d2;
		border:0px solid red;
	}
	.controlsDiv
	{
		position:relative;
		clear:both;
		margin:10px;
	}
	.innerControlBlock
	{
		position:relative;
		float:right;
		width:200px;
		border:0px solid red;
		background-color:#f0f0f0;
	}
	.controlsHeader
	{
		padding: 0px 2px;
		font-weight:bold;
	}
	.deleteDiv
	{
		padding: 2px 0px 0px 2px;
	} 
/* ################################################# */
	input.no, textarea.no, select.no
	{
		font-family:font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:normal;
		color:#4B4F52;
		vertical-align:middle;
	}
	div.no_result, div.action
	{
		position:relative;
		border:1px solid #A0C238;
		padding:1px;
		margin-top:0px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:10px;
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	div.no_result div, div.action div
	{
		position:relative;
		background-color:#709812;
		vertical-align:middle;
		font-weight:bold;
		color:#fff;
		text-align:center;
		margin:0px;
		padding:0px;
		line-height:20px;
	}
	div.err
	{
		position:relative;
		border:1px solid #FF412D;
		padding:1px;
		margin:0px;
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	div.err div
	{
		position:relative;
		background-color:#FF412D;
		vertical-align:middle;
		font-weight:bold;
		color:#fff;
		text-align:center;
		line-height:20px;
	}
	* html div.no_result div, * html div.action div, * html div.err div
	{
		line-height:normal;
		padding:3px 0px;
	}
	.small
	{
		background-color:#fff;
	}
	table.small
	{
		background-color:#fff;
		margin-bottom:15px;
	}
	.panel
	{
		background-color:#c0c0c0;
	}
/* ################################################################ */	
	div.menu_item_line
	{
		position:relative;
		padding:5px 0px 2px 23px;
		margin:0px 0px 1px 0px;
		height:18px;
		vertical-align:middle;
		font-weight:bold;
		text-transform:capitalize;
		border:0px solid green;
		font-size:13px;
	}	
	div.menu_item_line_active
	{
		position:relative;
		height:18px;
		vertical-align:middle;
		font-weight:bold;
		text-transform:capitalize;
		padding:5px 0px 2px 23px; 
		margin:0px 0px 1px 0px;
		background-image:url(../images/arrow.gif);
		background-repeat:no-repeat;
		background-position:left center;
		font-size:13px;
	} 
	.menu_item_link
	{
		/* padding-left:20px; */
	}
/* #################################################################### */
	.logInRegistrationText
	{	
		padding:5px 0px 2px 0px;
		background-color:#C0C0C0;
		font-weight:bold;
		text-align:center;
		margin-left:10px;
		margin-right:10px;
		margin-bottom:10px;
	}	
/* ##################Style for upload ####################################### */	
	.table
	{ 
		background-color:#fff;
	}
	.text
	{
		font-size:12px; 
		font-style:normal; 
		font-weight:normal;
	}
	.text2
	{
		font-size:11px; 
		font-style:normal;
		font-weight:normal;
	}
/* ########################################################### */	
/* Do  not delete 
	div.action 
	{
		position:relative;
		border:1px solid #A0C238;
		padding:1px;
		margin:10px 0px;
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	div.action div
	{
		position:relative;
		background-color:#709812;
		vertical-align:middle;
		font-weight:bold;
		color:#fff;
		text-align:center;
	}
*/
/*###############################################################*/
	div.thumbnail_block
	{
		position:relative;
		border:1px solid #9B9A9A;
		text-align:center;
		overflow:hidden;
		padding:0px;
		background-color:#EDECEC;
		background-position:center;
		background-repeat:no-repeat;
	}
	div.member_submenu
	{
		position:relative;
		overflow:hidden;
	    margin-left:35px;
	    margin-bottom:2px;
	    line-height:18px;
	    vertical-align:middle;
	    font-weight:bold;
	}