@charset "utf-8";
html {
	height:100%
}
body {
	background-color:#000;
	margin:0;
	padding:0;
	height:100%
}
a:active {
	outline:none
}
a:focus {
	-moz-outline-style:none
}
input {
	background:black;
	border:0;
	height:16px;
	font:bold 12px;
	color:white
}
q {
	margin:0;
	padding:0;
}
q:before, q:after {
	content:""
}
blockquote {
	margin:5px
}
select {
	background:#fff7ce;
	border:1px solid #b39349;
	font:bold 12px;
}
table, td {
	border:0;
	border-collapse:collapse;
	padding:0;
	margin:0
}
i {
	font-style:normal;
	font-weight:bold
}
a, a:active, a:visited {
	color:#666;
	text-decoration:none
}
a:hover {
	text-decoration:none
}
form {
	margin:0;
	padding:0
}
.bold {
	font-weight:bold
}
.italic {
	font-style:italic
}
.clear {
	clear:both;
}
.left {
	float:left;
}
.right {
	float:right;
}
.invisible {
	display:none;
}
.visible {
	display:block;
}
/* Layout */
	#container {
	width:950px;
	margin:0 auto;
}
#head {
	height:200px;
	background:url(http://wowimg.the9.com/images_wow/info/professions/head-title.jpg);
	position:relative;
	z-index:99;
}
#head #menu {
	width:100%;
	position:absolute;
	top:171px;
	height:29px;
}
#nav ul li,.menu-L li a, .menu-L li a span, .menu-R li a, .menu-R li a span, #menu li a em, .submit, a.submit, .sm-content a:hover, .dd, a.dropTrigger, .searchMenu del, .searchMenu q, .fb, .dd-out, .hd-wrap, .ft-wrap, .outer, .inner,.listview table th, .listview table th div,.listview table th div a,.pageview .Next,.pageview .Prev, .pageview .pageview-left,.pageview .pageview-right,.pageview .pageNav{
	background-image:url(http://wowimg.the9.com/images_wow/info/professions/head-bg.gif);
	background-repeat:no-repeat;
	font-size:12px;
	color:#616161;
}
#nav{
	height:21px;
	width:100%;
	position:relative;
}
#nav ul{
	 width:100%;
	 list-style:none;
	 height:21px;
	 margin:0;
	 position:absolute;
	 right:0;
	 top:0;
}

