/******************************************************************************
    Frame
******************************************************************************/

.center {
    margin-left: auto; 
    margin-right: auto;
}

#Frame {        
    width: 960px;
    margin: 0 auto;
    transition:all .5s;
}

#HomeFrameContent {    
    background: url("/Content/Images/frame_background.png");    
    padding:0px;
    margin:0px;
    margin-left: auto; 
    margin-right: auto;  
}

#FrameContent {
    box-sizing:border-box;
    background: url("/Content/Images/new-frame.png");    
    padding: 1px 6px;
    margin:0px auto;
}
#ContentRegion {
    position: relative;
    background-color: rgba(0, 0, 0, 0.50);
    padding-left: 2px;
    padding-right:2px;
    margin-left: 4px;
    margin-right: 4px;
}
#ContentRegion:after {
    content:"";
    display: block;
    clear: both;
}

#FrameFooter {
    background: url("/Content/Images/frame_footer.png");
    height: 48px;     
}

#UpperFrametop {
    box-sizing:border-box;
    background: url("/Content/Images/new-frame-top.png") no-repeat top center;
    background-size: contain;
    width: 100%;
    min-height: 75px;
    position: relative;
    padding-bottom: 1px;
}
#UpperFrametop .gen-header {
    float: right;
    margin-right: 50px;
    line-height: 75px;
}

#UpperFrame {
    position: relative;
    box-sizing:border-box;
    background: url("/Content/Images/new-parchment.png") repeat-y top center;
    background-size: contain;
    min-height: 319px;    
    width:100%;
    padding: 1px 45px; 
}

#UpperFramebottom {
    box-sizing:border-box;
    background: url("/Content/Images/new-frame-bottom.png") no-repeat top center;
    width: 100%;
    min-height: 38px;
}



#InnerFrame {  
    line-height:22px;
    min-height:250px;
    padding: 1px 0;
}
#InnerFrame:after {
    content: "";
    display: block;
    clear:both;
}

    #InnerFrame .post-message p {      
    padding-left: 20px;
    padding-right: 20px;
    }

#RegisterContainer {
    text-align: center;
    margin: 0 auto;
}
#RegisterFrame {
    background: url("/Content/Images/sign-up-bg.png") no-repeat;
    background-size: contain;
    padding: 60px 20px;
    margin: 0 auto;
    width: 750px;
    height: 746px;
}
.contentHeader {
    box-sizing:border-box;
    background: url("/Content/Images/header.png") no-repeat 0 0;
    height:47px;
    width: 100%;      
    padding: 0px 50px;
    line-height:34px;
    font-size: 1.35em;
    font-weight: bold;
    text-shadow: 0px 1px 1px lightgray;
    text-transform: uppercase;
}

.contentHeader a {       
}

.contentHeader a:hover {
    color:white;
    text-shadow: 0px 1px 1px black;    
}

.contentBody {
    float: left; 
    width: 525px;
    padding-bottom:30px;    
}

.frameContentNav {
    float: right; 
    width:230px;     
    position:relative;
}

.frameContentNav ul {
    -webkit-padding-start: 0px;
    padding-left:0px;
}

.frameContentNav * li {
    list-style:none;    
    text-align:center;    
}

.frameContentNav * hr {
    border-color:silver;
}

.frameContentNav * a {
    color:white;
    text-align:center;
    font-size:1.5em;
}

.frameContentNav * a:hover {
    text-shadow: 2px 2px 3px black;
    color:#FFC444;            
}

.bookmark-top {
    background: url("/Content/Images/COE_Bookmark_Top.png"); 
    width:230px;
    height:47px;    
    z-index:0;
}

.bookmark-middle {
    background: url("/Content/Images/COE_Bookmark_Tile.png"); 
    margin-top:-20px;
    width: 100%; 
    overflow:hidden;
    z-index:1;
}

.bookmark-bottom {
    background: url("/Content/Images/COE_Bookmark_Bottom.png"); 
    width:100%;
    height:309px;
    margin-top:-20px;
}

