/* CSS Document */
<!--

/*************************************************************************************************/
/* 2009 - 2010 (c) | ez-css.org
 * ez.css ::  version 1.2 :: 01182010
 *
 * This style sheet caters for IE 5 browsers.
 * With this style sheet, use the snippets from http://www.ez-css.org/layouts
*/
.ez-mw {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position : relative;
	text-align: left;
}

/*
 * to make sure modules clear previous containers
 */
.ez-wr { clear: left; }

/*
 * this is the clearfix method
 * we rely on this to contain floats in "stand-alone" modules
 */
.ez-wr:after, .ez-box:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*
 * hacks for IE 5 (Win and Mac)
 * (min-height is the "hasLayout" trigger used for IE7)
 */
.ez-wr,.ez-box,.ez-last { display: inline-block; min-height: 0; }

/* hides from IE-mac \*/
* html .ez-wr, * html .ez-box, * html .ez-last { height: 1%; }
.ez-wr,.ez-box,.ez-last { display: block; }

/*
 * the last DIV in the HTML flow (a column) must create a new block formatting context.
 * by default, we rely on "overflow:hidden", but if this creates an issue with your design, then try one of these classes instead:
 * ez-oa
 * ez-dt
 * ez-it
 * ez-tc
 * ez-ib
 */
.ez-oh { overflow: hidden; }
* html .ez-oh { overflow: visible; }
.ez-oa { overflow: auto; }
.ez-dt { display: table; }
.ez-it { display: inline-table; }
.ez-tc { display: table-cell; }
.ez-ib { display: inline-block; }

/*
 * DIVs to be columns
 * we float them left or right depending on module or layout
 * the negative margin is used to fix a IE6 bug (3px jog).
 */
.ez-fl { float: left; }
.ez-fr { float: right; }
* html .ez-fl { margin-right: -3px; }
* html .ez-fr { margin-left: -3px; }

/*
 * every floated column in a module or layout needs a width
 * here we have 5 default values: 1/4, 1/3, 1/2, 2/3 and 3/4
 */
.ez-25 { width: 25%; }
.ez-33 { width: 33.33%; }
.ez-50 { width: 50%; }
.ez-66 { width: 66.66%; }
.ez-75 { width: 75%; }

/*
 * the following classes are used to make columns that are siblings overlap by 1 pixel (to vertically align 1 pixel borders between containers)
 * for this to work, this class must be applied to the following elements:
 * - column 1 of Module 2A,
 * - column 2 of Module 3A,
 * - column 1 of Module 3B,
 * - column 3 of Module 4A,
 * - column 1 of Module 4B,
 * - column 1 in column 1 of Module 4B,
 * - column 2 in column 1 of Module 4B
 */
.ez-negmr { margin-right: -1px; }
* html .ez-negmr { margin-right:-4px; }

/*
 * (star html hack is used here because of the cascade, to override "* html .ez-fl")
 * same as above, but for these elements:
 * - column 1 of Module 3A,
 * - column 1 of Module 4A,
 * - column 2 of Module 4A
 */
* html .ez-negmx, .ez-negmx { margin-right: -1px; }

/*
 * same as above, but for these elements:
 * - column 1 of Module 2B,
 * - column 2 of Module 3B
 */
.ez-negml { margin-left: -1px; }
* html .ez-negml { margin-left:-4px; }
/*************************************************************************************************/

/* @group base */
* { padding: 0; margin: 0; }
html, body, * { font-family: Verdana; font-size: 11px; }
body { height: 100%; background: #1E1E1E; }
h2 { font-size: 14px; }
img { border: none; }
a { outline: none; }

#wrapper { background: white; }
#allwrappstart { margin: 0 auto; width: 1000px; }
/* @end */


/* @group Header */
#header {
	height: 138px;
	width: 100%;
	background: #1e1e1e url(../imgs/buttons/bg-body.jpg) repeat-x left top;
	margin-bottom: 10px;
}
#head_shadow {
	position: absolute;
	height: 138px;
	width: 100%;
	background: url(../imgs/buttons/bg-main.png) no-repeat top center;
}
#head_top {
	position: relative;
	width: 1000px;
	height: 41px;
	margin: 0 auto;
}

#h_right { float: right; }
#h_right a { color: white; line-height: 41px; text-decoration: none; }
#h_right img { vertical-align: middle; }
#h_sign, #h_register { margin: 0 5px; }
#h_register { margin-right: 15px; }
#h_right a:hover { color: #F4DEC7; }
#h_right a:active { position: relative; top: 1px; }

