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

 Used: Blueprint CSS Framework 0.9

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

/* reset.css */
TopM, html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;text-align:left;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {
	font-size:75%;
	font-family:"Lucida Grande",Geneva,Arial,sans-serif;
	color:#222;
	background:#FFF;
	background: url('/lib/css/bg_body.gif') repeat-y scroll center top;
}
h1 img, h2 img, h3 img, h5 img {margin:0;}
h1, h2, h3, h4, h5 {font-weight:bold; color:#444;}
h1 {font-size:1.1em; line-height:1; margin:-2px 0 10px 0;}
h2 {font-size:1.1em; line-height:1; margin:-2px 0 10px 0;}
h3 {font-size:1.1em; line-height:1; margin: 7px 0 5px 0;}
h4 {font-size:1.1em; line-height:1; margin:-2px 0 10px 0;}
h5 {
	font-size:1.1em; color:#CD4D00;
	padding: 9px 0 0 15px;
	background: url('/lib/css/bg_line.gif') no-repeat;
	width: 485px; height: 50px;
}

p {margin:0 0 1.5em; }
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#E39A00;}
a {color:#516B99;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dt .date, dd { color: #949494; font-size: 90%;}
dd { position:relative; top: -17px; left:145px; margin-bottom: -14px; }
table { margin: 0; padding: 0;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption { padding: 2px; }
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}

.sinput { width: 182px; height: 17px; padding: 4px; border: 0; background: transparent url('/lib/img/input.png') no-repeat; }

.small {font-size: 8pt; color: #949494;}
.large {font-size:1.1em;line-height:1.3em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet, .quite a {font-size: 0.9em; color: #CECECE; font-weight: normal;}
.loud {font-weight: bold;}
.orange {color: #F87811;}

/* my style add */
.right	{ float: right; }
.left	{ float: left; }
.next	{ float: right; margin-top: -40px; border: 0; width: 50px; height: 50px;}
.line1	{ background-color: #FAFAFA; }

.tab200	{ float: left; width: 195px; }


li { list-style-type:none; padding-left: 12px; background: transparent url('/lib/css/li.gif') no-repeat 0px 6px; line-height: 175%; }
li a { text-decoration: none; font-weight: bold; }
li a:hover { text-decoration: underline; }
.1subul { margin-left: 10px; }

/* grid.css */
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}



/* TopHeader */
.Header { height: 123px; width: 930px; background: url('/lib/img/head/bg.png') left top repeat-x; }

  /* Menu */
#menu { z-index:5; position: relative; background-image: url('/lib/img/head/b-menu.png'); width: 70px; height: 20px; float: left; }
.subm{
	z-index:99;
	position:absolute; top:-4000px; left:-4000px;
	overflow:hidden; width: 974px; height: 375px;
	margin-left: -10px;	padding: 0px;
	background:url('/lib/img/head/menu.png') left top no-repeat;
}
.subm a{ font-weight: bold; }
.subm td{ font: 8pt Tahoma, Arial; padding-top: 7px; }

.menuw{ width: 95px; }
#subm-tab1, #subm-tab1a, #subm-tab-o{ margin-top: 40px; }
#subm-tab1, #subm-tab1a{ width: 155px; float: left; background-color: #FFF; }
#subm-tab1{	margin-left: 40px; }
#subm-tab-o{ float: left; width: 155px; margin-left: 47px; background-color: #FFF; }

.menuBar #subm-tab1, .menuBar #subm-tab1a { margin: 0px; background-color: transparent; width: 95px; }

#logo { padding-top: 3px; margin-left: -70px; position: absolute; z-index:0; }
#thumb { float:left; margin: 1em; width: 100px; }

  /* TopTabs */
div#TopT { background: url('/lib/img/head/bg_nav.png') left top no-repeat; width: 410px; height: 20px; float: right; padding-left: 22px;  position: relative; z-index:5; }
div#TopT a { overflow: hidden; float: left; height: 16px; text-indent: -5000px; }
div#TopT a:hover { background-position: right center; }

div#TopT a#TopT-a { background-image: url('/lib/img/head/b-a.gif'); width: 50px; }
div#TopT a#TopT-adv { background-image: url('/lib/img/head/b-adv.gif'); width: 70px; }
div#TopT a#TopT-s { background-image: url('/lib/img/head/b-s.gif'); width: 85px; }
div#TopT a#TopT-sea { background-image: url('/lib/img/head/b-sea.gif'); width: 70px; }
div#TopT a#TopT-tag { background-image: url('/lib/img/head/b-tag.gif'); width: 60px; }
div#TopT a#TopT-l { background-image: url('/lib/img/head/b-l.gif'); width: 35px; }
div#TopT a#TopT-c { background-image: url('/lib/img/head/b-c.gif'); width: 35px; }



/* Container styles */
.Cont		{ width:990px; margin:0 auto; }
.ContMid	{ width:930px; margin:0 auto; background:#FFF; }
.leftBar	{ width:30px;  float:left; margin:0px; background: transparent; }
.hugeBar	{ width:825px; float:left; margin-left: -5px; }
.bigBar		{ width:720px; float:left; }
.mainBar	{ width:210px; margin:0px; float:left; }
.midBar		{ width:510px; float:left;}
.sideBar	{ width:210px; float:left;}

.menuBar	{ width:110px; float:left;}
.nomenuBar	{ width:620px; float:left; min-height: 700px; }
.menuBarR	{ width:310px; float:left;}

.Footer		{
	border-top: 2px solid #000000;
	clear: both; width: 930px; margin: 0 auto;
	background: #4C4C4C;
	color: white;
	}
.Footer	a 	{ color: #FF5400; font-weight: bold; }
.Footer #subm-tab1, .Footer #subm-tab1a { margin: 0 0 0 30px; background: #4C4C4C; float: left; }
.Footer2	{ border-top: 2px solid #000; clear: both; width: 930px; margin: 0 auto; padding-top: 10px; opacity:0.5; }

#foot1, #foot2, #foot3 { padding: 10px; float:left;}
#foot1      { width: 370px;}
#foot2		{ width: 510px; font-size: 110%;}
#foot3		{ width: 98%;}

#footcode	{
	border: 1px solid #A9A9A9;
	margin-left: 7px;
	padding: 2px;
	width: 97%;
	font-size: 80%;
	background: #5F5F5F;
	color: white; }

.talktab	{
	font-size: 8pt;
	height: 20px;
	color: #ffffff;
	padding: 0;
	margin: 0;
	text-align: center;
	vertical-align: top; }

/* SideMenu */
.side.right { float: left; }

ul#nav { margin: 0pt; position: relative; list-style-type: none; list-style-image: none; list-style-position: outside; }
ul#nav li { margin: 5px 0pt; position: relative; left: 0pt; text-indent: -9000px; background-position: -30px 0pt; }
ul#nav li a { display: block; width: 30px; height: 150px; }
ul#nav li a:hover, ul#nav li a:active, .backtotop a:hover { background-position: -30px 0pt; }

ul#nav li a.selected, .backtotop a:active, ul#nav #n-god a:active, ul#nav #n-family a:active, ul#nav #n-rest a:active, ul#nav #n-more a:active { background-position: -60px 0pt ! important; }

#n-god, #n-god a { background: transparent url('/lib/img/side/n-god.png') no-repeat scroll 0pt 0pt;}
#n-family, #n-family a { background: transparent url('/lib/img/side/n-family.png') no-repeat scroll 0pt 0pt;}
#n-rest, #n-rest a { background: transparent url('/lib/img/side/n-rest.png') no-repeat scroll 0pt 0pt;}
#n-more, #n-more a { background: transparent url('/lib/img/side/n-plus.png') no-repeat scroll 0pt 0pt; height: 150px ! important;}



/* Box */
.cb		{ margin:0 0 0px 0; width:100%; background: #FFF;}
.cb h1, .cb h2 { color: #F87811; padding-left: 3px; }
.cb h3, .cb h4 { color: #F87811; }

/* Top corners and border */
.bt		{ height:11px; margin:0 0 0 0px; background:url(/lib/img/box/box.png) no-repeat 100% 0; }
.bt div { position:relative; left:0px; width:11px; height:11px; background:url(/lib/img/box/box.png) no-repeat 0 0; font-size:0; line-height:0; }
/* Bottom corners and border */
.bb		{ height:11px; margin:0 0 0 0px; background:url(/lib/img/box/box.png) no-repeat 100% 100%; }
.bb div	{ position:relative; left:0px; width:11px; height:11px; background:url(/lib/img/box/box.png) no-repeat 0 100%; font-size:0;line-height:0; }
/* Left border */
.i1		{ padding:0 0 0 1px; background:url(/lib/img/box/box-l.png) repeat-y 0 0; }
/* Right border */
.i2		{ padding:0 1px 0 0; background:url(/lib/img/box/box-r.png) repeat-y 100% 0; }
.i3		{ display:block; padding:3px 12px 0 12px; }
.i3:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.i3		{display:inline-block;}
.i3		{display:block;}
/* Default CSS ends here */

/* Custom CSS
================================================*/
#bg-trans	{ background: transparent; }
#whitebg	{ background: #FFF; }
#bg-fade	{ background: #FFF url(/lib/img/box/fade.png) 0 0 repeat-x; }
#bg-title	{ background: url(/lib/img/box/title.png) left top repeat-x; }
#bg-out		{ background:url(/lib/img/box/out.png) left bottom repeat-x; }
#bg-floral	{ background:url(/lib/img/box/floral.png) right bottom no-repeat; }
#bg-floralb	{ background: #FFF url(/lib/img/box/floralb.jpg) right bottom no-repeat; }
#bg-arrow	{ background:url(/lib/img/box/arr.gif) right bottom no-repeat; }
#bg-target	{ background: #FFF url(/lib/css/bg_target.gif) left top no-repeat; }

.indent10	{ font: normal 16pt Georgia; padding-left: 10px; }

.two { background: white; }
.two .i1, .two .i2 { background-image:url(/lib/js/b-l.png); }
.two .bt, .two .bt div, .two .bb, .two .bb div { background-image:url(/lib/js/panel.png); }

.ainfo {
   z-index:999;
   position: absolute;
   left: 5px;
   padding: 29px 5px 5px 5px;
   min-width: 145px;
   font: normal 14pt Georgia;
   color : #616161;
   background:url(/lib/img/ainfo.jpg) left top no-repeat;
   border : 1px solid #777777;
}
.ainfo #input{
   width: 80px;
   padding: 1px;
   margin: 1px;
   color : #616161;
   border : 1px solid #FFF;
   background: #EFEFEF;
}

.ainfo dt, dd { color: #949494; font-size: 8pt; }
.ainfo dd { position:relative; left:60px; }


/* Tags CSS
================================================*/
.tag10 {font: normal 10pt Times; color: #007F00;}
.tag11 {font: normal 11pt Times; color: #007F00;}
.tag12 {font: normal 12pt Times; color: #007F00;}
.tag13 {font: normal 13pt Times; color: #007F00;}
.tag14 {font: normal 14pt Times; color: #007F00;}
.tag15 {font: normal 15pt Times; color: #0061AA;}
.tag16 {font: normal 16pt Times; color: #0061AA;}
.tag17 {font: normal 17pt Times; color: #0061AA;}
.tag18 {font: normal 18pt Times; color: #0061AA;}
.tag19 {font: normal 19pt Times; color: #0061AA;}
.tag20 {font: normal 20pt Times; color: #A400AA;}
.tag21 {font: normal 21pt Times; color: #A400AA;}
.tag22 {font: normal 22pt Times; color: #A400AA;}
.tag23 {font: normal 23pt Times; color: #A400AA;}
.tag24 {font: normal 24pt Times; color: #A400AA;}
.tag25 {font: normal 25pt Times; color: #D42A2A;}
.tag26 {font: normal 26pt Times; color: #D42A2A;}
.tag27 {font: normal 27pt Times; color: #D42A2A;}
.tag28 {font: normal 28pt Times; color: #D42A2A;}
.tag29 {font: normal 29pt Times; color: #D42A2A;}
.tag30 {font: normal 30pt Times; color: #D42A2A;}

.tag {
	margin:3px 3px 3px 3px;
	padding:0px;
	text-align:center;
	}

.tag a{
	font-family: Times;
	}

.taglist {
	margin:3px;
	padding:3px;
	min-width:400px;
	color: #FF7100;
	}
sup { color: #C5C5C5; }

.taglist li{
	margin-left:55px;
	}

.taghead {
	margin:  0 0 0px;
	padding: 0px;
	font: normal 20pt Georgia;
	color : #616161;
	border-bottom : 1px solid #eeeeee;
	}

.tabhead {
	font: normal 12pt Georgia;
	color : #616161;
	border-bottom : 1px solid #eeeeee;
	}

.border-r	{ border-right: 1px solid #eeeeee; }

.fade {
	width: 40px;
	height: 15px;
    margin: 0 0 -2px -40px;
	z-index: 99;
}