.center {
    text-align: center;
}
#NewFooter {
    position: relative;
    margin: 550px 0 0 0;
}

/******************************************************************************
    FAQ
******************************************************************************/

.faq-image-header { 
    background: url("/Content/Images/Ursiphant-FAQ.png") no-repeat;
    background-size: contain; 
    height:338px;
    width: 100%;
    position: relative;
    margin-top: -40px;
}

.faq-image-header .gen-header {    
    width: 50%;
    line-height: 1;
    padding: 50px 25px;
}

.faq-TOC {
    float: right;
}
.faq-content {
    float: left;
    width: 70%;
}

.faq-answer {
    font-size: 16px;
}

.faq-nav-font {
  font-size: 18px;
  color: rgb(114, 17, 16);

}
.faqContentNav { 
    background: url("/Content/Images/toc-bg.jpg") no-repeat top center;
    background-size: contain;
    padding: 20px 25px 20px 0;
}
.faq-links {
    margin: 30px 30px;
    width: 160px;
}

.faq-links li{
    list-style:none;
    margin: 5px 0; 
}

.faqContent li{
    list-style:none; 
}

.faqContentNav ul {
    padding-left:0px;    
    -webkit-padding-start:0px;    
    padding-bottom:10px;
}

.faqContentNav * a:hover {
    color:white;          
}

.faqContentNav ul li ol li ol li{
    display:list-item;
    list-style:none;
    padding: 0px;
    margin: 0px;
}

#FAQFrame li {
    list-style:none;        
}

#FAQFrame ul {
    padding-left:0px;    
    -webkit-padding-start:0px;    
    padding-bottom:10px;
}

.FAQ-navigation {
    width: 510px;
    margin-bottom:20px;
}

.faq-header {
  margin-bottom: 8px;
}
.question {
    font-weight:bold;
}

/******************************************************************************
    Game Guide
******************************************************************************/

.guide-frame {
    width: 900px;
    margin-top: 10px;
}
.overview-top-image {
    background: url("/Content/Images/guide-header.png") no-repeat top center;
    background-size: contain;
    width: 100%;
    height:317px;
    margin-top: -40px;
}

.overview-top-image .gen-header {
    font-size: 3rem;
    padding: 50px;
}

.guide-group {
    display: inline-block;
    margin: 0 10px 15px 0;
    width: 272px;
    max-height: 386px;            
}

.guideBox {
    background: url("/Content/Images/guide-overview-bg-hover.png");               
    display:block;
    padding:10px 10px 0px 23px;    
    min-height: 376px;         
}

.guideBox:hover {
    background: url("/Content/Images/guide-overview-bg.png");      
}

.guideImage {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 125px;
    padding-right:10px;
    padding-top: 75px;
}

.guide-title {
    display: block;
    font-size: 20px;
    color: #721110;
    text-align: center;

}

.guide-description {
    display:block;
    font-size: 18px;
    color: rgb(78, 68, 54);
    text-align: center;
}

/******************************************************************************
    Community
******************************************************************************/
   
.community-frame {
    display: flex;
    justify-content: center;
}

.community-top-divider {
    margin-top: -35px;
    position: relative;
    z-index:1;
    background: url("/Content/Images/divider-3-top.png") no-repeat  top center;
    background-size: contain;
    width: 100%;
    height: 36px;
}

.community-bottom-divider {
    background: url("/Content/Images/divider-3-bottom.png") no-repeat top center;
    background-size: contain;
    width: 100%;
    height: 36px;
}
.community-group {
    max-height: 386px;
    width: 215px;
    margin: 10px 20px;
    font-family: Georgia;
}

.communityBox {
    background: url("/Content/Images/community-top-bg-hover.png");               
    display: block;
    padding:0px 0px 0px 0px;  
    width: 214px;  
    height: 301px;         
    transition: all .5s;    
}

.communityBox:hover {
    background: url("/Content/Images/community-top-bg.png");      
}


.communityImage {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 125px;
    padding-top: 40px;
}

