* {
	margin: 0px;
	padding: 0px;
}
body	{
	background-color:#ffffff;
	color:#4a02c1;
	margin:0px;
	line-height:1.4;
	font-size:0.9em;
	overflow-y:scroll;
}
*html body { /* for IE6 */
	overflow-y:auto;
}

*+html body { /* for IE7 */
	overflow-y:auto;
}

img		{vertical-align: bottom;}

a:link {
		color:#3366ff;text-decoration:none}
a:visited,a:active {
		color:#5555AA;text-decoration:none}
a:hover {
		color:#FF1493;text-decoration:underline;}


div#root {
    width: 960px;
    margin: 0 auto;
    text-align: left;
}


p {
	line-height:1.4em;
	margin:0.2em 0.2em 0.2em 1.5em;
	font-size:100%;
}
ul {
	margin: 0em 0em 0em 0.5em;
	padding:0em;
}
li {
	margin: 0.1em 1em 0.1em 1.5em;
	padding:0em;
}

h1,h2,h3,h4,h5,h6 {
	font-family:Arial, verdana, helvetica, Sans-Serif;
	border:#6699FF;border-style:solid;
	border-width: 0px 0px 1px 0px;
}
h1 {
	font-size:20px;
	padding:6px 6px 0px 6px;
	margin:0px 0px 4px 0px;
}
h1.mc {
	font-size:1.1em;
	background-color:#0195DB;
	background: -moz-linear-gradient(left, #0195DB, #58B9E7);
	background: -webkit-gradient(linear, left top, right top, from(#0195DB), to(#58B9E7));
	color:#FFFFFF;
	margin:0px 0px 8px 0px;
}
h1.dc {
	font-size:1.2em;
	background-color:#0195DB;
	background: -moz-linear-gradient(top, #005E9F, #005E9F 50%, #0195DB);
	background: -webkit-gradient(linear, left top, left bottom, from(#005E9F), color-stop(0.5,#005E9F), to(#0195DB));
	color:#FFFFFF;
	margin:0px 0px 8px 0px;
	padding:4px;
}
h2 {
	font-size:1.1em;
	padding:0px 0px 0px 4px;
	margin:8px 0px 8px 6px;
}
h2.mc {
	background-color:#0195DB;
	background: -moz-linear-gradient(left, #005E9F, #0195DB);
	background: -webkit-gradient(linear, left top, right top, from(#005E9F), to(#0195DB));
	color:#FFFFFF;
	margin:0px 0px 8px 0px;
}
h3 {
	font-size:1.05em;
	padding:0px 0px 0px 4px;
	margin:8px 0px 8px 12px;
}
h4 {
	border:#9DD6F4;border-style:solid;
	border-width: 0px 0px 1px 0px;
	font-size:1.0em;
	padding:0px 0px 0px 4px;
	margin:8px 0px 8px 18px;
}


table {
	border-spacing:0px;
	border-collapse:collapse;
	border:0px;padding:0px;spacing:0px;
}
td,th {
	padding:0px;spacing:0px;
}
th {
	text-align:center;
}

/* top */
div#top {
	width:960px; height:88px;
	position:relative;
}
div#top small {
	font-size:10px;
}
div#top div#top_background {
	width:960px; height:22px;
	background:url('http://www.wisdom-guild.net/image/top_background.png');
	position:absolute;
	top:0px; left:0px;
}
div#top div#top_title {
	position:absolute;
	top:0px; left:0px;
}
div#top_link_left, div#top_link_right {
	color:#FFFFFF;
	font-size:14px;
	font-family:Arial;
}
div#top_link_left {
	position:absolute;
	top:0px; left:12px;
}
div#top_link_right {
	position:absolute;
	top:0px; right:12px;
}
	div#top a:link, div#top a:visited, div#top a:active {
		color:#FFFFFF;
		text-decoration:underline;
	}
	div#top a:hover {
		color:#FF1493;
		text-decoration:underline;
	}

div#top div#top_ad {
	position:absolute;
	top:24px; left:492px;
}
div#top div#top_msg {
	position:absolute;
	top:70px; left:8px;
}
div#top div#top_ad_contact {
	position:absolute;
	top:2px; left:400px;
}
div.padding_vertical {
	margin:4px 0px 4px 0px;
}
div.padding_horizontal {
	margin:0px 4px 0px 4px;
}
div.padding_noleft {
	margin:0px 4px 0px 0px;
}