#head_bottom {
	position: relative;
	width: 1000px;
	height: 97px;
	margin: 0 auto;
}
#h_logo > img {
	margin: 10px 0;
	vertical-align: middle;
}
#h_buttons {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 32px;
	width: 400px;
	padding: 0 30px;
}
#h_buttons > a {
	display: inline-block;
	width: 96px;
	height: 32px;
}

#h_button1 { background: url(../imgs/buttons/shop_b02.png) no-repeat; }
#h_button2 { background: url(../imgs/buttons/blog_b02.png) no-repeat; }
#h_button3 { background: url(../imgs/buttons/almanac_b01.png) no-repeat; }
#h_button4 { background: url(../imgs/buttons/contact_b02.png) no-repeat; }
#h_button1:hover { background: url(../imgs/buttons/shop_b01.png) no-repeat; }
#h_button2:hover { background: url(../imgs/buttons/blog_b01.png) no-repeat; }
#h_button4:hover { background: url(../imgs/buttons/contact_b01.png) no-repeat; }

#sign_in {
	width: 350px;
}
#signin_form table {
	margin: 0 auto;
}
#signin_form input[type='text'], #signin_form input[type='password'] {
	width: 200px;
	height: 15px;
	line-height: 15px;
}
#signin_form input[type='submit'] {
	width: 80px;
}
/* @end */


/* @group Header Title */
#top_header {
	text-align: center;
	color: #89141A;
	font-size: 32px;
}
#top_descp {
	font-size: 17px;
}
/* @end */


/* @group Header Box */
#intro {
	width: 470px;
	height: 120px;
	padding: 10px;
	font-size: 12px;
	background: #FFFCDF;
	border: 1px solid #CECBC2;
}

#intro a { color: #000; }
#intro a:hover { color: #CECBC2; }

#fullcal {
	position: relative;
	width: 470px;
	height: 120px;
	padding: 10px;
	font-size: 12px;
	color: #FFF;
	background: #4A4037;
	border: 1px solid #CECBC2;
}
#date_form {
	margin: 20px auto;
	height: 40px;
	width: 350px;
	text-align: center;
}
#date_form > form {
	padding: 0;
	margin: 0;
	width: 350px;
}
#date_links {
	position: absolute;
	bottom: 0px;
	left: 12px;
	height: 22px;
	font-weight: bold;
}
#date_links > a {
	padding: 2px 10px;
	text-decoration: none;
	color: #FFF;
	border-right: 2px solid white;
}
#date_links > a:last-child {
	border-right: none;
}
#date_links > a:hover {
	color: #CECBC2;
}
.promo_htxt {
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
.promo_txt {
	display: block;
	padding: 15px;
	text-align: left;
	font-size: 12px;
		height: 50px;
		overflow: hidden;
}
.promo_link {
	/* margin-top: 25px;*/
}

.promo_link a { font-size: 12px; color: #FFF; }
.promo_link a:hover { color: #CECBC2; }
/* @end */


/* @group Day Tabs */
.tabs {
	position: relative;
	padding: 10px 20px;
	text-align: center;
	color: white;
	background: #971A1E;
}
.tabs > a {
	text-align: center;
	color: white;
	text-decoration: none;
}
.tabs_bold {
	background: #570E17;
	font-weight: bold;
}
.tabs_link {
	position: absolute;
	top: 0;
	left: 0;
	padding: 46px 0 0 100%;
}
/* @end */


/* @group Timezone */
#realtime {
	width: 215px;
	height: 360px;
	margin-bottom: 5px;
}
#realtime .pad_10_ctr > p, #realtime .pad_10_ctr a {
	color: #971A1E;
	font-size: 12pt;
}

#refresh_btn:link, #refresh_btn:visited { text-decoration: none; }
#refresh_btn:hover, #refresh_btn:active { text-decoration: underline; }

#thecenter {
	width: 150px;
	margin: 30px auto;
	text-align: center;
	color: #570E17;
}
.header_title {
	position: relative;
	padding: 5px;
	font-size: 18px;
	line-height: 115%;
	text-align: center;
	background: #971A1E;
	color: #FFF1BB;
}
.header_descp {
	display: block;
	line-height: 115%;
	font-size: 12px;
	color: white;
	padding-bottom: 2px;
}
.help_sign {
	position: absolute;
	top: 5px;
	right: 5px;
	display: none;
}
/* @end */


