@charset "utf-8";
/* BODY */
body {
	height:100%;
	margin: 0;padding:0;
	background-image:url(pics/framework/bg_top.gif);
	background-repeat:repeat-x;
	background-color:#18526a;
	color:#FFFFFF;
	font-family:Tahoma, Verdana, sans-serif;
	font-size:0.8em;
	text-align:left;
}
/* GENERAL */
a:focus {
	outline:none;
}
/* TOP */
div.top {
	width:990px;
	background-color:transparent;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
	/* border:1px dashed pink; */
}
a.logo_link {
	display:block;
	float:right;
	height:99%;
	width:254px;
	overflow:hidden;
}
/* CENTER */
div.center {
	width:990px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	background-color:#113f55;
	overflow:auto;
	padding:4px 0;
	/* border:1px dashed lime; */
}
/* BOTTOM */
div.bottom {
	background-color:#993333;
}
/* BODY_FOOT - The upper part of the bottom part of the overall design aka the grey stripe that runs across the lower part of the design... */
div.body_foot {
	width:100%;
	height:auto;
	background-color:#333333;
	overflow:auto;
	border-top:#FFFFFF solid medium;
	border-bottom:#FFFFFF solid medium;
	text-align:center;
	padding:3px 0;
}
div.body_foot a {
	color:#FFFFFF;
	margin:2px;
}
div.body_foot a:hover {
	color:#CCFF00;
}
div.body_foot a.single {
	color:#FFFFFF;
	background-image:url(pics/framework/link_arrow.jpg);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:12px;
	margin-right:10px;
}
div.body_foot a.single:hover {
	background-image:url(pics/framework/link_arrow_h.jpg);
}
/* BODY_END - The lower bottom part of the overall design. */
.body_end {
	background-color:#113f55;
	background-image:url(pics/framework/bf_corner1.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	width:990px;
	height:auto;
	margin:0 auto 10px auto;
	overflow:auto;
}
.body_end p {
	background-image:url(pics/framework/bf_corner2.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	overflow:auto;
	text-align:center;
	margin:0;
	min-height:25px;
	padding:5px 0;
}
/**/
/*
	COLUMNS
	column1 (side menu), column2_b, column3_b	<- 180x474x300 (_b is for 300*250 box banner)
	|--|---|---|
	
	column1 (side menu), column2_s, column3_s	<- 180x614x160 (_s is for 160*600 skyscraper)
	|--|-----|-|
	
	column1 (side menu), column2							<- 180x790
	|--|-------|
		
	column0 (no side menu!)										<- 980
	|----------|
*/
.column1 {
	margin-left:5px;
	margin-right:2px;
	float:left;
	width:186px;
}
* html .column1 { /* IE6 Only */
	margin-left:2px;
	margin-right:2px;
}
.column2_b {
	margin-left:2px;
	margin-right:2px;
	float:left;
	width:480px;
}
* html .column2_b { /* IE6 Only */
	margin-left:2px;
	margin-right:2px;
}
.column3_b {
	margin-left:2px;
	margin-right:5px;
	float:left;
	width:306px;
}
* html .column3_b { /* IE6 Only */
	margin-left:2px;
	margin-right:0px;
}
.column2_s {
	margin-left:2px;
	margin-right:2px;
	float:left;
	width:620px;
}
.column3_s {
	margin-left:2px;
	margin-right:5px;
	float:left;
	width:166px;
}
.column2 {
	margin-left:2px;
	margin-right:5px;
	float:left;
	width:790px;
}
.column0 {
	width:980px;
	margin:0 auto;
}
/* BOX - should always contain div.head -> div.[clean|text|"none"] -> div.foot */
.box {
	margin-bottom:3px;
}
/* BOX HEAD */
div.head {
	background-color:#333333;
	background-image:url(pics/framework/box_rounder1.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:auto;
	overflow:visible;
}
div.head h2 {
	background-color:#333333;
	background-image:url(pics/framework/box_rounder1.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	margin:0 0 0 22px;
	padding:4px 22px 2px 0;
	text-align:center;
	height:auto;
	font-weight:bold;
	font-size:1.1em;
	min-height:18px;
}
/* BOX BODY OPTIONS: clean, text */
div.clean {
	background-color:#FFFFFF;
}
div.text {
	background-color:#FFFFFF;
	padding-top:3px;
	overflow:hidden;	
}
div.std {
	background-color:#3b6f83;
	margin:0 3px;
	padding:4px 5px;
}
div.text p {
	background-color:#3b6f83;
	margin:0 3px;
	padding:4px 5px;
}
div.text h3 {
	background-color:#333333;
	margin:3px;
	padding:2px 4px 3px 4px;
	text-align:center;
	font-size:1.0em;
}
div.text h4 {
	background-color:#333333;
	margin:0 3px;
	padding:3px 4px;
	text-align:center;
	font-size:1.0em;
}
/* TABLE */
div.box div.text table {
	width:100%;
	border-spacing:0;
	border-left:3px solid #ffffff;
	border-right:3px solid #ffffff;
	background-color:#3b6f83;
}
*:first-child+html div.box div.text table { /* IE 7 Fix */
	border-collapse:collapse;
	border-left:3px solid #ffffff;
	border-right:3px solid #ffffff;
}
* html div.box div.text table { /* IE 6 Fix */
	border-collapse:collapse;
	border-left:3px solid #ffffff;
	border-right:3px solid #ffffff;
}
div.box div.text table tr.darker {
	background-color:#24586c;
}
div.box div.text table tr.farm { /* N: Added the green farm league tr's to the sheet. */
	/* background-color:#3b836c; GREEN */
	/* background-color:#474a76; PURPLE */
	background-color:#40547e;
}
div.box div.text table tr.farmodd { /* N: Added the green farm league tr's to the sheet. */
	/* background-color:#4ba98b; GREEN */
	/* background-color:#5a5e98; PURPLE */
	background-color:#516ba2;
}
div.box div.text table td {
	padding:2px;
}
div.box div.text table th {
	padding:2px;
}
table.basic td {
	padding:2px 4px;
}
table.basic th {
	font-weight:bold;
	padding:2px 4px;
}
tr.odd {
	background-color:#4B8FA9;
}
table.hover tr:hover {
	background-color:#333333;
}
/* 		Sortable Table */
table.sortable th {
	cursor:pointer;
}
table.sortable th:hover {
	color:#CCFF00;
}
/* FORM */
.std_form {
	background-color:#3b6f83;
	margin:0 3px;
	padding:3px 4px;
	text-align:center;
}
.std_form form select {
	margin:2px 0;
}
.std_submit {
	background-image:url(pics/submit_white.gif);
	padding:2px;
	width:100%;
	margin:0 auto;
}
.std_submit div {
	background-image:url(pics/submit_black.gif);
	width:100%;
}
.std_submit div input {
	cursor:pointer;
	padding:2px;
	text-transform:uppercase;
	font-weight:bold;
	border:none;
	width:100%;
	color:#FFFFFF;
	background-color:transparent;
	background-image:url(pics/submit_orange.gif);
	background-repeat:no-repeat;
	background-position:right center;
	font-size:0.8em;
}
.std_submit div input:hover {
	background-image:url(pics/submit_lime.gif);
}
.std_submit div a {
	text-decoration:none;
	display:block;
	cursor:pointer;
	padding:2px;
	text-transform:uppercase;
	font-weight:bold;
	border:none;
	width:100%;
	color:#FFFFFF;
	background-color:transparent;
	background-image:url(pics/submit_orange.gif);
	background-repeat:no-repeat;
	background-position:right center;
}
.std_submit div a:hover {
	background-image:url(pics/submit_lime.gif);
}
.no {
	/*background-image:url(pics/submit_red.gif);*/
}
.no div a {
	background-image:url(pics/cancel.gif);
}
.no div a:hover {
	background-image:url(pics/cancel_over.gif);
}
.yes {
	/*background-image:url(pics/submit_green.gif);*/
}
.yes div a {
	background-image:url(pics/confirm.gif);
}
.yes div a:hover {
	background-image:url(pics/confirm_over.gif);
}
/* BOX TEXT BREAK */
div.box div.text div.break {
	height:3px;
	width:100%;
	background-color:white;
}
/* BOX FOOT */
div.foot {
	background-color:#FFFFFF;
	background-image:url(pics/framework/box_bund1.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	height:auto;
	overflow:auto;
	margin:0;
}
* html div.foot { /* IE6 Only */
	float:left;
}
div.foot p {
	background-color:#333333;
	background-image:url(pics/framework/box_bund2.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	float:right;
	margin:0;
	padding-left:20px;
	height:auto;
}
div.foot p span {
	color:#FFFFFF;
	display:block;
	background-image:url(pics/framework/box_bund3.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	padding:3px 26px 5px 0;
	height:auto;
	min-height:18px;
}
div.foot p span a {
	text-transform:uppercase;
	color:#FFFFFF;
	background-image:url(pics/framework/or_arrow_dark.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:12px;
	margin-left:10px;
}
div.foot p span a:hover {
	color:#CCFF00;
	background-image:url(pics/framework/cr_arrow_dark.gif);
	text-decoration:none;
}
div.foot p span.multi a {
	background-image:url(pics/framework/or_skiller.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:12px;
	margin-left:10px;
}
div.foot p span.multi a:last-child {
	background-image:none;
	padding-right:4px;
}
div.foot p span.multi a:hover:last-child {
	background-image:none;
	text-decoration:none;
}
/* LINKS */
a {
	text-decoration:none;
	font-weight:bold;
	color:#CF0;
}
a.white {
	color:#FFF;
}
a.light {
	font-weight:normal;
}
a.uline {
	text-decoration:underline;
}
a.uline:hover {
	text-decoration:none;
}
a img {
	border:none;
}
img {
	border:none;
}
a.pro {
	background-image:url(pics/framework/pro_req_mini2.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:21px;
}
a.proWhite {
	color:#FFFFFF;
	background-image:url(pics/framework/pro_req_mini2.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:21px;
}
a:hover {
	text-decoration:underline;
}
/* (E)MAIL */
/* NEW MAIL DESIGN IDs! */
/* #fundiv - This is the div box we use for screenshots and "pop-up" mail design. */
#fundiv {
	width:100%;
	height:100%;
	background-color:#000000;
	z-index:2;
	position:fixed;
	opacity: 0.7;
	-moz-opacity:0.7;
	display:none;
	visibility:hidden;
	cursor:pointer;
}
* html #fundiv { /* IE 6 Only */
	position:absolute;
}
#echo {
	position:fixed;
	margin-top:2px;
	text-align:center;
	font-weight:bold;
	z-index:3;
	width:100%;
	height:auto;
	display:none;
	visibility:hidden;
}
* html #echo { /* IE 6 Only */
	position:fixed;
}
#echo img {
	margin-top:4px;
}
#msg {
	width:600px;
	height:auto;
	position:absolute;
	margin:auto;
	background-image:url(pics/framework/msgbg.gif);
	padding:6px;
	z-index:3;
	display:none;
	visibility:hidden;
}
* html #msg { /* IE 6 Only */
	position:relative;
}
#msgcontent {
	width:auto;
	height:auto;
	overflow:hidden;
	background-color:#000000;
	padding:10px;
}
#msgcontent span {
	display:block;
	font-size:1.4em;
}
#msgfrom {
	background-image:url(pics/stamp.gif);
	background-repeat:no-repeat;
	background-position:right;
	background-color:#222222;
	padding:4px;
	margin-bottom:4px;
}
.subject {
	background-color:#222222;
	padding:4px;
	height:20px;
	overflow:auto;
	border:none;
	color:#FFFFFF;
	width:572px;
	margin:6px 0 0 0;
}
.msg_input {
	background-color:#222222;
	padding:4px;
	height:20px;
	border:none;
	overflow:auto;
	color:#FFFFFF;
	width:280px;
	margin-left:5px;
}
#msgtxt {
	background-color:#222222;
	padding:4px;
	height:250px;
	overflow:auto;
}
#msgtxt p {
	color:#999999;
	background-color:#333333;
	display:block;
	padding:0 4px;
	font-style:italic;
	margin:4px;
}
.msgreply {
	background-color:#222222;
	border:none;
	padding:4px;
	color:#FFFFFF;
	width:572px;
	height:100px;
	margin:6px 0 0 0;
}
.msgreply::selection {
	background:#fff;
	color:#000;	
}
/**/
#msgbuttons_list {
	margin: 6px 0 0 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
