/* HTML tag styles */
html, body {margin:0; padding:0;}
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height:1.166; color:#666; background:#fff;}
img {border:0;}
/* Layout Divs */
#wrapper {width:990px; position:relative; margin:0 auto; padding:0px;}
/* Component Divs */
#header {margin:10px 0; padding:15px; position:relative; width:960px; height:68px; overflow:visible; background:#fff; border:1px solid rgba(0,0,0,0.05); border-radius:5px; background-image:radial-gradient(rgba(0,0,0,.25), rgba(0,0,0,0));}
#main {width:960px; margin:10px 0; padding:15px; font-size:82%; background:#fff; border: 1px solid rgba(0,0,0,0.05); border-radius:5px;}
#footer {text-align:right; margin:10px 0; padding:15px; font-size:82%; background:#fff; width:960px; border:1px solid rgba(0,0,0,0.05); border-radius:5px; background-image:radial-gradient(rgba(0,0,0,.25), rgba(0,0,0,0));}
/* Header tag styles */
h1, h2, h3, h4, h5 {font-weight:bold; color:#3f3f3f;}
h1 {font-size:150%; margin:0; padding:5px 10px 10px 30px;}
h2 {margin:3px 3px 3px 70px; padding:12px; font-size:180%; font-family:'Philosopher', Georgia, Times, serif; color:#2b9cd5; text-shadow:0 0 2px rgba(0, 0, 0, 0.25);}
h2 span.hd1 {color:#ea851d;}
h2 span.hd2 {color:#7cb447;}
h3 {font-size:120%; margin:0; padding:10px 10px 10px 30px;}
h4, h5 {font-size:100%; margin:0; padding:5px 10px 5px 30px;}
/* List tag styles */
ul {list-style-type:disc; margin:0; padding:0;}
ul ul {list-style-type:circle; margin:0; padding:0;}
ul ul ul {list-style-type:none; margin:0; padding:0;}
ol {margin:0; padding:0;}
/* Hyperlink and anchor tag styles */
a:link, a:visited {color:#069; text-decoration:underline;}
a:hover {color:#cd0000; text-decoration:none;}
/* form styles */
form {margin:0; padding:0;}
/* header styles */
.search {margin:24px 0 10px 10px; padding:0; position:absolute; top:13px; right:15px; z-index:75;}
/* main styles */
#main p {text-align:justify; text-indent:25px; margin:0 5px; padding:5px 0;}
#main p.white {text-align:center; text-indent:0; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc;}
#main ul {margin:0; padding:5px 5px 5px 50px;}
#main ol {margin:0; padding:5px 5px 5px 50px;}

.lft {float:left;}
.rgt {float:right;}
.one-half {width:50%;}
.top-ads {clear:both; padding:0; margin:5px auto 25px auto;}
.center-ads {clear:both; padding:0; margin:35px auto 5px auto;}
.clear {clear:both;}
.hidden {display:none;}
.marl {margin-left:10px;}
.hgt {min-height:252px;}

.block {border:1px solid rgba(0,0,0,0.05); border-radius:5px; margin:10px 15px; padding:7px;}
.block img {padding:0 0 3px 0;}
.block h5 {font-size:85%; text-align:center; margin:0; padding:0;}

.tableC {border:1px solid #8b9980;margin:5px auto;text-align:center;background-color:#fff;}
.tableC tr {vertical-align:middle;}
.tableC th {border:1px solid #8b9980; padding:7px; font-weight:bold;}
.tableC td {border:1px solid #8b9980; padding:3px;}

.rttip {position:relative; cursor:help;}
.rttip span {border-bottom:1px dotted #413723;}
.rttip em {font-style:normal; z-index:10; display:none; margin:-32px 0 0 20px; padding:7px; width:300px; border-radius:4px; box-shadow: 5px 5px 8px #ccc;}
.rttip:hover em {display:inline; position:absolute; border:1px solid #dca; background:#fffaf0;}
.rttip:hover em b {display:block; padding:10px 7px;}
.callout {z-index:20; position:absolute; top:30px; left:-12px;}

.effect {cursor:pointer;}
.pst {background:#ddffdd;}
.ngt {background:#fdf5e6;}
.hlcell {font-weight:bold; cursor:default;}

.map {margin:10px auto; padding:0;}
.map area {cursor:pointer;}
.eso {width:960px; height:960px; position:relative;}
.fo {width:920px; height:920px; position:relative;}
.db {width:930px; height:848px; position:relative;}
.si {width:760px; height:760px; position:relative;}
.int {width:770px; height:770px; position:relative;}

#morelist {margin:0; padding:30px 5px 5px 5px; list-style-type:none; color:#069; text-align:center; text-indent:-50px;}
#morelist .show {cursor:pointer;}
#morelist .show b {font-weight:normal;}
#morelist li:hover {color:#cd0000; text-decoration:underline;}

#main .blocktxt {margin:0 0 0 110px; padding:2px 5px;}
#main .blocktxt p {text-align:justify; text-indent:0px; margin:0px; padding:2px;}
#main .blocktxt p span {font-style:italic;}
#main .blocktxt img {padding:4px 7px 0px 0px; float:left;}
#main ul.tablet {float:left; list-style:none; margin:0px; padding:3px 5px 0px 5px; font-size:10px; font-weight:bold;}
#main ul.tablet li {margin:0px; padding:1px 0px; white-space:nowrap;}
.red {color:#990000;}
.green {color:#006600;}

#infobox {border:1px solid #eee; margin-left:10px; height:440px; background-color:#fefefe;}
#infobox h3 {font-size:85%; text-align:center; padding:3px 5px;}
#infobox h5 {font-size:85%; text-align:center; padding:5px 0 0 0;}
#infobox .info {display:none; padding:5px;}
#infobox .info p {text-indent:20px; text-align:justify; padding:2px; margin:0;}
#infobox .info ul {padding:2px 2px 2px 40px;}

.markimg {margin:0; padding:0; position:absolute; cursor:pointer;}
.tooltip {position:absolute;}
ul li.tooltip {list-style-type:none; white-space:nowrap;}
ul li.tooltip b {display:none;}
ul li.tooltip:hover {position:absolute; top:0; left:0; z-index:500;}
ul li.tooltip:hover b {display:block; position:absolute; top:24px; left:-7px; padding:1px 4px 2px 4px; font-weight:normal; border:1px solid #888; background:#fff;}
ul li.tooltip:hover b em.outer {position:absolute; left:8px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #888; overflow:hidden; z-index:100;}
ul li.tooltip:hover b em.inner {position:absolute; left:8px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #fff; overflow:hidden; z-index:100;}
.tooltipR {position:absolute;}
ul li.tooltipR {list-style-type:none; white-space:nowrap;}
ul li.tooltipR b {display:none;}
ul li.tooltipR:hover {position:absolute; top:0; left:0; z-index:500;}
ul li.tooltipR:hover b {display:block; position:absolute; top:24px; right:-24px; padding:1px 4px 2px 4px; font-weight:normal; border:1px solid #888; background:#fff;}
ul li.tooltipR:hover b em.outer {position:absolute; right:8px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #888; overflow:hidden; z-index:100;}
ul li.tooltipR:hover b em.inner {position:absolute; right:8px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #fff; overflow:hidden; z-index:100;}

#scrollBox {margin:15px 0 0 30px; padding:0; width:387px; height:242px; overflow:auto; border:1px solid #888; background:url(../img/roller_back.gif) fixed;}
#scrollBox ul {margin:0; padding:0; list-style:none; width:367px;}
#scrollBox ul li {display:block; height:26px; line-height:26px; width:367px; font-size:11px; color:#000; font-weight:bold; text-indent:30px; border-bottom:1px solid #ccc; cursor:pointer;}
#scrollBox ul li:hover {background:#e60; color:#fff;}

.faqs {margin:0;padding:0;text-align:justify;border-bottom:1px dashed #ccc;}
label.faq {display:block;color:#069;cursor:pointer;padding:6px 30px;border-top:1px dashed #ccc;}
label.faq:hover {color:#cd0000;}
label.faq + input {position:absolute;display:none;}
#main label.faq + input + div {padding:0;margin:0;color:#666;height:0;overflow:hidden;
-webkit-transition:0.25s ease-in-out;
-moz-transition:0.25s ease-in-out;
-o-transition:0.25s ease-in-out;
transition:0.25s ease-in-out;
}
#main label.faq + input:checked + div.faqtxt {height:100%;}

.ttip {position:relative; border-bottom:1px dotted #413723;}
.ttip em {display:none;}
.ttip:hover em {font-style:normal; display:block; position:absolute; background:#796f57; color:#fff; padding:4px 7px; bottom:22px; box-shadow:0 0 5px #413723; border-radius:5px; white-space:nowrap;}
.lt:hover em {right:0;}
.lt:hover em i {position:absolute;bottom:-7px;right:5px;border-top:7px solid #796f57;border-left:7px solid transparent;display:block;}
.rt:hover em {left:0;}
.rt:hover em i {position:absolute;bottom:-7px;left:5px;border-top:7px solid #796f57;border-right:7px solid transparent;display:block;}

.alliance-tabs .tab{display:inline-block;background:transparent url(../foto/eso/tabs-alliance.png) 0 0 no-repeat;width:250px;height:105px;}
.alliance-tabs{padding-left:10px;}
.alliance-tabs h4{font-family:'Philosopher', Georgia, Times, serif; color:#413723; font-size:100%;line-height:100px;display:block;}
.alliance-tabs span{padding-left:70px;}
.alliance-tabs .daggerfall-covenant:hover,.alliance-tabs .daggerfall-covenant.active{background-position:0 -395px;}
.alliance-tabs .ebonheart-pact{background-position:-311px 0;}
.alliance-tabs .ebonheart-pact:hover,.alliance-tabs .ebonheart-pact.active{background-position:-311px -395px;}
.alliance-tabs .aldmeri-dominion{background-position:-622px 0;}
.alliance-tabs .aldmeri-dominion:hover,.alliance-tabs .aldmeri-dominion.active{background-position:-622px -395px;}
.alliances{min-height:305px; display:block; margin:5px 0;}
.alliances.daggerfall-covenant{background:transparent url(../foto/eso/alliances-daggerfall.jpg) no-repeat; background-size:contain;}
.alliances.daggerfall-covenant:hover .tab{background-position:0 -395px;}
.alliances.ebonheart-pact{background:transparent url(../foto/eso/alliances-ebonheart.jpg) no-repeat; background-size:contain;}
.alliances.ebonheart-pact:hover .tab{background-position:-311px -395px;}
.alliances.aldmeri-dominion{background:transparent url(../foto/eso/alliances-aldmeri.jpg) no-repeat; background-size:contain;}
.alliances.aldmeri-dominion:hover .alliance-tabs .tab{background-position:-622px -395px;}
.alliances .alliance-tabs{margin:0;}
.race{min-height:78px;margin:20px 0;font-family:'Philosopher', Georgia, Times, serif;}
.race span{padding:0 45px; line-height:70px;}
.race.high-elf{background:transparent url(../foto/eso/alliance-altmer.png) no-repeat;}
.race.wood-elf{background:transparent url(../foto/eso/alliance-bosmer.png) no-repeat;}
.race.khajiit{background:transparent url(../foto/eso/alliance-khajiit.png) no-repeat;}
.race.breton{background:transparent url(../foto/eso/alliance-breton.png) no-repeat;}
.race.redguard{background:transparent url(../foto/eso/alliance-redguard.png) no-repeat;}
.race.orc{background:transparent url(../foto/eso/alliance-orc.png) no-repeat;}
.race.nord{background:transparent url(../foto/eso/alliance-nord.png) no-repeat;}
.race.dark-elf{background:transparent url(../foto/eso/alliance-dunmer.png) no-repeat;}
.race.argonian{background:transparent url(../foto/eso/alliance-argonian.png) no-repeat;}

#main .section{margin:0;padding:0;}
#main ul.tabs{list-style:none;margin:0;padding:0;}
#main ul.tabs li{height:33px;margin-right:2px;line-height:33px;padding:0 20px;float:left;border:1px solid #413723;background:#a09277;cursor:pointer;position:relative;z-index:20;}
#main ul.tabs li.current{color:#fff;padding:0 20px;margin-right:2px;float:left;background:#413723;border:1px solid #413723;cursor:pointer;height:33px;line-height:32px;position:relative;z-index:100;}
#main .box{display:none;clear:left;margin-top:0;top:-1px;border:1px solid #413723;padding:5px;position:relative;z-index:50;}
#main .box.visible{display:block;min-height:273px;}
#main .box img{float:right;border:0;margin:0 0 0 5px;padding:7px 5px 5px 5px;}

.tool {display:none; position:absolute; width:135px; height:18px; text-align:center; border:2px dashed #1d1d1d; font-family:'Philosopher', Georgia, Times, serif; color:#fff; font-size:14px;}
.ebon {background-color:#9d4b33; opacity:0.65; filter: alpha(opacity=65);}
.dagg {background-color:#51758d; opacity:0.65; filter: alpha(opacity=65);}
.aldm {background-color:#a48350; opacity:0.65; filter: alpha(opacity=65);}
.imap {width:960px; height:960px; position:relative;}
.backim {position:absolute; left:25px; top:25px;}
.point {display:block; position:absolute; cursor:pointer; width:118px; height:118px; background:url(../img/trans.gif);}
.point img {display:none;}
.point:hover img {display:block; position:inherit;}
.mapdesc {display:block; position:absolute; width:342px; height:50px; background:#bda285;}
#main .mapdesc p {font-family:'Philosopher', Georgia, Times, serif; color:#413723; font-size:12px; text-indent:0; padding:4px 5px; margin:0; position:relative;}
.hide {display:none;}
.more {cursor:pointer;}
#imInfo {position:absolute; top:55px; left:50%; margin:0 0 0 -350px; background:url(../img/paper-bottom.png) bottom center; width:700px; text-align:left; display:none;}
.tops {padding-top:100px; text-align:center; position:absolute; top:-55px; left:0; width:700px; height:206px; background:url(../img/paper-top.png) top;}
#imInfo p{font-family:'Philosopher', Georgia, Times, serif;color:#312b20;font-size:16px;padding:30px 70px 40px 70px;margin:0;position:relative;}
#imInfo img{float:right;margin:0;padding:20px 70px 20px 20px;position:relative;}
#imInfo .bimg{padding-right:25px;}
#imInfo .screenshot{position:relative;top:-50px;left:0;margin:0 -50px -80px 0;padding:0;border:2px solid #55361a;}
.close{clear:both;font-family:'Philosopher', Georgia, Times, serif;font-weight:bold;font-size:25px;color:#312b20;float:right;position:relative;top:30px;left:15px;cursor:pointer;}
* html #overlay{height:10000px;}
.inmap {width:770px; height:770px; position:relative;}
.tools {display:none; position:absolute; font-family:'Philosopher', Georgia, Times, serif; font-size:16px; padding:1px 3px; background-color:#fff; opacity:0.65; filter: alpha(opacity=65);}
.map-desc{position:absolute;left:25px;bottom:25px;font-family:'Philosopher', Georgia, Times, serif;font-size:20px;padding:1px 3px;background-color:#fff;opacity:0.65;filter: alpha(opacity=65);}
.altlink{color:#069;font-weight:normal;text-decoration:underline;cursor:pointer;}
.altlink:hover{color:#cd0000;text-decoration:none;}
.closeim {position:absolute; right:25px; top:25px; cursor:pointer;}

/* footer styles */
#footer .counterLI{float:left;margin:0;padding:2px;}
#footer .social {float:left; padding:0 30px; display:block;}
#footer .social img {border:none; padding:0 0 0 5px;}
#footer .plusone{float:right;padding:12px 5px;width:70px;overflow:hidden;}
#footer .vk{float:right;padding:12px 5px;width:80px;overflow:hidden;}
#footer .twit{float:right;padding:12px 5px;width:95px;overflow:hidden;}
#footer .fbook{float:right;padding:12px 5px;}
#footer p{text-indent:0px;margin:0;padding:2px 20px;text-align:center;}
#footer .copy{text-align:right;margin-right:10px;clear:both;}
/* ================================================================ 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/cssplay-smartphone-mini-menu.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.screen {width:320px; height:448px; position:absolute; left:15px; top:15px; overflow:hidden; border-radius:5px;}
.cover {width:320px; height:448px; position:absolute; left:0; top:0;}
.page {width:45px; padding:10px; height:45px; background:#ddd url(../img/tiny_grid.png); border:1px solid #000; border-radius:5px;
-webkit-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}
input.hidden {display:none;}
.menuTrigger {width:30px; height:15px; margin:8px auto; border-top:5px solid #000; border-bottom:5px solid #000; position:relative;}
.menuTrigger:before {content:""; display:block; width:30px; height:5px; background:#000; position:absolute; left:0; top:5px;}
.menuTrigger:after {content:""; display:block; width:30px; height:5px; background:#000; position:absolute; left:0; top:5px;}
.menuTrigger label {display:block; width:30px; height:25px; background:url(../img/trans.gif); position:absolute; left:0; top:-5px; cursor:pointer; z-index:100;
-webkit-tap-highlight-color:rgba(0,0,0,0);
tap-highlight-color:rgba(0,0,0,0);
}
.menuTrigger label span {position:absolute; left:-9999px;}
.menu {width:250px; height:448px; overflow:hidden; position:absolute; left:0; top:0; z-index:-1; display:none;}
#menuopen:checked ~ .cover {background:#333 url(../img/back.jpg); z-index:100;}
#menuopen:checked ~ .cover .page {margin-left:240px;width:58px;height:426px;}
#menuopen:checked ~ .cover .page .menu {display:block;}
#menuopen:checked ~ .cover .page .menuTrigger .topopen {display:none;}
.menu ul {position:absolute; left:250px; top:0; padding:0; margin:0; list-style:none; opacity:0.25;
-webkit-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}
.menu ul.sub1 {left:0; opacity:1;}
.menu ul label {display:block; color:#ddd; width:220px; padding-left:30px; font:14px/30px Verdana, Arial, sans-serif; cursor:pointer; border-bottom:1px solid #000;}
.menu ul label.right {background: #121 url(../img/right-arrow.png) no-repeat 210px center; border-top:1px solid #242;}
.menu ul label.left {background: #024 url(../img/left-arrow.png) no-repeat 5px center; border-top:1px solid #248;}
.menu ul a {display:block; color:#ddd; width:220px; padding-left:30px; outline:0; text-decoration:none; font:14px/30px Verdana, Arial, sans-serif; background:#333; border-top:1px solid #666; border-bottom:1px solid #000;}
.menu ul label:hover {color:#fff;}
.menu ul a:hover {color:#fff;}
#sub2-1open:checked ~ .sub1 {margin-left:-250px; opacity:0.25;}
#sub2-1open:checked ~ .sub2.pos1 {left:0px; opacity:1;}
#sub3-1open:checked ~ .sub1 {margin-left:-250px; opacity:0.25;}
#sub3-1open:checked ~ .sub2.pos1 {left:-250px; opacity:0.25;}
#sub3-1open:checked ~ .sub3.pos1 {left:0px; opacity:1;}
#sub3-2open:checked ~ .sub1 {margin-left:-250px; opacity:0.25;}
#sub3-2open:checked ~ .sub2.pos1 {left:-250px; opacity:0.25;}
#sub3-2open:checked ~ .sub3.pos2 {left:0px; opacity:1;}
#sub3-3open:checked ~ .sub1 {margin-left:-250px; opacity:0.25;}
#sub3-3open:checked ~ .sub2.pos1 {left:-250px; opacity:0.25;}
#sub3-3open:checked ~ .sub3.pos3 {left:0px; opacity:1;}
#sub3-4open:checked ~ .sub1 {margin-left:-250px; opacity:0.25;}
#sub3-4open:checked ~ .sub2.pos1 {left:-250px; opacity:0.25;}
#sub3-4open:checked ~ .sub3.pos4 {left:0px; opacity:1;}
#sub3-5open:checked ~ .sub1 {margin-left:-250px; opacity:0.25;}
#sub3-5open:checked ~ .sub2.pos1 {left:-250px; opacity:0.25;}
#sub3-5open:checked ~ .sub3.pos5 {left:0px; opacity:1;}
#sub3-6open:checked ~ .sub1 {margin-left:-250px; opacity:0.25;}
#sub3-6open:checked ~ .sub2.pos1 {left:-250px; opacity:0.25;}
#sub3-6open:checked ~ .sub3.pos6 {left:0px; opacity:1;}
#sub3-7open:checked ~ .sub1 {margin-left:-250px; opacity:0.25;}
#sub3-7open:checked ~ .sub2.pos1 {left:-250px; opacity:0.25;}
#sub3-7open:checked ~ .sub3.pos7 {left:0px; opacity:1;}
#sub3-8open:checked ~ .sub1 {margin-left:-250px; opacity:0.25;}
#sub3-8open:checked ~ .sub2.pos1 {left:-250px; opacity:0.25;}
#sub3-8open:checked ~ .sub3.pos8 {left:0px; opacity:1;}

@media only screen and (min-width:320px) {
.top-ads {display:block; width:320px; height:100px;}
.center-ads {display:block; width:300px; height:250px;}
}
@media only screen and (min-width:480px) {
.top-ads {display:block; width:468px; height:60px;}
.center-ads {display:block; width:300px; height:250px;}
}
@media only screen and (min-width:640px) {
.top-ads {display:block; width:468px; height:60px;}
.center-ads {display:block; width:336px; height:280px;}
}
@media only screen and (min-width:768px) {
.top-ads {display:block; width:728px; height:90px;}
.center-ads {display:block; width:336px; height:280px;}
}
@media only screen and (max-width:959px) {
#wrapper {width:100%; max-width:959px;}
#header {margin-top:0; padding:0; width:100%; height:75px; overflow:visible;}
#main, #footer {padding:0; width:100%; height:100%; font-size:90%;}
#footer {margin-bottom:0;}
h2 {margin-top:7px;}
.screen {left:4px; top:4px; height:427px;}
.search {margin:5px; padding:0; position:absolute; top:20px; right:0;}
.center-ads {margin:5px;}
.blocktxt {margin:0;}
.map, .tableC {overflow:auto;}
.eso, .fo, .db, .si {width:100%;}
}
@media only screen and (max-width:768px) {
#wrapper {width:100%; max-width:768px;}
#header {margin-top:0; padding:0; width:100%; height:75px; overflow:visible;}
#main, #footer {padding:0; width:100%; height:100%; font-size:94%;}
h2 {margin-top:7px;}
.screen {left:4px; top:4px; height:427px;}
.search {margin:5px; padding:0; position:absolute; top:20px; right:0;}
.center-ads {margin:5px;}
.blocktxt {margin:0;}
.map, .tableC {overflow:auto;}
.eso, .fo, .db, .si {width:100%;}
#scrollBox {margin:0;}
#infobox {margin-left:0; overflow:auto;}
}
@media only screen and (max-width:640px) {
#wrapper {width:100%; max-width:640px;}
#header {margin-top:0; padding:0; width:100%; height:80px; overflow:visible;}
#main, #footer {padding:0; width:100%; height:100%; font-size:100%;}
h2 {margin-top:7px;}
.screen {left:4px; top:4px; height:427px;}
.search {margin:5px; padding:0; position:absolute; top:45px; right:0;}
.center-ads {margin:5px;}
.blocktxt {margin:0;}
.map, .tableC {overflow:auto;}
.eso, .fo, .db, .si {width:100%;}
.one-half {width:100%;}
#infobox {margin-left:0; border:0; height:100%; overflow:auto;}
#infobox h5 {display:none;}
#footer p {clear:both; padding:5px;}
}
@media only screen and (max-width:480px) {
#wrapper {width:100%; max-width:480px;}
#header {left:4px; top:4px; width:100%; height:100px; overflow:visible;}
#main, #footer {padding:0; width:100%; height:100%; font-size:100%;}
h2 {margin-top:3px;}
.screen {left:0; top:0; height:427px;}
.search {margin:5px; padding:0; position:absolute; top:65px; right:0;}
.center-ads {margin:5px 1px;}
.blocktxt {margin:0;}
.map, .tableC {overflow:auto;}
.eso, .fo, .db, .si {width:100%;}
.one-half {width:100%;}
#infobox {margin-left:0; border:0; height:100%; overflow:auto;}
#infobox h5 {display:none;}
#footer p {clear:both; padding:5px;}
}
@media only screen and (max-width:320px) {
#wrapper {width:100%; max-width:320px;}
#header {margin-top:0; padding:0; width:100%; height:100px; overflow:visible;}
#main, #footer {padding:0; width:100%; height:100%; font-size:100%;}
h2 {margin-top:3px;}
.screen {left:0; top:0; height:427px;}
.search {margin:5px; padding:0; position:absolute; top:65px; right:0;}
.center-ads {margin:5px 0;}
.blocktxt {margin:0;}
.map, .tableC {overflow:auto;}
.eso, .fo, .db, .si {width:100%;}
.one-half {width:100%;}
#scrollBox {margin:0; width:100%;}
#infobox {margin-left:0; border:0; height:100%; overflow:auto;}
#infobox h5 {display:none;}
#footer p {clear:both; padding:5px;}
}