.community-title {
    display: block;
    font-size: 18px;
    color: #721110;
    text-align: center;

}

.community-description {
    display:block;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 14px;
    color: rgb(78, 68, 54);
    text-align: center;
}

 .community-banner {
    background: url("/Content/Images/Community-hero.png") no-repeat top center;
    background-size: cover;
    width: 100%;
    height: 333px;
    padding: 5px 0;
    position:relative;
    z-index:1;
    margin-top:-50px;
}

 .recent-post-list {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    margin-top:-10px;
    overflow-y:scroll;
    max-height:300px;
    padding-right:25px;    
}

.recent-post-list li {
    padding: 8px 5px;
    border-bottom: 1px solid black;
}

.recent-post-title {
    color: #721110;
    font-weight:bold;
    line-height:15px;
    display:block;
    font-size:12px;
}

.recent-post-title:hover {
    color:#BE1B1B;
}

.recent-post-info {
    line-height:15px;    
    font-size:11px;
    display:block;
}

.recent-post-date {
    line-height:11px;    
    font-size:11px;
    display:block;
}


.book-seperator {
    background: url("/Content/Images/COE_BookSeparator_Main.png") 148px;
    height:24px;
    width:952px;
    margin-left: -49px;
    z-index:1;
    position: relative;
}

/******************************************************************************
    Introduction
******************************************************************************/

.intro-image-header { 
    background: url("/Content/Images/king-introduction.png") no-repeat top center;
    background-size: contain;
    width: 100%;
    height:317px;
    position: relative;
    margin-top: -40px;
}

.intro-image-header .gen-header {
    font-size:3em;
    padding: 50px;
}

/******************************************************************************
    Forum
******************************************************************************/

