body{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	background-image:url(../images/glob/fond.jpg);
	/*background-repeat: no-repeat;
	background-position: 50% 0px;*/
	background-color: #000;
	margin: 0px auto;
	padding: 0px;
	color:#FFFFFF;
}
a{color:#fff; text-decoration:none; }
a:hover, a:active{color:#fff; text-decoration:underline; }
#page{
	position:relative;
	width:1110px;
	height:auto;
	margin:0px auto;
}
.pub_supplement{
	background-image:url(../images/pub/daily-horoscope.jpg);
	background-repeat: no-repeat;
	width:188px;
	height:236px;
	float:left;
	position:relative;
	margin-top:4px;
}
#cont{
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	background:#222;
	border:2px solid #111;
	float:left;
	height:auto;
	min-height:600px;
	margin-top:80px;
	padding:10px;
	padding-top:86px;
	position:relative;
	width:900px;
}
/*------------------------*/
#header{
	border: none;
	height: 180px;
	width:1096px;
	position: relative;		
}
/*------------------------*/
#menu{
	-moz-border-radius:24px 24px 10px 10px;
	background-image:url("../images/glob/menu2px.png");
	background-position:-1px 50%;
	background-repeat:repeat-x;
	border:1px solid #513F3A;
	color:#666666;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
	height:31px;
	line-height:25px;
	margin:0;
	position:relative;
	text-align:left;
	vertical-align:middle;
	width:1076px;
	padding-left:10px;
	padding-right:10px;
}
#menu li{
	-moz-border-radius:24px 24px 10px 10px;
	background:none;
	border:1px solid #321126;
	color:#FFFFFF;
	cursor:pointer;
	float:left;
	font-size:15px;
	font-weight:bold;
	list-style:none outside none;
	margin:1px 0 0 10px;
	padding:1px 8px;
	text-align:center;
	text-decoration:none;
}
#menu li:hover{background:#3F1731;border:1px solid #1B0712;}
#menu .current, #menu .current:hover{border:1px solid #1B0712;background:#4F1D3E;}
#menu li a{text-decoration:none;}
/*------------------------*/
#container{
	border: none;
	width: 1096px;
	height: auto;
	position: relative;
	text-align: center;
	margin-top: 15px; 
	margin-bottom:15px;
	float:left;
}
/*------------------------*/
#leftContainer{
	position:relative;
	float:left;
	width:190px;
	height:auto;
	background:url(../images/leftmenu/2px.png);
	margin-right:15px;
	text-align:left;
}
#content{
	position:relative;
	float:left;
	width:583px;
	text-align:left;
}
#rightContainer{
	position:relative;
	float:right;
	width:293px;
	margin-left:15px;
	text-align:center;
}
/*------------------------*/
#leftContainer h2{
	background:url(../images/leftmenu/head.png);
	margin:0px 0px 10px 0px;
	text-align:left;
	text-indent:7px;
	text-transform:capitalize;
	font-size:16px;
	font-weight:normal;
	letter-spacing:1px;
	color:#bbb;
	padding:2px 0px;
}
#leftContainer li{
	list-style:none;
	width:90%;
	margin:0px auto;
	position:relative;
	border-bottom:1px solid #fff;
	padding-bottom:5px;
	padding-top:0px;
	margin-bottom:4px;
	font-weight:bold;
	list-style:url(../images/leftmenu/dot.png);
	list-style-position:inside;
	cursor:pointer;
	background:none;
}
#leftContainer .current{
	list-style:url(../images/leftmenu/dot2.png);
	list-style-position:inside;	
}
#leftContainer .have_sub_menu{
	background:url(../images/leftmenu/sub_menu.png);
	background-repeat:no-repeat;
	background-position:145px 0px;
}
#leftContainer li a{text-decoration:none; color:#fff; padding-top:2px; padding-bottom:2px;}
#leftContainer li a div{position:absolute; width:154px; top:0px; right:0px;}
#leftContainer li a:hover{color:#000;}
#leftContainer .current a{color:#000;}
#leftContainer li ul{
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topright:10px;
	background:url(../images/leftmenu/sub_menu_2px.png);
	border:1px solid #777;
	color:#fff;
	display:none;
	left:160px;
	margin:0;
	padding:10px 3px 7px 3px;
	position:absolute;
	top:0;
	width:215px;
	z-index:999;
}
#leftContainer li ul li{
	border-bottom:1px dotted #999;
	color:#fff;
	font-size:11px;	
	background:none;
}
#leftContainer li ul li a{color:#fff; font-size:11px;}
#leftContainer li ul li a:hover{color:#000;}
#leftContainer li ul li a div{float:right; width:180px;}
#leftContainer .current ul a{color:#fff;}
#leftContainer li ul .current a{color:#000;}
/*------------------------*/
#footer{
	-moz-border-radius:11px 11px 0 0;
	background:url("../images/glob/top2px.png") repeat-x scroll 0 -38px #111111;
	border:1px solid #747474;
	border-bottom:none;
	float:left;
	height:auto;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	padding:10px 10px 30px;
	position:relative;
	width:1076px;
}
#footer li{
	cursor:pointer;
	float:left;
	font-weight:bold;
	height:auto;
	list-style:none;
	margin-right:15px;
	position:relative;
	width:164px;
	background:url("../images/leftmenu/dot.png") no-repeat scroll 0 3px transparent;
	-moz-border-radius:4px;	
	margin-bottom:12px;
}
#footer li a{float:left; text-indent:13px; width:100%; padding-bottom:3px;border-bottom:2px solid #5B5B5B;font-size:14px;font-weight:bold;}
#footer .current{background:url("../images/leftmenu/dot2.png") no-repeat scroll 0 3px transparent;}
#footer .have_sub_menu{border-bottom:3px solid #5B5B5B;}
#footer li a:hover{text-decoration:none;border-bottom:2px solid #797979;}
#footer .current a{color:#742766;text-decoration:none;}
#footer li ul{color:#fff;position:relative;width:100%;float:left;margin:5px 0;padding:0px;}
#footer li ul li, #footer .current ul li{background:none;border-bottom:1px dotted #383838;line-height:12px;margin-bottom:3px;padding-bottom:3px;width:100%;}
#footer li ul li a{width:100%; text-indent:0px;color:#fff;border:none; font-size:12px; font-weight:normal;}
#footer .current ul li a{width:100%; text-indent:0px;color:#fff;border:none; font-size:12px; font-weight:normal;}
#footer li ul li a:hover{color:#B740A1;text-decoration:underline;border:none;}
#footer li ul .current a{color:#B740A1;text-decoration:underline;background:none; padding-left:13px; }