/* search */
form#search {  
    position: absolute;
	top:24px; left:220px;
    margin: 0;
    padding: 0;
    width: 260px;
    height: 42px;
}  
form#search img#search_tab_card {
    position: absolute;
    top: 0; left: 0px;
	cursor: pointer;
}
form#search img#search_tab_wiki {
    position: absolute;
    top: 0; left: 48px;
	cursor: pointer;
}
form#search img#search_tab_cr {
    position: absolute;
    top: 0; left: 96px;
	cursor: pointer;
}
form#search img#search_tab_deck {
    position: absolute;
    top: 0; left: 144px;
	cursor: pointer;
}
form#search input#search_box  {  
    position: absolute;
    bottom: 0;
    left: 0;
    width: 232px;
    height: 20px; /* border-box for IE6 */
    padding: 1px;
    border: 1px solid #6699FF;
}
form#search input#search_btn {  
    position: absolute;
    bottom: 0;
    left: 236px;
    width: 24px;
    height: 24px; /* border-box */
    padding: 0;
	border:0px;
	background:url('http://www.wisdom-guild.net/image/btn_search.png');
	cursor: pointer;
}

/* search */
form.search {
    position: relative;
    width: 260px;
    height: 24px;
	margin:2px 2px 2px 2px;
}  
form.search input.search_box  {  
    position: absolute;
    bottom: 0;
    left: 0;
    width: 240px;
    height: 20px; /* border-box for IE6 */
    padding: 1px;
    border: 1px solid #6699FF;
}
form.search input.search_btn {  
    position: absolute;
    bottom: 0;
    left: 244px;
    width: 24px;
    height: 24px; /* border-box */
    padding: 0;
	border:0px;
	background:url('http://www.wisdom-guild.net/image/btn_search.png');
	cursor: pointer;
}  


/* main */
div#main {
	position: relative;
	width:960px;
}


/* leftmenu */
div#leftmenu {
	float:left;
	width:180px;
	font-size:0.8em;
}
div#leftmenu center {
	margin:4px 0px 4px 0px;
}
div#leftmenu table#leftmenu1 {
	margin:0px 0px 12px 0px;
}

div.banner {
	margin:4px 0px 4px 0px;
}

/* contents */
div#contents {
	margin:0px 300px 0px 180px;
}
div#contents_noleft {
	margin:0px 300px 0px 0px;
}
div#contents_noright {
	margin:0px 0px 0px 180px;
}
div.padding {
	padding:0px 4px 0px 4px;
}
div#leftmenu ul.menu {
	list-style-type:none;
	background-color:#EEF9FE;
	border:#0195DB;border-style:solid;
	border-width: 4px 1px 2px 1px;
	margin:4px 4px 4px 0px;
	padding:0px 0px 0px 0px;
}
div#leftmenu ul.menu li {
	background-color:#EEF9FE;
	background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#CEE6FE));
	color:#FFFFFF;
	margin:1px 1px 1px 1px;
	padding:6px 1px 6px 12px;
	border:#6699FF;border-style:solid;
	border-width: 0px 0px 1px 0px;
}
div#leftmenu h1 {
	font-size:1.1em;
	background-color:#0195DB;
	background: -webkit-gradient(linear, left top, right top, from(#005E9F), to(#0195DB));
	color:#FFFFFF;
	margin:0px 4px 4px 0px;
	padding:4px;
	text-align:center;
}

div#leftmenu ul.menu li a {
	display:block;
}


/* rightmenu */
div#rightmenu {
	float:right;
	width:300px;
}
	table#article_info {
		width:300px;
		margin:0px 0px 0px 0px;
	}
	table#article_info ul {
		margin:0px 0px 0px 2em;
		padding:0px;
	}
	table#article_info li {
		font-size:0.8em;
		margin:0px 0px 0px 4px;
	}

/* bottom */
div#bottom {
	clear: both;
	width:960px; height:48px;
	background-color:#FFFFFF;
	font-size:0.75em;
	border:#537AD7;border-style:solid;
	border-width: 1px 0px 0px 0px;
	line-height:180%;
	background-image:url("http://image.wisdom-guild.net/bgrad.gif");
	background-repeat:repeat-y;
	background-position:100% 0%;
}


ul.nostyle {
	margin:4px 4px 4px 8px;
	list-style-type:none;
}
ul.nostyle li {
	margin:0px 0px 0px 4px;
}
ul.small {
	font-size:0.8em;
	margin: 0.8em 0em 0.4em 0.5em;
}
ul.small li {
	margin:0px 0px 0px 2em;
}


ul.right-align {
	font-size:0.8em;
	text-align:right;
	list-style-type:none;
	border:#6699FF;border-style:solid;
	border-width: 0px 0px 1px 0px;
	margin:0px 0px 4px 0px;
}
ul.right-align li {

}



