/* ------------  MAIN  ------------- */

body {
	background-color:#000000;
	border:0px;
	margin:0px;
	color:#FFFFFF;
	cursor:url('gfx/cursor.cur'), auto;
}

img {
	border:none;
	border-collapse:collapse;
}

a, a:active, a:visited {
	color:#CCCCCC;
}

table {
	font-family:Arial;
	font-size:9pt;
}

.head {
	font-weight:bold;
}

.yellow {
	color:#FBFA9D;
}

.red {
	color:#D0526A;
}

/* ------------  DIVS  ------------- */

#main {
	position:absolute;
	background-image:url(gfx/main.gif);
	width:427px;
	height:406px;
	left:50%;
	top:50%;
	margin-left:-213px;
	margin-top:-203px;
}

#iframe {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-213px;
	margin-top:215px;
}

#error {
	position:absolute;
	width:427px;
	height:80px;
	background-color:#000000;
	visibility:hidden;
	left:50%;
	margin-left:-213px;
	top:50%;
	margin-top:215px;
	text-align:center;
	font-family:Arial;
	font-size:9pt;
	color:#FF0000;
	z-index:2;
}

#help {
	position:absolute;
	left:50%;
	margin-left:182px;
	top:50%;
	margin-top:-240px;
	text-align:center;
	font-family:Arial;
	font-size:9pt;
	color:#FFFFFF;
}

#mastery_lvl {
	position:absolute;
	background-image:url(gfx/other/masterylvl.png);
	height:21px;
	width:48px;
	top:103px;
	left:351px;
}

#mastery_up {
	position:absolute;
	height:19px;
	width:64px;
	top:104px;
	left:279px;
}

#load {
	position:absolute;
	z-index:10;
	background-color:#000000;
	color:#FFFFFF;
	width:427px;
	height:480px;
	left:50%;
	top:50%;
	margin-left:-213px;
	margin-top:-240px;
}

#credits {
	position:absolute;
	z-index:10;
	background-color:#000000;
	color:#FFFFFF;
	width:427px;
	height:480px;
	left:50%;
	top:50%;
	margin-left:-213px;
	margin-top:-240px;
	visibility:hidden;
}

#save {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-173px;
	margin-top:-230px;
	width:60px;
	height:20px;
	z-index:1;
}

#saved {
	background-color:#000000;
	color:#FF0000;
	font-family:Arial;
	font-size:9pt;
}

#saved a, #saved a:active, #saved a:visited {
	background-color:#000000;
	color:#CCCCCC;
}

/* Scrollbar */

#scroll_up {
	position:absolute;
	width:14px;
	height:14px;
	top:136px;
	left:390px;
}

#scroll_down {
	position:absolute;
	width:14px;
	height:14px;
	top:342px;
	left:390px;
}

#scrollbar {
	position:absolute;
	width:14px;
	height:192px;
	top:150px;
	left:390px;
	background:url(gfx/scrollbar/bar_8_0.png);
	background-repeat:no-repeat;
}

/* Skill_Up */

#up_0_1 {
	position:absolute;
	width:30px;
	height:17px;
	top:168px;
	left:102px;
}

#up_0_2 {
	position:absolute;
	width:30px;
	height:17px;
	top:168px;
	left:138px;
}

#up_0_3 {
	position:absolute;
	width:30px;
	height:17px;
	top:168px;
	left:174px;
}

#up_0_4 {
	position:absolute;
	width:30px;
	height:17px;
	top:168px;
	left:210px;
}

#up_0_5 {
	position:absolute;
	width:30px;
	height:17px;
	top:168px;
	left:246px;
}

#up_0_6 {
	position:absolute;
	width:30px;
	height:17px;
	top:168px;
	left:282px;
}

#up_1_1 {
	position:absolute;
	width:30px;
	height:17px;
	top:223px;
	left:102px;
}

#up_1_2 {
	position:absolute;
	width:30px;
	height:17px;
	top:223px;
	left:138px;
}

#up_1_3 {
	position:absolute;
	width:30px;
	height:17px;
	top:223px;
	left:174px;
}

#up_1_4 {
	position:absolute;
	width:30px;
	height:17px;
	top:223px;
	left:210px;
}

#up_1_5 {
	position:absolute;
	width:30px;
	height:17px;
	top:223px;
	left:246px;
}

#up_1_6 {
	position:absolute;
	width:30px;
	height:17px;
	top:223px;
	left:282px;
}

#up_2_1 {
	position:absolute;
	width:30px;
	height:17px;
	top:278px;
	left:102px;
}

