@charset "utf-8";
/* CSS Document */
.btn-basic{
	cursor:pointer !important;
}
#main_wrap{
	margin-left:-20px;
	text-align:center;
	background-image:url(../images/warn.jpg);
	background-repeat:repeat;
}
#sub_wrap{
	opacity:1 !important;
}
.atk_inst{
	background: rgba(0,0,0,0.40);
	color: white;
	height: 32px;
	line-height: 30px;
	font-size: 29px;
	margin-top:-16px;
}
#nuclear{
	display:none;
}
#man_list{
	min-width:377px;
	height:200px;
	margin-bottom:15px;
}
#aa_cat{
	background: none repeat scroll 0 0 rgba(0, 50, 0, 0.5) !important;
	border: medium solid rgba(0, 50, 0, 0.5);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) inset, 0 0 16px rgba(0, 0, 0, 0.1) !important;
	color: #FFFFFF !important;
	font-size: 17px !important;
	font-weight: 900 !important;
	margin: 0 0 10px !important;
	padding: 15px !important;
	text-align: center !important;
	width: 379px !important;
	line-height:22px;
}
[class*=btn][data-icon-after=cross]:after, [class*=btn][data-icon-before=cross]:before {
	line-height:37px !important;
	content: "\2716" !important;
}
[class*=btn][data-icon-after=atk]:after, [class*=btn][data-icon-before=atk]:before {
	line-height:37px !important;
	content: "\1F4A5" !important;
}
[class*=btn][data-icon-after=next]:after, [class*=btn][data-icon-before=E766]:before {
	line-height:37px !important;
	content: "\E766" !important;
}
.ping_btn{
	width:240px;
}
.loader{
	margin-bottom:-25px;
}
img#step1,img#step2{
	display:none;
}
.confirmation-modal{
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.98);
	border-radius: 4%;
	margin-left: 41%;
	margin-right: auto;
	padding: 39px 40px 40px;
	position: fixed;
	top: 0;
	width: 400px;
	 -webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.modal-footer{
	border-bottom-width: 0;
	margin-top: 10px;
	text-align: center;
}
#help{
float: right;
margin-bottom: 0;
position: absolute;
clear: both;
right: 0;
top: 234px;
height: 43px;
}
/*the slider background*/
.slider {
width:230px;
height:11px;
background:url(../images/slider-bg.png) !important;
position:relative;
margin:0 auto;
padding:0 10px;
}
 
/*Style for the slider button*/
.ui-slider-handle {
width:24px !important;
height:24px !important;
position:absolute !important;
top:-7px !important;
margin-left:-12px !important;
z-index:200 !important;
background:url(../images/slider-button.png) !important;
border:none !important;
}
 
/*Result div where the slider value is displayed*/
#slider-result {
font-size:50px;
height:75px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
text-shadow:0 1px 1px #000;
font-weight:700;
padding:25px 0;
}
 
/*This is the fill bar colour*/
.ui-widget-header {
background:url(../images/fill.png) no-repeat left !important;
height:8px;
left:1px;
top:1px;
position:absolute;
}
 
a {
outline:none;
-moz-outline-style:none;
}
#server_wrapper{
	margin: 0 auto;
    max-width: 480px;
}
#slider_titles{
	margin: 0 auto;
    max-width: 480px;
}
.slider_header{
	width:33%;
	color: #fff;
font-family: Arial,Helvetica,sans-serif;
font-size: 20px;
font-weight: 700;
text-shadow: 0 1px 1px #000;
}
#slider_left{
	text-align:left;
}
#slider_center{
	text-align:center;
}
#slider_right{
	text-align:right;
}
#nuke_next{
	display:none;
}
#blast_table {
  margin: 0 auto;
  max-width: 350px;
}