body {
	background-color:#000000; color:#AFA186;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
}
h1 { font-size:14pt; font-weight:bold; }

a { color:#0066FF; text-decoration:underline; }
a:hover { color:#00FF66; }

#container { padding:10px; margin:0; }

.realm { float:left; margin:5px; padding:0; width:230px; }
.realm h1 {
	padding:0 10px 0 10px; 
	margin:0;
	text-align:center;
}
#realm_Albion { border: 3px solid #990000; }
#realm_Midgard { border: 3px solid #000099; }
#realm_Hibernia { border: 3px solid #009900; }
#realm_Albion h1 {
	border-bottom: 3px solid #990000;
	background-color: #990000;
}
#realm_Midgard h1 {
	border-bottom: 3px solid #000099;
	background-color: #000099;
}
#realm_Hibernia h1 {
	border-bottom: 3px solid #009900;
	background-color: #009900;
}
.classes {
	list-style:none;
	padding:2px 10px 2px 10px;
	margin:0;
}
.spell_info_holder { height:15px; }

.page { 
	background-color:#EEEEEE; color:#333333;
	border:2px solid #999999;
	width:100%;
}
#alb .page { background-color:#FFEEEE; border-color:#990000; }
#mid .page { background-color:#EEEEFF; border-color:#000099; }
#hib .page { background-color:#EEFFEE; border-color:#009900; }

.pane { 
	background-color:#CCCCCC; color:#333333;
	border:2px solid #999999;
	width:100%;
}
#alb .pane { background-color:#FFCCCC; border-color:#990000; }
#mid .pane { background-color:#CCCCFF; border-color:#000099; }
#hib .pane { background-color:#CCFFCC; border-color:#009900; }

.name { font-size:10pt; font-weight:bold; }
.mastery { 
	font-size:9pt; font-weight:bold; 
	padding-left:30px; color:#666666; 
}
.type { font-size:8pt; font-weight:bold; }

.styles { 
	background-color:#EEEEEE; 
	border:2px solid #999999; 
}
#alb .styles { background-color:#FFEEEE; border-color:#990000; }
#mid .styles { background-color:#EEEEFF; border-color:#000099; }
#hib .styles { background-color:#EEFFEE; border-color:#009900; }

.levels { margin:0; padding:0; font-size:8pt; }
.levels span { cursor:crosshair; }
.info { margin:0; padding:0; font-size:8pt; }
.item_name { font-weight:bold; }
.effect { color:#000099; }
.available { color:#009900; }
.not_avail { color:#999999; }

.vl_bonus  { color:#006600; text-decoration:underline; }
.l_bonus   { color:#009900; }
.m_bonus   { color:#000099; }
.h_bonus   { color:#990000; }
.vh_bonus  { color:#FF0000; text-decoration:underline; } 
.none      { color:#333333; }
.l_penalty { color:#009900; text-decoration:line-through; }
.m_penalty { color:#000099; text-decoration:line-through; }
.h_penalty { color:#990000; text-decoration:line-through; }

.small { font-size:10px; }

.row1 { background-color:#CCCCCC; font-size:8pt; }
.row2 { background-color:#AAAAAA; font-size:8pt; } 
.subheader { font-size:10pt; font-weight:bold; } 

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left {
	background-image: url(img/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right {
	background-image: url(img/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #000099;
	background-color: #fff;
}

#JT_copy {
	padding:10px 10px 10px 10px;
	color:#000033;
}

.JT_loader {
	background-image: url(img/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left {
	background-color: #000099;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right {
	background-color: #000099;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p { margin:3px 0; }

#JT_copy img {
	padding: 1px;
	border: 1px solid #000099;
}

.jTip { cursor:help; text-decoration:none; }