/* @group Auspicious/Inauspicious */
#auspicious {
	width: 524px;
	height: 360px;
	margin: 5px;
	margin-top: 0px;
}
#bgaus {
	height: 119px;
}
#bgausbad {
	height: 120px;
	background: #DCDDDF;
}
.suitable {
	float: left;
	width: 220px;
	padding-left: 20px;
	padding-bottom: 5px;
}
/* @end */


/* @group Officer Day */
#newdaytype {
	position: relative;
	width: 215px;
	height: 360px;
	margin-bottom: 5px;
}
#descday {
	height: 210px;
	padding: 7px;
	text-align: justify;
	word-spacing: -1px;
}
#descdayinner {
	position: absolute;
	bottom: 0;
	padding: 14px 7px;
	text-align: justify;
	word-spacing: -1px;
}
/* @end */


/* @group Horoscope Day & In/Auspicious Hour */
.anititle {
	position: relative;
	padding: 5px;
	font-size: 22px;
	line-height: 115%;
	text-align: left;
	color: #FFF1BB;
	border-bottom: 3px solid white;
}
.animallist {
	float: left;
	width: 75px;
	margin: 1px;
	border: 2px solid white;
}
.anilisttitle {
	padding: 3px;
	color: #FFFFFF;
	text-align: center;
}
.anigood {
	text-align: center;
	background: #FFFFFF;
		height: 72px;
}
/* @end */


/* @group Bazi */
#bazicont {
	width: 350px;
	height: 276px;
	margin-bottom: 5px;
}
#bazi_sign {
	border-top: 3px solid white;
}
.branchstem {
	float: left;
	width: 80px;
	padding: 3px;
	text-align: center;
	background: #FFFFFF;
	border-right: 2px solid #971A1E;
	border-bottom: 2px solid #971A1E;
}

.bs1 { border-right: none; border-bottom: none; }
.bs2 { border-bottom: none; }
.bs3 { border-right: none; }
/* @end */


/* @group Daily Info */
#dailycont {
	width: 260px;
	height: 276px;
	margin: 0 5px;
	margin-bottom: 5px;
}
#daily_dscp {
	padding: 7px;
	text-align: justify;
}
.daily_sign {
	display: block;
	padding: 3px 3px 0px 8px;
}
.daily_value {
	display: block;
	padding: 3px;
	padding-left: 8px;
	margin-bottom: 8px;
	color: #971A1E;
}
/* @end */


/* @group In/Auspicious Age */
#auscont {
	height: 276px;
	margin-bottom: 5px;
}
.auscontainer {
	height: 77px;
	padding: 7px;
	text-align: justify;
}
/* @end */


/* @group Flying Star */
#starcont {
	width: 620px;
}
#starnumber {
	height: 275px;
}
#pillarcont {
	position: relative;
	width: 255px;
	height: 255px;
	margin: 10px;
	background: #570E17;
}
#innerstar {
	position: absolute;
	width: 178px;
	height: 177px;
	padding: 10px;
	margin: 29px;
	background: white;
}

#dirSE { top: 0; left: 0; }
#dirS { top: 0; left: 114px; }
#dirSW { top: 0; right: 0; }
#dirE { top: 114px; left: 0; }
#dirW { top: 114px; right: 0; }
#dirNE { bottom: 0; left: 0; }
#dirN { bottom: 0; lefT: 114px; }
#dirNW { bottom: 0; right: 0; }

#detailcont {
	height: 110px;
	width: 135px;
	padding: 5px;
	margin: 77px 0;
}
#detailcont > p {
	float: left;
	padding-bottom: 35px;
}
#starseparator {
	width: 1px;
	height: 255px;
	background: #570E17;
	margin: 10px;
}
#qicont {
	height: 230px;
	width: 178px;
	margin: 22px 0;
}
#qicont > p {
	text-align: center;
}
#qipillar {
	position: relative;
	height: 158px;
	width: 158px;
	margin: 10px;
	background: #570E17;
}
#innerqi {
	position: absolute;
	height: 96px;
	/* width: 96px; */
	padding: 5px;
	margin: 26px;
	background: white;
	min-width: 97px;
}

#qiSE { top: 0; left: 0; }
#qiS { top: 0; left: 66px; }
#qiSW { top: 0; right: 0; }
#qiE { top: 66px; left: 0; }
#qiW { top: 66px; right: 0; }
#qiNE { bottom: 0; left: 0; }
#qiN { bottom: 0; lefT: 66px; }
#qiNW { bottom: 0; right: 0; }

