body#atr{

	padding:0px;

	margin:0px;

	color:#000;

}

form, ul,li{

	padding:0px;

	margin:0px;

}

img{ border:none;}

#atr ul{ list-style:none;}

#atr .atr_top{

	width:900px;

	margin:0px auto;

}

.atr_nav{

	background:url(images/top_nav.gif) no-repeat;

	height:147px;

	float:left;

	width:869px;

	padding-left:31px;

}

.atr_nav ul li{ float:left;}

.atr_nav ul li a {

	margin-top:23px;

	width:62px;

	height:114px;

	display:block;

	margin-right:6px;

	background-position:0px 0px;

}

.atr_nav ul li a#atr_ari{ background-image:url(images/top_nav_1.gif);}

.atr_nav ul li a#atr_tau{ background-image:url(images/top_nav_2.gif);}

.atr_nav ul li a#atr_gem{ background-image:url(images/top_nav_3.gif);}

.atr_nav ul li a#atr_can{ background-image:url(images/top_nav_4.gif);}

.atr_nav ul li a#atr_leo{ background-image:url(images/top_nav_5.gif);}

.atr_nav ul li a#atr_vir{ background-image:url(images/top_nav_6.gif);}

.atr_nav ul li a#atr_lib{ background-image:url(images/top_nav_7.gif);}

.atr_nav ul li a#atr_sco{ background-image:url(images/top_nav_8.gif);}

.atr_nav ul li a#atr_sag{ background-image:url(images/top_nav_9.gif);}

.atr_nav ul li a#atr_cap{ background-image:url(images/top_nav_10.gif);}

.atr_nav ul li a#atr_aqu{ background-image:url(images/top_nav_11.gif);}

.atr_nav ul li a#atr_pis{ background-image:url(images/top_nav_12.gif);}

.atr_nav ul li a:hover, .atr_nav ul li a.hover { background-position:0px -114px;}

.atr_nav ul li a span{

	display:none;

}



.atr_header{

	clear:both;

	background:url(images/header_bg.gif) no-repeat;

	height:260px;

	padding-top:10px;

	position:relative;

}

.atr_myastro{

	font-size:13px;

	background:#FFF;

	box-shadow:0px 0px 8px #ace7ef;

	-webkit-box-shadow:0px 0px 8px #ace7ef;

	-moz-box-shadow:0px 0px 8px #ace7ef;

	-o-box-shadow:0px 0px 8px #ace7ef;

	border-radius:20px;

	width:400px;

	padding:1px 0px 1px 5px;

	margin-left:350px;

}

.atr_myastro img{

	vertical-align:middle;

}

.atr_subnav{

	margin-top:20px;

	height:45px;

	width:625px;

	margin-left:215px;

}

.atr_subnav ul li{float:left;}

.atr_subnav ul li a{

	background-image:url(images/sub_nav.png);

	display:block;

	width:125px;

	height:45px;

}

.atr_subnav ul li a span{

	display:none;

}

.atr_subnav ul li a#atr-subnav_today{ background-position:0px 0px;}

.atr_subnav ul li a#atr-subnav_today:hover, .atr_subnav ul li a#atr-subnav_today.hover{ background-position:0px -45px;}

.atr_subnav ul li a#atr-subnav_tomorrow{ background-position:-125px 0px;}

.atr_subnav ul li a#atr-subnav_tomorrow:hover, .atr_subnav ul li a#atr-subnav_tomorrow.hover{ background-position:-125px -45px;}

.atr_subnav ul li a#atr-subnav_week{ background-position:-250px 0px;}

.atr_subnav ul li a#atr-subnav_week:hover, .atr_subnav ul li a#atr-subnav_week.hover{ background-position:-250px -45px;}

.atr_subnav ul li a#atr-subnav_month{ background-position:-375px 0px;}

.atr_subnav ul li a#atr-subnav_month:hover, .atr_subnav ul li a#atr-subnav_month.hover{ background-position:-375px -45px;}

.atr_subnav ul li a#atr-subnav_year{ background-position:-500px 0px;}

.atr_subnav ul li a#atr-subnav_year:hover, .atr_subnav ul li a#atr-subnav_year.hover{ background-position:-500px -45px;}

#atr_astro{

	position:absolute;

	top:10px;

	left:-10px;

}

#atr_title{

	position:absolute;

	right:0px;

	bottom:10px;

}