#ForumInnerFrame {
    box-sizing:border-box;
    width: 100%;
    min-height:250px;
}
.forumArticle {
    float: none;
    position: relative;
    padding: 15px 0 10px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#94866e+0,c9baa0+2,c9baa0+20,c9baa0+80,c9baa0+100&0.75+0,0.75+2,0+20,0+80,0.75+100 */
background: -moz-linear-gradient(top,  rgba(148,134,110,0.75) 0%, rgba(201,186,160,0.75) 2%, rgba(201,186,160,0) 20%, rgba(201,186,160,0) 80%, rgba(201,186,160,0.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(148,134,110,0.75) 0%,rgba(201,186,160,0.75) 2%,rgba(201,186,160,0) 20%,rgba(201,186,160,0) 80%,rgba(201,186,160,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(148,134,110,0.75) 0%,rgba(201,186,160,0.75) 2%,rgba(201,186,160,0) 20%,rgba(201,186,160,0) 80%,rgba(201,186,160,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf94866e', endColorstr='#bfc9baa0',GradientType=0 ); /* IE6-9 */

}
.forumArticle:first-of-type {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c9baa0+80,c9baa0+100&0+80,0.75+100 */
background: -moz-linear-gradient(top,  rgba(201,186,160,0) 80%, rgba(201,186,160,0.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(201,186,160,0) 80%,rgba(201,186,160,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(201,186,160,0) 80%,rgba(201,186,160,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c9baa0', endColorstr='#bfc9baa0',GradientType=0 ); /* IE6-9 */
}
.forumArticle:last-of-type {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#94866e+0,c9baa0+2,c9baa0+20&0.75+0,0.75+2,0+20 */
background: -moz-linear-gradient(top,  rgba(148,134,110,0.75) 0%, rgba(201,186,160,0.75) 2%, rgba(201,186,160,0) 20%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(148,134,110,0.75) 0%,rgba(201,186,160,0.75) 2%,rgba(201,186,160,0) 20%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(148,134,110,0.75) 0%,rgba(201,186,160,0.75) 2%,rgba(201,186,160,0) 20%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf94866e', endColorstr='#00c9baa0',GradientType=0 ); /* IE6-9 */
}
.forumArticle > a {
    display: block;
}
.forumArticle input[type=checkbox] {
    position: absolute;
    top: 50%;
    right: -25px;
    background: #999;
    height: 20px;
    width: 20px;
    display:inline-block;
    padding: 0 0 0 0px;
    border:solid 1px #211B14;
    margin-top: -10px;
}
.forumArticle .tg {
    margin: 0;
}

.topic-index-header {
    padding: 25px 0px 0px 35px;
}
.topic-index-footer {
    padding: 0px 0px 0px 20px;
}

.forum-category-name {
    display:block;
    border-bottom: solid 1px;
    padding-bottom:5px;
}

.forum-post-content {
    padding:15px 10px 0px 10px;     
}

.forum-post-body a {
    color: #840808;
}

.forum-post-body a:hover {
    color: #CC0E0E;
}
 .forum-recent-post-subject {
  color: #721110;
}
  .forum-recent-post-author {
  color: rgb(102, 102, 102);
}

.forum-staff-summary {
     color: rgb(114, 17, 16);
     text-shadow: 0px 1px 1px rgba(156, 127, 99, 0.50);
 }


.forum-banner {
    background: url("/Content/Images/forum-hero-bg.png") no-repeat top center;
    background-size: contain;
    width: 100%;
    height: 214px;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    margin-top: -50px;
}

.forum-post-header {
    background: url(/Content/Images/forum-post-header.png);
    background-position: right;
    background-size:contain;
    height: 46px;
    width: 98%;
}

.forum-post-separator {
    background: url(/Content/Images/forum-post-separator.png);
    margin-bottom: -25px;
    margin-top: 30px;
    background-size:contain;
    width: 925px;
    height: 68px;
}
.forum-post-title{
  overflow: visible;
  margin-left: -20px;
  color: rgb(33, 27, 20);
  font-weight:bold;
}
.forum-post-started-by{
  margin-left: -20px;
  color: rgb(102, 102, 102);
  font-weight:bold;
}
.forum-post-author{
  color: rgb(220, 163, 40);
  font-weight:bold;
}
.forum-post-date{
  color: rgb(102, 102, 102);
  font-weight:bold;
}
.forum-post-replies{
  color: rgb(33, 27, 20);
}
.forum-post-views{
  color: rgb(33, 27, 20);
}
.forum-post-last-author{
  color: rgb(33, 27, 20);
}
.forum-post-last-date{
  color: rgb(164, 7, 7);
  font-size: 80%;
}
.sticky-end-separator{
    background: url(/Content/Images/sticky-post-end-separator.png);
    background-size:contain;
    width: 97%;
    min-height:81px;
    position: relative;
}
.intro-header-h2 {
    color: #4F2600;
}
.intro-navigation {
    text-align:center;
    margin-top:12px;    
    font-weight:bold;    
    padding: 4px;
   
}

.intro-navigation a {    
    padding-right:20px;
    padding-left:20px;    
}

.intro-navigation a:hover {
    color:#991616;        
}



.next-prev-link {
    color:#991616;
    font-size:18px;
}

.next-prev-bar {
    margin: 8px 0px;
}

.BannerRegion {

    background-color:#20222a;
    background: url("/Content/Images/frame_background_solid.png");    
}


.BannerHover {
    position:absolute;
    margin-left:4px;    
    visibility:hidden;          
}

.BannerFooter {
    background: url("/Content/Images/frame_footer.png");
    height: 43px;    
    width: 960px;
    margin-right: 4px;
}

.BannerText {
    float: left;
    position: absolute;
    height: 48px;    
    width: auto;
    color: white;
    top: 40px;
    left: 40px;
    font-family: constantineregular;
    font-size: 54px;
}
.tabL1 {
    padding-left:40px;
}

.tabL2 {
    padding-left:80px;
}

.tabL3 {
    padding-left:120px;
}

.wallpaper-list {
    list-style:none;
    text-align:left;    
    padding:0px;
    margin-bottom:0px;
    width: 200px;
}

.wallpaper-size-list {
    list-style:none;
    text-align:left;    
    padding:0px;
    margin-bottom:0px;
}

.wallpaper-thumbnail {
    width:300px;
}

.wallpaper-list li {
    font-size:16px;
    font-weight:normal;
    margin:0px;
    padding:0px;
    line-height:20px;
    display:inline-block;
    
}

.wallpaper-list li a {
    
}

.wallpaper-list li a:hover {
    color:darkgoldenrod;
    text-shadow:1px 1px 0px black;
}

.text-editor {
}

.manage-button {
    font-weight:bold;
    font-size:16px;
}

.edit-text-field{
    font-size: 14px;
}

/******************************************************************************
    User Profile
******************************************************************************/
.UserPhoto {    
}


.ImageWrapper {
    display: inline-block; 
    height: 114px; 
    width: 203px;
    margin-top:2px
}

.mediaContainer > .ImageWrapper {
    display: inline-block;
    width:203px;
    height:114px;
}

.img-container {
    height:220px;
}

.userlistOptions {
    cursor: pointer;
}
.row_title {
    text-align: left;
    width: 120px;
    float: left;
    font-weight:bold;
}
.row_data {
    text-align: left;
    color: #4b2b25
}

.index-moderator-section .error {
    display: none;
    float: left;
    padding-left: 20px;
    line-height: 20px;
}
.index-moderator-section:after {
    content: "";
    display: block;
    clear: both;
}
.index-moderator-section .mod-dropdown {
    float: right;
    margin-right: 10px;
}
.index-moderator-section .mod-dropdown.move {
    overflow: hidden;
    width: 0;
    margin-right: 0;
}
.mod-dropdown select {
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none; 
    background: #FFF url("/Content/Images/mod-dropdown.png") no-repeat right center;
    width: 135px;
    height: 30px;
    padding: 0 25px 0 15px;
    color: gray;
}
.index-moderator-section button {
    float: right;
    margin-top: -8px;
}


/******************************************************************************
    Forum Tables
******************************************************************************/

.tg {
        border-collapse: collapse;
        border-spacing: 0;
        margin-right:50px;
        margin-top: 10px;
    }

        .tg td {
            font-family: Arial, sans-serif;
            font-size: 14px;
            padding: 0px 20px 0px 20px;
            border-style: none;
            overflow: hidden;
            word-break: normal;
        }

        .tg th {
            font-family: Arial, sans-serif;
            font-size: 14px;
            font-weight: normal;
            padding: 0px 20px 0px 20px;
            border-style: none;
            overflow: hidden;
            word-break: normal;
        }

        .tg .topic-stat {
            text-align: right;
            padding-left: 0px;
            padding-right: 0px;
        }

        .tg .fimage {
            text-align: right;
            width: 60px !important;
        }

        
        .topic-title {
            width: 400px;
            text-align: left;
        }
        .fdata {
            text-align: left;
            width: 35px;
            padding-left: 0px !important;
            Padding-right: 0px !important;
        }
        .lastpost {
            text-align: left;
            width: 215px;
        }

/******************************************************************************
    Carousel
******************************************************************************/

.CarouselRegion {
    width:960px;
    height: 386px;
}

.CarouselFooter {
    height: 40px;
    margin-top: 346px;
    margin-left: 5px;
    width: 950px;
    position: absolute;
    background-color: RGBA(0, 0, 0, 0.5);
}

.CarouselJumpButtonRegion {
    height: 20px;
    width: auto;
    margin-top: 10px;
    margin-left: 20px;
}

.CarouselJumpButton {
    width: 20px;
    position: relative;
    margin-right: 0px;
    float: left;
    cursor: pointer;
}

.CarouselJumpButtonSelected {
    width: 20px;
    position: relative;
    margin-right: 0px;
    float: left;
    visibility:hidden;
}

.CarouselContentBox {           
    height:172px;     
    width: 263px;
    float:right;
}

.CarouselContentBoxImage {
    margin: 0px 0px 0px 3px;
    width: 256px;
    height: 169px;
    border: solid 1px silver;
}

.CarouselContentBoxImage:hover {
    border: solid 1px red;   
}

.CarouselContentBoxSmall {           
    height:102px;     
    width: 263px;
    float:right;
}

.CarouselContentBoxImageSmall {
    margin: 1px 0px 0px 3px;
    width: 256px;
    height: 98px;
    border: solid 1px silver;
}

.CarouselContentBoxImageSmall:hover {
    border: solid 1px red;   
}

.CarouselContentBoxColumn {
    margin-top: 1px;
    height:384px;     
    width: 263px;
    float:right;
    margin-right: 3px;
    overflow:visible;
}

.CarouselContentBoxColumnLeftSeparator {
    background: url("/Content/Images/CarouselContentBoxColumnLeftSeparator.png");
    height: inherit;
    width: 9px;
    position:absolute;
}

.CarouselContentBoxColumnHorizontalSeparator {
    background: url("/Content/Images/CarouselContentBoxColumnHorizontalSeparator.png");
    width: 260px;
    height: 6px;
    position: relative;
    float:right;
}

.BannerLink {
    width:690px;
    position:absolute;
}
.Banner {
    margin-top: -4px;
    height: 382px;
    width: 950px;
}

/******************************************************************************
    Overview
******************************************************************************/

#accordion ul {
    margin: 0;
    list-style-type: none;
}
#accordion li {
    margin: 10px 0;
    position: relative;
}

.accordion-toggle {
    font-weight: bold;
    color: rgb(55, 44, 28);
    cursor: pointer;
    font-size: 1.2rem;
    padding: 5px 30px 5px 5px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,bda173+100&0+0,0.75+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(189,161,115,0.75) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(189,161,115,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(189,161,115,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bfbda173',GradientType=0 ); /* IE6-9 */

    -webkit-box-shadow: 0px 2px 5px 1px rgba(189,161,115,1);
    -moz-box-shadow: 0px 2px 5px 1px rgba(189,161,115,1);
    box-shadow: 0px 2px 5px 1px rgba(189,161,115,1);
}

.accordion-button {
    position: absolute;
    right: 5px;
    top: 5px;
    background-image: url("/Content/Images/qa-accordion-button-closed.png");
    width: 26px;
    height: 26px;
}

.accordion-toggle.open .accordion-button {
    background-image: url("/Content/Images/qa-accordion-button-open.png");
}

.accordion-content {
    display: none;
    color: rgb(78, 68, 54);
    padding: 5px;
}

.accordion-content.default {
    display: block;
}

.toc-seperator {
    background: url("/Content/Images/divider-1.png") no-repeat;
    margin-bottom: 25px;
    height:7px;
}
.toc-sidebar-seperator {
    background: url("/Content/Images/divider-2.png");
    margin-top: 0;
    margin-bottom: 25px;
    height: 7px;
}

.gen-header {
  font-size: 30px;
  color: rgb(119, 32, 28);
  text-shadow: 0px 1px 1px #9c7f63;
  font-weight: 400;
  margin:10px 0 0;
}

/******************************************************************************
    Buttons
******************************************************************************/

.button-red {
    background-image: url("/Content/Images/button-active.png");
    margin-top: -20px;
    margin-left: -12px;
    width: 620px;
    height: 40px;
}

.button-red a:hover{
    background-image: url("/Content/Images/button-hover.png");
    margin-top: -20px;
    margin-left: -12px;
    width: 620px;
    height: 40px;
}

.button input[type="button"]{
  font-size:90%;
  color: rgb(254, 220, 189);
  text-align: center;
  text-shadow: 0.5px 0.866px 1px rgba(0, 0, 1, 0.294);
  background:url(/Content/Images/button-active.png) no-repeat center;
  display:inline-block;
  border: none;
  width: 137px;
  height: 44px;
  cursor:pointer;
  transition: all .5s;
 }
 .button input[type="button"]:hover {
  background-image: url("/Content/Images/button-hover.png"); 
 }

 .rbutton input[type="submit"]{
  font-size: 22px;
  color: rgb(57, 38, 18);
  text-align: center;
  text-shadow: 0.5px 0.866px 1px rgba(255, 255, 255, 0.216);
  background:url(/Content/Images/sign-up-button.png) no-repeat center;
  display:inline-block;
  border: none;
  width: 243px;
  height: 75px;
  cursor:pointer;
 }
 .rbutton input[type="submit"]:hover {
  background-image: url("/Content/Images/sign-up-button-active.png"); 
 }
 
.overview-img-1 {
    background-image: url("/Content/Images/astral-plane-overview.png");
    width: 533px;
    height: 306px;
}
.overview-img-1 {
    background-image: url("/Content/Images/astral-plane-overview.png");
    width: 533px;
    height: 306px;
}
.overview-img-2 {
    background-image: url("/Content/Images/cave-overview.png");
    width: 533px;
    height: 306px;
}

.img-container {
    height:100%;
}

/******************************************************************************
    Register
******************************************************************************/

.registerBox { 
    border: none;
    padding:10px 20px 0px 0px;
    margin-bottom:30px;     
    width:100%; 
    text-align:center;
    margin-left:auto;
    margin-right: auto;
    color:rgb(33, 27, 20);
}
.registerBox li {
    list-style: none;
}

.registerDBox {
   border: 1px solid #d89c67;
   background: #3a2613;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   color: #eacaa5;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   padding:0px;
   width:280px;
   }

.registerLabel {
    width: 120px;    
    text-align:right;
    display:inline-block;    
    margin-right:10px;
    font-size:16px;
}

.registerBox input, #loginForm input {
    border: 1px solid #d89c67;
    background: #3a2613;
    color: #eacaa5;  
    width: 250px;    
    padding: 5px;
}

.registerBox ol{
    padding: 10px 10px 0px 10px;
    text-align: left;
}

.registerBox select {
    height:28px;
    width: 120px;
}

.registerBox * #month {
    height:28px;
    width: 120px;
}

.registerBox #day {
    height:28px;
    width: 50px;
}

.registerBox * #year {
    height:28px;
    width: 80px;
}

.registerBox * #fcode {
    width: 70px;
    text-align: center;
}

.registerBox .btn{
    text-align: center;
    margin: 0px 0px 30px 0px;
    width: 180px;
}

.register-header {    
    text-align:center;
    margin: 15px;
}

.support-label {
    font-weight:bold;
}
.support-body a {
    color:#840808;
}

.support-body a:hover {
    color:#CC0E0E;    
}

/******************************************************************************
    Log In
******************************************************************************/

.loginBox {
    background: rgba(0,0,0,0.5);
    border: solid 1px gray;   
    padding:10px 10px 0px 10px;
    margin-bottom:30px;     
    width:690px; 
    text-align:center;
    margin-left:auto;
    margin-right: auto;
    color:white;
}

.loginLabel {
    width: 130px;    
    text-align:right;
    display:inline-block;    
    margin-right:10px;
}

.container {
display: inline-block; float:left; width: 900px;
}


.login-links a {
    color:red;
}

.login-links a:hover {
    color:red;
}

.password-changed {
    color:#D92626;
}

.topicPaging {
    padding-right:30px;
}

/******************************************************************************
    Account Management
******************************************************************************/



/******************************************************************************
    Media
******************************************************************************/

.media-separator {
    background: url("/Content/Images/mediaseperator.png");
    background-size:contain;
height: 46px;
width: 100%; 
    background-repeat: no-repeat;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.media-top-banner {
    box-sizing: border-box;
    background: url("/Content/Images/media-header.png") no-repeat top center;
    background-size: contain;
    width: 100%;
    height: 345px;
    position:relative;
    z-index:1;
    margin-top:-65px;
}
.media-top-banner .gen-header {
    padding: 35px 0 0 0;
}
.media-top-banner > a {
    display: inline-block;
    float: left;
    width: 49%;
}
.media-top-banner > a:first-of-type { margin-right: 2%; }
.media-top-banner .ImageWrapper {
    width: 100%;
    height: 200px;
}

.ImageWrapper img{
    width: 100%;
}

    .ImageWrapper .ImageOverlayH {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
        bottom: 0;
        display: block;
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all 0.2s ease 0s;
        width: 100%;
    }
    .ImageWrapper:hover .ImageOverlayH {
        opacity: 1;
    }

    .ImageWrapper .StyleH {
        visibility: hidden;
        margin: 0;
        opacity: 0;
        position: absolute;
        text-align: center;
        width: 100%;
        top: 50%;
        margin-top: -20px;
    }
    .ImageWrapper:hover .StyleH {
        opacity: 1;
        visibility: visible;
    }

.reply_button {
    margin-left:55px;
    margin-top:35px;
    display:block;
    font-size:90%;
    color: rgb(254, 220, 189);
    text-align: center;
    text-shadow: 0.5px 0.866px 1px rgba(0, 0, 1, 0.294);
    background:url(/Content/Images/button-active.png) no-repeat center;
    display:block;
    border: none;
    width: 137px;
    height: 44px;
    cursor:pointer;
    transition: all .5s;
}

.post-article {
    width: 100%;
    padding-top:0px; 
    padding-left:0;
    padding-left: 20px;
    padding-right: 15px;
}

    .post-article:first-child {
    }
.post-author-info {
    float:left;
    padding:10px 0;
    position:relative;
    width: 150px;
}
.post-author-info *{
    margin:0;
    text-align:center;
}
.post-author-info ul {
    list-style-type: none;
}
.post-author-info h3 {
    word-break: break-word;
}

.user_info {
    margin-top:40px;
    float:left;
    width:100%;
}
/*  Influence account subpage */
.accountRow * {
    float:left;
}
.accountRow:nth-child(2) {
}
.accountRow {
    width:100%;
    height:30px;
    border-bottom:solid 1px #000;
}

#influence .accountAction {
    padding-left:20px;
}

.accountDate {
    float:right;
    color:#666;
    padding-right:20px;
    text-transform: uppercase;
}

.tg-031e img {
    width: 36px;
    padding: 5px;
}

.gameImg {
    width: 100%;
}

.bottomBreadCrumbs {
    margin-top: 20px;
    margin-left: 30px;
    color:white;
}

    .bottomBreadCrumbs a:hover {
    color:#a33333;
    }


.postMessage {
min-height:150px;
}

.topicMessage {
min-height:150px;
}

.post-message{
    float: left;
    padding-top: 10px;
    width: 680px;
    padding-top: 25px;
}

.post-content {
    width:650px;
    float:right;    
    padding-top: 25px;
    min-height: 150px;
}

.post_number {
    float: right;
    color:#fff;
    margin-right:10px;
}
.postMessage {
    float:left;
    width:100%;
}
#NewPostMessage {
    margin-right: 400px;
}

.comment-post {
    width: 500px;
    padding-top: 30px;
    float: left;
}

.validation-summary-errors ul li {
    color: #e6ceab;
    list-style: none;
    width: 300px;
    background: #a33333;
    padding: 5px;
    margin-bottom: 5px;
}

.validation-summary-errors ul {
    display:inline-block;
}

@import url(http://fonts.googleapis.com/css?family=Arimo);
label[for="file-input"] {
  display: block;
  color: #fff;
  opacity: .9;
  font-weight: bold;
}

input[type="file"] {
  cursor: pointer !Important;
}
input[type="file"]::-webkit-file-upload-button {
  background: #a33333;
  border: 0;
  padding: 1em 2em;
  cursor: pointer;
  color: #fff;
  border-radius: .2em;
  font-size:12px;
}
input[type="file"]::-ms-browse {
  background: #a33333;
  border: 0;
  padding: 1em 2em;
  cursor: pointer;
  color: #fff;
  border-radius: .2em;
}


#file-input {
background:#e0ddd6;
margin-bottom:20px;
}