ul#infomation {
	margin:4px 4px 4px 8px;
	list-style-type:none;
}
ul#infomation li {
	margin:0px 0px 0px 4px;
}

table#headline {
	width:460px;
	font-size:0.8em;
	margin:4px 4px 4px 8px;
}
table#headline td {

}

small {
	font-size:90%;
}



/* standard table */
table.bordered, table.underline {
	margin:4px 0px 4px 8px;
}
table.bordered td, table.bordered th {
	border:#6699FF;border-style:solid;
	border-width: 1px 1px 1px 1px;
	padding:4px;
}
table.underline td {
	border:#99CCFF;border-style:solid;
	border-width: 0px 0px 1px 0px;
	padding:4px;
}
table.underline th {
	background-color:#CCEEFF;
	border:#99CCFF;border-style:solid;
	border-width: 0px 0px 1px 0px;
	padding:4px;
}
table.sheet {
	margin:4px 4px 4px 4px;
}
table.sheet th {
	text-align:center;
	border:#6699FF;border-style:solid;
	border-width: 1px 1px 1px 1px;
	padding:4px;
}
table.sheet td {
	text-align:right;
	border:#6699FF;border-style:solid;
	border-width: 1px 1px 1px 1px;
	padding:4px;
}

/* colored */


table.lc_small {
	width:100%;
}
table.lc_small td {
	padding:2px;
	background-color:#FFFFEE;
	border:#6699FF;border-style:solid;
	border-width: 1px 1px 1px 1px;
}
table.lc_small td.block {
	padding-left:12px;
	font-size:120%;
	background-color:#FFFFFF;
}
table.lc_small big {
	font-size:150%;
}

td.lc {
	border:#6699FF;border-style:solid;
	border-width: 1px 1px 1px 1px;
	background-color:#EEF9FE !important;
	padding:4px;
}
td.mc, th.lc {
	border:#6699FF;border-style:solid;
	border-width: 1px 1px 1px 1px;
	background-color:#DEF0FE !important;
	padding:4px;
}
td.dc, th.mc {
	border:#6699FF;border-style:solid;
	border-width: 1px 1px 1px 1px;
	background-color:#CEE6FE !important;
	padding:4px;
}
td.dlc {
	border:#6699FF;border-style:solid;
	border-width: 1px 1px 1px 1px;
	background-color:#BDD3E5 !important;
	padding:4px;
}
td.dmc, th.dlc {
	border:#6699FF;border-style:solid;
	border-width: 1px 1px 1px 1px;
	background-color:#AEC2D3 !important;
	padding:4px;
}
td.ddc, th.dmc {
	border:#6699FF;border-style:solid;
	border-width: 1px 1px 1px 1px;
	background-color:#A3B6C6 !important;
	padding:4px;
}

.right {
	text-align:right;
}
.center {
	text-align:center;
}

span.blue {
	color:#0000FF;
}
span.red {
	color:#FF0000;
}

/* tips */

div.title {
	padding:4px 0px 4px 20px;
}
div.text {
	padding:0px 4px 0px 4px;
	font-size:0.8em;
}
div.reference {
	text-align:right;
	padding:0px 2px 2px 0px;
}

div.tips_color1 {
    border: 1px solid #6699FF;
	padding:0px;
	margin:4px 0px 4px 0px;
}
div.tips_color1 div.title {
	color:#FFFFFF;
	font-weight:bold;
    background-color:#6699FF;
}

div.tips_color2 {
    border: 1px solid #FFCC33;
	padding:0px;
	margin:4px 0px 4px 0px;
}
div.tips_color2 div.title {
	color:#993300;
	font-weight:bold;
    background-color:#FFCC33;
}


/* COLORS */
table.color1, table.color2 {
	width:100%;
	margin-bottom:6px;
}
table.color1 th, table.color2 th {
	font-weight:bold;
	padding:4px;
}
table.color1 th {
	color:#FFFFFF;
    background-color:#6699FF;
    border: 1px solid #6699FF;
}
table.color2 th {
	color:#993300;
    background-color:#FFCC33;
    border: 1px solid #FFCC33;
}
table.color1 td, table.color2 td {
	font-size:0.8em;
	padding:2px 4px 2px 4px;
}
table.color1 td {
    border: 1px solid #6699FF;
}
table.color2 td {
    border: 1px solid #FFCC33;
}


