/* Levensbalkjes */
.bar_red {
    border: 1px solid #777;
    background: #fcfeff;
    padding: 1px;
    height: 8px;
    margin: 0;
    width: 101px;
    border-radius: 4px;
}
.bar_blue {
	border: 1px solid #777;
    background: #2108ec;
    padding: 1px;
    height: 8px;
    margin: 0;
    width: 101px;
    border-radius: 4px;
}
.progress {
	height: 4px;
    border-top: 2px solid #e84ddc;
    background: #f10ddf;
    border-bottom: 2px solid #420954;
    border-right: 1px solid #360b65;
    border-radius: 3px;
}
.progress2 {
	height: 4px;
    border-top: 2px solid #00dd60;
    background: #00bb51;
    border-bottom: 2px solid #007734;
    border-right: 1px solid #007734;
    border-radius: 3px;
}
.hp_red { width: 50%; height: 6px; padding: 2px 3px 2px 6px; background: url(../images/hp_red.gif) no-repeat; font-size: 0; clear: both; }
.exp_blue { 
	border: 1px solid #777;
    background: #2108ec;
    padding: 1px;
    height: 8px;
    margin: 0;
    width: 101px;
    border-radius: 4px;
}

.battlearea1{
	background-image: url('../images/grass-area.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	max-width: 550px;
	height: auto;
	position: relative;
}
.battlearea2{
	background-image: url('../images/water-area.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	max-width: 550px;
	height: auto;
	position: relative;
}
.battlearea3{
	background-image: url('../images/strand-area.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	max-width: 550px;
	height: auto;
	position: relative;
}
.battlearea4{
	background-image: url('../images/cave-area.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	max-width: 550px;
	height: auto;
	position: relative;
}
.battlearea5{
	background-image: url('../images/lava-area.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	max-width: 550px;
	height: auto;
	position: relative;
}
.battlearea6{
	background-image: url('../images/dojo-area.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	max-width: 550px;
	height: auto;
	position: relative;
}
.battlearea7{
	background-image: url('../images/ghouse-area.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	max-width: 550px;
	height: auto;
	position: relative;
}
.battlearea{
	background-image: url('../images/attackarea.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	max-width: 550px;
	height: auto;
	position: relative;
}

.duel_area{
	background-image: url('../images/trainer-area.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	max-width: 550px;
	height: auto;
	position: relative;
}

.second_area {
	background-image: url('../images/second-area.png');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	max-width: 550px;
	height: auto;
	position: relative;
}
.pvp_area {
	background-image: url('../images/pvp-area.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	max-width: 550px;
	height: auto;
	position: relative;
}
.new_bar {
	width: 100%;
	height: auto;
}

.text-box {
	display: block;
	background: #1e5238 no-repeat;
    width: 100%;
	max-width: 550px;
    height: auto;
	color:#c7f9ef;
	font-size:11px;
	font-family:tahoma;
	overflow: auto;
	overflow-y: scroll;
	max-height: 60px;
	position: relative;
}
.text-box::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
} 
.text-box::-webkit-scrollbar-thumb {
    background-color: #000000;
}
.text-box::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.new_bar2 {

	width: 100%;
	height: auto;
}
.chien_dau {
	width: 100%;
	height: auto;
}
.progress_bar{margin:5px 0 0;height:18px;width:176px;background-image:url('../images/layout/img/progress_bar.png');background-repeat:no-repeat;font-size:10px;text-align:center}
.progresspr{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;height:14px;padding:2px 0 0}
.progresspr,#menu_new #status_box .progresspr.greenpr{background-color:#7cce1b;border:#59970f 1px solid}
.progresspr.bluepr{background-color:#22b0d4;border:#0e8aa9 1px solid}
.text_p {
	text-decoration: none;
    border: 1px #1cef7a solid;
    padding: 3px;
    line-height: 26px;
    font-weight: bold;
    font-size: 15px;
}
#menu_new{width:100%;color:#fff;font-family:Arial;}
#menu_new #status_box{background-image:url('../images/layout/img/status_box.png');background-repeat:no-repeat;padding:13px;width:210px;}
#menu_new #status_box .status_box_row{padding:0 15px 10px}
#menu_new #status_box .status_box_row h3{color: #fff;text-shadow:-1px 0 #363232,0 0 #363232,0 0 #363232,0 0 #363232;font-size:16px;margin:0;padding:1px 0 0}
#menu_new #status_box .progress_bar{margin:5px 0 0;height:18px;width:176px;background-image:url('../images/layout/img/progress_bar.png');background-repeat:no-repeat;font-size:10px;text-align:center}
#menu_new #status_box .progresspr{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;height:14px;padding:2px 0 0}
#menu_new #status_box .progresspr,#menu_new #status_box .progresspr.greenpr{background-color:#7cce1b;border:#59970f 1px solid}
#menu_new #status_box .progresspr.bluepr{background-color:#22b0d4;border:#0e8aa9 1px solid}
#menu_new #status_box .divider{margin-bottom:6px;border-top:1px #2c2c2c solid;border-bottom:1px #504f4f solid}
.type {
	display: block;
	width: 55px;
	margin: 1px auto;
	padding: 1px;
	color: #ffffff;
	background-color: #e4e4e0;
	font-size: 7pt;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #2e3436;
	}
	.type.normal { background-color: #a8a878; font-family: verdana, sans-serif; font-size: 10px; }
	.type.fire { background-color: #f08030; font-family: verdana, sans-serif; font-size: 10px; }
	.type.water { background-color: #6890f0; font-family: verdana, sans-serif; font-size: 10px; }
	.type.electric { background-color: #f8d030; font-family: verdana, sans-serif;font-size: 10px; }
	.type.grass { background-color: #78c850; font-family: verdana, sans-serif; font-size: 10px; }
	.type.ice { background-color: #98d8d8; font-family: verdana, sans-serif;font-size: 10px; }
	.type.fighting { background-color: #c03028; font-family: verdana, sans-serif; font-size: 10px; }
	.type.poison { background-color: #a040a0; font-family: verdana, sans-serif; font-size: 10px; }
	.type.ground { background-color: #e0c068; font-family: verdana, sans-serif; font-size: 10px; }
	.type.flying { background-color: #a890f0; font-family: verdana, sans-serif; font-size: 10px; }
	.type.psychic { background-color: #f85888; font-family: verdana, sans-serif; font-size: 10px; }
	.type.bug { background-color: #a8b820; font-family: verdana, sans-serif; font-size: 10px; }
	.type.rock { background-color: #b8a038; font-family: verdana, sans-serif; font-size: 10px; }
	.type.ghost { background-color: #705898; font-family: verdana, sans-serif;font-size: 10px; }
	.type.dragon { background-color: #7038f8; font-family: verdana, sans-serif; font-size: 10px; }
	.type.steel { background-color: #b8b8d0; font-family: verdana, sans-serif; font-size: 10px; }
	.type.dark { background-color: #705848; font-family: verdana, sans-serif; font-size: 10px; }
	.type.fairy { background-color: #FAAFBE; font-family: verdana, sans-serif; font-size: 10px; }
	.type.xcurse { background-color: #68a090; }
	.typelist { text-align: center; }
	div.typelist .type { display: -moz-inline-box; /* Firefox bug fix */ display: inline-block; }
	
/*GYMS*/
.available{
	border: 1px solid #000;
	background:#dadada;
	margin:4px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius:6px;
}
.finished{
	border: 1px solid #000;
	background: #daebaa;
	margin:4px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius:6px;
}
.notyet{
	border: 1px solid #000;
	background: #dadada;
	float:left;
	margin:4px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius:6px;
}
#pokemon_star{
	float: left;
	width: 16px;
	height: 16px;
	background-image:url(../images/icons/lidbetaald.png);
}

#computer_star{
	width: 16px;
	height: 16px;
	background-image:url(../images/icons/lidbetaald.png);
}
.modify-order-item {
	border: 1px solid #000000;
	margin: 5px;
	padding: 3px 5px;
	background: #FFFFFF;
	font-weight: bold;
	cursor: move;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius:6px;
}
.border_black{
	-moz-border-radius: 6px;
	-webkit-border-radius:6px;
	background-color: #5b5555;
	color: #ebfa01;
}
/*Badges*/
#badgebox{
	border: 5px solid #552a00;
	margin: 15px 0;
	display:block;
	overflow: hidden;
	width:98%;
	text-align:center;
	background-color: #C96;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius:15px;
	}
	#badgebox img { margin:8px 10px 5px 10px; }
.attack-name {
font-size: 11px;
text-align: right;
padding: 5px 8px 0px 0px;
color: #333;
cursor: pointer;
}
#dame2 {
background: url(../dame.gif) no-repeat;
width: 50px;
height:50px;
color: #FFFF66;
font-size:14px;
position: absolute;
padding: 20px 20px 0px 0px;
z-index: 105;
}
#dame {
background: url(../dame.gif) no-repeat;
width: 50px;
height:50px;
color:#FFFF66;
font-size:14px;
position: absolute;
padding: 20px 20px 0px 0px;
z-index: 105;
}	
div.green {
	width: 99%;
	color: #e5f327;
	font-weight: bold;
	background-color: #07b716;
	border: 1px solid #7cb86c;
	margin: 0px 0px 10px 0px;
	padding: 5px;
}
div.red {
	width: 100%;
	color: #e5f327;
	font-weight: bold;
	background-color: #f72009;
	border: 1px solid #DC0000;
	margin: 0px 0px 10px 0px;
	padding: 5px;
}
.blue {
	background: #0f73f1 no-repeat;
    padding: 5px;
    text-align: center;
}