body {
    margin: 0px;
    padding: 0px;
    background:url(new-images/background.jpg) no-repeat top #0a0604;
    font-family:Arial, Helvetica, sans-serif;
    }


body,td,th {
    font-size: 11px;
    color: #FFFFFF;
    text-align: left
    vertical-align: top;
    font-family:Arial, Helvetica, sans-serif;
    }
    a {color: #F0F0F0;text-decoration: none; outline: none;}
    a:hover {color: orange;}
    img {border: none;}
    div { position:relative;}
input {
	position:relative;	background:url(new-images/inp-rep.png) top repeat-x;
	border: 1px solid #372a1a;
	color: #4b311b;
	padding: 6px 4px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px 0px 2px 0px;
	min-width:2px;
    }

   textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}
    form label {
    padding: 3px 0px;
    margin: 0px;
    }
    
    .button {padding: 3px;cursor: pointer;}
    strong.error {color: #FF0000;}
.header {
    position:relative;
    width:99%;
    }
    .logo { position:relative; margin: 228px 0px 21px 0px;}
           .logo a { display: block; width:329px; height:95px;} 
    #top-menu {
       padding: 0px;
       margin: 0px;
       display:block;
       width:941px; height:66px;
       position:relative;
       background:url(new-images/main-menu-image.png) no-repeat;
       padding: 10px 0px 0px 0px;
       }
       #top-menu li {
       list-style: none;
       display:inline-block;
       height:76px;
       position:relative;
       top:-37px; margin-left: -3px;
       }
       #top-menu li a {
       display:block;
       padding: 23px 22px;
       margin:0px;
       font-size:11px;
       text-transform:uppercase;
       color:#debe43;
       text-shadow:#000 0px 1px 1px;
       font-family:Arial, Helvetica, sans-serif;
       font-weight:bold;
       opacity: 1;
       }
       #top-menu li a:hover {
           color:#f7df80; 
           opacity: 1;
           background:url(new-images/menu-a-hover.png) no-repeat top;
           }
       #m-line { background:url(new-images/menu-line.png) no-repeat; width:2px; height:62px; top:2px !important;}





/* FOOTER */
.footer {
    position:relative;
    color: ##f0d97c;
    width:938px;
    height:130px;
    background:url(new-images/footer-image.jpg) no-repeat;
    padding: 90px 0px 0px 0px;
    }
    .footline {
    position:relative;
    background:url(new-images/footer-line.jpg) no-repeat;
    width:8px; height:117px;
    }
    .footer td p {
    padding: 7px 5px 0px 5px; margin: 0px;
    color:#594a3f; font-size:12px;
    }
    .footer td p a { color:#60544b; }
    .footer td p a:hover { color:#7e736b;}
    
    
#page {
    position:relative;
    width:902px; left:0px;
    margin: 0px 0px 0px 0px; padding:0px;
    }
#pages {
    position:relative;
    width:602px; left:0px;
    margin: 0px 0px 0px 0px; padding:0px;
    }
#page2 {
    position:relative;
    width:602px; left:7px;
    margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px;
    }
    #page2 form {
        position:relative;
        padding: 10px;
        background:url(new-images/rep-ef.png);
        border:solid 1px #1b130f;
        width: auto;
        min-width:300px;
        margin: 0px auto 50px auto;
        }
        #page2 form input, select {
        border: solid 1px #594538;
        color:#594538;
        }
.sidebar {
    position:relative; left:5px;
    width:335px;
    margin: 0px 6px 0px 0px;
    }

