div.overlib {
    position:relative;
	border:1px;
	border-color:#78796c;
	border-style:solid;
	height:150px;
	width: 400px;
	background-color:#FFF;
    position:relative;
	padding:1px;
}

div.campaign {
	bottom: 0px; 
	right:-1px;
	position:absolute; 
	height:15px;
	background-color:#78796c;
	overflow:hidden;
	z-index:2;
	color:#FFFFFF;
	/*font-family:Tahoma;*/
	font-weight:bold;
	font-size:12px;
	text-transform:capitalize;
	text-align:center;
	letter-spacing:1px;
	vertical-align:top;
	padding-left:13px;
	padding-right:9px;
}

div.mastery {
	bottom: 13px; 
	left:80px;
	position:absolute; 
	height:14px;
	overflow:hidden;
	z-index:2;
	color:#78796c;
	/*font-family:Tahoma;*/
	font-weight:bold;
	font-size:12px;
	vertical-align:bottom;
}

/* SKILL INFO, NAME, TYPE, PROFF. */

div.description {
	position: relative; 
	background-color:#fafaf7;
	background-repeat: no-repeat;
	background-position:right top;
	height:148px;
	z-index:1;
	margin-left:80px;
}

div.normal_skill {
	position:relative;
	color:#252525;
	height:22px;
	/*font-family:Tahoma;*/
	font-size:18px;
	font-weight:bold;
	top:7px;
	margin-top:1px;
}

div.elite_skill {
	position:relative;
	color:#e8a400;
	height:22px;
	/*font-family:Tahoma;*/
	font-size:18px;
	font-weight:bold;
	top:7px;
	margin-top:1px;
}

div.type {
	position:relative;
	color:#757575;
	/*font-family:Tahoma;*/
	font-size:13px;
	font-weight:bold;
	margin-top:6px;
}

/* SKILL INFO, FULL TEXT DESCRIPTION */

div.skill_info {
	font-family:Arial, Tahoma;
	font-size:12px;
	position:relative;
	margin-top:6px;
	margin-right:6px;
}

span.variable {
	color: #299900; font-weight: bold;
}

span.expert {
	color: #025577; 
}

/* A T T R I B U T E S */

div.attrib_list {
	position: absolute; 
	background-color:#fafaf7;
	/*background-image:url("http://images.pvxbuilds.com/img_skin/skillbg.jpg");
	background-repeat: no-repeat;
	background-position:0 1px;*/
	height:150px;
	width:70px;
	left:1px;
	top:1px;
	z-index:1000;
}

div.attrib_bg {
	position: absolute; 
	height:126px;
	width:42px;
	left:7px;
	top:10px;
	z-index:1;
	margin:1px;
	margin-top:2px;
}

div.attrib_bg img {
	padding: 1px;
	height:50px;
	width:50px;                             
}

#attributes
{
	margin: 0;
	padding: 0;
	padding-left: 10px;
}

#attributes div
{
	width:18px;
	height:18px;
	font-size:11px;
	font-weight:bold;
	/*font-family:Tahoma;*/
	padding-left:15px;
	margin-top:4px;
}

/* 5 SKILL ATTRIBUTE TO CHOOSE */

#attributes #ener
{
	background-image: url("http://www.sof-guild.com/sofdb/_images/energy.gif");
	background-repeat: no-repeat;
	background-position:0 1px;
}

#attributes #rech
{
	background-image: url("http://www.sof-guild.com/sofdb/_images/recharge.gif");
	background-repeat: no-repeat;
	background-position:0 1px;
}

#attributes #cast
{
	background-image: url("http://www.sof-guild.com/sofdb/_images/activation.gif");
	background-repeat: no-repeat;
	background-position:0 1px;
}

#attributes #eregen
{
	background-image: url("http://www.sof-guild.com/sofdb/_images/upkeep.gif");
	background-repeat: no-repeat;
	background-position:0 1px;
}

#attributes #adre
{
	background-image: url("http://www.sof-guild.com/sofdb/_images/adrenaline.gif");
	background-repeat: no-repeat;
	background-position:0 1px;
}

/*#attributes #cast span
{
	color:#770077;
	text-decoration:underline;
}

#attributes #ener span
{
	color:#448800;
	text-decoration:underline;
}*/


/* ---------------------------------------------------------- */

.main {
	width:650px;
	margin: 0;
	padding: 0;
}

.type{
	width:597px;
	float: left;
}

.type span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    position: relative;
    bottom: 0px;
    left: 5px;
}

.profession {
	width:597px;
	float: left;
}

.attribute_name {
	background-color:#fafafa;
	border-bottom:1px;
	border-bottom-color:#dddddd;
	border-bottom-style:solid;
	border-right:1px;
	border-right-color:#dddddd;
	border-right-style:solid;
	margin-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:2px;
	padding-left:5px;
}

