@import url('oocMainStyles.css');
/* Order of Concord Style Sheet */
/* Created: 1 July 2011 */
/* Author: Debbie Javete */

/* ********** Basic Page Styles ********** */
body {
	background: #051320 url(../images/eq2lightningbg.jpg) no-repeat fixed center top;
}

#header {
	background: #051320 url(../images/eq2lightningbg.jpg) no-repeat fixed center top;
}

/***** Nav Styles *****/

.insideMenu {
	border-bottom: 2px solid;
	padding: 0px;
	width: 90%;
	margin: 1px auto;
	text-align: center;
}

.skillMenu {
	font-size: 10px;
	width: 350px;
	border-bottom: 2px solid;
	padding: 0px 5px 2px 5px;	
	margin: 1px auto;
	text-align: center;
}

.insideMenu ul,
.skillMenu ul {
	list-style: none;
	margin-bottom: 0px;
	padding: 0px;
}

.skillMenu ul li {
	display: inline;
	width: 23%;
	height: 20px;
	padding: 3px 10px;
	font-weight: bold;
	border: 2px solid #000;
	border-bottom: 0px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

.insideMenu ul li {
	display: inline;
	width: 25%;
	height: 32px;
	padding: 5px 20px;
	padding-bottom: 1px;
	text-align: center;
	font-weight: bold;
	border: 2px solid #000;
	border-bottom: 0px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.insideMenu a,
.insideMenu a:visited,
.insideMenu a:hover,
.skillMenu a,
.skillMenu a:visited,
.skillMenu a:hover {
	color: #000;
	text-decoration: none;
}

.chosen {
	background: #f0c291;
}

.insideMenu li:hover,
.skillmenu li:hover {
	background: #a5bbd0;
}

li.chosen:hover {
	background: #f0c291;
}

thead th {
	text-align: left;
}

.factionMenu {
	list-style: none;
	font-weight: bold;
	margin: 10px auto;
	width: 100%;
	z-index: 500;
	border-radius: 10px;
}

.factionMenu li {
	margin-right: 0px;
	position: relative;	
}

.factionMenu a {
	display: block;
	padding: 5px;
	color: #FFF;
	background: #051320;
	text-decoration: none;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

/*.factionMenu a:hover {
	color: #FFF;
	background: #6B0C36;
}*/

.factionMenu ul {
	background: #EADCB3;
	list-style: none;
	position: absolute;
	left: -9999px;
	z-index: 500;
}

.factionMenu ul li {
	padding-top: 1px;
}

.factionMenu ul a {
	white-space: no wrap;
}

.factionMenu li:hover ul {
	left: 0px;
}

.factionMenu li:hover a {
	background: #0513206B0C36;
}

.factionMenu li:hover ul a {
	text-decoration: none;
}

.factionMenu li:hover ul li a:hover {
	background: #6B0C36;
}

.chosenFaction,
.chosenFaction:hover {
	border: 2px solid #A37A37;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background: #486CA6;
	font-style: italic;
	color: #051320;
	width: 300px;
	line-height: 25px;
	margin: 2px auto;
}

li.chosenFaction,
li.chosenFaction:hover {
	text-align: center;
	margin-left: 215px; /*2px auto;*/
}

ul li ul {
	width: 300px;
	padding: 0px;
	border: 1px solid #A37A37;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

/***** Profile Styles *****/
#profile {
	width: 90%;
	margin: 0px auto;
	margin-top: 10px;
	padding: 0px;
	border: 0px;
}

#equipment {
	width: 383px;
	margin: 0px auto;
	padding: 0px;
}

#equipment td {
	text-align: center;
	padding: 5px;
	margin: 0px;
	width: 68px;
}

td.item,
td.item-left,
td.item-right {
	width: 42px;
	height: 42px;
	padding: 0px;
	background: #486CA6;
}


.itemImg,
.item img,
.item-left img,
.item-right img {
	text-align: center;
	width: 42px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	background: #486CA6 url(../icons/profileIcons/bluebg.png) no-repeat center center;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.itemImg {
	border: #000 solid 2px;
}

.paperdoll {
	margin: 0px;
	padding: 0px;
}

.paperdoll img {
	padding-top: 5px;
	width: 231px;
	background: #000;
	border: #846529 solid 2px;
}

#probody {
	margin: 0px auto;
	min-width: 752px;
}