/* system message */
div.under_develop {
	text-align:center;
	background-color:#D0E0FF;
	border:#3366FF;border-style:solid;
	border-width: 1px 1px 1px 1px;

	padding:36px;
	margin:50px 200px 100px 200px;
}
div.message {
	background-color:#D0E0FF;
	border:#3366FF;border-style:solid;
	border-width: 1px 1px 1px 1px;

	padding:2px 2px 2px 2px;
	margin:1px 2px 1px 0px;
}
div.warning {
	background-color:#FFFF66;
	border:#FFCC00;border-style:solid;
	border-width: 1px 1px 1px 1px;

	padding:2px 2px 2px 2px;
	margin:1px 2px 1px 0px;
}
div.error {
	color:#CC3333;
	background-color:#FFEEEE;
	border:#CC3333;border-style:solid;
	border-width: 1px 1px 1px 1px;
	padding:2px 2px 2px 2px;
	margin:1px 2px 1px 0px;
}

div.board {
	border:#CCCCFF;border-style:solid;
	border-width: 1px 1px 1px 1px;
	padding:36px 12px;
	margin:12px 0px 120px 0px;
}
div.board p {
	margin-left:24px;
}

/* search result */

div.search_result {
	margin:12px 0px 12px 0px;
}
div.search_title a {
	font-size:1.1em;
	text-decoration:underline;
}
div.search_date {
	color:#999999;
	font-size:12px;
	text-align:right;
}
div.search_text {
	font-size:0.8em;
}
div.search_url a {
	color:#007744;
	font-size:12px;
}






/* whisper */

div.eset {
	width:90%;
	font-size:12px;
	font-family:"Arial";
	font-weight: bold;
	border:#6699FF;border-style:solid;
	list-style-type: none;
	border-width: 1px 1px 1px 1px;
	background-color:#EEF9FE;
	padding:4px 4px 4px 4px;
	margin:4px 2px 4px 2px;
}
ul.eset {

}
ul.eset li {
	list-style-type:none;
	font-weight: normal;
	margin:2px 2px 2px 0px;
}



div.card {
	font-size:0.8em;
	margin:8px 12px 24px 2px;
}
div.card p {
	margin:3px 0px 3px 0px;
	line-height:110%;
}
div.card b {
	font-size:1.2em;
}


div#card_title {
	position:relative;
	border:#6699FF;border-style:solid;
	border-width: 0px 0px 1px 0px;
	margin:0px 0px 4px 0px;
}
div#card_title h1 {
	border-width:0px;
	padding:0px;
	margin:0px;
}
div#card_title div#card_link {
	position:absolute;
	top:0px;
	right:0px;
}



table#card_detail, table#card_relate {
	width:656px;
	margin: 0px 0px 4px 0px;
	font-size:0.8em;
}
table#card_detail {
	border:#6699FF;border-style:solid;
	border-width: 1px 1px 1px 1px;
}
table#card_detail td {
	background-color:#EEF9FE;border:1px;spacing:1px;padding:4px;
	border:#6699FF;border-style:solid;
	border-width: 1px 1px 1px 1px;
}

table#card_detail p {
	margin:4px 0px 4px 0px;
	line-height:110%;
}
table#card_relate th {
	height:28px;
	background-image:url("http://image.wisdom-guild.net/th/th_w160.gif");
	background-repeat:no-repeat;
	background-position:0% 0%;

	vertical-align : middle;
}

table#card_detail_language {
	width:100%;
	font-size:75%;
	font-family:Lucida Sans Unicode;
	margin:0px 0px 4px 0px;
}
table#card_detail_language th {
	font-size:120%;
	padding:2px;
    background-color:#6699FF;
	color:#FFFFFF;
	border:#6699FF;border-style:solid;
	border-width: 1px 1px 1px 1px;
}
table#card_detail_language td {
	padding:2px;
	border:#6699FF;border-style:solid;
	border-width: 1px 1px 1px 1px;
}


table#card_detail_price {
	width:100%;
	font-size:75%;
}
table#card_detail_price td {
	padding:2px;
	background-color:#FFFFEE;
	border:#FF9966;border-style:solid;
	border-width: 1px 0px 1px 0px;
}
table#card_detail_price td.block {
	padding-left:12px;
	font-size:120%;
	background-color:#FFFFFF;
	border:#6699FF;border-style:solid;
	border-width: 1px 1px 1px 1px;
}
table#card_detail_price big {
	font-size:150%;
}

/* pager */

div.pager a {
	font-size:12px;
	background-color:#EEFFFF;
	border:#6699FF;border-style:solid;
	border-width: 1px 1px 1px 1px;
	padding:2px 6px 2px 6px;
}
div.pager b {
	font-size:12px;
	background-color:#FFFFCC;
	border:#FFCC33;border-style:solid;
	border-width: 1px 1px 1px 1px;
	padding:2px 6px 2px 6px;
}