.direction, .qidirection {
	position: absolute;
	width: 25px;
	height: 25px;
	padding: 2px;
	font-size: 14px;
	line-height: 25px;
	text-align: center;
	color: white;
}
.numcont {
	float: left;
	width: 57px;
	height: 57px;
	border: 1px solid #570E17;
}
.smallnumber {
	text-align: left;
	font-size: 13px;
	line-height: 100%;
	padding: 8px;
	padding-bottom: 0px;
}
.largenumber {
	text-align: center;
	font-size: 28px;
	line-height: 100%;
	padding: 8px;
	padding-top: 0px;
}
.detail_head {
	float: left;
	width: 115px;
	height: 20px;
	padding: 2px 0;
	line-height: 20px;
	text-align: left;
	font-size: 14px;
	white-space: noWrap;
	overflow: hidden;
}
.detail_value {
	float: left;
	width: 20px;
	height: 20px;
	padding: 2px 0;
	line-height: 20px;
	text-align: center;
	font-size: 18px;
	color: #89141A;
}
.numcontQi {
	float: left;
	width: 30px;
	height: 30px;
	border: 1px solid #570E17;
}
.QiVal {
	text-align: center;
	font-size: 20px;
	line-height: 25px;
}
.qidirection {
	width: 22px;
	height: 22px;
	padding: 2px;
	font-size: 12px;
	line-height: 22px;
}
/* @end */


/* @group In/Auspicious Direction */
#greatcont {
	width: 344px;
	margin-left: 5px;
}
.greatcontainer {
	height: 79px;
	padding: 7px;
	text-align: justify;
}
/* @end */


/* @group Advanced Search */
#theform,#theresult {
	color: #FDFDFD;
	font-weight: bold;
	padding: 15px;
	padding-bottom: 0;
}
#theform form {
	padding: 0;
	margin: 0;
}
#theform input, #theform select, #theform option {
	font-family: Verdana;
	font-size: 13px;
}
#advsearch_form {
	padding: 25px 140px;
	padding-bottom: 0;
	background: #B3A08D;
}
.form_header {
	display: block;
	font-size: 18px;
	text-decoration: underline;
	color: #971A1E;
	padding-bottom: 15px;
}
#advsearch_form > p {
	display: block;
	font-size: 14px;
	padding: 5px 0;
	margin: 0 20px;
}
#search_submit {
	text-align: right;
	margin-left: auto;
	margin-top: 5px;
	padding-right: 20px;
}
#search_submit input[type='submit'] {
	padding: 0 10px;
}
#theresult {
	padding-top: 0;
	padding-bottom: 15px;
}
#result_box {
	text-align: justify;
	font-size: 14px;
	padding: 10px 50px;
	padding-bottom: 30px;
	color: #FDFDFD;
	background: #B3A08D;
}
#result_box a {
	text-align: justify;
	font-size: 14px;
	color: #FDFDFD;
}

#result_box a:link, #result_box a:visited { text-decoration: none; }
#result_box a:hover, #result_box a:active {  text-decoration: underline; }

#result_box b {
	text-align: justify;
	font-size: 14px;
	font-weight: bold;
	color: #971A1E;
}
.thelink {
	padding: 15px 10px;
	border-bottom: 1px solid grey;
}
/* @end */


/* @group Bookmark */
#bm_box {
	text-align: justify;
	font-size: 14px;
	padding: 10px 50px;
	padding-bottom: 30px;
	color: #FDFDFD;
	background: #B3A08D;
}
#bm_box p {
	font-size: 14px;
	padding-bottom: 20px;
}
#bm_box b {
	text-align: justify;
	font-size: 14px;
	font-weight: bold;
	color: #971A1E;
}
#bm_table {
	border-collapse: collapse;
	width: 100%;
	border: solid 2px #4A4037;
}
#bm_table td {
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	border: solid 1px #4A4037;
}
#bm_table tr:first-child {
	border: solid 2px #4A4037;
}

#bm_table tr:first-child td:nth-child(1) { width: 60px; }
#bm_table tr:first-child td:nth-child(2) { width: 150px; }
#bm_table tr:first-child td:nth-child(3) { width: 150px; }
#bm_table tr:first-child td:nth-child(5) { width: 90px; }
#bm_table tr:nth-child(odd) td { color: #ECECEC; }
#bm_table tr:nth-child(even) td { color: #EBE8C7; }