#up_2_2 {
	position:absolute;
	width:30px;
	height:17px;
	top:278px;
	left:138px;
}

#up_2_3 {
	position:absolute;
	width:30px;
	height:17px;
	top:278px;
	left:174px;
}

#up_2_4 {
	position:absolute;
	width:30px;
	height:17px;
	top:278px;
	left:210px;
}

#up_2_5 {
	position:absolute;
	width:30px;
	height:17px;
	top:278px;
	left:246px;
}

#up_2_6 {
	position:absolute;
	width:30px;
	height:17px;
	top:278px;
	left:282px;
}

#up_3_1 {
	position:absolute;
	width:30px;
	height:17px;
	top:333px;
	left:102px;
}

#up_3_2 {
	position:absolute;
	width:30px;
	height:17px;
	top:333px;
	left:138px;
}

#up_3_3 {
	position:absolute;
	width:30px;
	height:17px;
	top:333px;
	left:174px;
}

#up_3_4 {
	position:absolute;
	width:30px;
	height:17px;
	top:333px;
	left:210px;
}

#up_3_5 {
	position:absolute;
	width:30px;
	height:17px;
	top:333px;
	left:246px;
}

#up_3_6 {
	position:absolute;
	width:30px;
	height:17px;
	top:333px;
	left:282px;
}

/* Skills */

#skill_0_0 {
	position:absolute;
	height:20px;
	width:20px;
	top:141px;
	left:71px;
}

#skill_0_1 {
	position:absolute;
	height:32px;
	width:32px;
	top:135px;
	left:101px;
}

#skill_0_2 {
	position:absolute;
	height:32px;
	width:32px;
	top:135px;
	left:137px;
}

#skill_0_3 {
	position:absolute;
	height:32px;
	width:32px;
	top:135px;
	left:173px;
}

#skill_0_4 {
	position:absolute;
	height:32px;
	width:32px;
	top:135px;
	left:209px;
}

#skill_0_5 {
	position:absolute;
	height:32px;
	width:32px;
	top:135px;
	left:245px;
}

#skill_0_6 {
	position:absolute;
	height:32px;
	width:32px;
	top:135px;
	left:281px;
}

#skill_1_0 {
	position:absolute;
	height:20px;
	width:20px;
	top:196px;
	left:71px;
}

#skill_1_1 {
	position:absolute;
	height:32px;
	width:32px;
	top:190px;
	left:101px;
}

#skill_1_2 {
	position:absolute;
	height:32px;
	width:32px;
	top:190px;
	left:137px;
}

#skill_1_3 {
	position:absolute;
	height:32px;
	width:32px;
	top:190px;
	left:173px;
}

#skill_1_4 {
	position:absolute;
	height:32px;
	width:32px;
	top:190px;
	left:209px;
}

#skill_1_5 {
	position:absolute;
	height:32px;
	width:32px;
	top:190px;
	left:245px;
}

#skill_1_6 {
	position:absolute;
	height:32px;
	width:32px;
	top:190px;
	left:281px;
}

#skill_2_0 {
	position:absolute;
	height:20px;
	width:20px;
	top:251px;
	left:71px;
}

#skill_2_1 {
	position:absolute;
	height:32px;
	width:32px;
	top:245px;
	left:101px;
}

#skill_2_2 {
	position:absolute;
	height:32px;
	width:32px;
	top:245px;
	left:137px;
}

#skill_2_3 {
	position:absolute;
	height:32px;
	width:32px;
	top:245px;
	left:173px;
}

#skill_2_4 {
	position:absolute;
	height:32px;
	width:32px;
	top:245px;
	left:209px;
}

#skill_2_5 {
	position:absolute;
	height:32px;
	width:32px;
	top:245px;
	left:245px;
}

#skill_2_6 {
	position:absolute;
	height:32px;
	width:32px;
	top:245px;
	left:281px;
}

#skill_3_0 {
	position:absolute;
	height:20px;
	width:20px;
	top:306px;
	left:71px;
}

#skill_3_1 {
	position:absolute;
	height:32px;
	width:32px;
	top:300px;
	left:101px;
}

#skill_3_2 {
	position:absolute;
	height:32px;
	width:32px;
	top:300px;
	left:137px;
}

#skill_3_3 {
	position:absolute;
	height:32px;
	width:32px;
	top:300px;
	left:173px;
}

#skill_3_4 {
	position:absolute;
	height:32px;
	width:32px;
	top:300px;
	left:209px;
}

#skill_3_5 {
	position:absolute;
	height:32px;
	width:32px;
	top:300px;
	left:245px;
}