#links_cont{
	background:#111111;
	border:1px solid #747474;
	border-bottom:none;
	border-top:1px solid #353535;
	float:left;
	height:auto;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	padding:0px 10px 20px;
	position:relative;
	width:1076px;
}
#links_cont li{
	float:left;
	font-size:12px;
	font-weight:normal;
	margin-right:10px;
	list-style:none;
}
#links_cont li a{font-weight:normal;color:#bbb;}
#links_cont li b{font-weight:normal;color:#fff;}
#links_cont h4{margin-bottom:0px;}
#links_cont h4{width:100%;text-align:center;float:left;color:#999;margin-bottom:0px;}


#newsletter{
	background:url("../images/leftmenu/news_letter.png") no-repeat scroll -1px 0 transparent;
	float:left;
	min-height:157px;
	padding-bottom:5px;
	position:relative;
	width:190px;
}
#newsletter #newsletter_form{
	color:#000000;
	font-size:11px;
	margin:55px auto 0;
	width:153px;
}
#newsletter #newsletter_form b{color:#CA040B;}
#newsletter #newsletter_form input{
	background:none;
	border:1px solid #fff;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	padding:4px;
	color:#fff;
	background:url(../images/leftmenu/2px.png);
	margin-top:4px;
}
#newsletter #newsletter_form #newsletter_submit_btn{
	background:url(../images/leftmenu/head.png);
	float:right;
	border:1px solid #212121;
	font-weight:bold;
	cursor:pointer;
	color:#999;
}
#newsletter #newsletter_form #newsletter_submit_btn:hover{
	border:1px solid #444;
	background-position:0px 25px;
	color:#fff;
}
#newsletter #newsletter_form .output_msg{
	float:left;
	width:113px;
	height:auto;
	margin-top:4px;
	display:none;
	color:#fff;
	font-weight:normal;
}
#newsletter #newsletter_form .output_msg b{color:#fff;font-weight:normal;}
#newsletter_form .output_msg .err_alert{background-image:url("ui/images/ui-icons_ffcf29_256x240.png");float:left;margin-right:5px;}
/*------------------------*/
/*    TMP || HEAD LAYOUT  */
/*------------------------*/
#hroBtns{
	height:auto;
	overflow:hidden;
	width:420px;
	*width:435px;
	position:relative;
	float:right;
}
.horoBtnbl{
	position:relative;
	float:left;
	width:65px;
	margin:0px;
	margin-left:5px;
	margin-bottom:5px;
	height:80px;
	cursor:pointer;	
	background-repeat:no-repeat;
}	
/*------------------------*/
#logo{
	position:absolute;
	left:0px;
	top:0px;	
	border: none;
	margin:0px;
	padding:0px;	
	height:180px; 
	width:355px;
	text-align:center;
}
#logo h1{
	height:auto; 
	color:#eee;
	position:relative;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-left:0px;
	margin-top:0px;
	font-size:14px;
	line-height:16px; 
	width:350px; 
}
#logo h1 b{
	font-size:16px;
	line-height:16px;
	color:#fff;
}	
/*------------------------*/
#temoinage{
	position:absolute;
	left:330px;
	top:50px;	
	border: none;
	margin:0px;
	padding:0px;	
	height:auto; 
	width:225px;
	text-align:center;
}
#temoinage h1{
	height:auto; 
	color:#333;
	position:relative;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-left:0px;
	margin-top:0px;
	font-size:14px;
	line-height:18px;
	width:auto; 
}
#temoinage h1 b{
	font-size:18px;
	line-height:18px;
	color:#F33BC5;
	padding-left:2px;
	padding-right:2px;
}	