.probody {
	border: 0px;
	padding: 1px;
	width: 830px;
	min-width: 752px;
	margin: 0px auto;
}

#profileHeader {
	text-align: center;
	vertical-align: bottom;
	font-weight: bold;
	font-size: 12px;
}

.profile-left {
	float: left;
	margin-right: 10px;
	width: 210px;
	text-align: right;
}

.profile-right {
	float: right;
	margin-right: 10px;
	width: 210px;
	text-align: left;
}
.profile-center {
	float: left;
	margin: 0px;
	padding: 0px;
}

.phead {
	height: 25px;
	width: 210px;
	border: 2px solid #A37A37;
	border-bottom: 1px solid #A37A37;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	background: #486CA6;
	font-style: italic;
	color: #051320;
}

.phead h2 {
	font-size: 18px;
	text-align: left;
	margin: 1px;
	margin-left: 2px;
}

.pfoot {
	height: 5px;
	width: 210px;
	border: 2px solid #A37A37;
	border-top: 0px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background: #051320;
	margin-bottom: 5px;
}

.pbody {
	text-align: left;
	font-size: 13px;
	width: 200px;
	padding: 5px;
	border-right: 2px solid #A37A37;
	border-left: 2px solid #A37A37;
	background: #051320;
	color: #FFF;
}

.pbody p {
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 0px;
}

.indent {
	padding-left: 20px;
}

.proRight {
	float: right;
}

.proRightText {
	float: right;
	font-style: italic;
	font-weight: normal;
}

.adjusted {
	color: #04ac04;
}

.negAdj {
	color: red;
}

.toon {
	width: 95%;
	margin-left: 5%;
}

.toonImg {
	padding-right: 5px;
	vertical-align: middle;
	float: left;
}

.toonInfo {
	font-size: 12px;
	padding-top: 15px;
	height: 40px;
	color: #051320;
}

.toonInfo a {
	color: #051320;
}

.title {
	margin-top: 10px;
	margin-bottom: 5px;
}

.chgAcct {
	padding-top: 10px;
}

/***** Detail Page Styles *****/
#equipment {
	position: absolute;
}

#equipment td.item div.tooltip {
	display: none;
}

#equipment td.item:hover div.tooltip {
	display: block;
	position: absolute;
	top: -200px;
	left: -350px;
	z-index: 900;
}

.detailWrap {
	background: #31496B;
	border: 2px solid #AB954F;
	width: 326px;
	padding: 12px;
	margin-top: 10px;
	font: bold 13px Times New Roman, Times, serif;
	line-height: 17px;
	text-align: left;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.itemDetail {
	background: #051320;
	width: 300px;
	padding: 12px;
	color: #FFF;
}

.itemName {
	padding-bottom: 12px;
	width: 250px;
	font-size: 15px;
}

.itemIcon {
	float: right;
	background: #486CA6 url(../icons/profileIcons/bluebg.png) no-repeat;
	width: 42px;
	height: 42px;
	padding: 0px;
	margin: 0px;
}

.itemIcon img {
	border: #AB954F solid 1px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.itemTier {
	fontisize: 14px;
	font-weight: bold;
}

.fabled {
	color: #FF939D;
}

.legendary,
.mastercrafted {
	color: #FFC993;
}

.treasured {
	color: #8ACCF0;
}

.handcrafted {
	color: #BeFF93;
}

.itemFlags {
	color: #FEE65C;
	font: 14px bold;
}

.flag {
	display: inline;
	padding-right: 5px;
}

.adornSlots {
	height: 30px;
	padding-bottom: 5px;
}

img.slotImg-white {
	background: #444C4E url(../icons/profileIcons/whiteAdorn.png) no-repeat;
	width: 30px;
	height: 30px;
	padding-right: 3px;
	display: inline;
}

img.slotImg-yellow {
	background: #444C4E url(../icons/profileIcons/yellowAdorn.png) no-repeat;
	width: 30px;
	height: 30px;
	padding-right: 3px;
	display: inline;
}

img.slotImg-red {
	background: #444C4E url(../icons/profileIcons/redAdorn.png) no-repeat;
	width: 30px;
	height: 30px;
	padding-right: 3px;
	display: inline;
}

.itemStats,
.itemResists,
.itemSkills,
.itemTrades {
	color: #22ff22;
}


.itemMods {
	color: #5CE6FE;
}

.itemTitleInfo {
	width: 70px;
	float: left;
}

.itemRating {
	padding-left: 25px;
	display: inline;
}

.itemEffects {
	font-size: 12px;
}

.itemEffects ul {
	margin-left: -15px;
	margin-top: 0px;
}

.effectsInfo {
	color: #E6E970;
	font-size: 13px;
}

.effect {
	margin-left: 0px;
}

.effect1 {
	margin-left: 10px;
}

.effect2 {
	margin-left: 20px;
}

.effect3 {
	margin-left: 30px;
}

.itemAdorns {
	color: #FEE65C;
}

#factionList {
	margin-top: 10px;
	margin-left: -10px;
	text-align: center;
	vertical-align: middle;
	line-height: 30px;
	font-size: 12px;
	width: 100%;
	z-index: 400;
}

