body { margin:0; padding:0; background: #eef7f9 url(../img/bgRepeat.jpg) center top repeat-x;  }
p { padding: 0; margin: 0; }
h2,h1 { padding: 0; margin: 0; }
ul,li { padding: 0; margin: 0; list-style: none; }

@font-face {font-family: "Sniglet"; src: url(../img/SnigletRegular.ttf); font-weight: normal; }
@font-face {font-family: "FFFIntelligentThinCondensed"; src: url(../img/FFFIntelligentThinCondensed.ttf); font-weight: normal; }
@font-face {font-family: "04B03"; src: url(../img/04B03.ttf); font-weight: normal; }
@font-face {font-family: "impact"; src: url(../img/PhrasticMediumRegular.ttf); font-weight: normal; }

#wrapper { width: 100%; position: absolute; background: url(../img/bg.jpg) center top no-repeat; }
.serverStatus { width: 100%; height: 77px; background: url(../img/serverstatusBg.jpg) center top repeat-x; }
.onlinestatus { width: 954px; height: 77px; margin: 0 auto; background: url(../img/serverStatus.png) no-repeat; }
.onlinestatus ul li { width: 155px; height: 57px; float: left; }
.onlinestatus ul li img { position: relative; }
.onlinestatus ul li:nth-child(1) img { top: 5px; left: 90px; }
.onlinestatus ul li:nth-child(2) { width: 110px; }
.onlinestatus ul li:nth-child(2) img { top: 5px; left: 52px; }
.onlinestatus ul li:nth-child(3) { width: 182px; }
.onlinestatus ul li:nth-child(3) img { top: 5px; left: 52px; }
.onlinestatus ul li:nth-child(4) { font-family: "PhrasticMediumRegular"; font-size: 16pt; color: #fff; text-shadow: 2px 2px #333; line-height: 87px; text-align: center; width: 62px; }
.onlinestatus ul li:nth-child(5) { width: 340px; }
.onlinestatus ul li:nth-child(5) iframe { position: relative; left: 170px; top: 12px; }
.onlinestatus ul li:nth-child(6) { width: 105px; }
.onlinestatus ul li:nth-child(6) img { top: 5px; left: 64px; }

#main { width: 975px; margin: 0 auto; }

#header { width: 975px; height: 360px; margin: 0 auto; }
.logo { width: 277px; height: 280px; }
.logo img { position: relative; top: 30px; left: 350px; }
.logo img:hover { top: 25px; }

.navigation { width: 972px; height: 87px; background: url(../img/navigationBg.png) no-repeat; margin: 0 auto; padding: 16px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.navigation ul {width: 933px; height: 34px; overflow: hidden; }
.navigation ul li { width: 111px; height: 34px; overflow: hidden; float: left; }
.navigation ul li img { position: relative; }
.navigation ul li:nth-child(2) { width: 156px; }
.navigation ul li:nth-child(2) img { left: -111px; }
.navigation ul li:nth-child(3) { width: 172px; }
.navigation ul li:nth-child(3) img { left: -267px; }
.navigation ul li:nth-child(4) { width: 121px; }
.navigation ul li:nth-child(4) img { left: -439px; }
.navigation ul li:nth-child(5) { width: 135px; }
.navigation ul li:nth-child(5) img { left: -560px; }
.navigation ul li:nth-child(6) { width: 124px; }
.navigation ul li:nth-child(6) img { left: -695px; }
.navigation ul li:nth-child(7) { width: 114px; }
.navigation ul li:nth-child(7) img { left: -819px; }
.navigation ul li img:hover { top: -48px; }

#container { width: 970px; background: rgba(255,255,255,0.8); -webkit-box-shadow: 1px 2px 3px 1px rgba(50, 50, 50, 0.2);
-moz-box-shadow: 1px 2px 3px 1px rgba(50, 50, 50, 0.2); box-shadow: 1px 2px 3px 1px rgba(50, 50, 50, 0.2); border-radius: 5px; min-height: 100px; padding: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.containerLeft { width: 259px; height: 628px; background: url(../img/containerLeft.png) no-repeat; float: left; }

.accountPanel { width: 236px; height: 288px; margin: 74px auto 0 auto; }
.login_row_main { width: 236px; height: 80px; }
.login_row { width: 150px; margin: 7px 0 0; float: left; }
.login_row table tr td input.textClass { width: 143px; height: 24px; background: url(../img/textBox.png) no-repeat; border: 0; outline: 0; padding: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin-bottom: 8px; }

.login_btn { width: 77px; height: 72px; overflow: hidden; float: left; }
.login_btn input.loginBtn { width: 77px; height: 72px; outline: 0; border: 0; cursor: pointer; background: url(../img/loginBtn.png) no-repeat; }
.login_btn input.loginBtn:hover { background-position: 0 -76px; }

.accountButtons ul li img { position: relative; }
.accountButtons ul li:nth-child(2) { width: 236px; height: 47px; overflow: hidden; }
.accountButtons ul li:nth-child(2) img:hover { top: -47px; }
.accountButtons ul li:nth-child(3) { width: 236px; height: 45px; overflow: hidden; }
.accountButtons ul li:nth-child(3) img:hover { top: -48px; }

.woewidget { width: 236px; height: 270px; margin: 0 auto; }
.woesched { border:none; width:236px; margin-top:1px; }
.woebg1{ background:#009999; color:#fff; padding:10px; }
.woebg2{ color:#000000; background:#CCFFFF; padding:10px; }

.containerMiddle { width: 426px; margin: 0 4px; float: left; }

.containerMiddletop { width: 426px; height: 10px; background: url(../img/containerMiddletop1.png) no-repeat; float: left; }

.containerMiddlecenter { width: 426px; min-height: 500px; background: url(../img/containerMiddle.png) no-repeat , url(../img/containerMiddlecenter.png) repeat-y;  padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; float: left; }

.banner { width: 402px; height: 178px; margin: 0 auto; }
.banner .cycle-slideshow div { display: block; position: relative; top: 0; left: 0; }
.banner .cycle-slideshow div p { width: 100%; font-family: "Arial"; position: absolute; left: 0; bottom: 0; height: 45px; color: #fff; background: rgba(0,0,0,0.5); }
.banner .cycle-slideshow div p span.boldItalic { font-weight: bold; font-style: italic; color: #fff; font-size: 11pt; padding-left: 16px; top: 3px; position: relative; }
.banner .cycle-slideshow div p span.arial { color: #fff; font-size: 10pt; padding-left: 16px; top: 3px; position: relative;  }

.welcome { width: 396px; height: 168px; background: url(../img/welcomeBg.png) no-repeat; margin: 0 auto; }
.welcome p { width: 280px; color: #4e4a49; font-family: "Sniglet"; font-size: 14px; text-indent: 25px; }
.welcome p.first { padding-top: 37px; }

#newstab { width: 407px; height: 262px; margin: 0 auto; background: url(../img/newstab.png) no-repeat;  font-family: "Arial"; font-size: 10px; text-indent: 0px; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

#newstab ul li { height: 50px; overflow: hidden; float: left; }
#newstab ul li:nth-child(1) { margin-right: 182px; }
#newstab ul li img { position: relative; }
#newstab ul li img:hover { top: -51px; }

/*#NEWS, #UPDATES { width: 388px; margin: 0 auto; }
#NEWS table tr td, #UPDATES table tr td { font-family: "Sniglet"; font-size: 12px; }
#NEWS table tr td:nth-child(1), #UPDATES table tr td:nth-child(1) { width: 270px; }
#NEWS table tr:nth-child(even) td, #UPDATES table tr:nth-child(even) td { text-indent: 30px; padding-bottom: 6px; color: #323232; }
#NEWS table tr td a, #UPDATES table tr td a { color: #1768bc; font-weight: bold; font-size: 15px; }
#NEWS table tr td span.date, #UPDATES table tr td span.date { color: #686868; }
*/
.news { margin-top: 20px; }
.news table { width: 100%; border-collapse: collapse; margin-top: 10px; font-family: "Arial", sans-serif; font-weight: bold; }
.news table tr td a, .news table tr td { -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in; } 
.news table tr { display: block; width: 100%; background: url(../img/newsDivider.png) center bottom no-repeat; margin-bottom: 10px; }
.news table tr td { vertical-align: middle; }
.news table tr td:last-child { text-align: right; color: #616161; }
.news table tr td a { line-height: 1; display: block; color: #616161; }
.news table tr:hover td a, .news table tr:hover td { color: #078610; }

#CASTLES { height: 202px; background: url(../img/castleBg.jpg) center top no-repeat; }
#CASTLES div { width: 75px; height: 202px; float: left; }
#CASTLES .castle_1 img { position: relative; top: 60px; left: 37px; }
#CASTLES .castle_2 img { position: relative; top: 125px; left: 38px; }
#CASTLES .castle_3 img { position: relative; top: 60px; left: 37px; }
#CASTLES .castle_4 img { position: relative; top: 125px; left: 38px; }
#CASTLES .castle_5 img { position: relative; top: 65px; left: 34px; }
.tab-content table { width: 100%; }

.containerMiddlebottom { width: 426px; height: 13px; background: url(../img/containerMiddlebottom.png) no-repeat; float: left; }

.containerRight { width: 259px; height: 628px; background: url(../img/containerRight.png) no-repeat; float: left; }

/*.cashSlideshow { width: 220px; height: 280px; margin: 0 auto 0 auto; text-align: center; }
.cashSlideshow div img { width: 75px; height: 100px; margin-bottom: 15px; }
.cashSlideshow div { width: 100%; height: 180px; text-align: center; position: relative; top: 80px !important; overflow: hidden; }
.cashSlideshow p { width: 100% !important; color: #ff8809; width: 149px; }
.cashSlideshow span.gray { font-family: "Arial"; font-size: 12px; color: #616161; font-weight: bold; }
.cashSlideshow span.ored { font-family: "Arial"; font-size: 12px; color: #e54f3e; font-weight: bold; }
.cashSlideshow p a { font-family: "Arial"; font-size: 12px; color: #53aa2f; text-decoration: underline; font-weight: normal; }
*/
.videoArea{width:220px;height:280px; margin: 0 auto 0 auto; text-align: center; }
.videoArea div { width: 100%; height: 180px; text-align: center; position: relative; top: 81px !important; overflow: hidden; /*background:#bbca6a; border-radius:5px;padding:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box*/}

.facebook { width: 260px; height: 340px; margin: 0 auto; }
.facebook iframe { width: 229px !important; height: 270px !important; position: relative; top: 80px; left: 15px; border: 0 !important; }

#footer { width: 970px; margin: 30px auto; }
.copyright { width: 970px; margin: 0 25px; text-align:center}
.copyright p { font-family: "FFFIntelligentThinCondensed"; font-size: 9px; text-align: center; color: #333;}
/*Hover*/
.logo img, .navigation ul li img, .logged a, .containerMiddlecenter input[type=submit], .containerMiddlecenter input[type=button], button[type=submit]   { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }

.adjust { width: 404px; overflow: auto; }

.logged  { font-size: 9pt; color: #575757; font-family: "Lucida Grande", "Lucida Sans", Verdana, Tahoma, sans-serif; }
.logged > a, .shop_menus a, .containerMiddlecenter input[type=submit], .containerMiddlecenter input[type=button], button[type=submit] { font-weight: normal; font-style: normal; font-size: 10pt; padding: 4px 10px; background: #ff6f43; border-radius: 2px; color: #54656b; border-bottom: 3px solid #ff4e1e; color: #FFF; display: inline-block; border: 0; cursor: pointer; }
.logged > a:hover { background: #ff8b5f; color: #fff; }
.logged span { height: 150px; display: block; text-indent: 10pt; }

#submenu { padding: 5px; background: #2c8baa; border-radius: 3px; color: #fff; }
#adminmenu { padding: 5px; margin-bottom: 5px; background: #2c8baa; border-radius: 3px; color: #fff; }
#submenu a, #adminmenu a { color: #f4f4f4; }
.vertical-table { width: 100%; border-collapse: collapse; }
.horizontal-table { width: 100%; border-collapse: collapse; }
.vertical-table th, .horizontal-table th { background: #2c8baa; border: 1px solid #33a3c7; color: #FFF; }
.vertical-table td, .horizontal-table td { background: #3097b9; color: #000; border: 1px solid #33a3c7; color: #FFF; }
.vertical-table th a, .horizontal-table th a { color: #fff; text-decoration: underline; }
.vertical-table td a, .horizontal-table td a { color: #fff; text-decoration: underline; }
span.offline, span.not-applicable { color: #444; }
.containerMiddlecenter h2 { padding: 5px 0; }
.info-text { background: #2c8baa; color: #FFF; border: #33a3c7; }
.containerMiddlecenter input[type=button], button[type=submit] { padding: 5px 20px; }
.containerMiddlecenter input[type=submit]:hover, .containerMiddlecenter input[type=button]:hover, button[type=submit]:hover { background: #006fc0; }

#pagemenu { color: #fff; background: #2c8baa;  font-size: 10pt; padding: 5px 10px; border: 0; }
#pagemenu a {color: #fff; }
.clear { clear: both; }

.ItemRate { width: 128px; }
.ItemRate img { width: 120px; }
.ItemMall { margin-bottom: 10px; }
.CustomItem { height: auto; margin-bottom: 0px; }


.tab {
    display:none;
}
 
.tab.active {
    display:block;
}
}



.button {
    background-color:#bdc3c7;
    font-size:13px;
    text-decoration:none;
    color:#333;
    position:relative;
    margin-left:35px;
    padding:10px 20px;
    border-left:solid 1px #d3d8db;
    border-radius: 5px;
    box-shadow: inset 0px 1px 0px #dcdfe1, 0px 5px 0px 0px #7f8c8d, 0px 10px 5px rgba(39, 39, 39, 0.8);
}



/* EFFECTS */


.button:hover {
    top:7px;
    color: #95a5a6;
    background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    box-shadow: inset 0px 1px 0px #ecf0f1, 0px 1px 0px 0px #7f8c8d, 0px 2px 5px rgba(39, 39, 39, 0.8);
    text-shadow: 0px 1px 1px rgba(255,255,255,0.3);
}


/* COLORS */


.button-primary {
    color: #fff;
    background-color: #3498db;
    border-left:solid 1px #6fbaec;
    box-shadow: inset 0px 1px 0px #73b0d8, 0px 6px 0px #2980b9, 0px 10px 5px rgba(39, 39, 39, 0.8);
}
.button-primary:hover {
	color: #2980b9;
	box-shadow: inset 0px 1px 0px #73b0d8, 0px 1px 0px 0px #2980b9, 0px 2px 5px rgba(39, 39, 39, 0.8);
}
.button-success {
    color: #fff;
    background-color: #2ecc71;
    border-left:solid 1px #78e0a4;
    box-shadow: inset 0px 1px 0px #6ccc95, 0px 6px 0px #27ae60, 0px 10px 5px rgba(39, 39, 39, 0.8);
}
.button-success:hover {
	color: #26a95e;
	box-shadow: inset 0px 1px 0px #6ccc95, 0px 1px 0px 0px #27ae60, 0px 2px 5px rgba(39, 39, 39, 0.8);
}
.button-error {
    color: #fff;
    background-color: #e74c3c;
    border-left:solid 1px #ee897f;
    box-shadow: inset 0px 1px 0px #e98a80, 0px 5px 0px #c0392b, 0px 10px 5px rgba(39, 39, 39, 0.8);
}
.button-error:hover {
	color: #cc3e2f;
	box-shadow: inset 0px 1px 0px #e98a80, 0px 1px 0px 0px #c0392b, 0px 2px 5px rgba(39, 39, 39, 0.8);
}
.button-warning {
    color: #fff;
    background-color: #e67e22;
    border-left:solid 1px #f0ab6e;
    box-shadow: inset 0px 1px 0px #e3a36a, 0px 6px 0px #d35400, 0px 10px 5px rgba(39, 39, 39, 0.8);
}
.button-warning:hover {
	color: #c56816;
	box-shadow: inset 0px 1px 0px #e3a36a, 0px 1px 0px 0px #d35400, 0px 2px 5px rgba(39, 39, 39, 0.8);
}


/* SIZES */


.button-small {
    font-size: 73%;
}
.button-regular {
    font-size: 100%;
}
.button-large {
    font-size: 140%;
}