.post {
    width: 602px;
    margin: 0px 0px 5px 0px;
    }
    .post_header {
        background:url(new-images/head1.png) no-repeat;
        width:590px; height:35px;
        padding: 11px 0px 0px 12px;
        font-size:13px;
        font-weight: bold;
        color:#f2d78c; text-shadow:#000 1px 1px 1px;
        }
        .post_header a {
        font-size:13px;
        font-weight: bold;
        color:#f2d78c; text-shadow:#000 1px 1px 1px;
        }
        .post_header a:hover {color:#f6e0a4;}
    .post_body {
    background:url(/cataclysm/post_bg0.jpg) repeat-y;
    padding: 5px;
    width:592px;
    color:#796454;
    text-shadow:#20150e 1px 1px 1px;
    border-bottom: solid 1px #3b2a1a;
    }
    .post_body a {
        display:inline-block;
        padding: 0px 4px;
        color:#b09b8b;
        }
        .post_body a:hover { color:#FFF; }

.post_bodys {
    background:url(/cataclysm/post_bg0.jpg) repeat-y;
    padding: 5px;
    width:592px;
    max-height:220px;
    color:#796454;
    text-shadow:#20150e 1px 1px 1px;
    border-bottom: solid 1px #3b2a1a;
    }
    .post_bodys a {
        display:inline-block;
        padding: 0px 4px;
        color:#b09b8b;
        }
        .post_bodys a:hover { color:#FFF; }



    #sml-fix {border-top:solid 1px #3b2a1a;border-bottom:solid 1px #3b2a1a;}
    .post_body p {
    margin: 0px; padding: 0px;
    }

.post2 {
    width: 602px;
    margin: 0px 0px 5px 0px;
    }
    .post_header2 {
    background:url(new-images/head1.png) no-repeat;
    width:590px; height:35px;
    padding: 11px 0px 0px 12px;
    font-size:13px;
    font-weight: bold;
    color:#f2d78c; text-shadow:#000 1px 1px 1px;
    }
    .post_body2 {
    background:url(new-images/body-repeat.jpg) repeat-y;
    padding-right: 20px;
    width:602;
    color:#796454;
    text-shadow:#20150e 1px 1px 1px;
    border-bottom: solid 0px #3b2a1a;
    height: auto !important;
    min-height: 100px;
    }
    #sml-fix2 {
    min-height: 0px !important;
    border-top:solid 1px #3b2a1a;
    }
    .post_body2 p {
    margin: 0px; padding: 0px;
    }
    .post_body2 label {
    color:#826d5f;
    }
    
.header {
    display: block;
    line-height: 20px;
    padding-left: 5px;
    margin-top: 3px;
    margin-bottom: 3px;
    }
.avatar {
    background: url(images/wowhead/icon_border_large.png) center no-repeat;
    margin: 4px; border: solid 1px #CC6600
    }
.q {
    color: #ffd100;
    }
.q0, .q0 a {
    color: #9d9d9d;
    }
.q1, .q1 a {
    color: #ffffff;
    }
.q2, .q2 a {
    color: #1eff00;
    }
.q3, .q3 a {
    color: #0070dd;
    }
.q4, .q4 a {
    color: #a335ee;
    }
.q5, .q5 a {
    color: #ff8000;
    }
.q6, .q6 a {
    color: #e5cc80;
    }
.q7, .q7 a {
    color: #ff0000;
    }
.q8, .q8 a {
    color: #ffff98;
    }
.label {
    display: block;
    line-height: 20px;
    width: 130px;
    padding-left: 0px;
    text-align: left;
    background: url(images/label.png) center no-repeat;
    }
.details {
    display: block;
    padding-left: 7px;
    text-align: left;
    }
.spacer {
    padding:3px;
    }
.colorbad{
    color:red
    }
.colorgood{
color:lime
}



/* New Cont */ /* By Evil! */


.lside-tab {
    position:relative;
    width:329px;
    }
    .lside-head1 {    /* Head with title */
    position:relative;
    width:309px; height:28px;
    background:url(new-images/left-side-main-box-head2.png) no-repeat;
    font-size:13px; font-weight: bold; color:#bf8e45;
    padding: 15px 0px 0px 20px;
    text-shadow:#251811 1px 1px 0px;
    }
    .lside-head2 {    /* Head with no title. Use it just for info box */
    position:relative;
    width:329px; height:17px;
    background:url(new-images/leftside-main-box.png) no-repeat -0px -0px;
    }
    .lside-tab-cont {
      position:relative;
      background:url(new-images/leftside-main-box.png) repeat-y -329px -0px;
      }
      .lside-tab-cont td {
      color:#825e44;
      text-shadow:#000 0px 1px 0px;
      }
      .lside-tab-cont h3 {
          padding: 0px; 
          margin: 0px;
          }
      .lside-tab-cont p {        /* Use <p> only for text info, i set p:first-latter style*/
        position:relative;
        width:305px; left:8px; top:-8px;
        padding: 4px 4px 0px 4px; margin: 0px;
        color:#9f8370;
        line-height: 110%;
        text-align:justify;
        }
        /* .lside-tab-cont p:first-letter {
        font-size:30px;
        padding: 0px 4px 2px 0px;
        color:#e5d6ab;
        text-shadow:#000 1px 1px 0px;
        text-transform:uppercase;
        } */
    .lside-end {
    position:relative;
    width:329px; height:17px;
    background:url(new-images/leftside-main-box.png) no-repeat -658px -0px;
    }
    .line-x {
    position:relative; left:-5px;
    width:315px;
    height:2px;
    background:url(new-images/line-r-x.gif) repeat-x;
    margin: 3px 0px;
    }

/* Facebook, YouTube */
.fb-twb {
    position:absolute;
    width:120px; height:30px;
    top:9px; left:199px;
    }
    .fb-twb a {
    display:block;
    float:right;
    width:29px; height:29px;
    background-image:url(new-images/yt-fb.png);
    margin: 0px 0px 0px 3px;
    }
    #fb { background-position: -0px -30px;}
      #fb:hover { background-position: -0px -0px;}
    #yt { background-position: -30px -30px;}
      #yt:hover { background-position: -30px -0px;}

/* Like button */
.like {
    position:absolute;
    width:120px; height:30px;
    top:13px; left:150px;
}




/* login (Membership) */

.membership {
    position:relative; left:8px;
    padding: 4px 4px;
    width:305px;
    color:#88836f;
    text-shadow:#1a180f 1px 1px 1px;
    font-weight: bold;
    }
    .membership a {
    display:inline-block;
    padding:5px;
    font-size:11px; color:#735846;
    text-transform:uppercase;
    }
    .membership a:hover { color:#927865; background:#231710; border: solid 1px #3f2b1d; padding: 4px;}
    .membership input {
    width:193px;
    }
    .membership input[type="submit"] {
      width: 98px !important; height:62px !important;
      display:block; background:url(new-images/login-b.jpg) no-repeat -0px -0px;
      font-size: 1px !important;
      margin: 0px 0px 0px 3px !important;
      border: none;
      }
      .membership input[type="submit"]:hover {
      background:url(new-images/login-b.jpg) no-repeat -98px -0px;  
      }
     .membership ul {
         padding: 0px; margin: 0px;
         list-style: none;
         position:relative;
         }
         .membership ul li {
         display:inline-block; position:relative; top:4px;
         padding: 0px; margin:0px;
         z-index: 1;
         height:40px;
         margin: 0px -1px 0px -2px;
         }
         .membership ul li a {
         display:block;
         height:34px;
         }
         #reg {
         width:143px;
         background:url(new-images/new-acc-text.png) no-repeat center;
         border-right:solid 1px #1e130c !important; border: none;
         padding: 7px 7px 7px 7px;
         }
         #pwfr {
         width:125px;
         background:url(new-images/forgot-pw-text.png) no-repeat center;
         border-left: solid 1px #3b281a !important; border: none;
         padding: 7px 12px 7px 0px;
         }




/* Realm Status */
.realmst {
    position:relative; left:1px;
    background:url(new-images/realm-bar.png) no-repeat;
    width:327px; height:69px;
    margin: 5px 0px;
    }
    .realmst p {padding: 0px; margin: 0px;}
    #sname {
    position:relative;
    padding: 0px 0px 0px 0px;
    font-size:14px; font-family:Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#f2d78c; letter-spacing: -0.4px; text-shadow:#000 1px 1px 1px;
    padding: 10px 0px 0px 12px;
    }
    #sstatus {
    position:absolute;
    top:11px; left:301px;
    }
    #chars {
    position:relative; top:19px;
    display:inline-block;
    padding: 0px 10px;
    color:#6c4a34;
    text-shadow:#2b1d11 1px 1px 0px;
    }
    
