div
{
	border: 0px solid red;
}

p
{
	margin: 0.5em 0em 0.5em 0em;
	padding: 0px;
}
body
{
	margin: 0px auto 0px auto;
	padding: 0px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	width: 1000px;
	background-image: url(Images/NewHomePage/bg_body.jpg);
	background-repeat: repeat;
}

#mainwrap
{
	margin: 0px auto 0px auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 80px;
	width: 1005px;
}
.baner_header_bg
{
	background-image: url(Images/NewHomePage/scrollbg.gif);
	background-repeat: no-repeat;
	width: 1000px;
	height: 135px;
	margin-bottom: 10px;
}
.clear
{
	clear: both;
	font-size: 0px;
	line-height: 0px;
}
.div-clear-50
{
	height: 50px;
}
.div-height-12
{
	height: 12px;
	font-size: 1px;
}
.div-height-5
{
	height: 5px;
	font-size: 0px;
	clear:both;
}
.div-height-8
{
	height: 8px;
	font-size: 1px;
}
.div-height-20
{
	height: 20px;
}
.div-height-30
{
	height: 30px;
}
.div-height-14
{
	height: 14px;
	font-size: 1px;
}
.div-height-77
{
	height: 77px;
	font-size: 1px;
}
.2008footermenu
{
	color: White;
}
.2008footermenu a:link, .2008footermenu a:visited
{
	text-decoration: none;
	color: White;
	font-size: 11pt;
}
.2008footermenu a:hover
{
	text-decoration: underline;
}

.cursor-panel
{
	cursor: hand;
}
/* start Page master css ------------------------------------*/
#main-wrapper
{
	width: 1000px;
	background-color: White;
	padding-top: 10px;
}


.bg-red
{
	background-color: #c02825;
	height: 10px;
	width: 10px;
	font-size: 1px;
	float: left;
	margin-top: 2px;
}
.btn1
{
	background-image: url(images/btn1.gif);
	width: 20px;
	height: 20px;
	float: left;
}
.btn2
{
	background-image: url(images/btn2.gif);
	width: 20px;
	height: 20px;
	float: left;
}
.btn3
{
	background-image: url(images/btn3.gif);
	width: 20px;
	height: 20px;
	float: left;
}
.btn4
{
	background-image: url(images/btn4.gif);
	width: 21px;
	height: 21px;
	float: left;
}
.btn5
{
	background-image: url(images/btn5.gif);
	width: 22px;
	height: 22px;
	float: left;
}
.btn6
{
	background-image: url(images/western.jpg);
	width: 22px;
	height: 22px;
	float: left;
}
.btn6i
{
	background-image: url(images/report.png);
	width: 24px;
	height: 24px;
	float: left;
}
.btn7
{
	background-image: url(images/live.jpg);
	width: 20px;
	height: 20px;
	float: left;
}
.btn8
{
	background-image: url(images/relation.jpg);
	width: 20px;
	height: 20px;
	float: left;
}
.btn9
{
	background-image: url(images/personal.jpg);
	width: 20px;
	height: 20px;
	float: left;
}

.header-daily
{
	background-image: url(images/header-daily.gif);
	width: 205px;
	height: 27px;
}
.header-celebrity
{
	background-image: url(images/header-celebrity.gif);
	width: 205px;
	height: 27px;
}

.header1
{
	background-image: url(images/header1.gif);
	width: 262px;
	height: 27px;
}
.header2
{
	background-image: url(images/header2.gif);
	width: 269px;
	height: 27px;
}
.header3
{
	background-image: url(images/header3.gif);
	width: 246px;
	height: 27px;
}
.header4
{
	background-image: url(images/header4.gif);
	width: 180px;
	height: 27px;
}

.header-celebrity1
{
	background-image: url(images/header-celebrity1.gif);
	width: 478px;
	height: 25px;
}
.header-celebrity2
{
	background-image: url(images/header-celebrity2.gif);
	width: 300px;
	height: 25px;
}
.header-celebrity3
{
	background-image: url(images/header-celebrity3.gif);
	width: 300px;
	height: 25px;
}