#atr_dayline{

	position: absolute;

	right: 60px;

	top: 127px;

	background:#FFF;

	border:2px solid #FFF;

	box-shadow: 2px 2px 8px #e3dfee inset;

	-webkit-box-shadow: 0px 0px 8px #e3dfee inset;

	-moz-box-shadow: 2px 2px 8px #e3dfee inset;

	-o-box-shadow: 2px 2px 8px #e3dfee inset;

	padding:5px 10px;

	border-radius:20px;

	color:#1b0067;

	font-size:15px;

}



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

#atr-wrap{

	background:url(images/content_bg.gif) repeat-y;

	width:840px;

	margin:0px auto;

	padding:0px 30px;

}

.atr_main{

	float:left;

	height:240px;

	width:100%;

}

#atr_main-year{

	float:none;

	height:270px;

}

.atr_content{

	width:450px;

	float:left;

	height:230px;

	overflow:hidden;

	position:relative;

	margin-left:10px;

}

#atr_content-year{

	width:820px;

	height:210px;

	float:none;

}

.atr_diagram-box{

	width:450px;

	position:absolute;

}

#atr_diagram-year{

	width:820px;

}

.atr_diagram{

	height:240px;

}

.atr_diagram-y{

	height:220px;

	position:relative;

}

.atr_diagram .atr_title{

	background:url(images/diagram-title_bg.gif) no-repeat center center;

	text-align:center;

	line-height:40px;

	color:#a592d5;

	font-size:16px;

	font-weight:bold;

	letter-spacing:1px;

}

.atr_diagram-today{

	background:url(images/diagram-bg_today.gif) no-repeat;

	width:410px;

	padding-left:40px;

	height:200px;

}

.atr_diagram-tomorrow{

	background:url(images/diagram-bg_tomorrow.gif) no-repeat;

	width:410px;

	padding-left:40px;

	height:200px;

}

.atr_diagram-week{

	background:url(images/diagram-bg_week.gif) no-repeat;

	width:410px;

	padding-left:40px;

	height:200px;

}

.atr_diagram-month{

	background:url(images/diagram-bg_month.gif) no-repeat;

	width:410px;

	padding-left:40px;

	height:200px;

}

.atr_diagram-year{

	padding:10px 0px 0px 132px;

	height:200px;

}

#atr_diagram-year-l{background:url(images/diagram-bg_year-l.gif) no-repeat;}

#atr_diagram-year-w{background:url(images/diagram-bg_year-w.gif) no-repeat;}

#atr_diagram-year-m{background:url(images/diagram-bg_year-m.gif) no-repeat;}

.atr_title_year{

	position:absolute;

	left:40px;

	top:20px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:24px;

	font-weight:bold;

}

#atr_title_year-l{ color:#ff689d;}

#atr_title_year-w{ color:#3378d5;}

#atr_title_year-m{ color:#f88938;}

.atr_date span{

	background:#FFF;

	border-radius:10px;

	display:inline-block;

	text-align:center;

	color:#645fba;

	font-size:13px;

	font-family:"Times New Roman", Times, serif;

}

.atr_date-7 {padding-left:32px;}

.atr_date-7 span{ padding:2px 5px; margin:8px 13px 0px 0px;}

.atr_date-5 {padding-left:32px;}

.atr_date-5 span{ padding:2px 2px; margin:8px 5px 0px 0px;}

.atr_date-4 {padding-left:35px;}

.atr_date-4 span{ padding:2px 6px; margin:8px 0px 0px 10px;}

.atr_date-6 {padding-left:20px;}

.atr_date-6 span{ padding:2px 0px; margin:0px 0px 0px 2px; font-size:12px;}

.atr_date-year {padding-left:20px;}

.atr_date-year span{ padding:2px 0px; margin:0px 0px 0px 2px; width:50px;}



.atr_ltitle{

	float:right;

	width:350px;

	margin-right:15px;

}

.atr_ltitle .title{ text-align:center;}

.atr_ltitle ul li strong{ display:none;}

.atr_ltitle ul li {

	background-image:url(images/diagram-tab.gif);

	height:34px;

	width:230px;

	margin-bottom:3px;

	padding-left:120px;

	display:block;

	cursor:pointer;

}

.atr_ltitle ul li#atr_today-mood, .atr_ltitle ul li#atr_tomorrow-mood, .atr_ltitle ul li#atr_week-mood, .atr_ltitle ul li#atr_month-mood{background-position:0px 0px;}

.atr_ltitle ul li#atr_today-mood.hover, .atr_ltitle ul li#atr_tomorrow-mood.hover, .atr_ltitle ul li#atr_week-mood.hover, .atr_ltitle ul li#atr_month-mood.hover{ background-position:-350px 0px;}