/* Online/Offline */
.online {
position:relative;
width:15px; height:16px;
background:url(new-images/online-s.png) no-repeat;
}
.offline {
position:relative;
width:15px; height:16px;
background:url(new-images/offline-s.png) no-repeat;
}

/* REALMLIST */
.realmlist {
    position:relative; top:-5px; left:3px;
    width:323px; height:28px;
    background:url(new-images/realmlist-bg.jpg) no-repeat;
    color:#65554b;
    text-shadow:#000 1px 1px 0px;
    padding: 3px 0px 0px 0px;
    }




/* SLIDER */

/*--Main Container--*/
.main_view {
    position: relative;
    margin: 0px 0px 10px 0px;
    }
/*--Window/Masking Styles--*/
.window {
    height:247px;    width: 602px;
    overflow: hidden; /*--Hides anything outside of the set width/height--*/
    position: relative;
    }
.image_reel {
    position: absolute;
    top: 0; left: 0;
    }
.image_reel img { float: left;}

/*--Paging Styles--*/
.paging {
    position: absolute;
    bottom: -5px; right: 0px;
    width: 592px; height:32px;
    text-align: right;
    z-index: 100; /*--Assures the paging stays on the top layer--*/
    line-height: 40px;
    background:url(new-images/slider-menubar.png) no-repeat;
    display: none; /*--Hidden by default, will be later shown with jQuery--*/
    padding: 8px 10px 0px 0px;
    }