#skill_3_6 {
	position:absolute;
	height:32px;
	width:32px;
	top:300px;
	left:281px;
}

/* Other */

#mastery_img {
	position:absolute;
	width:24px;
	height:24px;
	top:102px;
	left:70px;
}

/* Tabs */

#weapon {
	position:absolute;
	width:58px;
	height:23px;
	top:39px;
	left:57px;
}

#force {
	position:absolute;
	width:58px;
	height:23px;
	top:39px;
	left:119px;
}

#masterytab_0 {
	position:absolute;
	width:67px;
	height:27px;
	top:67px;
	left:66px;
}

#masterytab_1 {
	position:absolute;
	width:67px;
	height:27px;
	top:67px;
	left:134px;
}

#masterytab_2 {
	position:absolute;
	width:67px;
	height:27px;
	top:67px;
	left:202px;
}

#masterytab_3 {
	position:absolute;
	width:67px;
	height:27px;
	top:67px;
	left:66px;
	visibility:hidden;
}

#masterytab_4 {
	position:absolute;
	width:67px;
	height:27px;
	top:67px;
	left:134px;
	visibility:hidden;
}

#masterytab_5 {
	position:absolute;
	width:67px;
	height:27px;
	top:67px;
	left:202px;
	visibility:hidden;
}

#masterytab_6 {
	position:absolute;
	width:67px;
	height:27px;
	top:67px;
	left:270px;
	visibility:hidden;
}

/* -----------  SPANS  ------------ */

/* Tabs */

#masterytab_font_0 {
	position:absolute;
	width:67px;
	height:9px;
	top:74px;
	left:66px;
	z-index:3;
	text-align:center;
	font-size:9pt;
	font-family:Arial;
	color:#DBFFFF;
}

#masterytab_font_1 {
	position:absolute;
	width:67px;
	height:9px;
	top:74px;
	left:134px;
	z-index:3;
	text-align:center;
	font-size:9pt;
	font-family:Arial;
	color:#BABABA;
}

#masterytab_font_2 {
	position:absolute;
	width:67px;
	height:9px;
	top:74px;
	left:202px;
	z-index:3;
	text-align:center;
	font-size:9pt;
	font-family:Arial;
	color:#BABABA;
}

#masterytab_font_3 {
	position:absolute;
	width:67px;
	height:9px;
	top:74px;
	left:66px;
	z-index:3;
	text-align:center;
	font-size:9pt;
	font-family:Arial;
	color:#DBFFFF;
	visibility:hidden;
}

#masterytab_font_4 {
	position:absolute;
	width:67px;
	height:9px;
	top:74px;
	left:134px;
	z-index:3;
	text-align:center;
	font-size:9pt;
	font-family:Arial;
	color:#BABABA;
	visibility:hidden;
}

#masterytab_font_5 {
	position:absolute;
	width:67px;
	height:9px;
	top:74px;
	left:202px;
	z-index:3;
	text-align:center;
	font-size:9pt;
	font-family:Arial;
	color:#BABABA;
	visibility:hidden;
}

#masterytab_font_6 {
	position:absolute;
	width:67px;
	height:9px;
	top:74px;
	left:270px;
	z-index:3;
	text-align:center;
	font-size:9pt;
	font-family:Arial;
	color:#BABABA;
	visibility:hidden;
}

#weapon_font {
	position:absolute;
	width:58px;
	height:23px;
	top:44px;
	left:57px;
	z-index:3;
	text-align:center;
	font-size:9pt;
	font-family:Arial;
	color:#FFFFFF;
	font-weight:bold;
}

#force_font {
	position:absolute;
	width:58px;
	height:23px;
	top:44px;
	left:119px;
	z-index:3;
	text-align:center;
	font-size:9pt;
	font-family:Arial;
	color:#FFFFFF;
}

/* Other */

#save_font {
	position:absolute;
	width:60px;
	height:20px;
	left:0px;
	line-height:20px;
	font-family:Arial;
	font-size:9pt;
	text-align:center;
	z-index:2;
}

#total_SP {
	position:absolute;
	top:376px;
	right:254px;
	font-family:Arial;
	font-size:9pt;
	height:9px;
	line-height:9px;
	color:#FFDB51;
}

#total_masteries {
	position:absolute;
	top:376px;
	right:61px;
	font-family:Arial;
	font-size:9pt;
	height:9px;
	line-height:9px;
	color:#B3D6DC;
}

#mastery {
	position:absolute;
	top:110px;
	left:359px;
	font-family:Arial;
	font-size:9pt;
	height:9px;
	line-height:9px;
	color:#97E0FF;
}