.header-horoscope
{
	background-image: url(images/header-horoscope.jpg);
	width: 523px;
	height: 27px;
}

.header-celebrity-list
{
	background-image: url(images/header-celebrity-list.gif);
	width: 730px;
	height: 29px;
}

.header-about
{
	background-image: url(images/header-about.jpg);
	width: 546px;
	height: 26px;
}
.header-zodiac-sign
{
	background-image: url(images/header-zodiac-sign.jpg);
	width: 547px;
	height: 26px;
}

.header-forecast2008
{
	background-image: url(images/header-forecast2008.gif);
	width: 553px;
	height: 36px;
}



.headercelebrity
{
	background-image: url(images/headercelebrity.jpg);
	width: 547px;
	height: 26px;
}


.header-personal-report
{
	background-image: url(images/header-personal-report.jpg);
	width: 547px;
	height: 26px;
}


.Percentage
{
	background-image: url(images/Percentage.jpg);
	width: 170px;
	height: 102px;
	color: White;
	font-size: 5em;
	text-align:center;
	font-weight:bold;
}

.yearly
{
	background-image: url(images/yearly.gif);
	width: 193px;
	height: 181px;
	margin: 10px 0 0 20px;
	float: left;
}

.bg-red-large
{
	background-color: #c02825;
	height: 12px;
	width: 12px;
	font-size: 1px;
	float: left;
	margin-top: 3px;
}
.title-text-left
{
	font-family: Verdana, Arial,sans-serif;
	color: #000000;
	font-size: 11pt;
	font-weight: bold;
	margin-top: 20px;
}
.title-text-right
{
	font-family: Verdana, Arial,sans-serif;
	color: #000000;
	font-size: 11pt;
	font-weight: bold;
}

.header-text
{
	font-family: Verdana, Arial,sans-serif;
	color: White;
	text-align: left;
	font-size: 11pt;
	font-weight: bold;
	padding: 4px 0 0 30px;
}