#bm_table tr:not(:first-child) td:nth-child(4) {
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
}
#bm_table tr:first-child td {
	height: 30px;
	font-weight: bold;
	color: #570E17;
}
.bm_option a {
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
}
.bm_option a:hover {
	color: #CECBC2;
}
/* @end */


/* @group Bookmark Edit */
#bm_edit {
	padding: 25px 140px;
	background: #B3A08D;
	margin-bottom: 15px;
}
#bmedit_table {
	width: 380px;
	margin: 0 auto;
	border: gray 3px solid;
	background: #91806B;
}
#bmedit_table td {
	padding: 3px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
}

#bmedit_table td:first-child { width: 80px; }
#bmedit_table tr:last-child td { height: 50px; text-align: center; }
#bmedit_table input { padding: 0 10px; margin: 0 5px; }
#bmedit_table input[type='text'] { padding: 0; margin: 0; width: 250px; }
/* @end */


/* @group Footer Box */
.foot {
	width: 450px;
	height: 100px;
	padding: 20px 10px;
	margin: 0 10px;
	font-size: 12px;
	line-height: 130%;
	color: #FFF;
	background: #4A4037;
}
/* @end */


/* @group Footer */
#footer {
	height: 50px;
	width: 100%;
	background: #171717;
}
#footer_cont {
	width: 1000px;
	color: white;
	text-align: center;
	line-height: 30px;
	margin: 0 auto;
}
/* @end */


/* @group Fancy Box */
.fancy_div {
	width: 550px;
	padding: 10px 30px;
	text-align: justify;
}
.fancy_div > p {
	padding: 10px 0;
	line-height: 130%;
}
.fancy_div > p:first-child {
	padding-top: 0px;
}
.fancy_table {
	margin: 10px auto;
	border-collapse: collapse;
}
.fancy_table td {
	margin: 0;
	padding: 5px;
	padding-left: 9px;
	border: 1px solid black;
}
/* @end */


/* @group Calendar */
#cal_main {
	background: #570E17;
	margin: 0 auto;
	padding: 10px;
}
#cell1, #cell2, #cell3 {
	padding: 15px 0;
}
#cell1 > table, #cell2 > table, #cell3 > table {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;
	border: solid 1px #FFFFFF;
}
.cal_month td {
	padding: 3px;
}
.cssTitle {
	font-family: Arial, Helvetica;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #971A1E;
}
.cssHeading {
	font-family: Arial, Helvetica;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #971A1E;
}
.cssDays {
	font-family: Arial, Helvetica;
	font-size: 16px;
	color: #000000;
	background-color: #FFFFFF;
}
.cssWeeks {
	font-family: Arial, Helvetica;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #304B90;
}
.cssSaturdays {
	font-family: Arial, Helvetica;
	font-size: 16px;
	color: #0000D0;
	background-color: #F6F6FF;
}
.cssSundays {
	font-family: Arial, Helvetica;
	font-size: 16px;
	color: #D00000;
	background-color: #FFF0F0;
}
.cssHilight {
	font-family: Arial, Helvetica;
	font-size: 16px;
	color: #FFFFFF;
	background-color: #971A1E;
	cursor: pointer;
}
/* @end */


/* @group CSS Formating */
.float_left { float: left; display: block; }
.float_right { float: right; display: block; }

.pad_1_all { padding: 1px; }
.pad_3_all { padding: 3px; }
.pad_5_all { padding: 5px; }
.pad_7_mdl { padding: 7px 0; }
.pad_10_ctr { padding: 0 10px; }
.pad_10_mdl { padding: 10px 0; }
.pad_10_top { padding-top: 10px; }
.pad_10_right { padding-right: 10px; }
.pad_10_btm { padding-bottom: 10px; }
.pad_10_left { padding-left: 10px; }
.mar_5_btm { margin-bottom: 5px; }
.mar_10_all { margin: 10px; }
.mar_10_ctr { margin: 0 10px; }
.mar_10_mdl { margin: 10px 0; }
.mar_10_top { margin-top: 10px; }
.mar_10_right { margin-right: 10px; }
.mar_10_btm { margin-bottom: 10px; }
.mar_10_left { margin-left: 10px; }

.bdrdarkred { border: 10px solid #570E17; }
.bdrwhite { border: 3px solid white; }
.bgwhite { background: #FFFFFF; }
.bgred { background: #971A1E; }
.bgdarkred { background: #570E17; }
.bgpink { background: #FFFCDF; }
/* @end */

-->
/* End of CSS Document */