html, body { 
 text-align: center; 
}

html {
 overflow: -moz-scrollbars-vertical;
 overflow-y: scroll;
}

body {
	background: #00223d;
	background-image: url(/img/2/fennux_topbg5.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment:scroll;
	font-family: 'Open Sans', Arial, Verdana, Tahoma;
	font-size: 14px;
	color : #ffffff;
	margin: 0 auto;
}

p {margin:0;}

a.lexigames:link { 
	font-family:'Exo 2',sans-serif;
	font-size:18px;
	color:#fff; 
	text-decoration: none;
}
a.lexigames:visited { 
	font-family:'Exo 2',sans-serif;
	font-size:18px;
	color:#fff; 
	text-decoration: none;
}
a.lexigames:hover { 
	font-family:'Exo 2',sans-serif;
	font-size:18px;
	color:#00ffff; 
	text-decoration: none;
}
a.lexigames:active { 
	font-family:'Exo 2',sans-serif;
	font-size:18px;
	color:#fff; 
	text-decoration: none;
}

iframe {
overflow-x: hidden;
overflow-y: auto;
} 

ul.bullets {list-style-type:square;list-style-position:inside;}

b.headings {font-size:18px;}

a.nav:link { font-family:'Viga';text-decoration:underline;font-size:17px;color:#efefef;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;text-shadow: 0px 3px 3px rgba(0,0,0, 1.0); }
a.nav:visited { font-family:'Viga';text-decoration:underline;font-size:17px;color:#efefef;text-shadow: 0px 6px 3px rgba(0,0,0, 1.0); }
a.nav:hover { font-family:'Viga';text-decoration:underline;font-size:17px;color:#00ffff;text-shadow: 0px 6px 3px rgba(0,0,0, 1.0); }
a.nav:active { font-family:'Viga';text-decoration:underline;font-size:17px;color:#00ffff;text-shadow: 0px 6px 3px rgba(0,0,0, 1.0); }

a.toplinks:link { color:#00e3ff; }
a.toplinks:visited { color:#00e3ff; }
a.toplinks:hover { color:#fff; }
a.toplinks:active { color:#fff; }

a.newslinks:link { color:#fff; }
a.newslinks:visited { color:#fff; }
a.newslinks:hover { color:#00e3ff; }
a.newslinks:active { color:#00e3ff; }

a:link { color:#d2ff00; }
a:visited { color:#d2ff00; }
a:hover { color:#fff; }
a:active { color:#fff; }

a.footerlinks:link { font-size:13px;color:#ccc;text-shadow: 0px 2px 1px rgba(0,0,0, 1.0); }
a.footerlinks:visited { font-size:13px;color:#ccc; }
a.footerlinks:hover { font-size:13px;color:#ddd; }
a.footerlinks:active { font-size:13px;color:#ddd; }

strong {
font-weight:bold;
}

h1 {
font-size:32px;
font-weight:bold;
font-family: 'Oxygen', sans-serif, arial, verdana, tahoma;
margin: 5 0;
color:#00e3ff;
}

h2 {
font-size:22px;
font-weight:bold;
font-family: 'Oxygen', sans-serif, arial, verdana, tahoma;
margin: 5 0;
color:#00e3ff;
}

h3 {
font-size:24px;
font-weight:bold;
font-family: 'Oxygen', sans-serif, arial, verdana, tahoma;
margin: 5px 0px;
color:#00e3ff;
}

hr { 
border: 0; 
height: 2px;
width: 100%;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,222,255,0.95), rgba(0,0,0,0)); 
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,222,255,0.95), rgba(0,0,0,0)); 
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,222,255,0.95), rgba(0,0,0,0)); 
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,222,255,0.95), rgba(0,0,0,0)); 
}

td.footer {
text-align: center;
vertical-align: middle;
padding:0px;
}

td.headertop {
background-image: url(/img/2/headertop2.jpg); 
height: 39px;
width: 100%;
text-align: right;
vertical-align: middle;
font-family: 'Oxygen', sans-serif, arial, verdana, tahoma;
color: #ffffff;
border: 0;
}
td.headertop2 {
height: 8px;
width: 100%;
border: 0;
}

td.navigationbar {
background-image: url(/img/2/header_nav.png); 
height: 110px;
text-align: center;
vertical-align: middle;
font-family: 'Oxygen', sans-serif, arial, verdana, tahoma;
color: #fff;
border: 0;
}

td.beta {
width:830;
text-align: right;
vertical-align: middle;
font-family: arial, verdana, tahoma;
color: #fff;
border: 0;
}

td.beta2 {
width:400;
text-align: right;
vertical-align: middle;
font-family: 'Oxygen', sans-serif, arial, verdana, tahoma;
color: #fff;
border: 0;
}

td.logo {
width:990px;
text-align: center;
vertical-align: middle;
color: #ffffff;
border: 0;
}

img.overlay-left {
  position: absolute;
  top: 10px;
  left: 50%;
  margin-top: 45px;
  margin-left: -495px;
}

img.overlay-right {
  position: absolute;
  top: 10px;
  left: 50%;
  margin-top: 100px;
  margin-left: 220px;
}

table.newsbox {
height: 360px;
background-image: url(/img/dashboard_news_bg.png);
}
table.newsbox3 {
height: 460px;
background-image: url(/img/home3news.png);
}
td.mainbox {
height: 460px;
background-image: url(/img/bighome2.png);
}

table.account-table {
border-collapse:collapse;
font-size: 12px;
}
td.account-table1 {
color:#000000;
border: 1px solid #00e3ff;
text-align: center;
background-color:#00e3ff;
font-weight:bold;
cursor: pointer;
}
td.account-table2 {
border: 1px solid #00e3ff;
text-align: center;
background-color:#000000;
font-size:10px;
}


table.footerbg {
height: 265px;
width: 990px;
background-image: url(/img/2/fennux_footer_new3.png);
background-position: bottom center;
background-repeat: repeat-x;
}

.fencyclopedia-box {
    width: 900px;
    height: 164px;
    text-align: center;
    padding: 14px 20px;
    overflow: hidden;
    background-color:rgba(0,0,0,0.4);
    border: 3px solid #ffffff;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.fencyclopedia-box .arrows {
    position: absolute;
    z-index: 2;
}

.fencyclopedia-box .arrow-left,
.fencyclopedia-box .arrow-right {
    cursor: pointer;
    position: relative;
    top: 60px;
    z-index: 3;
    -moz-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.fencyclopedia-box .arrow-left:hover,
.fencyclopedia-box .arrow-right:hover {
    opacity: 0.5;
}

.fencyclopedia-box .arrow-left {
    left: 22px;
}

.fencyclopedia-box .arrow-right {
    left: 814px;
}

.fencyclopedia-box .images {
    height: inherit;
    text-align: left;
    position: relative;
    left: 0px;
    z-index: 1;
}

.fencyclopedia-box .images .image {
    padding: 0px 100px;
    margin-right: -4px;
    display: inline-block;
    width: 700px;
}

.fencyclopedia-box .images .image img {
    float: left;
    margin-right: 26px;
}

.fencyclopedia-box .images .image h4 {
    display: block;
    font-size: 20px;
    font-weight: bold;
    padding: 24px 0px 6px 0px;
}

.fencyclopedia-box .images .image p {
    display: block;
    line-height: 18px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.table-pagination {
    text-align: center;
    display: inline-block;
    margin: 14px 0px;
    padding: 8px 6px;
    line-height: 12px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    background-color: rgba(0, 0, 0, 0.25);
    text-shadow: 1px 1px 0px #000000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.table-pagination .prev,
.table-pagination .next,
.table-pagination .first,
.table-pagination .last {
    margin: 0px 2px;
    cursor: pointer;
    padding: 4px 7px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    background-color: rgba(0, 0, 0, 0.25);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    -moz-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.15);
}

.table-pagination .prev:hover,
.table-pagination .next:hover,
.table-pagination .first:hover,
.table-pagination .last:hover {
    opacity: 0.6;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.table-pagination .disabled,
.table-pagination .disabled:hover {
    opacity: 0.4;
    cursor: default;
}

.table-pagination .pages {
    display: inline-block;
    margin: 0px 8px;
}

.table-pagination .page,
.button-download,
.button-download[disabled]:hover {
    padding: 6px 8px;
    margin: 0px 2px;
    cursor: pointer;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.4);
    background-color: rgba(0, 0, 0, 0.25);
    color: #ffffff;
    text-shadow: 1px 1px 0px #000000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.15);
}

.table-pagination .page.current,
.table-pagination .page:hover,
.button-download:hover {
    background: rgba(100, 100, 100, 0.2);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.button-download[disabled] {
    opacity: 0.5;
    cursor: not-allowed !important;
}

.loading-layer {
    text-align: center;
    background-color: rgba(50, 50, 50, 0.85);
    position: relative;
    z-index: 2;
}


#ex4 {width: 100%;margin: 0 auto;}
#ex4 img {margin: 0px;border: 0px solid #eee;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
#ex4 img:hover {-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);-o-transform: rotate(-3deg);}

.whitelights img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}

.whitelights:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

img.staffborder {
border: 3px solid #fff;
}

td.highlight {
font-weight: bold;
color: #00e3ff;
}

table#guide{
	background-image: url(/img/guide_separator.png);
	background-position: top center;
	background-repeat: no-repeat;
}
table#breeding{
	background-image: url(/img/guide_separator.png);
	background-position: top center;
	background-repeat: no-repeat;
}
table#crafting{
	background-image: url(/img/guide_separator.png);
	background-position: top center;
	background-repeat: no-repeat;
}
table#dueling{
	background-image: url(/img/guide_separator.png);
	background-position: top center;
	background-repeat: no-repeat;
}

div#google_translate_element {
height: 24px;
}