table.singlecard {
	width:652px;
	margin:0px 0px 4px 0px;
}
table.singlecard th {
	background-color:#FEFEE6;
	border:#6699FF;border-style:solid;
	border-width: 1px 1px 1px 1px;
	padding:4px;
}
table.singlecard td {
	border:#6699FF;border-style:solid;
	border-width: 1px 1px 1px 1px;
	padding:4px;
}

pre {
	padding:6px 0px 6px 14px;
	margin:0.4em 0.0em 0.4em 4em;
}
pre.example {
	background-color:#EEFFEE;
}



td#card_menu {
	width:188px;
	vertical-align:top;
}
td#card_menu ul {
	list-style-type:none;
	background-color:#EEF9FE;
	border:#0195DB;border-style:solid;
	border-width: 4px 1px 2px 1px;
	margin:0px 4px 4px 0px;
	padding:0px 0px 0px 0px;
}
td#card_menu ul li {
	background-color:#EEF9FE;
	background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#CEE6FE));
	color:#FFFFFF;
	margin:1px 1px 1px 1px;
	padding:6px 1px 6px 12px;
	border:#6699FF;border-style:solid;
	border-width: 0px 0px 1px 0px;
}
td#card_menu h2 {
	font-size:0.8em;
	background-color:#0195DB;
	background: -webkit-gradient(linear, left top, right top, from(#005E9F), to(#0195DB));
	color:#FFFFFF;
	margin:4px 4px 4px 0px;
	padding:4px;
	text-align:center;
}
td#card_menu ul li a {
	display:block;
}




/* ds_lite */
div#ds_lite h2 {
	background-color:#0195DB;
    background: -moz-linear-gradient(left, #005E9F, #0195DB);
	background: -webkit-gradient(linear, left top, right top, from(#005E9F), to(#0195DB));
	color:#FFFFFF;
	padding:2px 2px 2px 4px;
	margin:6px 2px 2px 2px;
}
div#ds_lite table {
	width:100%;
	margin:0px;
	padding:0px;
}
div#ds_lite td {
	width:50%;
	vertical-align:top;
	padding:2px;
}
div#ds_lite input {
	width:100%;
    border: 1px solid #6699FF;
    padding: 5px 20px;
    font-weight: bold;
    cursor: pointer;
    color: #4A02C1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-shadow: 1px 1px 2px #E7E7E7;
    -moz-box-shadow: 1px 1px 2px #E7E7E7;
	background-color:#6699FF;
    background: -moz-linear-gradient(top, #B3D4FF, #6BAFFF 90%, #B3D4FF);
    background: -webkit-gradient(linear, left top, left bottom, from(#B3D4FF), color-stop(0.9, #6BAFFF), to(#B3D4FF));
}


/* div */
div.smalltips {
	font-size:0.8em;
}

/* list table */
table.table td {
    border: 1px solid #6699FF;
	padding:2px 4px;
}

table.tablelist {
	width:100%;
}
table.tablelist td, table.tablelist th {
	padding:2px 4px;
}
table.tablelist th {
	background-color:#6699FF;
    background: -moz-linear-gradient(top, #B3D4FF, #6BAFFF 90%, #B3D4FF);
    background: -webkit-gradient(linear, left top, left bottom, from(#B3D4FF), color-stop(0.9, #6BAFFF), to(#B3D4FF));
}


/* ExpantionSelector */
div.expantion_select_list {
	font-size:1em;
}
div.expantion_select_list h3 {
	margin:0px;
    border: solid #0195DB;
	border-width: 1px 1px 0px 1px;
    padding: 5px 20px;
    font-weight: bold;
    color: #FFFFFF;
	background-color:#0195DB;
}
div.expantion_select_list div {
	margin:0px 0px 4px 0px;
    border: solid #0195DB;
	border-width: 0px 1px 1px 1px;
    padding: 5px 20px;
    font-weight: bold;
	background: -moz-linear-gradient(top,#FFFFFF, #EEF9FE 50%, #FFFFFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.5, #EEF9FE), to(#FFFFFF));
    color: #4A02C1;
}
div.expantion_select_list .ui-selecting { background: #FECA40; }
div.expantion_select_list .ui-selected { background: #FFF371; color: white; }
div.expantion_select_list ul {
	list-style-type: none; margin: 0; padding: 0;
}
div.expantion_select_list li {
	font-size:0.8em;
    cursor: pointer;
	margin: 1px; padding: 0.4em; height: 18px;
}