.paging a {
    display:inline-block;
    text-decoration: none;
    width:17px; height:17px;
    background:url(new-images/slider-pages.png) no-repeat -17px -0px;
    }
.paging a:hover {
    background:url(new-images/slider-pages.png) no-repeat -34px -0px;
    }
.paging a.active {
    font-weight: bold;
    background:url(new-images/slider-pages.png) no-repeat -0px -0px;
    }
.paging a:hover {font-weight: bold;}




/* News */
.posted-comment {
    position:relative;
    margin: 0px 0px 5px 0px;
    }
    .postd-comm-h {
    position: relative;
    padding: 5px 3px;
    background:url(new-images/rep-ef.png);
    border: solid 1px #251810;
    text-shadow:#251810 1px 1px 0px;
    color:#988373;
    }
    .postd-comm-cont {
    padding: 1px 3px 5px 3px;
    }
    
.news-post-down {
    position:relative;
    padding: 7px 0px 3px 10px;
    width:592px;
    background:url(new-images/line-r-x.gif) repeat-x top;
    left:-5px;
    margin: 5px 0px 0px 0px;
    }
    .news-post-down a {
    display:inline-block;
    padding: 0px 10px;
    color:#b09b8b;
    }
    .news-post-down a:hover { color:#FFF;}
    #border-zc {
    background:url(new-images/line-r-x.gif) repeat-x bottom;
    padding: 0px 0px 8px 10px;
    width:592px;
    position: relative; left:-10px;
    }
    .post-smt {
    width:597px;
    position:relative; left:-5px;
    background:url(new-images/line-r-x.gif) repeat-x top;
    padding: 10px 0px 0px 5px;
    }




















/* ===== forum Start ===== */