#mastery_font {
	position:absolute;
	top:107px;
	left:108px;
	font-size:9pt;
	font-family:Arial;
	color:#AEDEE0;
}

#credits_text {
	position:absolute;
	width:427px;
	top:40%;
}

/* ------------  IMGS  ------------- */

/* Fonts */

#title {
	position:absolute;
	width:21px;
	height:9px;
	top:14px;
	left:223px;
}

#lvl_0_1 {
	position:absolute;
	width:12px;
	height:9px;
	top:157px;
	left:121px;
	visibility:hidden;
}

#lvl_0_2 {
	position:absolute;
	width:12px;
	height:9px;
	top:157px;
	left:157px;
	visibility:hidden;
}

#lvl_0_3 {
	position:absolute;
	width:12px;
	height:9px;
	top:157px;
	left:193px;
	visibility:hidden;
}

#lvl_0_4 {
	position:absolute;
	width:12px;
	height:9px;
	top:157px;
	left:229px;
	visibility:hidden;
}

#lvl_0_5 {
	position:absolute;
	width:12px;
	height:9px;
	top:157px;
	left:265px;
	visibility:hidden;
}

#lvl_0_6 {
	position:absolute;
	width:12px;
	height:9px;
	top:157px;
	left:301px;
	visibility:hidden;
}

#lvl_1_1 {
	position:absolute;
	width:12px;
	height:9px;
	top:212px;
	left:121px;
	visibility:hidden;
}

#lvl_1_2 {
	position:absolute;
	width:12px;
	height:9px;
	top:212px;
	left:157px;
	visibility:hidden;
}

#lvl_1_3 {
	position:absolute;
	width:12px;
	height:9px;
	top:212px;
	left:193px;
	visibility:hidden;
}

#lvl_1_4 {
	position:absolute;
	width:12px;
	height:9px;
	top:212px;
	left:229px;
	visibility:hidden;
}

#lvl_1_5 {
	position:absolute;
	width:12px;
	height:9px;
	top:212px;
	left:265px;
	visibility:hidden;
}

#lvl_1_6 {
	position:absolute;
	width:12px;
	height:9px;
	top:212px;
	left:301px;
	visibility:hidden;
}

#lvl_2_1 {
	position:absolute;
	width:12px;
	height:9px;
	top:267px;
	left:121px;
	visibility:hidden;
}

#lvl_2_2 {
	position:absolute;
	width:12px;
	height:9px;
	top:267px;
	left:157px;
	visibility:hidden;
}

#lvl_2_3 {
	position:absolute;
	width:12px;
	height:9px;
	top:267px;
	left:193px;
	visibility:hidden;
}

#lvl_2_4 {
	position:absolute;
	width:12px;
	height:9px;
	top:267px;
	left:229px;
	visibility:hidden;
}

#lvl_2_5 {
	position:absolute;
	width:12px;
	height:9px;
	top:267px;
	left:265px;
	visibility:hidden;
}

#lvl_2_6 {
	position:absolute;
	width:12px;
	height:9px;
	top:267px;
	left:301px;
	visibility:hidden;
}

#lvl_3_1 {
	position:absolute;
	width:12px;
	height:9px;
	top:322px;
	left:121px;
	visibility:hidden;
}

#lvl_3_2 {
	position:absolute;
	width:12px;
	height:9px;
	top:322px;
	left:157px;
	visibility:hidden;
}

#lvl_3_3 {
	position:absolute;
	width:12px;
	height:9px;
	top:322px;
	left:193px;
	visibility:hidden;
}

#lvl_3_4 {
	position:absolute;
	width:12px;
	height:9px;
	top:322px;
	left:229px;
	visibility:hidden;
}

#lvl_3_5 {
	position:absolute;
	width:12px;
	height:9px;
	top:322px;
	left:265px;
	visibility:hidden;
}

#lvl_3_6 {
	position:absolute;
	width:12px;
	height:9px;
	top:322px;
	left:301px;
	visibility:hidden;
}

/* Skilltabs */

#tab_0_1 {
	position:absolute;
	width:16px;
	height:13px;
	top:155px;
	left:119px;
	visibility:hidden;
}

#tab_0_2 {
	position:absolute;
	width:16px;
	height:13px;
	top:155px;
	left:155px;
	visibility:hidden;
}

#tab_0_3 {
	position:absolute;
	width:16px;
	height:13px;
	top:155px;
	left:191px;
	visibility:hidden;
}

#tab_0_4 {
	position:absolute;
	width:16px;
	height:13px;
	top:155px;
	left:227px;
	visibility:hidden;
}