#nav ul li{
	 background-position:0 -1106px;
	 background-repeat:repeat-x;
	 float:right;
	 height:21px;
	 margin:0;
	 padding:0 8px;
}
#nav ul li.rB{
	 width:6px;
	 background-position:100% -1085px;
}
#nav ul li.lB{
	 width:30px;
	 background-position:0 -1128px;
}
#nav ul li a{
	color:#c28c27;
}
#nav ul li a:hover{
	text-decoration:underline;
}
.menu-L {
	margin:0 7px 0 90px;
	_margin-left:45px;
	width:160px;
	float:left;
	padding:0;
}
.menu-R {
	margin:0 7px 0 8px;
	width:660px;
	float:left;
	padding:0;
}
#menu li {
	float:left;
	height:29px;
	list-style:none;
	position:relative;
}
#menu li ul{
	width:77px;
	height:auto;
	position:absolute;
	right:-77px;
	bottom:0;
	padding:0;
	background:url(http://wowimg.the9.com/images_wow/info/professions/sub-menu-bg.gif) repeat-x;
	border:1px solid #747373;
	display:none;
}
#menu li ul li{
	 height:19px;
	 width:77px;
	 float:left;
}
#menu li ul li a{
	 padding:0 !important; 
	 margin:0 !important;
	 height:19px;
	 width:77px;
	 background:none;
	 display:block;
	 text-align:center;
	 line-height:19px;
}
#menu li ul li a:hover{
	background-color:#040404;
	color:#fddc62;
}
#menu li a {
	cursor:pointer;
	float:left;
	padding:0 15px 0 0;
	height:29px;
	background-position:100% -58px;
	margin-left:3px;
	position:relative;
}
#menu li a span {
	display:block;
	padding:0 0 0 17px;
	font-size:12px;
	color:#616161;
	line-height:29px;
	height:29px;
	background-position:0 -87px;
	position:relative;
	left:-4px;
	float:left;
}
#menu li a.current, #menu li a:hover {
	background-position:100% 0;
}
#menu li a.current span, #menu li a:hover span {
	background-position:0 -29px;
	color:#fddc62;
}
#menu li a:hover span {
	color:#b89103;
}
#menu .menu-R li a {
	padding:0 8px 0 0;
	margin-left:2px;
}
#menu .menu-R li a span {
	padding:0 0 0 12px;
}
#menu li a em {
	width:12px;
	height:20px;
	display:block;
	background-position:-12px -117px;
	float:left;
	margin-top:5px;
	margin-right:-5px;
}
#menu li a:hover em {
	background-position:0 -117px;
}
/* search */	
	/*...........................................................*/	
	#search {
	position:relative;
	height:64px;
	width:100%;
	background:url(http://wowimg.the9.com/images_wow/info/professions/search-bg.jpg);
	margin-top:-1px;
	z-index:100;
}
#book {
	position:absolute;
	left:15px;
	top:-15px;
}
a.submit {
	background-position:0 -273px;
	display:block;
	height:28px;
	width:84px;
	border:none;
	text-decoration:none;
}
a.submit:hover {
	background-position:0 -301px;
	cursor:pointer
}
div.submit {
	margin-left:10px;
}
.searchTrick {
	position:relative;
	z-index:1;
	left:-5000px
}
.arrow {
	width:12px
}
.input, .dd, .arrow, .ip, .submit {
	height:28px
}
.input {
	position:relative;
	top:16px;
	left:114px;
	width:600px
}
.dd-out {
	background-position:0 -227px;
	margin-right:-40px;
}
.dd-out, .dd, .arrow, .ipl, .ip, .submit {
	float:left;
}
.dd {
	margin:0 0 0 9px;
	_margin-left:4px;
	width:101px;
	background-position:0 -138px;
	background-repeat:repeat-x;
}
.ip1{}
.ip, .ipl input {
	background-image:url('http://wowimg.the9.com/images_wow/info/professions/search-input.gif');
	background-repeat:no-repeat;
}
.ip {
	background-position:9px 0;
	width:211px;
	margin-right:10px;
}
.fb {
	background-position:0 -227px;
	width:211px;
	height:28px
}
.ipl input {
	width:196px;
	padding:2px 0 0 5px;
	position:absolute;
	top:5px;
	left:5px;
	height:17px;
	background-position:0 -28px;
	color:#999;
}
.ipl input:hover {
	background-position:0 -47px;
}
.ipl input:focus {
	background-position:0 -66px;
}
.search-noflash {
	width:211px;
	height:33px;
	background:url('http://wowimg.the9.com/images_wow/info/professions/index-ip0.gif') no-repeat 0 0
}
/* drop down filter */
	/*...........................................................*/
	.dropDowner {
	position:relative;
	width:110px;
	left:-5px;
	_left:0;
	top:0px;
	color:white;
	z-index:102;
}
.dropDowner a, .dropDowner a:visited, .dropDowner a:active {
	color:white;
	text-decoration:none;
}
a.dropTrigger:hover {
	background-position:100% -199px;
}
a.dropTrigger {
	display:block;
	padding:8px 0 0 12px;
	position:relative;
	height:20px;
	width:98px;
	cursor:pointer;
	background-position:100% -166px;
	font-size:12px;
	color:#f6b213;
}
span.livesearch{
	display:block;
	padding:8px 0 0 12px;
	position:relative;
	height:20px;
	width:98px;
	font-size:12px;
	color:#f6b213;
}
.searchMenu {
	display:none;
	width:158px;
	position:absolute;
}
.sm-content a {
	display:block;
	width:82px;
	padding:1px 0;
	cursor:pointer;
	font-size:12px;
	padding-left:16px;
	color:#fff;
	margin-bottom:2px;
	text-indent:12px;
	position:relative;
}
.sm-content a span {
	display:block;
	width:16px;
	height:14px;
	background:url(http://wowimg.the9.com/images_wow/info/professions/UI-CheckBox-Check.gif);
	position:absolute;
	left:10px;
	top:0;
}
.sm-content {
	padding:2px 12px;
	width:86px;
	background:url('http://wowimg.the9.com/images_wow/info/professions/index-dd-bg.png') repeat-y;
}
*html .sm-content{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://wowimg.the9.com/images_wow/info/professions/index-dd-bg.png',sizingMethod='crop');background:none;}
.searchMenu del, .searchMenu q {
	margin:0;
	padding:0;
	display:block;
	height:9px;
	width:100%;/*strip formatting*/
	font-size:1px
}
.searchMenu del {
	background-position:0 -255px;
}
.searchMenu q {
	background-position:0 -264px;
}
.sm-content a:hover {
	background-position:0 -329px;
	color:#fff;
}
.dropDownListStyle li.selected a:hover {
	background:none !important
}
/* Main */
	#content {
	width:936px;
	position:relative;
	z-index:99;
	top:-10px;
	margin:0 auto;
}
.q1{ color:#fff;}
.q2{ color:#0f0;}
.q3{ color:#03f;}
.q4{ color:#609;}
.q5{ color:#c90;}
.hd-wrap, .ft-wrap, .outer, .inner {
	width:100%;
}
.helpFrame .hd-wrap {
	background-position:0 -448px;
	background-repeat:repeat-x;
}
.helpFrame .hd-wrap .outer {
	background-position:0 -346px;
}
.helpFrame .hd-wrap .inner {
	background-position:100% -397px;
	height:51px;
	position:relative;
}
.helpFrame .bd-wrap, .helpFrame .bd {
	background-image:url(http://wowimg.the9.com/images_wow/info/professions/helpFrame-bd.gif);
	background-repeat:repeat-y;
	_height:100px;
}
.helpFrame .bd-wrap {
	background-position:0 0;
}
.helpFrame .bd {
	background-position:100% 0;
	padding:10px 30px;
}
.helpFrame .ft-wrap {
	background-position:0 -601px;
	background-repeat:repeat-x;
}
.helpFrame .ft-wrap .outer {
	background-position:0 -499px;
}
.helpFrame .ft-wrap .inner {
	background-position:100% -550px;
	height:51px;
	position:relative;
}
.even {
	background-color:#999;
}
.odd {
	background-color:#666;
}
.icon43{
	width:43px;
	height:43px;
	background-repeat:no-repeat;
	background-position:3px 3px;
	padding:3px;
	float:left;
	position:relative;
}
.icon43 a{
	width:43px;
	height:43px;
	display:block;
}
.icon43 span{
	position:absolute;
	top:30px;
	right:4px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}
.icon43 a:hover{
	background:url(http://wowimg.the9.com/images_wow/info/professions/icon43-hover.png);
}
.listview table td.Name {
	padding-left:6px;
}
.listview table td.Name a{
	color:#fff;
}

.listview table td.Name a:hover{
	text-decoration:underline
}
.listview table td.last {
	border-right:none;
}
.listview table th {
	background-position:0 -652px;
	background-repeat:repeat-x;
	height:37px;
}
.listview table th div {
	background-position:0 -726px;
	height:37px;
}
.listview table th .thead a {
	background-position:100% -689px;
	height:25px;
	display:block;
	padding-top:12px;
	padding-left:20px;
	color:#fff;
}
.listview table th.sort {
	background-position:0 -763px;
}
.listview table th.sort .thead {
	background-position:0 -837px;
}
.listview table th.sort .thead a {
	background-position:100% -800px;
}
.helpFrame .pageview{
	width:100%;
	height:27px;
	position:absolute;
	padding-left:6px;
	padding-right:30px;
	overflow-y:hidden;
}
.helpFrame .hd-wrap .pageview{
	bottom:1px;
}
.helpFrame .pageview .pageNav{
	background-position:0 -928px;
	background-repeat:repeat-x;
	height:27px;
	float:right;
	position:relative;
	padding:0 10px;
}
.helpFrame .pageview .pageview-left{
	background-position:0 -874px;
	height:27px;
	width:6px;
	float:right;
}
.helpFrame .pageview .pageview-right{
	background-position:100% -901px;
	height:27px;
	width:8px;
	float:right;
	margin-right:30px;
}
.helpFrame .ft-wrap .pageview .pageNav{
	background-position:0 -955px;
	top:2px;
	width:auto;
}
.helpFrame .ft-wrap .pageview .pageview-left{
	background-position:0 -1009px;
}
.helpFrame .ft-wrap .pageview .pageview-right{
	background-position:100% -982px;
}
.helpFrame .pageview a{ margin:6px 3px 0; display:block; float:left;}
.helpFrame .pageview span{ margin:3px 3px 0;  display:block; float:left;}
.helpFrame .pageview .Prev{ width:15px; height:16px; background-position:0 -1036px; }
.helpFrame .pageview .Next{ width:47px; height:16px; background-position:-48px -1036px; margin-left:6px; }
.helpFrame .pageview a.No{ color:#fb2; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.helpFrame .pageview a.No:hover{ color:#fff; text-decoration:underline;}

#productMenu{ width:248px; height:264px; overflow:hidden; position:absolute; background:url(http://wowimg.the9.com/images_wow/info/professions/search-result.gif); left:122px; top:30px;}
#productMenu table td{ color:#fff; font-size:12px;}
#content h3{ font-size:12px; color:#99FFFF; margin:10px 60px; border-bottom:1px solid #7f6e31; padding-bottom:5px; clear:both; margin-top:30px;}
#content h4{ font-size:12px; color:#99FFFF; margin:10px 60px; border-bottom:1px solid #7f6e31; padding-bottom:5px; clear:both; margin-top:30px;}
#content p{ color:#f4cb6a; font-size:12px; margin:5px 80px; line-height:16px; text-indent:2em;}
#content p a:hover{ text-decoration:underline;}

#content  a img{ display:block; float:right; padding:3px; border:1px solid #CC6600; margin:0 60px;}
#content  a:hover img{ border:1px solid #CC9900;}
#content strong{ color:#CC3300;}
#content a{ color:#f4cb6a; font-family:Verdana, Arial, Helvetica, sans-serif;}
#content a:hover{}
#content ul{ list-style:none; margin:10px 40px; padding-left:24px;}
#content ul li{ color:#f4cb6a;  font-size:12px; line-height:18px;}
#content ul.match{ list-style:none; margin:10px 60px; padding-left:24px;}
#content ul.match li{ color:#CCFF99;  font-size:12px; line-height:16px;}
#content ul.match li a{ color:#99CC00; }
#content ul.uldot{ list-style:outside square;}
#content .myPurple{ color:#fff; font-weight:bold; font-size:12px;}
#content .myGold { color: #e5cc80;}
#content .myOrange { color: #ff8000;}
#content .myPurple { color: #A335EE;}
#content .myBlue { color: #0070DD;}
#content .myGray { color: #c9c9c9;}  
#content .myGrey { color: #999999;}
#content .myGreen { color: #00FF00;}
#content .myYellow { color: #ffd517;} 
#content .myRed { color: #d80000;}
#content .myWhite { color: #ffffff;} 
#content span.num{ color:#FF6600;}
img#tipicon{ position:absolute; width:43px; height:43px; left:-45px; top:5px;}