.factionWrap {
	position: relative;
	border: 2px solid #000;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	margin: 2px auto;
	margin-bottom: 5px;
	width: 90%;
	font-weight: bold;
	color: #FFF;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	background: transparent;
	z-index: 400;
}

.scowls {
	background-image: linear-gradient(left , #150708 11%, #270809 66%, #270809 90%);
	background-image: -o-linear-gradient(left , #150708 11%, #270809 66%, #270809 90%);
	background-image: -moz-linear-gradient(left , #150708 11%, #270809 66%, #270809 90%);
	background-image: -webkit-linear-gradient(left , #150708 11%, #270809 66%, #270809 90%);
	background-image: -ms-linear-gradient(left , #150708 11%, #270809 66%, #270809 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#150708', endColorstr='#270809', GradientType=1);
	width: 100%;
	max-height: 25px;
}

.threatening {
	background-image: linear-gradient(left , #19100D 11%, #281710 66%, #2E1A11 90%);
	background-image: -o-linear-gradient(left , #19100D 11%, #281710 66%, #2E1A11 90%);
	background-image: -moz-linear-gradient(left , #19100D 11%, #281710 66%, #2E1A11 90%);
	background-image: -webkit-linear-gradient(left , #19100D 11%, #281710 66%, #2E1A11 90%);
	background-image: -ms-linear-gradient(left , #19100D 11%, #281710 66%, #2E1A11 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19100D', endColorstr='#2E1A11', GradientType=0);
	width: 100%;
	max-height: 25px;
}

.dubious {
	background-image: linear-gradient(left , #1C1B0A 11%, #2C2A0B 66%, #2F2E09 90%);
	background-image: -o-linear-gradient(left , #1C1B0A 11%, #2C2A0B 66%, #2F2E09 90%);
	background-image: -moz-linear-gradient(left , #1C1B0A 11%, #2C2A0B 66%, #2F2E09 90%);
	background-image: -webkit-linear-gradient(left , #1C1B0A 11%, #2C2A0B 66%, #2F2E09 90%);
	background-image: -ms-linear-gradient(left , #1C1B0A 11%, #2C2A0B 66%, #2F2E09 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C1B0A', endColorstr='#2F2E09', GradientType=0);
	width: 100%;
	max-height: 25px;
}

.apprehensive {
	background-image: linear-gradient(left , #1C1B16 11%, #2D2C21 66%, #3A392A 90%);
	background-image: -o-linear-gradient(left , #1C1B16 11%, #2D2C21 66%, #3A392A 90%);
	background-image: -moz-linear-gradient(left , #1C1B16 11%, #2D2C21 66%, #3A392A 90%);
	background-image: -webkit-linear-gradient(left , #1C1B16 11%, #2D2C21 66%, #3A392A 90%);
	background-image: -ms-linear-gradient(left , #1C1B16 11%, #2D2C21 66%, #3A392A 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C1B16', endColorstr='#3A392A', GradientType=0);
	width: 100%;
	max-height: 25px;
}

.indifferent {
	background-image: linear-gradient(left , #1B1A1B 11%, #2A2829 66%, #2C2B2C 90%);
	background-image: -o-linear-gradient(left , #1B1A1B 11%, #2A2829 66%, #2C2B2C 90%);
	background-image: -moz-linear-gradient(left , #1B1A1B 11%, #2A2829 66%, #2C2B2C 90%);
	background-image: -webkit-linear-gradient(left , #1B1A1B 11%, #2A2829 66%, #2C2B2C 90%);
	background-image: -ms-linear-gradient(left , #1B1A1B 11%, #2A2829 66%, #2C2B2C 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B1A1B', endColorstr='#2C2B2C', GradientType=0);
	width: 100%;
	max-height: 25px;
}

.amiable {
	background-image: linear-gradient(left , #121612 11%, #222C22 66%, #253125 90%);
	background-image: -o-linear-gradient(left , #121612 11%, #222C22 66%, #253125 90%);
	background-image: -moz-linear-gradient(left , #121612 11%, #222C22 66%, #253125 90%);
	background-image: -webkit-linear-gradient(left , #121612 11%, #222C22 66%, #253125 90%);
	background-image: -ms-linear-gradient(left , #121612 11%, #222C22 66%, #253125 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#121612', endColorstr='#253125', GradientType=0);
	width: 100%;
	max-height: 25px;
}

.kindly {
	background-image: linear-gradient(left , #090F10 3%, #0A191B 52%, #091C1D 76%);
	background-image: -o-linear-gradient(left , #090F10 3%, #0A191B 52%, #091C1D 76%);
	background-image: -moz-linear-gradient(left , #090F10 3%, #0A191B 52%, #091C1D 76%);
	background-image: -webkit-linear-gradient(left , #090F10 3%, #0A191B 52%, #091C1D 76%);
	background-image: -ms-linear-gradient(left , #090F10 3%, #0A191B 52%, #091C1D 76%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#090F10', endColorstr='#091C1D', GradientType=0);
	width: 100%;
	max-height: 25px;
}

.warmly{
	background-image: linear-gradient(left , #081415 11%, #0B292B 66%, #092F30 90%);
	background-image: -o-linear-gradient(left , #081415 11%, #0B292B 66%, #092F30 90%);
	background-image: -moz-linear-gradient(left , #081415 11%, #0B292B 66%, #092F30 90%);
	background-image: -webkit-linear-gradient(left , #081415 11%, #0B292B 66%, #092F30 90%);
	background-image: -ms-linear-gradient(left , #081415 11%, #0B292B 66%, #092F30 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#081415', endColorstr='#092F30', GradientType=0);
	width: 100%;
	max-height: 25px;
}

.ally {
	background-image: linear-gradient(left , #090717 11%, #0A092D 66%, #08072C 90%);
	background-image: -o-linear-gradient(left , #090717 11%, #0A092D 66%, #08072C 90%);
	background-image: -moz-linear-gradient(left , #090717 11%, #0A092D 66%, #08072C 90%);
	background-image: -webkit-linear-gradient(left , #090717 11%, #0A092D 66%, #08072C 90%);
	background-image: -ms-linear-gradient(left , #090717 11%, #0A092D 66%, #08072C 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#090717', endColorstr='#08072C', GradientType=0);
	width: 100%;
	max-height: 25px;
}

.value-scowls {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background-image: linear-gradient(left , #440000 11%, #AF0000 66%, #B50000 90%);
	background-image: -o-linear-gradient(left , #440000 11%, #AF0000 66%, #B50000 90%);
	background-image: -moz-linear-gradient(left , #440000 11%, #AF0000 66%, #B50000 90%);
	background-image: -webkit-linear-gradient(left , #440000 11%, #AF0000 66%, #B50000 90%);
	background-image: -ms-linear-gradient(left , #440000 11%, #AF0000 66%, #B50000 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#440000', endColorstr='#B50000', GradientType=1);
	width: 100%;
	min-height: 25px;
	max-height: 25px;
}

.value-threatening {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background-image: linear-gradient(left , #4B2514 11%, #A35229 66%, #F37A3E 90%);
	background-image: -o-linear-gradient(left , #4B2514 11%, #A35229 66%, #F37A3E 90%);
	background-image: -moz-linear-gradient(left , #4B2514 11%, #A35229 66%, #F37A3E 90%);
	background-image: -webkit-linear-gradient(left , #4B2514 11%, #A35229 66%, #F37A3E 90%);
	background-image: -ms-linear-gradient(left , #4B2514 11%, #A35229 66%, #F37A3E 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B2514', endColorstr='#F37A3E', GradientType=1);
	width: 100%;
	min-height: 25px;
	max-height: 25px;
}

.value-dubious {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background-image: linear-gradient(left , #4B4A00 11%, #A3A600 66%, #C0C000 90%);
	background-image: -o-linear-gradient(left , #4B4A00 11%, #A3A600 66%, #C0C000 90%);
	background-image: -moz-linear-gradient(left , #4B4A00 11%, #A3A600 66%, #C0C000 90%);
	background-image: -webkit-linear-gradient(left , #4B4A00 11%, #A3A600 66%, #C0C000 90%);
	background-image: -ms-linear-gradient(left , #4B4A00 11%, #A3A600 66%, #C0C000 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B4A00', endColorstr='#C0C000', GradientType=1);
	width: 100%;
	min-height: 25px;
	max-height: 25px;
}

.value-apprehensive {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background-image: linear-gradient(left , #4B4A32 11%, #AFAE75 66%, #F3F2A3 90%);
	background-image: -o-linear-gradient(left , #4B4A32 11%, #AFAE75 66%, #F3F2A3 90%);
	background-image: -moz-linear-gradient(left , #4B4A32 11%, #AFAE75 66%, #F3F2A3 90%);
	background-image: -webkit-linear-gradient(left , #4B4A32 11%, #AFAE75 66%, #F3F2A3 90%);
	background-image: -ms-linear-gradient(left , #4B4A32 11%, #AFAE75 66%, #F3F2A3 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B4A32', endColorstr='#F3F2A3', GradientType=1);
	width: 100%;
	min-height: 25px;
	max-height: 25px;
}

.value-indifferent {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background-image: linear-gradient(left , #444344 11%, #ABACAB 66%, #E6E6E6 90%);
	background-image: -o-linear-gradient(left , #444344 11%, #ABACAB 66%, #E6E6E6 90%);
	background-image: -moz-linear-gradient(left , #444344 11%, #ABACAB 66%, #E6E6E6 90%);
	background-image: -webkit-linear-gradient(left , #444344 11%, #ABACAB 66%, #E6E6E6 90%);
	background-image: -ms-linear-gradient(left , #444344 11%, #ABACAB 66%, #E6E6E6 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444344', endColorstr='#E6E6E6', GradientType=1);
	width: 100%;
	min-height: 25px;
	max-height: 25px;
}

.value-amiable {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background-image: linear-gradient(left , #334B33 11%, #6EA76E 66%, #8FD38F 90%);
	background-image: -o-linear-gradient(left , #334B33 11%, #6EA76E 66%, #8FD38F 90%);
	background-image: -moz-linear-gradient(left , #334B33 11%, #6EA76E 66%, #8FD38F 90%);
	background-image: -webkit-linear-gradient(left , #334B33 11%, #6EA76E 66%, #8FD38F 90%);
	background-image: -ms-linear-gradient(left , #334B33 11%, #6EA76E 66%, #8FD38F 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#334B33', endColorstr='#8FD38F', GradientType=1);
	width: 100%;
	min-height: 25px;
	max-height: 25px;
}

.value-kindly {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background-image: linear-gradient(left , #002C2B 11%, #005453 66%, #007A7A 90%);
	background-image: -o-linear-gradient(left , #002C2B 11%, #005453 66%, #007A7A 90%);
	background-image: -moz-linear-gradient(left , #002C2B 11%, #005453 66%, #007A7A 90%);
	background-image: -webkit-linear-gradient(left , #002C2B 11%, #005453 66%, #007A7A 90%);
	background-image: -ms-linear-gradient(left , #002C2B 11%, #005453 66%, #007A7A 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002C2B', endColorstr='#007A7A', GradientType=1);
	width: 100%;
	min-height: 25px;
	max-height: 25px;
}

.value-warmly{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background-image: linear-gradient(left , #004B4C 11%, #00A6A3 66%, #00E6E6 90%);
	background-image: -o-linear-gradient(left , #004B4C 11%, #00A6A3 66%, #00E6E6 90%);
	background-image: -moz-linear-gradient(left , #004B4C 11%, #00A6A3 66%, #00E6E6 90%);
	background-image: -webkit-linear-gradient(left , #004B4C 11%, #00A6A3 66%, #00E6E6 90%);
	background-image: -ms-linear-gradient(left , #004B4C 11%, #00A6A3 66%, #00E6E6 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004B4C', endColorstr='#00E6E6', GradientType=1);
	width: 100%;
	min-height: 25px;
	max-height: 25px;
}

.value-ally {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background-image: linear-gradient(left , #00004C 11%, #0000A3 66%, #0101CB 90%);
	background-image: -o-linear-gradient(left , #00004C 11%, #0000A3 66%, #0101CB 90%);
	background-image: -moz-linear-gradient(left , #00004C 11%, #0000A3 66%, #0101CB 90%);
	background-image: -webkit-linear-gradient(left , #00004C 11%, #0000A3 66%, #0101CB 90%);
	background-image: -ms-linear-gradient(left , #00004C 11%, #0000A3 66%, #0101CB 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00004C', endColorstr='#0101CB', GradientType=1);
	width: 100%;
	min-height: 25px;
	max-height: 25px;
}

.none {
	visibility: hidden;
}

.fName {
	position: absolute;
	left: 10px;
	text-align: left;
	padding-left: 10px;
	z-index: 50;
}

.fValue {
	position: relative;
	text-align: center;
	margin-left: 50px;
	z-index: 50;
}

.fLevel {
	position: absolute;
	right: 10px;
	text-align: right;
	margin-right: 10px;
	z-index: 50;
}

#advSkills,
#tsSkills,
#scholarSkills,
#languageSkills,
#generalSkills {
	margin: auto;
	margin-left: 5px;
	margin-bottom: 10px;
	width: 330px;
	font-weight: bold;
	color: #FFF;
	background: transparent;
	line-height: 25px;

}

.skillTitle {
	color: #000;
	font-size: 20px;
	text-align: left;
}

.skillIcon {
	float: left;
	width: 42px;
}
.skillWrap {
	position: relative;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	background-color: #151215;
	width: 90%;
	margin-bottom: 5px;
	margin-left: 50px;
	border: #ab954f solid 2px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	font-size: 13px;
	padding: 0px;
	min-height: 25px;
	max-height: 25px;
}

.combatSkills {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	margin: 0;
	background-image: linear-gradient(left , #2F1B0F 6%, #4C2C19 50%, #6C3F23 79%);
	background-image: -o-linear-gradient(left , #2F1B0F 6%, #4C2C19 50%, #6C3F23 79%);
	background-image: -moz-linear-gradient(left , #2F1B0F 6%, #4C2C19 50%, #6C3F23 79%);
	background-image: -webkit-linear-gradient(left , #2F1B0F 6%, #4C2C19 50%, #6C3F23 79%);
	background-image: -ms-linear-gradient(left , #2F1B0F 6%, #4C2C19 50%, #6C3F23 79%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2F1B0F', endColorstr='#6C3F23', GradientType=1);
	width: 100%;
	line-height: 25px;
	min-height: 25px;
	max-height: 25px;
}

.spellSkills {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	margin: 0;
	background-image: linear-gradient(left , #241A23 6%, #473445 50%, #644961 79%);
	background-image: -o-linear-gradient(left , #241A23 6%, #473445 50%, #644961 79%);
	background-image: -moz-linear-gradient(left , #241A23 6%, #473445 50%, #644961 79%);
	background-image: -webkit-linear-gradient(left , #241A23 6%, #473445 50%, #644961 79%);
	background-image: -ms-linear-gradient(left , #241A23 6%, #473445 50%, #644961 79%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#241A23', endColorstr='#644961', GradientType=1);
	width: 100%;
	line-height: 25px;
	min-height: 25px;
	max-height: 25px;
}

.avoidSkills {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	margin: 0;
	background-image: linear-gradient(left , #252D2A 6%, #4C5C57 50%, #637871 79%);
	background-image: -o-linear-gradient(left , #252D2A 6%, #4C5C57 50%, #637871 79%);
	background-image: -moz-linear-gradient(left , #252D2A 6%, #4C5C57 50%, #637871 79%);
	background-image: -webkit-linear-gradient(left , #252D2A 6%, #4C5C57 50%, #637871 79%);
	background-image: -ms-linear-gradient(left , #252D2A 6%, #4C5C57 50%, #637871 79%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#252D2A', endColorstr='#637871', GradientType=1);
	width: 100%;
	line-height: 25px;
	min-height: 25px;
	max-height: 25px;
}

.craftsmanSkills {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	margin: 0;
	background-image: linear-gradient(left , #3B2F17 6%, #7B602D 50%, #9A7839 79%);
	background-image: -o-linear-gradient(left , #3B2F17 6%, #7B602D 50%, #9A7839 79%);
	background-image: -moz-linear-gradient(left , #3B2F17 6%, #7B602D 50%, #9A7839 79%);
	background-image: -webkit-linear-gradient(left , #3B2F17 6%, #7B602D 50%, #9A7839 79%);
	background-image: -ms-linear-gradient(left , #3B2F17 6%, #7B602D 50%, #9A7839 79%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3B2F17', endColorstr='#9A7839', GradientType=1);
	width: 100%;
	line-height: 25px;
	min-height: 25px;
	max-height: 25px;
}

.outfitterSkills {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	margin: 0;
	background-image: linear-gradient(left , #3B1913 6%, #6E3024 50%, #763425 79%);
	background-image: -o-linear-gradient(left , #3B1913 6%, #6E3024 50%, #763425 79%);
	background-image: -moz-linear-gradient(left , #3B1913 6%, #6E3024 50%, #763425 79%);
	background-image: -webkit-linear-gradient(left , #3B1913 6%, #6E3024 50%, #763425 79%);
	background-image: -ms-linear-gradient(left , #3B1913 6%, #6E3024 50%, #763425 79%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3B1913', endColorstr='#763425', GradientType=1);
	width: 100%;
	line-height: 25px;
	min-height: 25px;
	max-height: 25px;
}

.scholarSkills {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	margin: 0;
	background-image: linear-gradient(left , #423C2E 6%, #797155 50%, #AB9D79 79%);
	background-image: -o-linear-gradient(left , #423C2E 6%, #797155 50%, #AB9D79 79%);
	background-image: -moz-linear-gradient(left , #423C2E 6%, #797155 50%, #AB9D79 79%);
	background-image: -webkit-linear-gradient(left , #423C2E 6%, #797155 50%, #AB9D79 79%);
	background-image: -ms-linear-gradient(left , #423C2E 6%, #797155 50%, #AB9D79 79%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#423C2E', endColorstr='#AB9D79', GradientType=1);
	width: 100%;
	line-height: 25px;
	min-height: 25px;
	max-height: 25px;
}

.secondTradeSkills {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	margin: 0;
	background-image: linear-gradient(left , #1E253C 6%, #384670 50%, #435887 79%);
	background-image: -o-linear-gradient(left , #1E253C 6%, #384670 50%, #435887 79%);
	background-image: -moz-linear-gradient(left , #1E253C 6%, #384670 50%, #435887 79%);
	background-image: -webkit-linear-gradient(left , #1E253C 6%, #384670 50%, #435887 79%);
	background-image: -ms-linear-gradient(left , #1E253C 6%, #384670 50%, #435887 79%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E253C', endColorstr='#435887', GradientType=1);
	width: 100%;
	line-height: 25px;
	min-height: 25px;
	max-height: 25px;
}

.harvestSkills {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	margin: 0;
	background-image: linear-gradient(left , #463627 6%, #886A4B 50%, #BD9168 79%);
	background-image: -o-linear-gradient(left , #463627 6%, #886A4B 50%, #BD9168 79%);
	background-image: -moz-linear-gradient(left , #463627 6%, #886A4B 50%, #BD9168 79%);
	background-image: -webkit-linear-gradient(left , #463627 6%, #886A4B 50%, #BD9168 79%);
	background-image: -ms-linear-gradient(left , #463627 6%, #886A4B 50%, #BD9168 79%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#463627', endColorstr='#BD9168', GradientType=1);
	width: 100%;
	line-height: 25px;
	min-height: 25px;
	max-height: 25px;
}

.genSkills {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	margin: 0;
	background-image: linear-gradient(left , #313826 6%, #646E4E 50%, #79855E 79%);
	background-image: -o-linear-gradient(left , #313826 6%, #646E4E 50%, #79855E 79%);
	background-image: -moz-linear-gradient(left , #313826 6%, #646E4E 50%, #79855E 79%);
	background-image: -webkit-linear-gradient(left , #313826 6%, #646E4E 50%, #79855E 79%);
	background-image: -ms-linear-gradient(left , #313826 6%, #646E4E 50%, #79855E 79%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#313826', endColorstr='#79855E', GradientType=1);
	width: 100%;
	line-height: 25px;
	min-height: 25px;
	max-height: 25px;
}

.langSkills {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	margin: 0;
	background-image: linear-gradient(left , #252F41 6%, #465B7A 50%, #577097 79%);
	background-image: -o-linear-gradient(left , #252F41 6%, #465B7A 50%, #577097 79%);
	background-image: -moz-linear-gradient(left , #252F41 6%, #465B7A 50%, #577097 79%);
	background-image: -webkit-linear-gradient(left , #252F41 6%, #465B7A 50%, #577097 79%);
	background-image: -ms-linear-gradient(left , #252F41 6%, #465B7A 50%, #577097 79%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#252F41', endColorstr='#577097', GradientType=1);
	width: 100%;
	line-height: 25px;
	min-height: 25px;
	max-height: 25px;
}

.sName,
.langName {
	position: absolute;
	left: 10px;
	text-align: left;
	padding-left: 10px;
	z-index: 50;
}

.langName {
	position: absolute;
	left: 0px;
	padding-left: 3px;
}

.sValue,
.langValue {
	position: absolute;
	right: 10px;
	text-align: right;
	padding-right: 10px;
	z-index: 50;
}

.langValue {
	position: absolute;
	right: 0px;
	padding-right: 3px;
	font-size: smaller;
}

.noSkills {
	position: relative;
	width: 90%;
	margin: 5px 50px;
	padding: 0px;
	min-height: 25px;
	max-height: 25px;
}

.updated {
	margin: auto;
	padding: 0px;
	text-align: center;
}

.myHouse {
	width: 95%;
	margin: 5px auto;
	border: 2px ridge #000;
}

.houseInfo {
	height: 184px;
	padding-top: 10px;
	margin-left: 15px;
}

.houseImg {
	float: right;
	height: 164px;
	margin: 10px;
	border: 5px groove #051320;
}

.bioWrap,
.charBio {
	width: 768px;
	border: 0px;
	margin: 5px auto;
}

.bioWrap img {
	height: 307px;
	width: 214 px;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
}

.bioBG-1 {
	background: url(../icons/homeImages/bioBG-1.png);
	border: 5px groove #051320;
	text-align: center;
}

.bioBG-2 {
	background: url(../icons/homeImages/bioBG-2.png);
	border: 5px groove #051320;
	text-align: center;
}

.bioBG-3 {
	background: url(../icons/homeImages/bioBG-3.png);
	border: 5px groove #051320;
	text-align: center;
}

.bioBG-4 {
	background: url(../icons/homeImages/bioBG-4.png);
	border: 5px groove #051320;
	text-align: center;
}

.bioBG-5 {
	background: url(../icons/homeImages/bioBG-5.png);
	border: 5px groove #051320;
	text-align: center;
}

.bioBG-6 {
	background: url(../icons/homeImages/bioBG-6.png);
	border: 5px groove #051320;
	text-align: center;
}

.bioBG-7 {
	background: url(../icons/homeImages/bioBG-7.png);
	border: 5px groove #051320;
	text-align: center;
}