.attribute_rank {
	background-color:#fafafa;
	border-bottom:1px;
	border-bottom-color:#dddddd;
	border-bottom-style:solid;
	border-right:1px;
	border-right-color:#dddddd;
	border-right-style:solid;
	margin-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:2px;
	padding-left:5px;
	float:right;
}

.template {
	width:596px;
	float: left;
	background-color:#fafafa;
	border-bottom:1px;
	border-bottom-color:#dddddd;
	border-bottom-style:solid;
	border-right:1px;
	border-right-color:#dddddd;
	border-right-style:solid;
	margin-top:3px;
	padding-top:2px;
	padding-bottom:3px;
	height:22px;
}

.template input { 
	font-family: courier; 
	font-weight:normal; 
	font-size:12px; 
	background-color:#ffffff; 
	height:15px; 
	border:1px solid #dddddd; 
    color:#333333;
    margin-top:2px;
	width:368px;
    padding-left:2px;
}

.template img { 
    display:inline; 
    vertical-align: top; 
    margin-top:2px;
    margin-left:0px;
    margin-right:0px;
    width: 66px;
    height: 19px;
}


.template_name { 
	font-family: Arial; 
	font-weight:bold;
	font-size:12px; 
	float:left;
	margin-left:5px;
	margin-right:5px;
	letter-spacing:1px;
	margin-top:2px;
	color:#666666;
}

.template_input { 
	float:right;
	margin-right:4px;
}

.skill_box {
	width:70px;
	height:127px;
	background-color:#f6f6f6;
    border-bottom:1px;
    border-bottom-color:#dddddd;
    border-bottom-style:solid;
    border-right:1px;
    border-right-color:#dddddd;
    border-right-style:solid;
    border-top:1px;
    border-top-color:#fafafa;
    border-top-style:solid;
    border-left:1px;
    border-left-color:#fafafa;
    border-left-style:solid;
	float:left;
	margin-right:3px;
	margin-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
    vertical-align: text-bottom;
	line-height:13px;
    position:relative;
}

.skill_icon {
	height:64px;
	width:64px;
	background-color:#ffffff;
	margin:3px;
	margin-bottom:7px;
	display: inline;
}


/* ------------------------------------------------------------------------- */

.icon-normal_skill {
    position:absolute; 
    top: 3px; 
    right: 4px;
}

.icon-elite_skill {
    position:absolute; 
    top: 6px; 
    right: 6px;
}


.pvx-type-du {
    background-image:url(http://images.pvxbuilds.com/img_skin/Dual-Attack.png);
    height:20px;
    width:20px;
}

.pvx-type-en
{
    background-image:url(http://images.pvxbuilds.com/img_skin/Enchantment-Spell.png); 
    height:20px;
    width:20px;
}

.pvx-type-he
{
    background-image:url(http://images.pvxbuilds.com/img_skin/Hex-Spell.png);
    height:20px;
    width:20px;
}
.pvx-type-le
{
    background-image:url(http://images.pvxbuilds.com/img_skin/Lead-Attack.png);
    height:20px;
    width:20px;
}
.pvx-type-of
{
    background-image:url(http://images.pvxbuilds.com/img_skin/Off-Hand-Attack.png);
    height:20px;
    width:20px;
}
.pvx-type-wea
{
    background-image:url(http://images.pvxbuilds.com/img_skin/Weapon-Spell.png);
    height:20px;
    width:20px;
}

/* Template styles */

.tpl {
	border: 1px solid #402301;
	width: 700px;
	margin: 10px 10px 10px 25px;
	background-color: #fefbe6;
	padding: 0px;
	position: relative;
}

.tpl_title {
	background-color: #402301;
	width: 686px;
	color: #FFF8DE;
	padding: 4px 4px 4px 10px;
	margin: 0px;
	font-size: 125%;
	font-weight: bold;
	display: block;
	z-index: 10;
}

.tpl_side {
	width: 130px;
	height: 110px;
	background-color: #FAF1B1;
	z-index: 2;
	margin: 0px;
	padding-top: 10px;
}

.tpl_prof {
	font-size: 200%;
	font-weight: bold;
	color: #402301;
	margin-left: 10px;
}

.tpl_attributes {
	margin-left: 10px;
	margin-top: 10px;
	font-size: 80%;
}

.tpl_skills {
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	padding: 5px;
	width: 522px;
	background-color: #FAF1B1;
	position: absolute;
	top: 50px;
	left: 145px;
}

.tpl_code {
	width: 400px;
	text-align: right;
	font-size: 80%;
	margin-right: 10px;
	margin-bottom: 5px;
	color: #fff;
	position: absolute;
	top: 7px;
	left: 290px;
	z-index: 30;
}