.atr_ltitle ul li#atr_today-mood span.atr_star, .atr_ltitle ul li#atr_tomorrow-mood span.atr_star, .atr_ltitle ul li#atr_week-mood span.atr_star, .atr_ltitle ul li#atr_month-mood span.atr_star{ background:url(images/icon-star_1-1.png) repeat-x;}

.atr_ltitle ul li#atr_today-love, .atr_ltitle ul li#atr_tomorrow-love, .atr_ltitle ul li#atr_week-love, .atr_ltitle ul li#atr_month-love{background-position:0px -34px;}

.atr_ltitle ul li#atr_today-love.hover, .atr_ltitle ul li#atr_tomorrow-love.hover, .atr_ltitle ul li#atr_week-love.hover, .atr_ltitle ul li#atr_month-love.hover{background-position:-350px -34px;}

.atr_ltitle ul li#atr_today-love span.atr_star, .atr_ltitle ul li#atr_tomorrow-love span.atr_star, .atr_ltitle ul li#atr_week-love span.atr_star, .atr_ltitle ul li#atr_month-love span.atr_star{ background:url(images/icon-star_2-1.png) repeat-x;}

.atr_ltitle ul li#atr_today-money, .atr_ltitle ul li#atr_tomorrow-money, .atr_ltitle ul li#atr_week-money, .atr_ltitle ul li#atr_month-money{background-position:0px -68px;}

.atr_ltitle ul li#atr_today-money.hover, .atr_ltitle ul li#atr_tomorrow-money.hover, .atr_ltitle ul li#atr_week-money.hover, .atr_ltitle ul li#atr_month-money.hover{background-position:-350px -68px;}

.atr_ltitle ul li#atr_today-money span.atr_star, .atr_ltitle ul li#atr_tomorrow-money span.atr_star, .atr_ltitle ul li#atr_week-money span.atr_star, .atr_ltitle ul li#atr_month-money span.atr_star{ background:url(images/icon-star_3-1.png) repeat-x;}

.atr_ltitle ul li#atr_today-work, .atr_ltitle ul li#atr_tomorrow-work, .atr_ltitle ul li#atr_week-work, .atr_ltitle ul li#atr_month-work{background-position:0px -102px;}

.atr_ltitle ul li#atr_today-work.hover, .atr_ltitle ul li#atr_tomorrow-work.hover, .atr_ltitle ul li#atr_week-work.hover, .atr_ltitle ul li#atr_week-work.hover, .atr_ltitle ul li#atr_month-work.hover{background-position:-350px -102px;}

.atr_ltitle ul li#atr_today-work span.atr_star, .atr_ltitle ul li#atr_tomorrow-work span.atr_star, .atr_ltitle ul li#atr_week-work span.atr_star, .atr_ltitle ul li#atr_month-work span.atr_star{ background:url(images/icon-star_4-1.png) repeat-x;}

.atr_ltitle ul li#atr_today-health, .atr_ltitle ul li#atr_tomorrow-health, .atr_ltitle ul li#atr_week-health, .atr_ltitle ul li#atr_month-health{background-position:0px -136px;}

.atr_ltitle ul li#atr_today-health.hover, .atr_ltitle ul li#atr_tomorrow-health.hover, .atr_ltitle ul li#atr_week-health.hover, .atr_ltitle ul li#atr_month-health.hover{background-position:-350px -136px;}

.atr_ltitle ul li#atr_today-health span.atr_star, .atr_ltitle ul li#atr_tomorrow-health span.atr_star, .atr_ltitle ul li#atr_week-health span.atr_star, .atr_ltitle ul li#atr_month-health span.atr_star{ background:url(images/icon-star_5-1.png) repeat-x;}



.atr_ltitle ul li span.atr_star{ 

	display:inline-block;

	width:140px;

	height:24px;

	margin-top:10px;

}

.atr_ltitle ul li span.atr_star img{ float:left; display:block;}

.atr_ltitle ul li span.atr_msg{

	float:right;

	padding:2px 2px 0px 0px;

}

#atr_ltitle-year{

	width:810px;

	margin:0px auto;

	float:none;

}

#atr_ltitle-year ul li {

	background-image:url(images/diagram-tab2.gif);

	height:38px;

	width:180px;

	padding-left:90px;

	display:block;

	cursor:pointer;

	float:left;

}

#atr_ltitle-year ul li#atr_year-love{background-position:0px 0px;}

#atr_ltitle-year ul li#atr_year-love.hover{background-position:0px -38px;}

#atr_ltitle-year ul li#atr_year-love span.atr_star{ background:url(images/icon-star_2-2.png) repeat-x;}

#atr_ltitle-year ul li#atr_year-work{background-position:-270px 0px;}