#msgbuttons_list li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 25%;
}
#msgbuttons_list li a {
	color:#FFFFFF;
	padding:3px 0;
	background-image:url(pics/framework/forum/f_button.gif);
	background-color:#333333;
	border-top:1px solid #666666;
	border-right:1px solid #181818;
	border-bottom:1px solid #181818;
	border-left:1px solid #666666;
	text-decoration: none;
	display: block;
	text-align: center;
}
#msgbuttons_list li a:hover {
	background-position:0 40px;
	text-decoration:none;
}
/* hidden is used for the mail system too */
.hidden {
	visibility:hidden;
}
/* BLACK LIST */
.blackList {
	margin:0;
	padding:0 3px;
	list-style-type:none;
}
.blackList li {
	background-color:#333333;
	color:#333333;
}
.blackList li a {
	color:#FFFFFF;
	display: block;
	width: auto;
	background-image:url(pics/framework/or_arrow_dark.gif);
	background-repeat:no-repeat;
	background-position:4px 9px;
	padding:4px 4px 4px 17px;
	border-top:1px solid #666666;
	border-right:1px solid #181818;
	border-bottom:1px solid #181818;
	border-left:1px solid #666666;
}
.blackList li a:hover {
	background-color:#535a31;
	background-image:url(pics/framework/cr_arrow_light.gif);
	text-decoration:none;
}
span.noWrap {
	white-space:nowrap;
}
.bold {
	font-weight:bold;
}
/*
MSG MESSAGES
*/
ul.msg {
	margin:0;
	padding:0;
	border:solid 3px #ffffff;
	border-bottom:none;
	border-top:none;
}
ul.msg li {
	width:180px;
	height:1.5em;
	background-image:url(pics/side_menu_bg.gif);
	margin:0;
	padding:0;
	list-style-type:none;
	border-top:1px solid #313131;
	border-bottom:1px solid #000000;
	cursor:pointer;
}
ul.msg li span {
	overflow:hidden;
	white-space:nowrap;
	background-image:url(pics/msg_letter.gif);
	background-position:3px center;
	background-repeat:no-repeat;
	padding:2px 0 2px 27px;
	color:#FFFFFF;
	display:block;
	width:145px;
	overflow:hidden;
	color:#CCFF00;
	font-weight:bold;
}
ul.msg li span.read {
	font-weight:normal;
	background-image:url(pics/msg_letter2.gif);
	color:#AAAAAA;
}
ul.msg li:first-child {
	border-top:none;
}
ul.msg li span:hover {
	text-decoration:none;
}
/*

MENU CSS

*/
div.menu {
	overflow:hidden;
	background-image:url(pics/framework/topmenu.gif);
	background-repeat:no-repeat;
	background-color:#113f55;
	vertical-align:top;
}
div.menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
	height:auto;
	width:100%;
}
div.menu ul li {
	width:99px;
	text-align:center;
	display:inline;
	padding-bottom:2px;
	float:left;
}
div.menu ul li a {
	width:99px;
	color:#FFFFFF;
	height:auto;
	display:block;
	overflow:hidden;
}
div.menu ul li.selected {
}
div.menu ul li a:hover {
	text-decoration:none;
	color:#CCFF00;
}
div.menu ul li a:hover .menu_ico {
	background-position:0px 70px;
}
ul#side_menu  {
	margin:0;
	padding:0;
	border:solid 3px #ffffff;
	border-bottom:none;
	border-top:none;
}
ul#side_menu li {
	background-image:url(pics/side_menu_bg.gif);
	margin:0;
	padding:0;
	list-style-type:none;
	border-top:1px solid #313131;
	border-bottom:1px solid #000000;
}
ul#side_menu li a {
	background-image:url(pics/side_menu_or.gif);
	background-position:2px 2px;
	background-repeat:no-repeat;
	padding:2px 15px;
	color:#FFFFFF;
	display:block;
	width:auto;
	overflow:hidden;
}
ul#side_menu li:first-child {
	border-top:none;
}
ul#side_menu li a:hover {
	background-image:url(pics/side_menu_cf.gif);
	text-decoration:none;
}
ul#side_menu li.selected a {
	background-image:url(pics/side_menu_cf.gif);
}
div.menu_ico {
	width:99px;
	height:70px;
	display:block;
}
#submenu_container {
	width:100%;
	height:auto;
	background-color:#333333;
	overflow:hidden;
	border-top:#FFFFFF solid medium;
	border-bottom:#FFFFFF solid medium;
}
#submenu {
	text-align:center;
	padding:3px 0;
}
#submenu span a {
	color:#FFFFFF;
	background-image:url(pics/framework/or_skiller.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:12px;
	padding-right:10px;
}
#submenu span a:first-child {
	color:#FFFFFF;
	padding-right:10px;
	background-image:none;
}
#submenu span a:hover {
	color:#ccff00;
	text-decoration:none;
}
div.ad {
	background-image:url(pics/logo_b.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding:0;
	height:105px;
}
div.ad img {
	padding-top:4px;
}
div.no_ad {
	background-image:url(pics/logo_norm.gif);
	background-position:center 4px;
	background-repeat:no-repeat;
	padding:0;
	height:105px;
	overflow:hidden;
}
div.no_ad img {
	width:100%;
	height:100%;
}
.quick_menu_icon {
	margin-bottom:-3px;
	padding:0 5px 0 0;
	cursor:pointer;
}
/* HELP TEXT */
.help_text {
	border-bottom:1px dotted #FFFFFF;
}
/* TOOLTIP TOOL TIP  */
#tip {
	position:fixed;
}
#tip_content {
	background-image:url(pics/side_menu_cf.gif);
	background-repeat:no-repeat;
	background-position:2px 2px;
	background-color:#333333;
	border-top:2px solid #666666;
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;
	border-left:2px solid #666666;
	color:#FFFFFF;
	padding:6px 12px;
}
.help {
	background-image:url(pics/hoverbox_icon.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:24px;
}
/* INJURY */
.injury {
	background-image:url(pics/injury.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:12px;
}
/* SQUAD */
.sq_box {
	cursor:pointer;
	background-image:url(pics/sq_box.gif);
	background-repeat:repeat-x;	
	background-color:#323232;
	border-top:1px solid #666666;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	border-left:1px solid #666666;
}
.sq_box:hover {
	background-image:url(pics/sq_box_o.gif);
	background-color:#2b3f46;
	border-top:1px solid #3c5057;
	border-right:1px solid #00141b;
	border-bottom:1px solid #00141b;
	border-left:1px solid #3c5057;	
}
.sq_box .arrow {
	background-image:url(pics/sq_arrow.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	float:right;
	padding-right:20px;
}
.sq_box:hover .arrow {
	background-image:url(pics/sq_arrow_o.gif);
	padding-right:16px;
}
/* SKILL SORT*/
.skill {
	background-color:#3b6f83;
	background-color:#3b6f83;
	border:3px solid #ffffff;
	border-top:none;
	border-bottom:none;
	padding:3px 3px 0 3px;
	overflow:hidden;
}
* html .skill { /* IE 6 Fix */
	border:none;
}
.skill .box {
	width:100%;
	overflow:hidden;
	background-image:url(pics/skill_sort_left.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-color:#333333;
	padding:3px 0 0 0;
	display:block;
	float:right;
}
* html .skill .box { /* IE 6 Fix */
	padding:0;
	border:3px solid #ffffff;
	border-top:none;
	border-bottom:none;
	margin:-3px 0 0 0;
}
.skill .box .inner {
	width:100%;
	display:block;
	background-image:url(pics/skill_sort_right.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding:0 0 3px 0;
	overflow:hidden;
}
.skill .box .inner .stack {
	font-weight:bold;
	padding:0 0 0 10px;
	margin:0 10px;
	width:100%;
	display:inline;
}
.skill .box .inner .stack .opt {
	cursor:pointer;
	background-image:url(pics/check_btn_on.gif);
	background-repeat:no-repeat;
	background-position:left center;
	margin:0 10px 0 0;
	padding:0 0 0 18px;
	font-weight:normal;
	display:inline;
}
.skill .box .inner .stack .radio {
	cursor:pointer;
	background-image:url(pics/radio_btn_on.gif);
	background-repeat:no-repeat;
	background-position:left center;
	margin:0 10px 0 0;
	padding:0 0 0 18px;
	font-weight:normal;
	display:inline;
}
.skill .box .inner .stack .no_gif {
	display:block;
	width:100%;
	margin:0;
	padding:0 8px 0 0;
	font-weight:normal;
}
.skill .box .inner .stack .no_gif:hover {
	color:#CCFF00;
}
td.center {
	text-align:center;
}
td.left {
	text-align:left;
}
td.right {
	text-align:right;
}
th.center {
	text-align:center;
}
th.left {
	text-align:left;
}
th.right {
	text-align:right;
}
th.darker {
	background-color: #24586c;
}
td.darker {
	background-color: #24586c;
}

/* N: funcs_niklas.inc.php class for xp icon used all over the site. */
img.xp {
	margin-bottom:-2px;
}

/* N: class div.text p.error used for error messages like failed logins */
div.text p.error {
	background-color:#000000;
	text-align:center;
	padding-bottom:14px;
	background-image:url(pics/warning.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

div.team_color_pill {
	margin-bottom: 3px;
}
* html div.team_color_pill {
	margin-bottom: 0;
}
*:first-child+html div.team_color_pill {
	margin-bottom: 0;
}
/* Tabs CSS */
.tabs {
	margin:0 3px;
	border-bottom:3px solid #4B8FA9;
	background-image:url(pics/tabs_background.png);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#3B6F83;
	padding-top:10px;
	overflow:hidden;
}
.tabs span {
	font-weight:bold;
	cursor:pointer;
	background-image:url(pics/tabs_inactive.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:10px 0 0 10px;
}
.tabs span:hover {
	color:#9F0;
}
.tabs span.active {
	background-image:url(pics/tabs_active.png);
}
.tabs span span {
	background-image:inherit;
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-right:20px;
}
.tabs span.active span { /* IE fix */
	background-image:url(pics/tabs_active.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-right:20px;
}
.hide {
	display:none;
	visibility:hidden;
}
/* Buy btn*/
.buy_selected {
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	height:24px;
	background-image:url(pics/buy_btn_selected.png);
	background-position:top left;
	width:200px;
	text-align:center;
	padding-left:10px;
}
.buy_selected span {
	display:block;
	height:21px;
	background-image:url(pics/buy_btn_selected.png);
	background-position:top right;
	margin-right:-24px;
	padding-right:10px;
	padding-top:3px;
}
.buy_btn {
	cursor:pointer;
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	height:24px;
	background-image:url(pics/buy_btn.png);
	background-position:top left;
	width:200px;
	text-align:center;
	padding-left:10px;
}
.buy_btn span {
	display:block;
	height:21px;
	background-image:url(pics/buy_btn.png);
	background-position:top right;
	margin-right:-24px;
	padding-right:10px;
	padding-top:3px;
}
.buy_btn span.check {
	background-image:url(pics/buy_btn_check.png);
}
.buy_btn:hover span {
	background-position:right 24px;
}
.buy_btn:hover {
	text-decoration:none;
	color:#CCFF00;
}
/* */
.item_frame {
	display:block;
	margin:5px 0 4px 4px;
	background-repeat:no-repeat;
}
.item_frame span {
	background-image:url(pics/items/frame_0.png);
	background-position:top;
	height:80px;
	width:84px;
	display:block;
}
.item_frame:hover span {
	background-position:bottom;
}
.item_frame_mini {
	display:block;
	margin:3px 0 2px 2px;
	background-repeat:no-repeat;
}
.item_frame_mini span {
	background-image:url(pics/items/frame_0_mini.png);
	background-position:top;
	height:50px;
	width:53px;
	display:block;
}
.item_frame_mini:hover span {
	background-position:bottom;
}
/* */
.hc_title {
	background-image:url(pics/title_wings_left.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:27px;
}
.hc_title span {
	background-image:url(pics/title_wings_right.gif);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:27px;
}
.pct_bar {
	width:100%;
	height:10px;
	border:1px solid #FFFFFF;
}
.pct_bar div {
	height:10px;
	background-color:#FF9900;
	background-image:url(pics/or_bar_fill.gif);
	background-position:top;
	background-repeat:repeat-x;
}
.grey {
	background-color: #333333;
}
.BLgrey {
	color:#AAA;
}
.light_blue {
	background-color:#4B8FA9;
}
hr {
	border:0;
	background-color:#4B8FA9;
	height:2px;
}
.team_color_holder_box {
	background-image:url(pics/team_color_pill.png);
	width:14px;
	height:12px;
	margin-bottom:-1px;
	display:inline-block;
}
.team_color_box_left {
	background-image:url(pics/team_color_pill.png);
	background-position:-1px -1px;
	margin:1px 0 0 1px;
	width:6px;
	height:10px;
	float:left;
}
.team_color_box_right {
	background-image:url(pics/team_color_pill.png);
	background-position:-7px -1px;
	margin:1px 0 0 0;
	width:6px;
	height:10px;
	float:left;
}
ul.star_list {
	list-style-image:url(pics/tiny_star.png);
	margin:2px 0 0 0;
}
ul.star_list li {
	margin-bottom:4px;
}
ul.rquo_list {
	list-style-image:url(pics/rquo_list.png);
	margin:2px 0 0 0;
}
ul.rquo_list li {
	margin-bottom:4px;
}
.postit {
	font-family:Georgia, "Times New Roman", Times, serif;
	background-repeat:repeat-x;
	color:#000;
	padding:10px;
	margin:0 10px 10px 10px;
}
.postit a {
	font-weight:bold;
	color:#000;
}
.postit em {
	font-style:italic;
}
.postit span {
	font-size:11px;
}
.postit_yellow {
	background-color:#eedf89;
	background-image:url(pics/postit_yellow.gif);
}
.postit_green {
	background-color:#afee89;
	background-image:url(pics/postit_green.gif);
}
.postit_blue {
	background-color:#89c7ee;
	background-image:url(pics/postit_blue.gif);
}
.postit_red {
	background-color:#ee8989;
	background-image:url(pics/postit_red.gif);
}
.red {
	color:#F00 !important;
}
/* TUTORIAL */
.tutorial {
	width:635px;
	margin:0 auto;
	background-image:url(pics/tut_bg_mid.png);
	background-position:bottom;
}
.tut_top {
	background-image:url(pics/tut_bg_top.png);
	background-repeat:no-repeat;
	padding:24px 180px 22px 30px;
}
.tut_top p {
	padding:0 0 12px 0;
	margin:0;
	color:#000000;
}
.tut_bottom {
	width:635px;
	margin:0 auto;
	background-image:url(pics/tut_bg_bottom.png);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:13px;
	text-align:center;
}
.tutorial ul {
	color:#000000;
	list-style-type:none;
	margin:2px 0 0 0;
	padding: 0 0 0 25px;
}
.tutorial ul li {
	background-image:url(pics/tut_bullet.png);
	padding-left:10px;
	background-repeat:no-repeat;
	background-position:center left;
	margin:0 0 4px 0;
}
.tutorial ul li.reward {
	font-weight:bold;
	background-image:url(pics/tut_reward.png);
}
.tutorial ul li.qmark {
	background-image:url(pics/tut_qmark.png);
}
.tutorial ul li.expoint {
	background-image:url(pics/tut_expoint.png);
}
.tutorial ul span {
	background-image:url(pics/wiki_icon.png);
	padding-right:20px;
	background-repeat:no-repeat;
	background-position:center right;
	cursor:pointer;
}
.pointer {
	cursor:pointer;
}
area {
	cursor:pointer;
}
#tip img {
	margin-bottom:-3px;
}