.header-text a:link, .header-text a:hover, .header-text a:visited
{
	text-decoration: none;
	font-style: normal;
	color: #ffffff;
	font-size: 11pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.text-search
{
	background-color: #C8C3A5;
	padding: 2px;
	color: White;
	font-weight: bold;
	margin-top: 15px;
}
.text-search a:link, .text-search a:visited
{
	text-decoration: none;
	font-style: normal;
	color: #ffffff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.text-search a:hover
{
	color: #be2424;
}


.menu-link
{
	margin-top: 10px;
}
.menu-link a:link, .menu-link a:visited
{
	text-decoration: none;
	font-style: normal;
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.menu-link a:hover
{
	color: #be2424;
}
.menu-link-sign
{
	color: #8f8f8f;
	font-family: Arial, Helvetica, sans-serif;
}
.menu-link-sign a:link, .menu-link-sign a:visited
{
	text-decoration: none;
	font-style: normal;
	color: #8f8f8f;
	font-family: Arial, Helvetica, sans-serif;
}
.menu-link-sign a:hover
{
	color: #be2424;
}


.link-inside-content b, .link-inside-content i, .link-inside-content font
{
	font-size:12px;
	font-family: Verdana,Arial,sans-serif;
	font-style:normal;
	font-weight:normal;
}
.link-inside-content a:link, .link-inside-content a:visited
{
	text-decoration: none;
	font-style: normal;
	color: #8f8f8f;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.link-inside-content a:hover
{
	color: #be2424;
}


.sign-link-top
{
	color: #3a3a3a;
}
.sign-link-top a:link, .sign-link-top a:visited
{
	text-decoration: none;
	font-style: normal;
	color: #3a3a3a;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.sign-link-top a:hover
{
	color: #be2424;
}
#footer-menu
{
	color: #3a3a3a;
	padding-top: 17px;
}
#footer-menu a:link, #footer-menu a:visited
{
	text-decoration: none;
	font-style: normal;
	color: #3a3a3a;
}
#footer-menu a:hover
{
	color: #be2424;
}
#footer-menu-horoscope
{
	color: #3a3a3a;
	width: 586px;
	float: left;
	border-left: 1px solid #797979;
}
#footer-menu-horoscope a:link, #footer-menu-horoscope a:visited
{
	text-decoration: none;
	font-style: normal;
	color: #3a3a3a;
}
#footer-menu-horoscope a:hover
{
	color: #be2424;
}

#footer-new-horoscope
{
	color: #3a3a3a;
	width: 586px;
	float: left;
}
#footer-new-horoscope a:link, #footer-menu-horoscope a:visited
{
	text-decoration: none;
	font-style: normal;
	color: #3a3a3a;
}
#footer-new-horoscope a:hover
{
	color: #be2424;
}


#footer-menu-landing
{
	color: #3a3a3a;
}
#footer-menu-landing a:link, #footer-menu-landing a:visited
{
	text-decoration: none;
	font-style: normal;
	color: #3a3a3a;
}
#footer-menu-landing a:hover
{
	color: #be2424;
}
.footer-menu-clear
{
	height: 5px;
	font-size: 1px;
}
a:link, a:visited
{
	color: #3a3a3a;
	text-decoration: none;
	font-style: normal;
}
a:hover
{
	color: #be2424;
}


.oca-img-bg-header
{
	background-image: url(images/bg-header.gif);
	width: 136px;
	height: 88px;
	float: left;
}
.oca-img-bg-bottom
{
	background-image: url(images/bg-bottom.gif);
	width: 129px;
	height: 83px;
	float: right;
}
.oca-bg-bottom
{
	height: 15px;
	background-color: #bcbdbf;
	clear: both;
}
.oca-text-ads
{
	height: 22px;
	background-color: #639eca;
	color: #f1ffff;
	font-weight: bold;
	font-family: Verdana, Arial,sans-serif;
	font-size: 12pt;
}

.free-top
{
	background-image: url(images/free-top.gif);
	width: 176px;
	height: 31px;
	text-align: left;
	font-size: 15pt;
	font-weight: bold;
	float: left;
	color: White;
	padding: 3px 0 0 5px;
	background-repeat: no-repeat;
}



.master-bg-header
{
	float: left;
	background-image: url(images/bg-header.jpg);
	width: 680px;
	height: 90px;
}
/*************end master page*************************/


/* start Page default css ------------------------------------*/


.bg_title
{
	background-image: url(Images/NewHomePage/bg_title.jpg);
	background-repeat: repeat-x;
	font-size: 14px;
	color: White;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 5px;
}
.default-column-left
{
	width: 190px;
	float: left;
	border-bottom: solid 2px #bb3f3f;
}
.default-column-left-no-border
{
	width: 190px;
	float: left;
}
.default-column-right
{
	width: 190px;
	float: right;
	margin-right: 1px;
}
.default-content
{
	float: left;
	width: 610px;
	border-left: 2px solid #BB3F3F;
	border-right: 2px solid #BB3F3F;
}


.default-img-oca-blog
{
	background-image: url(images/oca-blog.gif);
	width: 254px;
	height: 45px;
	float: left;
}
.default-img-free-reading
{
	background-image: url(images/free-reading.gif);
	width: 190px;
	height: 21px;
	float: left;
}
.default-art-title
{
}
.default-art-title a:link, .default-art-title a:hover, .default-art-title a:visited
{
	text-decoration: none;
	font-style: normal;
	color: #BB3F3F;
	font-size: 11pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.default-art-normal
{
}
.default-art-normal a:link, .default-art-normal a:hover, .default-art-normal a:visited
{
	text-decoration: none;
	font-style: normal;
	color: #BB3F3F;
	font-size: 11pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.art-detail
{
}
.art-detail a:link, .art-detail a:hover, .art-detail a:visited
{
	text-decoration: none;
	font-style: normal;
	color: #BB3F3F;
	font-size: 11pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.default-art
{
}
.default-art a:link, .default-art a:visited
{
	text-decoration: none;
	font-style: normal;
	color: Black;
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.default-art a:hover
{
	color: #be2424;
}
.default-bg
{
	float: right;
	width: 280px;
	height: 15px;
	background-color: #619fc8;
	margin-top: 20px;
}

.default-free-reading
{
	width: 95%;
	text-align: left;
	font-weight: bold;
	margin-top: 10px;
}
.default-border-free-reading
{
	width: 100%;
	border: 1px solid #81b4cf;
	background-color: #deebf4;
}

.clear-content
{
	width: 1px;
	height: 1300px;
	float: left;
}

.element-img-top
{
	background-image: url(images/zodiac-element-top.gif);
	width: 211px;
	height: 82px;
	float: right;
	margin-right: 10px;
}
.element-img-bottom
{
	background-image: url(images/zodiac-element-bottom.gif);
	width: 256px;
	height: 77px;
}


.cal-img-pnleft
{
	background-image: url(images/pn-left.gif);
	width: 9px;
	height: 181px;
	float: left;
}
.cal-img-pnright
{
	background-image: url(images/pn-right.gif);
	width: 9px;
	height: 181px;
	float: right;
}
.cal-img-btop
{
	background-image: url(images/b-top.gif);
	width: 55px;
	height: 30px;
	float: right;
	margin-right: 80px;
}
.cal-img-pnbottom
{
	background-image: url(images/pn-bottom.gif);
	width: 539px;
	height: 49px;
}
.cal-img-title-cal
{
	background-image: url(images/title-cal.gif);
	width: 309px;
	height: 32px;
	float: left;
	margin-left: 20px;
}
.cal-img-heart
{
	background-image: url(images/heart.gif);
	width: 17px;
	height: 12px;
	float: left;
}

.cal-img-red
{
	background-image: url(images/b-red.gif);
	width: 14px;
	height: 11px;
	float: left;
	margin-top: 2px;
	margin-right: 2px;
}

.format-textbox
{
	border: 1px solid #5ab0d3;
}


.format-textbox-grey
{
	border: 1px solid #9b9c9e;
}
.cal-img-pn1
{
	background-image: url(images/pn1.gif);
	width: 9px;
	height: 9px;
	float: left;
}
.cal-img-pn2
{
	background-image: url(images/pn2.gif);
	width: 9px;
	height: 9px;
	float: left;
}
.cal-img-pn3
{
	background-image: url(images/pn3.gif);
	width: 9px;
	height: 9px;
	float: right;
}
.cal-img-pn4
{
	background-image: url(images/pn4.gif);
	width: 9px;
	height: 9px;
	float: right;
}

.cal-img-love-forecast
{
	background-image: url(images/love-forecast.gif);
	width: 190px;
	height: 88px;
}
.cal-img-oca-right
{
	background-image: url(images/oca-right.gif);
	width: 201px;
	height: 54px;
}

.cal-img-title-signs
{
	background-image: url(images/title-signs.gif);
	width: 184px;
	height: 21px;
	float: left;
}
.cal-img-title-elements
{
	background-image: url(images/title-elements.gif);
	width: 184px;
	height: 21px;
	float: left;
}

.cal-img-ranking
{
	background-image: url(images/percen.gif);
	width: 189px;
	height: 112px;
}
/*************end default page*************************/
.link-blog
{
}
.link-blog a:link, .link-blog a:hover, .link-blog a:visited
{
	text-decoration: none;
	font-style: normal;
	color: #8f8f8f;
	font-size: 9pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}


.menu-red-line
{
	background-image: url(images/menu-red-line.gif);
	height: 20px;
	background-repeat: repeat-x;
}
.menu-red-left
{
	background-image: url(images/menu-red-left.gif);
	width: 4px;
	height: 20px;
	float: left;
}
.menu-red-right
{
	background-image: url(images/menu-red-right.gif);
	width: 4px;
	height: 20px;
	float: right;
}
.menu-red-text
{
	float: left;
	color: #FFFFFF;
	font-size: 10pt;
	padding: 1px 0 0 10px;
	font-weight: bold;
}
.border-content
{
	border: 1px solid #b28b8e;
	margin-top: 4px;
}

/* Default attributes of table container for entire POPUP calendar */

.table-style
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border-width: 1;
	border-style: solid;
	border-color: #a0a0a0;
	background-color: #ffffff;
	font-family: arial;
	font-size: 12px;
}

/* Default attributes of DIV containing table container for entire popup calendar.
	 * You probably don't want to alter this style.
	 */
.div-style
{
	z-index: 999;
	position: absolute;
	visibility: hidden;
}

/* Default attributes used in popup calendar title (month and year columns).*/
.title-style
{
	padding: 2px;
	font-family: Arial;
	font-size: 12px;
	color: #ffffff;
}



/* Default attributes used in popup calendar title background.*/
.title-background-style
{
	background-color: #cac5a8;
}

/* Normal appearance of controls in popup calendar title. */
/* Note: The right, left and down icons are images, which must be edited if you need to change them. */
.title-control-normal-style
{
	border-style: none; /*	border-width: 1; 	border-color: black; */
	cursor: pointer;
}

/* Moused-over (selected) appearance of controls in popup calendar title. */
.title-control-select-style
{
	/*border-style: solid; 	border-width: 1; 	border-color: #3a6ea5; */
	cursor: pointer;
}

/* Default attributes of drop down lists (month and year). */
.dropdown-style
{
	font-family: arial;
	font-size: 12px;
	border-width: 1;
	border-style: solid;
	background-color: #cac5a8;
	border-color: #cccccc;
	color: White;
	cursor: default;
}

/* Default attributes selected (mouse-over) item in drop down lists (month and year). */
.dropdown-select-style
{
	background-color: #98947c;
	cursor: hand;
}

/* Default attributes unselected (mouse-off) item in drop down lists (month and year). */
.dropdown-normal-style
{
	background-color: #cac5a8;
}

/* Default attributes of popup calendar body (weekday titles and numbers). */
.body-style
{
	padding: 5px;
	background-color: white;
	font-family: arial, verdana;
	font-size: 10px;
}

/* Attributes of current day in popup calendar body. */
.current-day-style
{
	color: red;
	font-weight: bold;
	text-decoration: none;
}

/* Attributes of end-of-week days (Sundays) in popup calendar body. */
.end-of-weekday-style
{
	color: #909090;
	text-decoration: none;
}

/* Attributes of all other days in popup calendar body. */
.normal-day-style
{
	color: black;
	text-decoration: none;
}

/* Attributes of border around selected day in popup calendar body. */
.selected-day-style
{
	border-style: solid;
	border-width: 1px;
	border-color: #78431b;
	color: #78431b;
	font-weight: bold;
}

/* Default attributes of designated holidays. */
.holiday-style
{
	background-color: #FFDDDD;
}

/* Attributes of today display at bottom on calendar */
.today-style
{
	padding: 0px;
	color: white;
	background-color: #cac5a8;
	text-align: center;
	text-decoration: none;
}

/* Attributes of week number division (divider.gif) */
.weeknumber-div-style
{
	background-color: #2f2118;
	padding: 0px;
}


.TimeDropDown
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	color: #000;
}

/*Popup Ajax*/
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 235px;
	min-height: 153px;
}

.popup
{
	width: 442px;
	height: 270px;
}


/*TRUNG CSS*/
.c-gray{ font-family:Arial; font-size:12px; color:#5a6060; }
.c-red{ font-family:Arial; font-size:15px; color:#a81d20; font-weight:bold; }
.c-white{ font-family:Arial; font-size:12px; color:#f2f2f4;  }

/*END CSS*/
/*Quyet CSS*/
.ProductOption
{
	font-weight:bold;  
}
.rblProductOption
{
	font-weight:normal;  
	padding-left:125px; 
}
/*End Quyet CSS*/

.heigh_box
{
	float: left;
	width: 1px;
	font-size: 0px;
}