body {background-color:black; color:DarkKhaki}

#noJS {
	padding: 100px 0;
	font-weight:bold;
	text-align:center;
	font-size:200%}

#BodyHeader {position:absolute; top:20px; right:120px}

h1 {text-align:center; padding:35px; color:rgb(144,0,0)}
h2,h3 {margin:0 5px}
p {margin-left:15px; margin-top:0px}

#xmlcontent, #choose, #DIVresultat, #MarkedStatus, #MarkedLabel {display:none}

#MainTitle {
	margin: auto;
	margin-top:-50px;
	width: 960px;
	height: 91px;
	background: url("./Images/BG_MainTitle.png") bottom no-repeat}

#MainContainer {
	margin: auto;
	width: 960px;
	padding: 8px 0 150px;
	background:
		url("./Images/BG_MainContainerTop.jpg") top no-repeat,
		url("./Images/BG_MainContainerBottom.jpg") bottom no-repeat,
		url("./Images/BG_MainContainerMiddle.jpg") repeat-y}

#LangSelector {position: absolute}

#NavBar {
	list-style-type:none;
	margin:0; padding:0;
	overflow:hidden}
#NavBar li {float:left}
#NavBar li:hover {cursor:pointer}
#NavBar a {
	display:block;
	font-weight:bold;
	color:DarkKhaki;
	text-align:center;
	padding:6px 0px;
	text-decoration:none}
#NavBar a:hover {color:DarkBlue; font-size:120%; padding:4px 0px}
#Save {width:195px;}
#Save:hover {background: url("./Images/Navigation.jpg") no-repeat 6px -6px}
#Load {width:189px}
#Load:hover {background: url("./Images/Navigation.jpg") no-repeat -189px -6px}
#Report {width:190px;}
#Report:hover {background: url("./Images/Navigation.jpg") no-repeat -189px -6px}
#Forum {width:190px;}
#Forum:hover {background: url("./Images/Navigation.jpg") no-repeat -190px -6px}
#About {width:195px;}
#About:hover {background: url("./Images/Navigation.jpg") no-repeat -758px -6px}

#SubContainer {margin: 80px 60px 0}

fieldset {
	border-radius:20px;
	border-color:DarkKhaki;
	padding-top:15px;
	margin-top:0px;
	margin-bottom:10px;
	background-image: linear-gradient(to bottom, rgb(16,16,16) 0%, rgb(40,40,40) 80%); /* for IE10 */
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(16,16,16)), to(rgb(40,40,40))); /* for webkit browsers */
	background: -moz-linear-gradient(top, rgb(16,16,16), rgb(40,40,40)) /* for firefox 3.6+ */}

#Informations tr {vertical-align:top}
#Informations td {padding: 0 30px}
#Informations input {margin-bottom:10px}

#PlayerInfos {border-color:CornFlowerBlue}
#OpponentInfos {border-color:Red}

#StatsSheet table, #Talents table {width:100%; border-collapse:collapse; border-spacing:0px}		
#StatsSheet table td:nth-last-child(1) {text-align:right}
#StatsSheet table tr:nth-last-child(1) {border:none}
#Talents select {width:80%}

#JobAbilities td:nth-child(1) {width:23px}

img {vertical-align:middle}

select, input {
	-webkit-appearance:none;
	border-color:LightGray;
	background-color:transparent;
	color:DarkKhaki}
select option, select optgroup {background-color:black}
input {width:50px; text-align:center}

select, button, input {border-radius:5px}
button:hover, select:hover, input:hover {cursor:pointer; box-shadow: 0 0 10px 2px white}

#JobSelector {width:200px}

#JobLegend, #LevelLegend  {display:inline}

#StatsSheet {width:330px}

#Efficiency {height:40px; color:white; font-size:18px; font-weight:900}

#ExpTree, #PvPtree {text-align: center}
#ExpTree select, #PvPtree select {margin-bottom: 10px}

#StatsEditor {
	margin:auto;
	width:320px;
	display:none}

#StatFields {margin:auto}
#ItemName {width:180px; text-align:left}
#FinalStats {color:CornFlowerBlue}
#FinalStats legend {color:DarkKhaki}
#Enchant1, #Enchant2, #Enchant3, #Enchant4 {width:100%}

#JobImage {height:280px; width:209px}

#Mantle {background: url("./Images/PowerMantleDisabled.png") no-repeat}
#Amulet {background: url("./Images/Amuletempty.png") no-repeat}
#Waist {background: url("./Images/Waistempty.png") no-repeat}
#Ring1, #Ring2 {background: url("./Images/Ringempty.png") no-repeat}
#WeaponDecoration {background: url("./Images/WeaponDecorationWARempty.png") no-repeat}
#Weapon {background: url("./Images/Swordempty.png") no-repeat}
#Offhand {background: url("./Images/ShieldWARempty.png") no-repeat}
#HeadArmor {background: url("./Images/HeadArmorWARempty.png") no-repeat}
#Cape {background: url("./Images/CapeWARempty.png") no-repeat}
#Torso {background: url("./Images/TorsoWARempty.png") no-repeat}
#Gloves {background: url("./Images/GlovesWARempty.png") no-repeat}
#Boots {background: url("./Images/BootsWARempty.png") no-repeat}

.EquipButtons button:not(:disabled) {
	background-color:LightSteelBlue;
	width:52px;
	height:52px;
	cursor:pointer;
	border-radius:10px}


.Tooltip {
	display:none;
	position:absolute;
	z-index:2;
	white-space:nowrap;
	border-radius:10px;
	background-color:black;
	color:white;
	text-align:left;
	padding:5px}

#SetBonuses p {margin-bottom:0px; font-weight:bold; color: LimeGreen}
#SetBonuses ul {margin-top:0px}