html
{
    height: 100%;
    padding-bottom: 1px;
}

body
{
    height: 100%;
    padding: 0px;
    margin: 0px;
    background-image: url(https://wolf-haven.com/Images/Layout/BackgroundTrees.png);
    //background-image: url(https://wolf-haven.com/Images/Layout/ChristmasTrees.png);
    //background-image: url(https://wolf-haven.com/Images/Layout/HalloweenTrees2.png);
    background-repeat: repeat-x;
    //background-color: #232433;
    background-color: #34364D;
    font-size: 11px;
    color: #C5C5D7;
    font-family: arial;
}
#MainWrap
{
    min-height: 100%;
    width: 840px; 
    height: auto;
    margin: 0px auto; 
    background: url(https://wolf-haven.com/Images/Layout/vWrap.png) repeat-y scroll; 
    background-color: 262644; 
    margin: 0px auto;   
}

#Container
{
    width: 800px; 
    height: 100%; 
    margin: 0px auto;
    position: relative;   
}

#UserStats
{
    background-color: #313743; 
    height: 100px; 
    width: 390px; 
    position: absolute; 
    left: 0px;    
}

#UserStats #Image
{
    font-size: 11px;
    position: absolute; 
    left: 10px; 
    top: 10px;
}

#UserStats #Stats
{
    font-size: 11px;
    position: absolute; 
    left: 95px; 
    top: 10px;
}

#UserStats #XPBar
{
    height: 4px;
    background-color: #3B4251;
    border-top: 1px solid black;
    width: 100%;
    margin-top: 95px;
}

#UserStats #Attacked
{
    position: absolute; 
    left: 230px; 
    top: 50px; 
    width: 25px; 
    height: 25px; 
    background: url('https://wolf-haven.com/Images/Layout/Attack.png') -25px 0px no-repeat;
}

#UserStats #Messages
{
    position: absolute; 
    left: 230px; 
    top: 20px;
    width: 25px; 
    height: 25px;
    background: url('https://wolf-haven.com/Images/Layout/Message.png') -25px 0px no-repeat;
}

#UserStats #Rune
{
    position: absolute; 
    left: 360px; 
    top: 5px;
    width: 25px; 
    height: 25px;
    background: url('https://wolf-haven.com/Images/Layout/Rune.png') -24px 0px no-repeat;
}

#UserStats #Pack
{
    position: absolute;
    left: 315px;
    top: 65px;
    width: 70px;
    font-weight: bold;   
    text-align: right;
}

#Info_Boss
{
    font-weight: bold;
    color: #DF2424;   
}

#UserStats #Quests
{
    position: absolute; 
    left: 360px; 
    top: 30px;
    width: 25px; 
    height: 25px;
    background: url('https://wolf-haven.com/Images/Layout/Quests.png') -24px 0px no-repeat;
}

#UserStats .Active
{
    background-position: -0px -0px !important;
}

#UserStats #Username
{
    display: inline-block;
    font-weight: bold;
}

#XPBar_Progress
{
    height: 100%;
    background-color: #3D5178;
}

#Banner
{
    width: 400px; 
    height: 100px; 
    background: url(https://wolf-haven.com/Images/Layout/Banner.gif);  
    position: absolute; 
    right: 0px;    
}

#MOTD
{
    width: 800px; 
    position: absolute; 
    top: 102px; 
    background-color: #0d0e12; 
    font-size: 10px; 
    padding: 1px 0px;
    text-align: center;
}

#Menu
{
    height: 20px; 
    width: 100%; 
    background-color: #15181E;
}

#Menu ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#Menu li
{
    float: left;
}

#Menu a
{
    display: block;
    width: 100px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
    color: #C5C5D7;
    line-height: 1.8;
}

#Menu a:hover
{
    background-color: #282A3C;
}

#Footer
{
    padding: 5px 0px 10px 0px;
    font-size: 11px;
    text-align: center;
}

.subMenu
{
    display: none; 
    background-color: #282A3C;
    width: 150px !important;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 20;
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000;
}

.subMenu ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.subMenu li
{
    float: none;    
}

.subMenu a
{
    display: block;
    width: 145px !important;
    padding-left: 5px;
    text-align: left !important;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
    color: #C5C5D7;
}

.subMenu a:hover 
{
    background-color: #3f425e !important;
    color: #fff !important;
}

#Menu .Active
{
    background-color: #282A3C;
}

#Content
{
    background-color: #3D3D5B; 
    border-top: 1px solid #7A7D86; 
    border-bottom: 1px solid #7A7D86; 
    min-height: 500px;
}

a
{
    color: #C5C5D7; 
    text-decoration: none;
}

Input,button {
    border: 1px solid #000;
    color: #C5C5D7;
    background: none repeat scroll 0% 0% #23233E;
}

Textarea,select
{
    border: 1px black solid; 
    color: #c5c5d7; 
    background: #23233e;
}

.Page_Title_Holder
{
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    0px 3px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow:         0px 3px 10px 0px rgba(0, 0, 0, 0.5);
}

.Page_Title_Head
{
    width: 100%; 
    background-color: #262644; 
    padding: 2px 0px; 
    font-weight: bold; 
    text-align: center;
}

.Page_Title_Nav
{
    width: 100%; 
    background-color: #32324A; 
    padding: 2px 0px; 
    font-weight: bold; 
    text-align: center;
}

.Shadow
{
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    0px 3px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow:         0px 3px 10px 0px rgba(0, 0, 0, 0.5);
}

.AlertDiv
{
    width: 90%;
    text-align: center;
    margin: 13px auto;
    padding: 2px 0px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.Error
{
    background-color: #5C2C35;
    border: 1px solid #71262E;
    color: #E1747F;
}

.Inform
{
    color: #194054;
    background-color: #8dcdee;
    border: 1px solid #3d83a7;   
}

.Success
{
    color: #16be1e;
    Border: 1px solid #178a1f;
    Background-Color: #20652c;
}

.Cell_Style_One
{
    background-color: #2f2f45;
}

.Cell_Style_Two
{
    background-color: #32324a;
}

/* forums */

.Search_Forums
{
    border-top: 1px solid rgba(0,0,0,0.5); 
    padding: 5px 0px; 
    display: none;
}

.Search_Element
{
    text-align: left; 
    margin-left: 5px; 
    display: inline-block;
}

.Donthideitssafe
{
    display: block !important;
}

.Quote
{
    Border: 1px solid black; 
    background-color: #23233e;
    margin: 0px auto; 
}

#Report_Box
{
    position:absolute;  
    height:220px;  
    width:550px; 
    overflow: auto;
    background-color: #2f2f45;
    border: 3px solid black;
    -moz-box-shadow: 0 0 5px 5px #000;
    -webkit-box-shadow: 0 0 5px 5px #000;
    box-shadow: 0 0 5px 5px #000; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    z-index: 222;  
    text-align: center;
} 
#Report_Back
{  
    display:none;  
    position:fixed;  
    _position:absolute; /* hack for internet explorer 6*/  
    height:100%;  
    width:100%;  
    top:0;  
    left:0;  
    background:#000000;  
    opacity: 0.4; 
    z-index: 221;  
} 

#cmder
{
    width: 300px; 
    min-height: 100px; 
    border: 1px solid black; 
    border-radius: 4px; 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    background-color: #13151F; 
    display: none;
    padding: 5px;
}

#Rune span,#Quests span
{
    display: none;
}

#Rune:hover span,#Quests:hover span
{
    display: block;
    position: relative;
    min-width: 100px;
    left: 30px;
    top: 2px;
    border: 1px solid #1e222a;
    background-color: #323245; 
    z-index: 2;
    padding: 2px;
    text-align: center;
    font-weight: bold;
}