/* General forum Table View */
.gTable {background:#000000;border-bottom:1px solid black;}
.gTableTop {padding:2px;height:25px; background:url('new-images/head1.png') #191919;border:1px solid #494949; color:##f0d97c;font-family:Verdana,Sans-Serif;font-size:13px;font-weight:bold; padding-left:22px;}
.gTableSubTop {padding:2px;background:url('') #321D0F;color:#767676;height:21px;font-size:10px;border:1px solid #494949;}
.gTableBody {padding:2px;background:#261913;}
.gTableBody1 {padding:2px;background:#261913;}
.gTableBottom {padding:2px;background:#261913;}
.gTableLeft {padding:2px;background:#261913;font-weight:bold;color:##f0d97c}
.gTableRight {padding:2px;background:#261913;color:#666666;}
.gTableError {padding:2px;background:#261913;color:#FF0000;}
/* ------------------------ */

/* Forums Styles */
.forumNameTd,.forumLastPostTd {padding:2px;background:#261913}
.forumIcoTd,.forumThreadTd,.forumPostTd {padding:2px;background:#261913}
.forumLastPostTd,.forumArchive {padding:2px;font-size:7pt;}

a.catLink:link {text-decoration:none; color:#f0d97c;}
a.catLink:visited {text-decoration:none; color:#f0d97c;}
a.catLink:hover {text-decoration:underline; color:#f0d97c;}
a.catLink:active {text-decoration:underline; color:#f0d97c;}

.lastPostGuest,.lastPostUser,.threadAuthor {font-weight:bold}
.archivedForum{font-size:7pt;color:#FF0000;font-weight:bold;}
/* ------------- */

/* forum Titles & other */
.forum {font-weight:bold;font-size:9pt;}
.forumDescr,.forumModer {color:#888888;font-size:7pt;}
.forumViewed {font-size:9px;}
a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {text-decoration:underline; color:#f0d97c;}
a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {text-decoration:underline; color:#f0d97c;}
a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:none; color:#f0d97c;}
a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {text-decoration:underline; color:#f0d97c;}
/* -------------------- */

/* forum Navigation Bar */
.forumNamesBar {padding-bottom:7px;font-weight:bold;font-size:7pt;}
.forumBarKw {font-weight:normal;}
a.forumBarA:link {text-decoration:none; color:#f0d97c;}
a.forumBarA:visited {text-decoration:none; color:#f0d97c;}
a.forumBarA:hover {text-decoration:underline; color:#f0d97c;}
a.forumBarA:active {text-decoration:underline; color:#f0d97c;}
/* -------------------- */

/* forum Fast Navigation Blocks */
.fastNav,.fastSearch,.fastLoginForm {font-size:7pt;}
/* ---------------------------- */

/* forum Fast Navigation Menu */
.fastNavMain {background:#862D2D;color:#FFFFFF;}
.fastNavCat {background:#F9E6E6;}
.fastNavCatA {background:#F9E6E6;color:#0000FF}
.fastNavForumA {color:#0000FF}
/* -------------------------- */

/* forum Page switches */
.pagesInfo {background:#261913;padding-right:10px;font-size:7pt;}
.switches {background:#2B2B2B;}
.switch {background:#261913;width:15px;font-size:7pt;}
.switchActive {background:#555555;font-weight:bold;color:##f0d97c;width:15px}
a.switchDigit:link,a.switchBack:link,a.switchNext:link {text-decoration:none; color:##f0d97c;}
a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {text-decoration:none; color:##f0d97c;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline; color:#FFFFFF;}
a.switchDigit:active,a.switchBack:active,a.switchNext:active {text-decoration:underline; color:##f0d97c;}
/* ------------------- */

/* forum Threads Style */
.threadNametd,.threadAuthTd,.threadLastPostTd {padding:2px;padding:2px;background:#261913}
.threadIcoTd,.threadPostTd,.threadViewTd {padding:2px;background:#261913}
.threadLastPostTd {padding:2px;font-size:7pt;}
.threadDescr {color:#666666;font-size:7pt;}
.threadNoticeLink {font-weight:bold;}
.threadsType {padding:2px;background:#261913;height:20px;font-weight:bold;font-size:7pt;color:#FFFFFF;padding-left:40px; border:1px solid black;}
.threadsDetails {padding:2px;background:#373737;height:20px;color:#555555;color:#FFFFFF;border:1px solid black;}
.forumOnlineBar {padding:2px;background:#161616;height:20px;color:##f0d97c;border:1px solid black;}

a.threadPinnedLink:link {text-decoration:none; color:#f0d97c;}
a.threadPinnedLink:visited {text-decoration:none; color:#f0d97c;}
a.threadPinnedLink:hover {text-decoration:underline; color:#f0d97c;}
a.threadPinnedLink:active {text-decoration:underline; color:#f0d97c;}

.threadPinnedLink,.threadLink {font-weight:bold;}
a.threadLink:link {text-decoration:underline; color:#f0d97c;}
a.threadLink:visited {text-decoration:underline; color:#f0d97c;}
a.threadLink:hover {text-decoration:none; color:#f0d97c;}
a.threadLink:active {text-decoration:underline; color:#f0d97c;}

.postpSwithces {font-size:7pt;}
.thDescr {font-weight:normal;}
.threadFrmBlock {font-size:7pt;text-align:right;}
/* ------------------- */

/* Posts View */
.postTable {background:#555555}
.postPoll {background:#261913;text-align:center;}
.postFirst {background:#261913;border-bottom:1px solid silver;}
.postRest1 {background:#261913;}
.postRest2 {background:#261913;}
.postSeparator {height:2px;background:##f0d97c;}

.postTdTop {background:url('/.s/t/826/18.gif') #000000;color:#767676;height:21px;font-size:10px;border:1px solid #494949;}
.postBottom {background:#261913;height:20px;color:#555555;}
.postUser {font-weight:bold;}
.postTdInfo {background:#261913;text-align:center;padding:5px;}
.postRankName {margin-top:5px;}
.postRankIco {margin-bottom:5px;margin-bottom:5px;}
.reputation {margin-top:5px;}
.signatureHr {margin-top:20px;color:##f0d97c;}
.posttdMessage {background:#261913;padding:5px;}

.postPoll {padding:5px;}
.pollQuestion {text-align:center;font-weight:bold;}
.pollButtons,.pollTotal {text-align:center;}
.pollSubmitBut,.pollreSultsBut {width:140px;font-size:7pt;}
.pollSubmit {font-weight:bold;}
.pollEnd {text-align:center;height:30px;}

.codeMessage {background:#555555;font-size:9px;}
.quoteMessage {background:#555555;font-size:9px;}

.signatureView {font-size:7pt;}
.edited {padding-top:30px;font-size:7pt;text-align:right;color:#555555;}
.editedBy {font-weight:bold;font-size:8pt;}

.statusBlock {padding-top:3px;}
.statusOnline {color:#FFFF00;}
.statusOffline {color:#FFFFFF;}
/* ---------- */




/* ====== forum End ====== */



/* buttons */
.ui-button,
.ui-cancel { background: none; border: 0; cursor: pointer; display: inline-block; height: auto; overflow: visible; padding: 0; margin: 0; vertical-align: middle; outline: none; }
.ui-button span,
.ui-cancel span { outline: none; display: inline-block; padding: 0; margin: 0; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; font-weight: normal; height: 38px; line-height: 38px; text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap; cursor: pointer; }
.ui-button span { padding: 0 0 0 28px; background-position: 0 0; }
.ui-button span span { padding: 0 28px 0 0; background-position: 100% -123px; }
.ui-button.hover span,
.ui-button:hover span { background-position: 0 -41px; }
.ui-button.hover span span,
.ui-button:hover span span { background-position: 100% -164px; }
.ui-button.disabled,
.ui-button.processing { cursor: default; }
.ui-button.disabled span,
.ui-button.processing span { background-position: 0 -82px; cursor: default; }
.ui-button.disabled span span,
.ui-button.processing span span { background-position: 100% -205px; cursor: default; }
a.ui-button.imgbutton span { padding: 0 0 0 10px; }
a.ui-button.imgbutton span span { padding: 0 10px 0 0; }
a.ui-button.imgbutton span span span { padding: 0 5px; }
.ui-controls { border: 0; margin: 1.5em 0; padding: 0; overflow: hidden; clear: both; }