#atr_ltitle-year ul li#atr_year-work.hover{background-position:-270px -38px;}

#atr_ltitle-year ul li#atr_year-work span.atr_star{ background:url(images/icon-star_4-2.png) repeat-x;}

#atr_ltitle-year ul li#atr_year-money{background-position:-540px 0px;}

#atr_ltitle-year ul li#atr_year-money.hover{background-position:-540px -38px;}

#atr_ltitle-year ul li#atr_year-money span.atr_star{ background:url(images/icon-star_3-2.png) repeat-x;}

#atr_ltitle-year ul li span.atr_star{ 

	width:110px;

	height:24px;

	margin-top:17px;

}

#atr_ltitle-year ul li span.atr_star img{width:11px;}

#atr_ltitle-year ul li span.atr_msg{ margin-top:10px;}

#atr_ltitle-year ul li span.atr_msg img{ width:65px;}





.atr_today_detail{

	clear:both;

	background:url(images/content_bg-today.jpg) no-repeat right center;

	width:840px;

	height:177px;

}

.atr_today_detail{

	clear:both;

	background:url(images/content_bg-tomorrow.jpg) no-repeat right center;

	width:840px;

	height:177px;

}

.atr_today_detail ul{

	font-size:15px;

	padding-left:290px;

	padding-top:24px;

}

.atr_today_detail ul li {

	padding:6px 0px;

}

.atr_today_detail ul li strong{ display:none;}

.atr_week_detail{

	clear:both;

	background:#ffffe9;

	border:1px solid #dcd4f2;

	border-radius:20px;

	margin:10px 20px 0px 20px;

	position:relative;

	padding:15px 20px;

}

.atr_month_detail{

	clear:both;

	background:#f0ffde;

	border:1px solid #dcd4f2;

	border-radius:20px;

	margin:10px 20px 0px 20px;

	position:relative;

	padding:15px 20px;

}

.atr_year_detail{

	clear:both;

	background:#ebf1ff;

	border:1px solid #dcd4f2;

	border-radius:20px;

	margin:0px 20px 0px 20px;

	position:relative;

	padding:15px 20px;

}

.atr_corner-left{

	position:absolute;

	left:-9px;

	top:-10px;

	background:url(images/content_corner.png) no-repeat 0px 0px;

	width:36px;

	height:52px;

}

.atr_corner-right{

	position:absolute;

	right:-9px;

	top:-10px;

	background:url(images/content_corner.png) no-repeat -36px 0px;

	width:36px;

	height:52px;

}

.atr_detail-box{

	margin-bottom:20px;

}

.atr_detail-box h3{

	padding:0px;

	margin:0px;

}

.atr_detail-box h3 span{ display:none;}

.atr_detail-box p{

	padding:5px 30px;

	font-size:15px;

	line-height:2em;

	margin:0px;

}

.atr_detail-box .atr_plus{

	padding-left:5px;

}



.atr_footer{

	background:url(images/tail_bg.gif) no-repeat;

	height:56px;

	width:900px;

	margin:0px auto;

}



/*---------------------atr_plus-----------------*/

.atr_plus{

	margin:0px 10px;

}

.atr_plus span{

	display:inline-block;

	margin-right:10px;

	color:#1b0067;

	font-size:15px;

	background:url(images/star_item.gif) no-repeat;

	height:27px;

	padding-top:13px;

}

.atr_plus span strong{ display:none; background-position:0px 0px;}

.atr_plus span.atr_plus-position{ padding-left:130px; width:110px; background-position:0px 0px;}

.atr_plus span.atr_plus-color{padding-left:130px; width:105px; background-position:0px -40px;}

.atr_plus span.atr_plus-lucky{padding-left:145px; width:110px; background-position:0px -80px;}

.atr_plus span.atr_plus-day{padding-left:140px; width:70px; background-position:0px -200px;}

.atr_plus span.atr_plus-lover{padding-left:165px; width:100px; background-position:0px -240px;}

.atr_plus span.atr_plus-love-lucky{padding-left:175px; width:90px; background-position:0px -120px;}

.atr_plus span.atr_plus-money{padding-left:160px; width:90px; background-position:0px -160px;}

.atr_plus span.atr_plus-lucky-astro{padding-left:155px; width:70px; background-position:0px -280px;}

.atr_plus span.atr_plus-headache{padding-left:160px; width:70px; background-position:0px -400px;}

.atr_plus span.atr_plus-villain{padding-left:160px; width:70px; background-position:0px -360px;}

.atr_plus span.atr_plus-place{padding-left:160px; width:90px; background-position:0px -320px;}