/*
Theme Name: HoroLive
Theme URI: http://www.horolive.com/
Description: Horolive Theme
Version: 0.1
Author: Tosapon Chaiwong
Author URI: http://www.horolive.com/
Tags: horolive

	This theme was designed and built by Tosapon Chaiwong,
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/* Global
------------------------------------------------------------------*/	
html, body {margin:0; padding:0; background:url(/images/website-bg.jpg);}	

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, ul {margin:0; padding:0;}	

form, h1, h2, h3, h4, h5, h6, ul, li, ol, dl{
margin:0;	padding:0;}

p{
padding:5px 0; margin:5px 0;}	

hr {
clear:both;	visibility:hidden;	}

.clear {
clear:both;	}

.clearfixboth{
clear:both; font-size:0px; height:0px; line-height:0px;} 

.clear10{
clear:both; font-size:0px; height:10px; line-height:0px;} 


/* *** Float containers fix *** */ 
.clearfix:after {
content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; }

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

img {border:0;/*vertical-align:middle;*/}
.img_middle {vertical-align:middle; }	
/*Header*/
.top_header{position:absolute; z-index:999; right:260px; top:5px; font:normal 11px "tahoma"; color:#FFFFFD; text-align:left; width:690px; text-align:right;}
/* Header Default*/
.header{width:100%;  background:#406; margin:0; position:relative;}
/*Header with campaign
.header{width:100%;  background:url(../images/bg-header.jpg) top center no-repeat; margin:0; position:relative;} */
.headlink-left{position:absolute; z-index:100; top:0; left:0; width:120px;}
.headlink-right{position:absolute; z-index:100; top:0; right:0;}
.header_topbanner{width:100%; height:280px; background:#406; margin:0; position:relative;}
.header-body{width:1000px; position:relative; background:url(/images/header-bg.jpg) top left no-repeat;  margin:0 auto;}
.header-top{width:1000px; height:165px;}
.header-top-logo{width:30%; float:left;}
.header-top-logo H1 {text-indent:-1999px; height:0px; font-size:0px;}
.header-top-logo span {text-indent:-1999px; height:0px; font-size:0px;}
.header-top-right{width:69%; float:right;}
.header-top-banner{padding:30px  0 0 15px;}
.header-top-banner img { border:#fff solid 1px;}
.header-top-language{width:40%; float:right; text-align:right; font:normal 11px "tahoma"; color:#FFFFFD; padding:5px 23px 0 0;}
.header-bottom{width:1000px; padding:6px 0;}


/*Main menu*/
#login-tab{font:normal 13px "Tahoma"; color:#D0D; width:910px; margin:0 auto; padding-top:3px;}
#login-tab-left{float:left; width:74%;}
#login-tab-right{float:left; width:26%; text-align:right;}

#main-menu-bg{width:910px; margin:3px auto;  background:url(/images/menu-bg.jpg) bottom left no-repeat; text-align:left;}
.main-menu{ width:650px; float:right;}
.main-menu-psychic{ width:660px; float:right;}

#nav-tm-home{float:left; background:url(/images/menu-70x40-select.gif)  bottom left  no-repeat; color:#FF0; font:bold 13px "Tahoma"; line-height:40px;width:70px;  text-align:center;}
.ltm-home,.ltm-home:link,.ltm-home:visited,.ltm-home:active{
float:left; background:url(/images/menu-70x40-link.gif) bottom left  no-repeat; color:#000; font:bold 13px "Tahoma"; line-height:40px; width:70px; text-align:center; text-decoration:none;}
.ltm-home:hover{
float:left; background:url(/images/menu-70x40-link.gif) bottom left  no-repeat; color:#FF0; font:bold 13px "Tahoma"; line-height:40px; width:70px;  text-align:center; text-decoration:none;}

#nav-tm-foretell{float:left; background:url(/images/menu-70x40-select.gif)  bottom left  no-repeat; color:#FF0; font:bold 13px "Tahoma"; line-height:40px;width:70px;  text-align:center;}
.ltm-foretell,.ltm-foretell:link,.ltm-foretell:visited,.ltm-foretell:active{
float:left; background:url(/images/menu-70x40-link.gif) bottom left  no-repeat; color:#000; font:bold 13px "Tahoma"; line-height:40px; width:70px; text-align:center; text-decoration:none;}
.ltm-foretell:hover{
float:left; background:url(/images/menu-70x40-link.gif) bottom left  no-repeat; color:#FF0; font:bold 13px "Tahoma"; line-height:40px; width:70px;  text-align:center; text-decoration:none;}

#nav-tm-free{float:left; background:url(/images/menu-70x40-select.gif)  bottom left  no-repeat; color:#FF0; font:bold 13px "Tahoma"; line-height:40px;width:70px;  text-align:center;}
.ltm-free,.ltm-free:link,.ltm-free:visited,.ltm-free:active{
float:left; background:url(/images/menu-70x40-link.gif) bottom left  no-repeat; color:#000; font:bold 13px "Tahoma"; line-height:40px; width:70px; text-align:center; text-decoration:none;}
.ltm-free:hover{
float:left; background:url(/images/menu-70x40-link.gif) bottom left  no-repeat; color:#FF0; font:bold 13px "Tahoma"; line-height:40px; width:70px;  text-align:center; text-decoration:none;}

#nav-tm-check{float:left; background:url(/images/menu-select.gif)  bottom left  no-repeat; color:#FF0; font:bold 13px "Tahoma"; line-height:40px;width:110px;  text-align:center;}
.ltm-check,.ltm-check:link,.ltm-check:visited,.ltm-check:active{
float:left; background:url(/images/menu-link.gif) bottom left  no-repeat; color:#000; font:bold 13px "Tahoma"; line-height:40px; width:110px; text-align:center; text-decoration:none;}
.ltm-check:hover{
float:left; background:url(/images/menu-link.gif) bottom left  no-repeat; color:#FF0; font:bold 13px "Tahoma"; line-height:40px; width:110px;  text-align:center; text-decoration:none;}

#nav-tm-directory{float:left; background:url(/images/menu-select.gif)  bottom left  no-repeat; color:#FF0; font:bold 13px "Tahoma"; line-height:40px;width:110px;  text-align:center;}
.ltm-directory,.ltm-directory:link,.ltm-directory:visited,.ltm-directory:active{
float:left; background:url(/images/menu-link.gif) bottom left  no-repeat; color:#000; font:bold 13px "Tahoma"; line-height:40px; width:110px; text-align:center; text-decoration:none;}
.ltm-directory:hover{
float:left; background:url(/images/menu-link.gif) bottom left  no-repeat; color:#FF0; font:bold 13px "Tahoma"; line-height:40px; width:110px;  text-align:center; text-decoration:none;}

#nav-tm-package{float:left; background:url(/images/menu-select.gif)  bottom left  no-repeat; color:#FF0; font:bold 13px "Tahoma"; line-height:40px;width:110px;  text-align:center;}
.ltm-package,.ltm-package:link,.ltm-package:visited,.ltm-package:active{
float:left; background:url(/images/menu-link.gif) bottom left  no-repeat; color:#000; font:bold 13px "Tahoma"; line-height:40px; width:110px; text-align:center; text-decoration:none;}
.ltm-package:hover{
float:left; background:url(/images/menu-link.gif) bottom left  no-repeat; color:#FF0; font:bold 13px "Tahoma"; line-height:40px; width:110px;  text-align:center; text-decoration:none;}

#nav-tm-mobile{float:left; background:url(/images/menu-110x40-select.gif)  bottom left  no-repeat; color:#FF0; font:bold 13px "Tahoma"; line-height:40px;width:110px;  text-align:center;}
.ltm-mobile,.ltm-mobile:link,.ltm-mobile:visited,.ltm-mobile:active{
float:left; background:url(/images/menu-110x40-link.gif) bottom left  no-repeat; color:#000; font:bold 13px "Tahoma"; line-height:40px; width:110px; text-align:center; text-decoration:none;}
.ltm-mobile:hover{
float:left; background:url(/images/menu-110x40-link.gif) bottom left  no-repeat; color:#FF0; font:bold 13px "Tahoma"; line-height:40px; width:110px;  text-align:center; text-decoration:none;}

#nav-tm-psychic{float:left; background:url(/images/menu-130x40-select.gif)  bottom left  no-repeat; color:#FF0; font:bold 13px "Tahoma"; line-height:40px;width:130px;  text-align:center;}
.ltm-psychic,.ltm-psychic:link,.ltm-psychic:visited,.ltm-psychic:active{
float:left; background:url(/images/menu-130x40-link.gif) bottom left  no-repeat; color:#000; font:bold 13px "Tahoma"; line-height:40px; width:130px; text-align:center; text-decoration:none;}
.ltm-psychic:hover{
float:left; background:url(/images/menu-130x40-link.gif) bottom left  no-repeat; color:#FF0; font:bold 13px "Tahoma"; line-height:40px; width:130px;  text-align:center; text-decoration:none;}

/*Footer*/
.footer{width:100%; height:160px; background:#406; position:relative;}
.footer-top{width:1000px; background:url(/images/footer-bg-top.jpg) left top no-repeat; height:15px; margin:0 auto; position:relative;}
#footer-body{width:1000px; background:url(/images/footer-bg.jpg) left repeat-y; margin:0 auto; position:relative;}
.footer-body-logo{width:23%; float:left; height:80px; margin:auto 0; border-right:#4A4A4A solid 1px; text-align:right;}
.footer-body-text{width:74%; float:right; font:normal 13px "Tahoma"; color:#ccc; line-height:15px; padding-top:5px;}
.footer-bottom{width:1000px; background:#406 url(/images/footer-bg-bottom.jpg) left top no-repeat; height:60px; margin:0 auto;}

/*Content*/
#wrap{width:1000px; margin:0 auto; background:url(/images/body-bg.gif) top left repeat-y; padding:0;/*position:relative;*/}
#wrap950{width:950px; margin:0 auto 20px;/*position:relative;*/}
#wrap-left{width:640px; float:left;  /*position:relative;*/ padding-top:10px;}
#wrap-right{width:310px; float:right; /*position:relative;*/ padding-top:15px;}

/*Content -> Navigation*/
.navigation-box{border-bottom:#DEDEDE solid 1px; padding:5px 0 5px 5px; font:normal 11px "tahoma"; color:#70D; width:95%; margin:10px auto;}
.l-navigation, .l-navigation a:link , .l-navigation  a:active, .l-navigation a:visited{
font:normal 11px "Tahoma"; color:#666; cursor:pointer; text-decoration:none;}
.l-navigation:hover{color:#000; text-decoration:underline;}

/*Content -> 404 Error*/
.notfound_topic{background:url(../images/title-page-not-found.jpg) left top no-repeat; width:620px; height:70px; margin:0 auto 5px auto;}
.notfound_topic H1{text-indent:-2999px; height:0px;}

/*Content -> title*/
.psychic-tab{background:url(/images/title-psychic-profile.jpg) top left no-repeat; width:620px; height:53px; margin:20px auto 5px auto;}
.psychic-tab h1, .psychic-tab h2 {font:normal 22px "MS sans-serif"; color:#FFFFFD; padding:7px 0 0 15px;}

/*Content -> Content Body*/
.member-bg-purple{background:url(/images/bg-purple-header.gif) top left no-repeat; width:620px; height:69px; margin:0 auto;}
/*.member-bg-purple h2{font:bold 16px "tahoma"; color:#000; padding-left:30px; background:url(/images/icon/arrow-purple.gif) left bottom no-repeat; margin-left:15px; padding-top:30px;}*/
.member-bg-purple h3, .member-bg-purple h2{font:bold 16px "tahoma"; color:#000; padding-left:30px; border-bottom:#CCBBEE solid 1px; background:url(/images/icon/arrow-purple.gif) left no-repeat !important; margin-left:15px; margin-right:15px; padding-top:30px !important; padding-bottom:5px;}
/*.member-bg-purple h3{ background:url(/images/icon/arrow-purple.gif) left top no-repeat; } */
.packages_bg_bottom{background:url(/images/bg-purple-footer.gif) top left no-repeat; width:620px; height:11px; margin:0 auto;}


/* Sidebar (Webcam Box) */
.webcam_head{background:url(/images/webcam-header.jpg) top left no-repeat; width:300px; height:71px; float:left;}
.webcam_body{ border:1px solid #639; background-color:#EEDDFF; width:278px; height:100%; float:left; padding:2px 10px; font:12px "tahoma";}
.webcam_block{background-color:#F5EBFF; padding:0 12px; text-align:left;}
.webcam_block_L{ width:95px; float:left;}
.webcam_block_R{ width:150px; float:left; line-height:22px;}
.webcam_r a:link , .webcam_r  a:active, .webcam_r a:visited{
float:left; background:url(/images/boxlist-link.gif) center top  no-repeat;  width:90px; height:100%; text-align:center; text-decoration:none; line-height:18px;}
.webcam_r a:hover,.webcamselect_r{
float:left; background:url(/images/boxlist-select.gif) center top  no-repeat;  width:90px; height:100%;  text-align:center; text-decoration:none; line-height:18px;}

/* ??? */
.line-purple_{border-bottom:1px solid #CCBBEE;}
.line_white_{border-bottom:1px solid #FFF; clear:both; }
.lwhite11,.lwhite11:link,.lwhite11:visited,.lwhite11:active{font: 11px "tahoma"; color: #FFFFFD; text-decoration:none}
.lwhite11:hover{color: #FFFFFD; text-decoration:underline}
.txtgray88-11{font:normal 11px "Tahoma"; color:#888;}
.txtblack11{font:normal 11px "Tahoma"; color:#000;}
.lpurple11_,.lpurple11_:link,.lpurple11_:visited,.lpurple11_:active{font: 11px "tahoma"; color: #D0D; text-decoration:underline}
.lpurple11_:hover{color: #FFFFFD; text-decoration:underline}
.lpurple11_D0D,.lpurple11_:link,.lpurple11_:visited,.lpurple11_:active{font: 11px "tahoma"; color: #D0D; text-decoration:underline}
.lpurple11_:hover{color: #D0D; text-decoration:underline}
.lgray-purple13,.lgray-purple13:link,.lgray-purple13:visited,.lgray-purple13:active{font: 13px "tahoma"; color: #ccc; text-decoration:none}
.lgray-purple13:hover{color: #D0D; text-decoration:underline}
.txtpurple629-B12{font:bold 12px "Tahoma"; color:#629;}
.txtpinkEF0-12{font: 12px "Tahoma"; color:#EF00D0;}

.member-body{background:url(/images/bg-purple-body.gif) top left repeat-y; width:620px; margin:0 auto;}

.news-block590{width:590px; margin:0 auto; padding:10px 0 ; font:normal 12px "tahoma"; color:#000; line-height:16px;}

.package-link{text-align:right; padding:3px 5px 0 0; }

.dot-gray{background:url(/images/icon/dot-gray.gif) center left repeat-x; height:20px; width:100%; clear:both;}
div.dot-gray{padding-top:10px; }

h2.content-bullet{background:url(/images/icon/bullet-horo.jpg) left top no-repeat;  height:16px; font:bold 14px "Tahoma"; color:#c3008b; padding-left:22px; }
h3.content-bullet{padding:0; margin:0;font:bold 14px "Tahoma"; color:#c3008b; }
h4.content-bullet{background:url(/images/icon/bullet-horo.jpg) left top no-repeat;  height:16px; font:bold 14px "Tahoma"; color:#c3008b; padding-left:22px; }
h2.content-bullet2{background:url(/images/icon/bullet-squre-purple.jpg) left no-repeat; font:bold 14px "Tahoma"; color:#629; padding-left:15px; padding-bottom:5px; padding-top:3px; }

.member-line{ border-bottom:1px solid #CCBBEE; margin:0 15px; padding-top:25px;}
.member-line h1, .member-line h2, .member-line h3{font:bold 16px "tahoma"; color:#000; background:url(/images/icon/arrow-purple.gif) left no-repeat; padding:0 0 3px 25px; margin:0 0 0 15px;}

.free_horo_box{width:550px; margin:0 auto; padding:10px 0 ; font:normal 12px "tahoma"; color:#000; line-height:16px;}

/*Sign up*/
.sign-up-topic{background:url(/images/sign-up-tab.jpg) left top no-repeat; width:620px; height:53px; margin:20px auto 5px auto;}
.sign-up-topic H1{text-indent:-2999px; height:0px;}
.quotation-mark-top{background:url(/images/quotation-mark-top.jpg) bottom left no-repeat; height:27px; width:462px; margin:0 auto;}
.quotation-mark-bg{background:url(/images/quotation-mark-bg.jpg) top left no-repeat; width:402px; margin:0 auto; padding:5px 30px; font:normal 13px/16px "tahoma"; color:#A345A2;}
.quotation-mark-bottom{background:url(/images/quotation-mark-bottom.jpg) top left no-repeat; height:27px; width:462px; margin:0 auto;}

.quotation-mark-top550{background:url(/images/quotation-mark-top550.jpg) bottom left no-repeat; height:27px; width:550px; margin:0 auto; position:relative;}
.quotation-mark-bg550{background:url(/images/quotation-mark-bg550.jpg) top left no-repeat; width:490px; margin:0 auto; padding:5px 30px; position:relative; font:normal 13px/16px "tahoma"; color:#A345A2;text-align:left}
.quotation-mark-bottom550{background:url(/images/quotation-mark-bottom550.jpg) top left no-repeat; height:27px; width:550px; margin:0 auto; position:relative;}
.quotation-left{ float:left; width:30%;}
.quotation-right{ float:left; width:70%;}

#quotation-text{padding:0 20px; font:normal 13px "tahoma"; color:#0066FF; text-align:left}

/*Right Banner*/
.rm-banner{width:300px; margin-left:0;}
.rm-banner-185{width:185px; float:left;}
.horoscope-date{width:115px; float:left; background:url(/images/horoscope-date-bg.jpg) top left no-repeat; height:150px; font-size:11px;}
.horoscope-date ul{ padding:40px 0 0 10px;list-style:none; font-size:11px;}
.horoscope-date li{background:url(/images/icon/bullet-cross-white.gif) top left no-repeat; margin:0; font-size:11px; padding-bottom:4px;}
.horoscope-date a:link , .horoscope-date  a:active, .horoscope-date a:visited{ padding-left:10px;color:#EEDDCC; font:normal 11px "Tahoma";text-decoration:none;}
.horoscope-date a:hover{ padding-left:10px;color:#EEDDCC; font:normal 11px "Tahoma";text-decoration:underline;}
.horoscope-date span{ padding-left:10px;color:#EEDDCC; font: bold 11px "Tahoma";text-decoration:none;}



/* ============================================================================================ */
/* My Override */
div.news-block590 h1{line-height:1.8em; }
div.news-block590 h1{line-height:1.5em; }
div.news-block590 h3, div.news-block590 h4, div.news-block590 h5, div.news-block590 h6{line-height:1.3em; }

div#prev-next-content{font-size:0.9em; }
div#prev-next-content a:link, div#prev-next-content a:visited{color:#C3008B;text-decoration:none;}
div#prev-next-content a:hover{color:#F00;}
div#prev-next-content2{padding-right:10px;width: 280px;float:right;text-align:right; }
div#prev-next-content1{padding-left:10px;width: 280px;float:left;text-align:left;}
p#list-tag{text-align:right;padding:5px;margin:0;}
p#list-tag a:link, .each-post h4 a:visited{text-decoration:underline;color:#629; font:normal 11px "Tahoma"; }
p#list-tag a:hover{text-decoration:none; }

div.each-post{padding-bottom:10px;border-style:dotted;border-color:#999;border-width:0 0 1px 0;margin-bottom:20px;  }
.each-post h4{background: none;color: #000;font-size: 14px;height: auto;padding: 0;margin: 0;}
.each-post h4 a:link, .each-post h4 a:visited{text-decoration:none;color:#629; font:bold 12px "Tahoma"; }
.each-post h4 a:hover{text-decoration:underline;padding: 0;margin: 0; }
.each-post p{margin:0; padding:5px 0;}
.have-thumb h4,.have-thumb p{margin-left: 100px; }
.have-thumb img{border:0;width:70px;height:70px;}
.have-thumb a.thumb{display:block;float:left;width:70px;height:70px;padding:5px;border-width:1px;border-color:#CCC;border-style:solid; }

img.aligncenter{margin:5px auto;display:block; }
img.alignright{float:right; }
img.alignleft{float:left; }

/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/
.wp-pagenavi{text-align:right; clear:both; }

.wp-pagenavi a, .wp-pagenavi a:active{
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px; color:#000;
	margin: 2px;}

.wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px; color:#629;
	margin: 2px;}


.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;}


.wp-pagenavi span.current {
	font-weight: bold;
}


/* sidebar */
div.box-sidebar{
	width: 300px;
	padding: 0;
	margin: 10px 0 20px 0;
	font-size: 12px;
}
ul.post-list{
	/*background-image: url('/images/free-prediction-bg.jpg');
	background-repeat: repeat-y;*/
	padding: 0 15px 10px 15px;
	margin: 0;
}
ul.post-list li{
	list-style-type: none;
	display: block;
	background-image: url('/images/icon/bullet-horo.jpg');
	background-repeat: no-repeat;
	background-position: left center;
	padding: 10px 0 10px 20px;
	margin: 0;
	border-style: dotted;
	border-width: 0 0 1px 0;
	border-color: #999;
}
div.box-sidebar a:link,div.box-sidebar a:visited{
	text-decoration: none;
	color: #000;
}
div.box-sidebar a:hover{
	color:#C4B;
}
p.more-post{
	padding: 0 15px 0 0;
	margin: 0;
	text-align: right;
	/*background-image: url('/images/free-prediction-bg.jpg');
	background-repeat: repeat-y;*/
	/*background-image: url('/images/free-prediction-bottom.jpg');
	background-position:center bottom;
	background-repeat: no-repeat;*/
}
h3.post-cate-title{
	padding: 0;
	margin: 0;
	text-indent: -9999px;
}
h3#horoscope-2553-title{
	background-image: url('/images/horoscope-by-year-top.jpg');
	background-repeat: no-repeat;
	width: 300px;
	height: 71px;
}
h3#fengshui-title{
	background-image: url('/images/fengshui-top.jpg');
	background-repeat: no-repeat;
	width: 300px;
	height: 71px;
}
h3#pr-news-title{
	background-image: url('/images/news-top.jpg');
	background-repeat: no-repeat;
	width: 300px;
	height: 71px;
}
h3#celebnews-title{
	background-image: url('/images/celebnews-top.jpg');
	background-repeat: no-repeat;
	width: 300px;
	height: 71px;
}
h3#default-title{
	text-indent: 0;
	padding:25px 0 20px 15px;
	font-size: 16px;
	color: #629;
	background:url(/images/astrology-top.jpg) top no-repeat;
}
div.box-sidebar-bottom{
	width: 300px;
	height: 10px;
	font-size: 1px;
	/*background-image: url('/images/free-prediction-bottom.jpg');
	background-position:center bottom;
	background-repeat: no-repeat;*/
}

div.box-sidebar div.each-post{padding:5px 10px;border:0 none;/*border-style:dotted;border-color:#999;border-width:0 0 1px 0;*/margin:0 auto;width:280px;/*background-image: url('/images/free-prediction-bg.jpg');background-repeat: repeat-y;*/ }
div.box-sidebar .each-post h4{background:none;font-size:12px;color:#000;height:auto;padding:0;margin:0;}
div.box-sidebar .each-post h4 a:link,div.box-sidebar .each-post h4 a:visited{text-decoration:none;color:#629; }
div.box-sidebar .each-post h4 a:hover{text-decoration:underline; }
div.box-sidebar .have-thumb h4,div.box-sidebar .have-thumb p{margin-left: 90px; }
div.box-sidebar .have-thumb img{border:0;width:70px;height:70px;}
div.box-sidebar .have-thumb a.thumb{display:block;float:left;width:70px;height:70px;padding:5px;border-width:1px;border-color:#CCC;border-style:solid; }

div.box-side-astro{
	background:#342043 url('/images/astro-top.jpg') top left no-repeat;
	width: 300px;
	padding: 0;
	margin: 0;
	font-size: 14px;
}
div.box-side-astro-bottom{
	background:url(/images/astro-bottom.jpg) top no-repeat;
	width: 300px; height:40px;
}
h3#astro-title{
	height: 60px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
ul.astro-list{
	margin: 0 auto;
	padding: 5px 10px;
	width: 250px; background:#F5F5F5;
}
ul.astro-list li a{
	font-weight: bold;
}
ul.astro-list li a:link , ul.astro-list li  a:active, ul.astro-list li a:visited{
color:#C3008B; font:bold 14px "Tahoma";text-decoration:none;}
ul.astro-list li a:hover{
color:#000; font:bold 14px "Tahoma";text-decoration:underline;}
ul.astro-list li p{
	font-size: 12px;
	margin: 0;
	padding: 0;
}
ul.astro-list li{
	background-image: url('/images/icon/bullet-circle-purple.gif');
	background-repeat: no-repeat;
	list-style-type: none;
	display: block;
	background-position: left top;
	padding: 0 0 0 24px;
	margin: 0 auto 10px;
}
p.astro-more{
	margin: 0;
	padding: 0 20px 0 0;
	text-align: right;
}
div.box-side-astro a:link,div.box-side-astro a:visited{
	color: #C3008B;
	text-decoration: none;
}
div.box-side-astro a:hover{
	color: #F00;
}
h1.top-title{font-size:11px;font-weight:normal;text-align:right;padding:0;margin:0; display:block; }

/* ============================================================================================ */

/*Black Color*/
.txtblack11{font:normal 11px "Tahoma"; color:#000;}
.txtblack12{font:normal 12px "Tahoma"; color:#000;}
.txtblack14{font:normal 14px "Tahoma"; color:#000;}

.lblack12_,.lblack12_:link,.lblack12_:visited,.lblack12_:active{
font:normal 12px "tahoma"; color: #000; text-decoration:underline}
.lblack12_:hover{
color: #000; text-decoration:none}


.lblackB12,.lblackB12:link,.lblackB12:visited,.lblackB12:active{
font:bold 12px "tahoma"; color: #000; text-decoration:none}
.lblackB12:hover{
color: #000; text-decoration:underline}

.lBlackGreenB13,.lBlackGreenB13:link,.lBlackGreenB13:visited,.lBlackGreenB13:active{
font:bold 13px "tahoma"; color: #000; text-decoration:none}
.lBlackGreenB13:hover{
color: #6B0; text-decoration:none}

.lblackB14,.lblackB14:link,.lblackB14:visited,.lblackB14:active{
font:bold 14px "tahoma"; color: #000; text-decoration:none}
.lblackB14:hover{
color: #000; text-decoration:underline}

/*brown Color*/
.txtbrownC90-13{font:normal 13px "Tahoma"; color:#C90;}

/*Red Color*/
.txtredF00_12{font:normal 12px "Tahoma"; color:#F00;}
.txtredF00_14{font:normal 14px "Tahoma"; color:#F00;}
.txtred12{font:normal 12px "Tahoma"; color:#C00;}
.txtredB12{font:bold 12px "Tahoma"; color:#b91b22;}

.lred-black12,.lred-black12:link,.lred-black12:visited,.lred-black12:active{
font: 12px "tahoma"; color: #FF0000; text-decoration:none}
.lred-black12:hover{
color: #000; text-decoration:underline}

/*Gary Color*/
.txtgray88-11{font:normal 11px "Tahoma"; color:#888;}
.txtgray36-11{font:normal 11px "Tahoma"; color:#363636;}
.txtgray36-12{font:normal 12px "Tahoma"; color:#363636;}
.txtgray7B-12{font:normal 12px "Tahoma"; color:#7B7B7B;}
.txtgreen390-12b{font:bold 12px "Tahoma"; color:#390;}
.txtgreen6B0-13b{font:bold 13px "Tahoma"; color:#6B0;}

.lgray-purple13,.lgray-purple13:link,.lgray-purple13:visited,.lgray-purple13:active{
font: 13px "tahoma"; color: #ccc; text-decoration:none}
.lgray-purple13:hover{
color: #D0D; text-decoration:underline}

/*Green Color*/
.txtgreen370-11{font:normal 11px "Tahoma"; color:#347A00;}

.lgreen11_,.lgreen11_:link,.lgreen11_:visited,.lgreen11_:active{
font: 11px "tahoma"; color: #390; text-decoration:underline}
.lgreen11_:hover{
color: #390; text-decoration:none}

/*Pink Color*/
.txtpinkEF0-12{font: 12px "Tahoma"; color:#EF00D0;}
.txtpinkC3008b-12b{font:bold 12px "Tahoma"; color:#c3008b; }

/*Purple Color*/
.txtpurple629-11{font:normal 11px "Tahoma"; color:#629;}
.txtpurpleDAF-11{font:normal 11px "Tahoma"; color:#DAF;}
.txtpurple629-12{font:normal 12px "Tahoma"; color:#629;}
.txtpurple629-B12{font:bold 12px "Tahoma"; color:#629;}
.txtpurple629-B12_{font:bold 12px "Tahoma"; color:#629; text-decoration:underline}
.txtpurple629-13{font:normal 13px "Tahoma"; color:#629;}
.txtpurpleB3F-11{font:normal 11px "Tahoma"; color:#B330FF;}
.txtpurpleDOD-13{font:normal 13px "Tahoma"; color:#D0D;}
.txtpurpleDOD-14{font:normal 14px "Tahoma"; color:#D0D;}
.txtpurpleC0C-16{font:normal 16px "Tahoma"; color:#C0C;}

.lpurple11_,.lpurple11_:link,.lpurple11_:visited,.lpurple11_:active{
font: 11px "tahoma"; color: #D0D; text-decoration:underline}
.lpurple11_:hover{
color: #FFFFFD; text-decoration:underline}

.lpurple11_D0D,.lpurple11_:link,.lpurple11_:visited,.lpurple11_:active{
font: 11px "tahoma"; color: #D0D; text-decoration:underline}
.lpurple11_:hover{
color: #D0D; text-decoration:underline}

.lpurple629-11_,.lpurple629-11_:link,.lpurple629-11_:visited,.lpurple629-11_:active{
font: 11px "tahoma"; color: #629; text-decoration:underline}
.lpurple629-11_:hover{
color:#629; text-decoration:none}

.lpurple11,.lpurple11:link,.lpurple11:visited,.lpurple11:active{
font: 11px "tahoma"; color: #629; text-decoration:none}
.lpurple11:hover{
color: #629; text-decoration:underline}

.lpurple12B,.lpurple12B:link,.lpurple12B:visited,.lpurple12B:active{
font:bold 12px "tahoma"; color: #629; text-decoration:none; cursor:pointer;}
.lpurple12B:hover{
color: #629; text-decoration:underline; cursor:pointer;}

.lpurple12_,.lpurple12_:link,.lpurple12_:visited,.lpurple12_:active{
font: 12px "tahoma"; color: #629; text-decoration:underline}
.lpurple12_:hover{
color: #629; text-decoration:none}

.lpurple12,.lpurple12:link,.lpurple12:visited,.lpurple12:active{
font: 12px "tahoma"; color: #629; text-decoration:none}
.lpurple12:hover{
color: #629; text-decoration:underline}

.lpurple14_,.lpurple14_:link,.lpurple14_:visited,.lpurple14_:active{
font: 14px "tahoma"; color: #629; text-decoration:underline}
.lpurple14_:hover{
color: #629; text-decoration:none}

.lpurple18b_,.lpurple18b_:link,.lpurple18b_:visited{
font: bold 18px "tahoma"; color: #639; text-decoration:underline}
.lpurple18b_:hover,.lpurple18b_:active{
color: #939; text-decoration:underline}

/*White Color*/
.txtwhite11{font:normal 11px "Tahoma"; color:#FFFFFD;}
.txtwhite11b{font: bold 11px "Tahoma"; color:#FFFFFD;}

.lwhite11,.lwhite11:link,.lwhite11:visited,.lwhite11:active{
font: 11px "tahoma"; color: #FFFFFD; text-decoration:none}
.lwhite11:hover{
color: #FFFFFD; text-decoration:underline}

/*Line*/
.dash-gray10{background:url(/images/icon/dash-gray.gif) top left repeat-x; height:10px; width:100%; clear:both;}
.dash-gray{background:url(/images/icon/dash-gray.gif) center left repeat-x; height:20px; width:100%; clear:both;}
.dot-gray{background:url(/images/icon/dot-gray.gif) center left repeat-x; height:20px; width:100%; clear:both;}
div.dot-gray{padding-top:10px; }
.line-purple{background:url(/images/icon/line-purple.jpg) left repeat-x; height:25px; width:100%; clear:both;}
.line-purple_{border-bottom:1px solid #CCBBEE;}
.line_white_{border-bottom:1px solid #FFF; clear:both; }

/* package-body */
div.package-body {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url('/images/package-body.gif') no-repeat scroll left top;
	height:237px;
	width:335px;
}
div.package-body h2 {
	font-size:0;
	height:0;
	text-indent:-1999px;
}
div.package-box {
	margin:0 auto 0 0;
	width:285px;
}
div.package-detail {
	-x-system-font:none;
	clear:both;
	color:#000000;
	display:block;
	font-family:"tahoma";
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	width:100%;
}

.package-link {
	padding:3px 5px 0 0;
	text-align:right;
}
.page_title_bg{color:#fff;background:url('images/bg_green_head.jpg') top center no-repeat;margin:10px auto;padding:10px 15px;}
.top10out{margin-top:0px !important;padding-top:0px !important;}

.news-block590 li.cat-item {list-style-type:none;display:block;float:left;width:30%;}

