@charset "UTF-8";
/*Treasure CSS Document */

*{margin:0; padding:0;}

body {
	font-family:tahoma;
	font-size:12px;
	margin:0;
	background-color:#222;
}

h1 {margin:10px 0; font-size:16px; font-weight:normal;}
a {color:#775B43 !important; text-decoration:none;}
li {list-style:none;}

.w30 {width:30%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w50 {width:50%;}
.w60 {width:60%;}
.w90 {width:90%;}
.w100 {width:100%;}

.m0 {margin:0;}
.mt0 {margin-top:0;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mh5 {margin-left:5px; margin-right:5px;}
.mv10 {margin-top:10px; margin-bottom:10px;}
.mv20 {margin-top:20px; margin-bottom:20px;}
.mcenter {margin-left:auto; margin-right:auto;}

.p0 {padding:0;}
.p5 {padding:5px;}
.p10 {padding:10px;}
.ph5 {padding-left:5px; padding-right:5px;}
.ph10 {padding-left:10px; padding-right:10px;}
.ph20 {padding-left:20px; padding-right:20px;}
.ph30 {padding-left:30px; padding-right:30px;}
.pv5 {padding-top:5px; padding-bottom:5px;}
.pv10 {padding-top:10px; padding-bottom:10px;}
.pv20 {padding-top:20px; padding-bottom:20px;}

.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs22 {font-size:22px;}
.white {color:#fff;}
.brown {color:#775B43;}
.brown2 {color:#4e3d2c;}
.text-center {text-align:center;}
.text-right {text-align:right;}

.img-responsive {max-width:100%; height:auto; display:block;}

.bgWhite {background-color:#fff;}
.bgWhite2 {background-color:rgba(255, 255, 255, 0.2);}
.bgWhite8 {background-color:rgba(255, 255, 255, 0.8);}
.bgBlack1 {background-color:rgba(0, 0, 0, 0.1);}
.bgBlack25 {background-color:rgba(0, 0, 0, 0.25);}
.bgBlack4 {background-color:rgba(0, 0, 0, 0.4);}
.bgBrown {background-color:#775B43;}
.bgTan {background-color:#DFB772;}
.bgYellow {background-color:#E5B600;}
.bgRed {background-color:#FF0031;}

.edgTwhite {border-top:1px solid rgba(255, 255, 255, 0.3);}
.edgTbrown {border-top:1px solid #775B43;}

.edgRad5 {border-radius:5px;}
.edgRad10 {border-radius:10px;}

.hidden {display:none;}

.flL {float:left;}
.flR {float:right;}

.ui-page {max-width:400px;}
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {text-shadow:0 0 0 transparent;}
.ui-mobile label, .ui-controlgroup-label {font-size:14px; margin:5px 0;}
.ui-btn-inline {margin-right:0;}


#home, #end {color:#555; background-color:#DFB772;}
/*.main {background-color:#DFB772;}*/
.map {background:url(map0.jpg) top left no-repeat; background-size:100% 100%;}
.sea {background-color:#25a0df;}

.shipbars {position:absolute;}

.nrjbar {height:15px; border:1px solid #4E3D2C; border-radius:10px; overflow:hidden;}
.nrj, .yourshipbar, .foeshipbar {width:100%; height:100%; background-color:#B5EA60;}/*#B5EA60, #EDE861, #E8B461, #E88561, #E75E60, #753030*/

.grid {width:100%; margin:0; padding:0; float:left;}
.landmapcel, .battlemapcel {width:24.25%; border:1px solid rgba(0, 0, 0, 0.25); background-color:rgba(255, 255, 255, 0.4); cursor:pointer; float:left;}
.highlight {border:1px dashed rgba(0, 0, 0, 0.40); background-color:rgba(0 ,0, 0, 0.20); width:31%; height:78px; margin:5px 2px; float:left;}

.img-good, .img-bad {width:50%; height:auto; margin:20% auto 0; display:block;}
.img-naval {width:50%; height:auto; margin:10% auto 0; display:block;}
.img-flag, .img-apple, .img-beer, .img-chicken, .img-rhum, .img-treasure, .img-bag, .img-dead {width:50%; height:auto; margin:10px auto; display:block;}
.img-rhum {width:20%;}
.img-apple, .img-beer, .img-bag {width:30%;}
.img-flag-overlay, .img-skull, .img-witch, .img-troll {width:40%; height:auto; margin:20px auto 10px; display:block;}
.img-witch {width:60%;}


.sqr {width:10px; height:10px; margin-right:5px; position:relative; top:5px;}

.action {color:#775B43 !important;}
.back {padding:5px 10px; font-size:12px;}

.doverlay {position:absolute; top:0; left:0; height:100%; padding:0; background-color:rgba(0, 0, 0, 0.6); opacity:1;}
.discover, .bag {width:80%; margin:25% auto 0; opacity:0;}

.items .ui-block-a {width:25%;}
.items .ui-block-b {width:25%;}
.items .ui-block-c {width:40%;}
.items .ui-btn {background-color:#DFB772;}

@media screen and (min-device-height : 480px) {
	.landmapcel {height:70px;}
	.battlemapcel {height:55px;}
}
@media screen and (min-device-height : 520px) {
	.landmapcel {height:80px;}
	.battlemapcel {height:60px;}
	.img-naval {margin-top:20%;}
}
@media screen and (min-device-height : 540px) {
	.landmapcel {height:85px;}
	.battlemapcel {height:70px;}
}