/**
 * WoWRoster.net WoWRoster
 *
 * Character info CSS file
 *
 * LICENSE: Licensed under the Creative Commons
 *          "Attribution-NonCommercial-ShareAlike 2.5" license
 *
 * @copyright  2002-2008 WoWRoster.net
 * @license    http://creativecommons.org/licenses/by-nc-sa/2.5   Creative Commons "Attribution-NonCommercial-ShareAlike 2.5"
 * @version    SVN: $Id: style.css 1791 2008-06-15 16:59:24Z Zanix $
 * @link       http://www.wowroster.net
 * @package    CharacterInfo
*/

/* Current page text */
.char_title {
	width:454px;
	height:15px;
	text-align:center;
	font-weight:bold;
}
.char_title .lastupdated { color:#0099ff;font-size:x-small;font-style:italic; }


.char_panel {
	background:url(images/character_back.gif) no-repeat;
	color:#ffffff;
	font:11px arial,helvetica,sans-serif;
	width:344px;
	height:434px;
	margin-top:15px;
	margin-bottom:40px;
}

.char_panel .container {
	/* Container for reputation tab contents */
	position:absolute;
	width:320px;
	height:355px;
	overflow:auto;
	margin-left:14px;
	margin-top:73px;
}

/* Panel Icon */
.char_panel .panel_icon { position:absolute;width:56px;height:56px;margin:5px; }

/* Style and placement of Panel Title */
.char_panel .panel_title { font-size:13px;font-weight:bold;text-align:center;position:absolute;margin:13px 0 0 68px;width:270px; }

/* This line appears just below the panel title */
/* Usually holds character level, gender, race, and class */
.char_panel .infoline_1 { color:#ffdd00;text-align:center;position:absolute;margin:35px 0 0 68px;width:270px; }

/* This line appears just below "infoline_1" */
/* Usually holds guild rankname, guild name */
.char_panel .infoline_2 { color:#ffdd00;text-align:center;position:absolute;margin:48px 0 0 68px;width:270px; }



/*********** Character Page Tab(1) ***********/

/* Background image for character tab */
.char_panel .tab1 .background {
	position:absolute;
	width:332px;
	height:358px;
	margin:70px 0 0 9px;
	background:url(images/charframe.jpg) no-repeat;
}

/* Equipment Items */
.equip .item { position:relative;width:36px;height:36px;cursor:pointer; }
.equip .item span { position:absolute;bottom:0;right:3px;color:#fff;font-weight:bold;font-size:10px; }
.equip .item b { position:absolute;bottom:-1px;right:2px;color:#000;font-weight:bold;font-size:10px; }
.equip .item .icon { float:left;width:36px;height:36px;padding:1px 0 0 0; }
.equip .item .iconsmall { float:left;width:29px;height:29px;padding:1px 0 0 0; }

.equip_Head { position:absolute;cursor:pointer;margin-top:72px;margin-left:15px; }
.equip_Neck { position:absolute;cursor:pointer;margin-top:113px;margin-left:15px; }
.equip_Shoulder { position:absolute;cursor:pointer;margin-top:154px;margin-left:15px; }
.equip_Back { position:absolute;cursor:pointer;margin-top:195px;margin-left:15px; }
.equip_Chest { position:absolute;cursor:pointer;margin-top:236px;margin-left:15px; }
.equip_Shirt { position:absolute;cursor:pointer;margin-top:277px;margin-left:15px; }
.equip_Tabard { position:absolute;cursor:pointer;margin-top:318px;margin-left:15px; }
.equip_Wrist { position:absolute;cursor:pointer;margin-top:359px;margin-left:15px; }
.equip_Hands { position:absolute;cursor:pointer;margin-top:72px;margin-left:300px; }
.equip_Waist { position:absolute;cursor:pointer;margin-top:113px;margin-left:300px; }
.equip_Legs { position:absolute;cursor:pointer;margin-top:154px;margin-left:300px; }
.equip_Feet { position:absolute;cursor:pointer;margin-top:195px;margin-left:300px; }
.equip_Finger0 { position:absolute;cursor:pointer;margin-top:236px;margin-left:300px; }
.equip_Finger1 { position:absolute;cursor:pointer;margin-top:277px;margin-left:300px; }
.equip_Trinket0 { position:absolute;cursor:pointer;margin-top:318px;margin-left:300px; }
.equip_Trinket1 { position:absolute;cursor:pointer;margin-top:359px;margin-left:300px; }
.equip_MainHand { position:absolute;cursor:pointer;margin-top:382px;margin-left:115px; }
.equip_SecondaryHand { position:absolute;cursor:pointer;margin-top:382px;margin-left:155px; }
.equip_Ranged { position:absolute;cursor:pointer;margin-top:382px;margin-left:198px; }
.equip_Ammo { position:absolute;cursor:pointer;margin-top:381px;margin-left:252px; }

/* Resistances */
.char_panel .tab1 .resist b {
	color:black;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	position:absolute;
	right:-1px;
	text-align:center;
	top:6px;
	width:27px;
}
.char_panel .tab1 .resist span {
	color:white;
	font-size:12px !important;
	font-weight:bold;
	position:absolute;
	right:0px;
	text-align:center;
	top:5px;
	width:27px;
}
.char_panel .tab1 .resist .arcane {
	background-image:url(images/resist/arcane.gif);
	margin:77px 0pt 0pt 261px;
	font-weight:bold;
	position:absolute;
	width:27px;
	height:21px;
	padding-top:6px;
	cursor:default;
}
.char_panel .tab1 .resist .fire {
	background-image:url(images/resist/fire.gif);
	margin:106px 0 0 261px;
	position:absolute;
	width:27px;
	height:21px;
	padding-top:6px;
	cursor:default;
}
.char_panel .tab1 .resist .nature {
	background-image:url(images/resist/nature.gif);
	margin:135px 0 0 261px;
	position:absolute;
	width:27px;
	height:21px;
	padding-top:6px;
	cursor:default;
}
.char_panel .tab1 .resist .frost {
	background-image:url(images/resist/frost.gif);
	margin:164px 0 0 261px;
	position:absolute;
	width:27px;
	height:21px;
	padding-top:6px;
	cursor:default;
}
.char_panel .tab1 .resist .shadow {
	background-image:url(images/resist/shadow.gif);
	margin:193px 0 0 261px;
	position:absolute;
	width:27px;
	height:21px;
	padding-top:6px;
	cursor:default;
}

/* Portrait Box with health, mana, dodge, etc... */
/* Placement of the info frame */
.char_panel .tab1 .percent_frame { position:absolute;margin:78px 0 0 67px; }

/* Money display on the character tab */
.char_panel .tab1 .money_disp {
	background:url(images/money_frame.png) no-repeat;
	font:10px verdana,arial,helvetica,sans-serif;
	text-align:center;
	color:#FFFFFF;
	position:absolute;
	width:115px;
	height:15px;
	padding-top:5px;
	margin:201px 0 0 139px;
	overflow:hidden;
}
/* Attributes of the coin images */
.char_panel .tab1 .money_disp .coin { width:11px;height:10px; }

.char_panel .tab1 .health {
	position:absolute;
	margin:81px 0 0 70px;
	background:url(images/bar_health.gif) no-repeat;
	width:125px;
	font:9px verdana,arial,helvetica,sans-serif;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:25px;
}
.char_panel .tab1 .mana {
	position:absolute;
	margin:100px 0 0 70px;
	background:url(images/bar_mana.gif) no-repeat;
	width:125px;
	font:9px verdana,arial,helvetica,sans-serif;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:25px;
}
/* Placement of health, mana, timeplayed, etc...*/
.char_panel .tab1 .info_desc {
	font-size:10px;
	line-height:14px;
	color:#ffdd00;
	position:absolute;
	margin:120px 0 0 73px;
}
/* Placement of values of health, mana, timeplayed, etc...*/
.char_panel .tab1 .info_values {
	font-size:9px;
	line-height:14px;
	text-align:right;
	position:absolute;
	width:105px;
	margin:120px 0 0 146px;
}
.char_panel .tab1 .xpbar_empty {
	/* Placement for the empty experience bar */
	width:216px;
	height:12px;
	position:absolute;
	margin:233px 0 0 67px;
}
.char_panel .tab1 .xpbar {
	/* Placement for the experience bar */
	width:216px;
	height:12px;
	position:absolute;
	margin:233px 0 0 67px;
}
.char_panel .tab1 .xpbar_text {
	/* Placement for experience text */
	color:#FFFFFF;
	text-align:center;
	font-size:9px;
	width:216px;
	position:absolute;
	margin:233px 0 0 67px;
}
.char_panel .tab1 .statselect_l { position:absolute;margin:255px 0 0 61px;width:112px; }
.char_panel .tab1 .statselect_r { position:absolute;margin:255px 0 0 177px;width:112px; }

.char_panel .tab1 .padding {
	position:absolute;
	margin:280px 0 0 59px;
	width:235px;
	height:79px;
	background:url(images/stat_back.gif) no-repeat;
}
.char_panel .tab1 .padding .stats {
	float:left;
	width:109px;
	height:74px;
	padding:3px 2px 1px 4px;
	color:#DFB801;
}
.char_panel .tab1 .padding .stats .statline {
	padding:0;
	font:10px verdana, tahoma, sans-serif;
	font-weight:bold;
}
.char_panel .tab1 .padding .stats .statline .label {
	overflow:hidden;
	width:85px;
}
.char_panel .tab1 .padding .stats .statline .value {
	float:right;
	overflow:hidden;
	text-align:right;
}


/*********** Pet Page Tab(2) ***********/

/* Background image for pet tab */
.char_panel .tab2 .background {
	position:absolute;
	width:333px;
	height:87px;
	margin:342px 0pt 0pt 9px;
	background:url(images/pet_back.gif) no-repeat;
}
.char_panel .tab2 .name {
	font-weight:bold;
	font-size:14px;
	color:#FFDD00;
	position:absolute;
	margin-top:78px;
	margin-left:85px;
}
.char_panel .tab2 .info {
	font-weight:bold;
	font-size:12px;
	position:absolute;
	margin-top:98px;
	margin-left:85px;
}
.char_panel .tab2 .loyalty {
	font-weight:bold;
	font-size:12px;
	position:absolute;
	margin-top:118px;
	margin-left:85px;
}
.char_panel .tab2 .icon {
	position:absolute;
	margin-left:25px;
	margin-top:78px;
	width:55px;
	height:55px;
}
.char_panel .tab2 .health {
	position:absolute;
	margin:143px 0 0 40px;
	background:url(images/bar_health.gif) no-repeat;
	width:125px;
	font:9px verdana,arial,helvetica,sans-serif;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:25px;
}
.char_panel .tab2 .mana {
	position:absolute;
	margin:165px 0 0 40px;
	background:url(images/bar_mana.gif) no-repeat;
	width:125px;
	font:9px verdana,arial,helvetica,sans-serif;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:25px;
}

/* Resistances */
.char_panel .tab2 .resist b {
	color:black;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	position:absolute;
	right:-1px;
	text-align:center;
	top:6px;
	width:27px;
}
.char_panel .tab2 .resist span {
	color:white;
	font-size:12px !important;
	font-weight:bold;
	position:absolute;
	right:0px;
	text-align:center;
	top:5px;
	width:27px;
}
.char_panel .tab2 .resist .arcane {
	background-image:url(images/resist/arcane.gif);
	margin:84px 0pt 0pt 304px;
	position:absolute;
	width:27px;
	height:21px;
	padding-top:6px;
	cursor:default;
}
.char_panel .tab2 .resist .fire {
	background-image:url(images/resist/fire.gif);
	margin:113px 0 0 304px;
	position:absolute;
	width:27px;
	height:21px;
	padding-top:6px;
	cursor:default;
}
.char_panel .tab2 .resist .nature {
	background-image:url(images/resist/nature.gif);
	margin:142px 0 0 304px;
	position:absolute;
	width:27px;
	height:21px;
	padding-top:6px;
	cursor:default;
}
.char_panel .tab2 .resist .frost {
	background-image:url(images/resist/frost.gif);
	margin:171px 0 0 304px;
	position:absolute;
	width:27px;
	height:21px;
	padding-top:6px;
	cursor:default;
}
.char_panel .tab2 .resist .shadow {
	background-image:url(images/resist/shadow.gif);
	margin:200px 0 0 304px;
	position:absolute;
	width:27px;
	height:21px;
	padding-top:6px;
	cursor:default;
}

.char_panel .tab2 .padding {
	position:absolute;
	margin:245px 0 0 59px;
	width:235px;
	height:79px;
	background:url(images/stat_back.gif) no-repeat;
}
.char_panel .tab2 .padding .stats {
	float:left;
	width:109px;
	height:74px;
	padding:3px 2px 1px 4px;
	color:#DFB801;
}
.char_panel .tab2 .padding .stats .statline {
	padding:0;
	font:10px verdana, tahoma, sans-serif;
	font-weight:bold;
}
.char_panel .tab2 .padding .stats .statline .label {
	overflow:hidden;
	width:85px;
}
.char_panel .tab2 .padding .stats .statline .value {
	float:right;
	overflow:hidden;
	text-align:right;
}

.char_panel .tab2 .xpbar_empty {
	/* Placement for the empty experience bar */
	width:216px;
	height:12px;
	position:absolute;
	margin-top:208px;
	margin-left:67px;
}
.char_panel .tab2 .xpbar {
	/* Placement for the experience bar */
	width:216px;
	height:12px;
	position:absolute;
	margin-top:208px;
	margin-left:67px;
}
.char_panel .tab2 .xpbar_text {
	/* Placement for experience text */
	color:#FFFFFF;
	text-align:center;
	font-size:9px;
	width:216px;
	position:absolute;
	margin-top:208px;
	margin-left:67px;
}
.char_panel .tab2 .trainingpts {
	/* Placement for training points */
	text-align:right;
	font-size:12px;
	font-weight:bold;
	width:200px;
	position:absolute;
	margin-top:411px;
	margin-left:120px;
}
.pet_tabs { position:absolute;font:11px arial,helvetica,sans-serif;margin:360px 0 0 17px;line-height:normal; }
.pet_tabs ul { margin:0;padding:0;list-style:none; }
.pet_tabs li { float:left;margin:3px;cursor:pointer;background-position:center;background-repeat:no-repeat; }
.pet_tabs li a { border:2px solid #4E4D4C;display:block;height:30px;width:30px;padding:2px; }
.pet_tabs li a:hover, .pet_tabs li.selected a:hover { border:2px solid #0066FF; }
.pet_tabs li.selected a { border:2px solid #FFFF00; }


/*********** Reputation Page Tab(3) ***********/

.char_panel .tab3 .faction {
	/* Faction text Placement */
	font-size:11px;
	font-weight:bold;
	position:absolute;
	margin-top:58px;
	margin-left:66px;
}
.char_panel .tab3 .standing {
	/* Standing text Placement */
	text-align:center;
	font-size:11px;
	font-weight:bold;
	position:absolute;
	margin-top:58px;
	margin-left:180px;
}
.char_panel .tab3 .atwar {
	/* At War text Placement */
	text-align:right;
	font-size:11px;
	font-weight:bold;
	position:absolute;
	margin-top:58px;
	margin-left:275px;
}
.char_panel .tab3 .container {
	/* Container for reputation tab contents */
	position:absolute;
	width:320px;
	height:355px;
	overflow:auto;
	margin-left:14px;
	margin-top:73px;
}
.char_panel .tab3 .minus_plus {
	/* Minus Plus boxs for reputation page */
	margin-top:4px;
	margin-left:6px;
	margin-right:4px;
	cursor:pointer;
}
.char_panel .tab3 .header {
	/* Reputation headers for each faction group */
	font-size:12px;
	font-weight:bold;
	text-align:left;
	width:265px;
	color:#FFDD00;
}
.char_panel .tab3 .rep_bar {
	/* Position and Style of each rep bar */
	background-image:url(images/rep/repbar.gif);
	font-size:11px;
	width:289px;
	vertical-align:top;
	height:23px;
	padding-left:7px;
	background-repeat:no-repeat;
}
.char_panel .tab3 .rep_bar:hover { background-image:url(images/rep/repbar_hover.gif); }
.char_panel .tab3 .rep_title {
	/* Style of each rep title */
	color:#FFFFFF;
	margin-top:3px;
	position:absolute;
	width:117px;
	height:15px;
	overflow:hidden;
}
.char_panel .tab3 .rep_bar_field {
	/* Placement of empty rep progess bar */
	position:absolute;
	margin-left:118px;
	margin-top:4px;
}
.char_panel .tab3 .rep_bar_image {
	/* Actual rep progess bar image */
	width:139px;
	height:13px;
}
.char_panel .tab3 .rep_bar_text {
	/* Placement of rep progess text */
	color:#FFFFFF;
	text-align:center;
	width:140px;
	margin-left:117px;
	margin-top:4px;
	position:absolute;
	font-size:10px;
	font-weight:bold;
}


/*********** Skill Page Tab(4) ***********/
.char_panel .tab4 .container {
	position:absolute;
	width:320px;
	height:355px;
	overflow:auto;
	margin-left:15px;
	margin-top:73px;
}
.char_panel .tab4 .header {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	width:265px;
	color:#FFDD00;
}
.char_panel .tab4 .minus_plus {
	/* Minus Plus boxs for skills tab */
	margin-top:4px;
	margin-left:6px;
	margin-right:4px;
	cursor:pointer;
}
.char_panel .tab4 .skill_bar {
	background-image:url(images/skill/bar_empty.gif);
	font-size:11px;
	vertical-align:top;
	height:18px;
	width:287px;
	padding-left:14px;
	background-repeat:no-repeat;
}
.char_panel .tab4 .text:hover { background:transparent url(images/skill/bar_empty_hover.gif) no-repeat; }
.char_panel .tab4 .text {
	padding-left:10px;
	padding-top:0px;
	width:273px;
	height:18px;
	color:#FFDD00;
	position:absolute;
}
.char_panel .tab4 .text_num {
	margin-left:10px;
	color:#FFFFFF;
}


/*********** PvP Page Tab(5) ***********/

/* Background image for pvp tab */
.char_panel .tab5 .background {
	position:absolute;
	width:337px;
	height:393px;
	margin:32px 0pt 0pt 7px;
	background:url(images/pvpframe.gif) no-repeat;
}
.char_panel .tab5 .honortext {
	position:absolute;
	margin:34px 0 0 6px;
	text-align:center;
	width:337px;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
}
.char_panel .tab5 .honortext span {
	margin-left:20px;
	color:#FFCC00;
}
.char_panel .tab5 .honortext img {
	margin-left:10px;
	vertical-align:middle;
}
.char_panel .tab5 .arenatext {
	position:absolute;
	margin:129px 0 0 6px;
	text-align:center;
	width:337px;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
}
.char_panel .tab5 .arenatext span {
	margin-left:20px;
	color:#FFCC00;
}
.char_panel .tab5 .arenatext img {
	margin:0 0 0 10px;
	height:20px;
	width:23px;
	vertical-align:middle;
}
.char_panel .tab5 .today {
	position:absolute;
	margin:57px 0 0 100px;
	font-size:13px;
	color:#999;
	font-weight:bold;
	overflow:hidden;
}
.char_panel .tab5 .yesterday {
	position:absolute;
	margin:57px 0 0 160px;
	font-size:13px;
	color:#999;
	font-weight:bold;
	overflow:hidden;
}
.char_panel .tab5 .lifetime {
	position:absolute;
	margin:57px 0 0 215px;
	font-size:13px;
	color:#999;
	font-weight:bold;
	text-align:right;
	width:120px;
	overflow:hidden;
}
.char_panel .tab5 .divider {
	position:absolute;
	margin:74px 0 0 50px;
	border:1px outset #333333;
	width:280px;
	height:0;
}
.char_panel .tab5 .killsline {
	position:absolute;
	margin-top:80px;
	text-align:right;
	width:76px;
	font-size:13px;
	color:#999;
	font-weight:bold;
	overflow:hidden;
}
.char_panel .tab5 .killsline1 {
	position:absolute;
	margin:80px 0 0 75px;
	text-align:right;
	width:60px;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	overflow:hidden;
}
.char_panel .tab5 .killsline2 {
	position:absolute;
	margin:80px 0 0 135px;
	text-align:right;
	width:80px;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	overflow:hidden;
}
.char_panel .tab5 .killsline3 {
	position:absolute;
	margin:80px 0 0 215px;
	text-align:right;
	width:100px;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	overflow:hidden;
}
.char_panel .tab5 .honorline {
	position:absolute;
	margin-top:100px;
	text-align:right;
	width:76px;
	font-size:13px;
	color:#999;
	font-weight:bold;
	overflow:hidden;
}
.char_panel .tab5 .honorline1 {
	position:absolute;
	margin:100px 0 0 75px;
	text-align:right;
	width:60px;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	overflow:hidden;
}
.char_panel .tab5 .honorline2 {
	position:absolute;
	margin:100px 0 0 135px;
	text-align:right;
	width:80px;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	overflow:hidden;
}
.char_panel .tab5 .honorline3 {
	position:absolute;
	margin:100px 0 0 255px;
	text-align:right;
	width:50px;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	overflow:hidden;
}


/**
 * Buff Icons
 */
.buff_icons { position:absolute;font:12px arial,helvetica,sans-serif;margin:55px 0 0 345px; }
.buff_icons .buff { position:relative;width:24px;height:24px; }
.buff_icons .buff span { position:absolute;bottom:-3px;right:1px;color:#fff;font-weight:bold;font-size:10px; }
.buff_icons .buff b { position:absolute;bottom:-4px;right:0px;color:#000;font-weight:bold;font-size:10px; }
.buff_icons .buff .icon { float:left;width:24px;height:24px;padding:1px 0 0 0; }


/**
 * Talent Page
 */
.talent_panel .background { position:absolute;margin-top:73px;margin-left:16px;width:318px;height:333px; }
.talent_panel .container { position:absolute;margin-top:73px;margin-left:16px;width:318px;height:333px;overflow:auto; }
.talent_panel .top_bar { position:absolute;margin-top:43px;margin-left:65px; }
.talent_panel .bot_bar { position:absolute;margin-top:402px;margin-left:12px; }
.talent_panel .points { text-align:right;position:absolute;margin-top:48px;margin-left:70px;width:250px; }
.talent_panel .link { text-align:left;position:absolute;margin-top:411px;margin-left:25px;width:145px; }
.talent_panel .points_unused { text-align:right;position:absolute;margin-top:411px;margin-left:172px;width:150px; }
.talent_panel .points_unused .label { color:#ffdd00; }
.talent_panel .row { height:40px;margin-top:15px; }
.talent_panel .rank_icon { position:absolute;margin-top:31px;margin-left:30px; }
.talent_panel .rank_text { position:absolute;font-size:12px;margin-top:31px;margin-left:35px;cursor:default; }
.talent_panel .cell { float:left;width:40px;height:40px;margin-left:25px; }

/* Grey out unused talents */
/* filter:gray only works in IE so we do this to half-assed transparency for Mozilla and Opera */
.talent_panel .icon_grey { filter:gray;opacity:0.5; }


/**
 * Character Page styles
**/
.questtype {
	float:left;
	height:12px;
	padding:10px 2px 2px 10px;
	font:bold 12px verdana,arial,sans-serif;
	color:#ffffff;
}
.quest_link a {
	text-align:center;
	padding-left:3px;
	padding-right:3px;
	margin-left:2px;
	margin-right:2px;
	border:solid #5D5D5D;
	border-width:1px 0 0 1px;
	background-color:#2E2D2B;
	text-decoration:none;
}
/* Links in menu on-click */
.quest_link a:active { background-color:#778899; }

/* Links in menu on-mouseover */
.quest_link a:hover { background-color:#7A7772; }



/**
 * SPELLBOOK - function show_spellbook()
**/

/* Background image for character tab */
.spell_panel .background {
	background:url(images/spellbook/panel.jpg) no-repeat;
	width:323px;
	height:357px;
	position:absolute;
	margin-left:14px;
	margin-top:72px;
}
/* Style and placement of Back Page Button */
.spell_panel .page_back, .spell_panel .page_back_off {
	text-align:left;
	font-weight:bold;
	width:100px;
	position:absolute;
	margin-top:390px;
	margin-left:30px;
	cursor:pointer;
}
.spell_panel .page_back_off { cursor:default;color:#808080; }
/* Style and placement of Back Page Button */
.spell_panel .page_back .navicon { width:23px;height:22px; }

/* Style and placement of Forward Page Button */
.spell_panel .page_forward, .spell_panel .page_forward_off {
	text-align:right;
	font-weight:bold;
	width:100px;
	position:absolute;
	margin-top:390px;
	margin-left:220px;
	cursor:pointer;
}
.spell_panel .page_forward_off { cursor:default;color:#808080; }
/* Style and placement of Back Page Button */
.spell_panel .page_forward .navicon { width:23px;height:22px; }

/* Style and placement of Back Page Button */
.spell_panel .pagenumber {
	color:#ffd200;
	text-align:center;
	font-weight:bold;
	width:100px;
	position:absolute;
	margin-top:400px;
	margin-left:120px;
}

/* Spellbook Navagation tabs */
.skill_types { position:absolute;font:11px arial,helvetica,sans-serif;margin:58px 0 0 344px;line-height:normal; }
.skill_types ul { margin:0;padding:0;list-style:none; }
.skill_types li { background:url(images/spellbook/skilltab.gif) no-repeat left top;margin:0;padding:1px 0 0 1px;height:56px;width:44px; }
.skill_types li div { margin:8px 0px 0px 1px;cursor:pointer;background-position:center;background-repeat:no-repeat;width:36px;height:36px; }
.skill_types li a { border:2px solid #4E4D4C;display:block;height:30px;width:30px;padding:2px;cursor:pointer; }
.skill_types li a:hover, .skill_types div.selected a:hover { border:2px solid #0066FF; }
.skill_types div.selected a { border:2px solid #FFFF00; }

/* Position of the spells on the left side */
.spell_panel .container_1 { position:absolute;margin-top:80px;margin-left:20px; }
/* Position of the spells on the right side */
.spell_panel .container_2 { position:absolute;margin-top:80px;margin-left:180px; }
/* Spell Info container */
.spell_panel .info_container { width:155px;height:42px; }
/* Spell Icon */
.spell_panel .info_container .icon { width:40px;height:40px; }
/* Spell Icon text */
.spell_panel .info_container .text { width:115px;font:10px arial,helvetica,sans-serif;text-align:left;position:absolute;margin-top:4px;margin-left:4px;white-space:normal; }