#tab_0_5 {
	position:absolute;
	width:16px;
	height:13px;
	top:155px;
	left:263px;
	visibility:hidden;
}

#tab_0_6 {
	position:absolute;
	width:16px;
	height:13px;
	top:155px;
	left:299px;
	visibility:hidden;
}

#tab_1_1 {
	position:absolute;
	width:16px;
	height:13px;
	top:210px;
	left:119px;
	visibility:hidden;
}

#tab_1_2 {
	position:absolute;
	width:16px;
	height:13px;
	top:210px;
	left:155px;
	visibility:hidden;
}

#tab_1_3 {
	position:absolute;
	width:16px;
	height:13px;
	top:210px;
	left:191px;
	visibility:hidden;
}

#tab_1_4 {
	position:absolute;
	width:16px;
	height:13px;
	top:210px;
	left:227px;
	visibility:hidden;
}

#tab_1_5 {
	position:absolute;
	width:16px;
	height:13px;
	top:210px;
	left:263px;
	visibility:hidden;
}

#tab_1_6 {
	position:absolute;
	width:16px;
	height:13px;
	top:210px;
	left:299px;
	visibility:hidden;
}

#tab_2_1 {
	position:absolute;
	width:16px;
	height:13px;
	top:265px;
	left:119px;
	visibility:hidden;
}

#tab_2_2 {
	position:absolute;
	width:16px;
	height:13px;
	top:265px;
	left:155px;
	visibility:hidden;
}

#tab_2_3 {
	position:absolute;
	width:16px;
	height:13px;
	top:265px;
	left:191px;
	visibility:hidden;
}

#tab_2_4 {
	position:absolute;
	width:16px;
	height:13px;
	top:265px;
	left:227px;
	visibility:hidden;
}

#tab_2_5 {
	position:absolute;
	width:16px;
	height:13px;
	top:265px;
	left:263px;
	visibility:hidden;
}

#tab_2_6 {
	position:absolute;
	width:16px;
	height:13px;
	top:265px;
	left:299px;
	visibility:hidden;
}

#tab_3_1 {
	position:absolute;
	width:16px;
	height:13px;
	top:320px;
	left:119px;
	visibility:hidden;
}

#tab_3_2 {
	position:absolute;
	width:16px;
	height:13px;
	top:320px;
	left:155px;
	visibility:hidden;
}

#tab_3_3 {
	position:absolute;
	width:16px;
	height:13px;
	top:320px;
	left:191px;
	visibility:hidden;
}

#tab_3_4 {
	position:absolute;
	width:16px;
	height:13px;
	top:320px;
	left:227px;
	visibility:hidden;
}

#tab_3_5 {
	position:absolute;
	width:16px;
	height:13px;
	top:320px;
	left:263px;
	visibility:hidden;
}

#tab_3_6 {
	position:absolute;
	width:16px;
	height:13px;
	top:320px;
	left:299px;
	visibility:hidden;
}

/* Main_Buttons */

#close {
	position:absolute;
	width:15px;
	height:15px;
	left:402px;
	top:9px;
}

#char {
	position:absolute;
	width:28px;
	height:28px;
	left:5px;
	top:95px;
}

#inv {
	position:absolute;
	width:28px;
	height:28px;
	left:5px;
	top:137px;
}

#skill {
	position:absolute;
	width:28px;
	height:28px;
	left:5px;
	top:179px;
}

#action {
	position:absolute;
	width:28px;
	height:28px;
	left:5px;
	top:221px;
}

#party {
	position:absolute;
	width:28px;
	height:28px;
	left:5px;
	top:263px;
}

#quest {
	position:absolute;
	width:28px;
	height:28px;
	left:5px;
	top:305px;
}

/* ----------  TOOLTIP  ----------- */

#tooltip {
	position:absolute;
	z-index:255;
	width:230px;
}

#top {
	background-image:url(gfx/tooltip/tooltip_t.gif);
	background-repeat:repeat-x;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
}

#left {
	background-image:url(gfx/tooltip/tooltip_l.gif);
	background-repeat:repeat-y;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
}

#data {
	background-image:url(gfx/tooltip/tooltip_back.gif);
	background-repeat:repeat;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
}

#right {
	background-image:url(gfx/tooltip/tooltip_r.gif);
	background-repeat:repeat-y;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
}

#bottom {
	background-image:url(gfx/tooltip/tooltip_b.gif);
	background-repeat:repeat-x;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
}

/* Programming & Design by CL / Reinent, Graphics taken from www.silkroadonline.net */