/*------------------------*/
/*------------------------*/
#free_daily_horoscope{
	width:289px;
	height:289px;
	position:relative;
	background:url(../images/pub/pubgg.png);
	margin:0 auto 10px;
	margin-top:10px;
}
#free_daily_horoscope input{
	-moz-border-radius:4px 4px 4px 4px;
	/*background:url("../images/leftmenu/2px.png") repeat scroll 0 0 transparent;*/
	border:1px solid #E42278;
	color:#333;
	float:left;
	margin-left:80px;
	margin-top:237px;
	padding:4px;
	color:#000;
}
#free_daily_horoscope #mail_horoscope_btn{
	margin-left:3px;
	background:url("../images/leftmenu/head.png") repeat scroll 0 0 transparent;
	border:1px solid #212121;
	color:#999999;
	cursor:pointer;
	font-weight:bold;
	padding:3px;
}
#free_daily_horoscope #mail_horoscope_btn:hover{
	background-position:0 25px;
	border:1px solid #fff;
	color:#FFFFFF;
}
/*------------ Forgot your password (popUp) --------------*/
#fogotchePass{
	background:url(../images/popUpPassword/fogotchePass.jpg);
    color: white;
    font-family: arial;
    font-weight: bold;
    height: 350px;
    left: 125px;
    top: 125px;
    position: absolute;
    width: 423px;
    z-index: 1000;
	visibility:hidden;
}
#overlayPAssword{
	position:absolute;
	background:#00101F;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	visibility:hidden;
	z-index:990;
	top:0;
}
.fogotcheElements{
	position:absolute;
}
#resetyourPassword{
	font-size: 24px;
    font-weight: lighter;
    margin-left: 40px;
    margin-top: 38px;
}
#enterYourEmail{
	font-size: 13px;
    font-weight: lighter;
    margin-left: 40px;
    margin-top: 82px;
    width: 370px;
	line-height: 18px;
}
#labelEmailAdress{
	font-size: 26px;
    font-weight: lighter;
    margin-left: 40px;
    margin-top: 120px;
}
#inputEmailAdress{
	height: 28px;
	margin-left: 36px;
    margin-top: 158px;
    overflow: hidden;
    width: 227px;
}
#labelNewPassword{
	font-size: 26px;
    font-weight: lighter;
    margin-left: 40px;
    margin-top: 194px;
}
#inputNewPassword{
	height: 28px;
    margin-left: 36px;
    margin-top: 231px;
    overflow: hidden;
    width: 227px;
}
#validateFogotche{
    height: 35px;
    margin-left: 39px;
    margin-top: 275px;
    padding-top: 8px;
    text-align: center;
    width: 104px;
	cursor:pointer;
	font-size:16px;
}
#cancelFogotche{
    height: 35px;
    margin-left: 159px;
    margin-top: 275px;
    padding-top: 8px;
    text-align: center;
    width: 104px;
	cursor:pointer;
	font-size:16px;
}
#theInputEA{
	background: none repeat scroll 0 0 transparent;
    border: medium none;
    height: 36px;
    width: 227px;
	color:#00101F;
	font-size:20px;
	font-family:Arial;
	padding-left:2px;
	margin-top: -4px;
}
#theInputNewP{
	background: none repeat scroll 0 0 transparent;
    border: medium none;
    height: 36px;
    width: 227px;
	color:#00101F;
	font-size:20px;
	font-family:Arial;
	padding-left:2px;
	margin-top: -4px;
}
#closeFP{
	cursor: pointer;
    margin-left: 410px;
    margin-top: -13px;
}
#checkYourMail{
	background:url(../images/popUpPassword/success.jpg);
	display:none;
    color: #020E1A;
    font-family: arial;
    font-size: 25px;
    height: 350px;
    text-align: center;
    top: 125px;
    width: 423px;
    z-index: 995;
}
#firstLineSuccess{
	margin-top:40px;
	font-weight:bold;
	margin-bottom:10px;
}
#secondLineSuccess{
	font-size:22px;
	color:white;
}
/*---------- Styles for the free monthly horoscope --------------*/
/*------------------------*/
#free_monthly_horoscope{
	width:289px;
	height:287px;
	position:relative;
	background:url(../images/leftmenu/fond.png);
	margin:0 auto 10px;
	margin-top:10px;
}
#free_monthly_horoscope input{
	-moz-border-radius:4px 4px 4px 4px;
	background:white;
	border:1px solid #000000;
	color:#FFFFFF;
	float:left;
	margin-left:114px;
	margin-top:206px;
	padding:4px;
	color:#000;
	width:126px;
}
#free_monthly_horoscope #mail_horoscope_btn{
	margin-left:3px;
	background:url("../images/leftmenu/btn_ok.png") no-repeat scroll 0 0 transparent;
	border:none;
	color:#999999;
	cursor:pointer;
	font-weight:bold;
	padding:3px;
	width:30px;
	height:26px;
}
#free_monthly_horoscope #mail_horoscope_btn:hover{
	background-position:1px 0;
	color:#FFFFFF;
}

/*Btn mailing reg on pages: tomorrow's horoscope and monthly horoscopes*/
#btnMailingReg{
	background:url("../images/btnMailingReg.png")repeat scroll 0 0 transparent;
	border:1px solid white;
	cursor:pointer;
	font-weight:bold;
	margin-left: 25px;
    margin-top: 10px;
	height:26px;
	padding:0 4px;
	-moz-border-radius:4px 4px 4px 4px;
	float: left;
	-webkit-border-radius:4px 4px 4px 4px;
	line-height:26px;
}
