/*******************************************
 *
 * Shoah Legacy style declarations
 *
 *******************************************/

/* wrapper */
html,body{
	color:#666;
	font-size:12px;
	height:100%;	
	line-height:18px;
	font-family:Verdana,Tahoma,Helvetica,Arial,sans-serif;	
}
#sl_wrapper{
	min-height:100%;
	height:auto;
	margin:0 auto -60px;
	padding:0 0 60px;
}

/* form */
#sl_select_form .label_wrapper{
	display:block;
	padding-bottom:10px;
	width:200px;
}
#sl_select_form label{
	clear:none;
	display:block;
	float:left;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2em;
}
#sl_select_form select{
	clear:both;
	display:block;
	margin:10px 0;
}

/* form animations */
.sl_loader{
	float:right;
	height:100%;	
	width:16px;
}

/* wrapper for dynamic content */
#dhtml_wrapper{
	margin:0 auto;
	width:80%;
}

/* title */
#var_label{
	font-size:1.6em;
	font-weight:bold;
	padding:10px 0;
	text-align:center;
}

/* GeoChart map container */
#canvas{
	margin:0 auto;
	height:90%;
	width:100%;
}

/* manually-generated legend */
#legend_wrapper{
	clear:both;
	height:20px;
	padding:4px 0 0;
	text-align:center;
}
#legend{
	display:table;
	height:100%;
	margin:0 auto;
	text-align:center;
	width:auto;
}
#legend .val{
	float:left;
	margin:0 5px;
	height:100%;
	text-align:left;	
	width:225px;
} 
#legend .val_block{
	border:1px solid #000;
	float:left;
	margin-right:10px;
	width:15px;
	height:15px;
}
#legend .val_label{
	font-weight:bold;
}

/* Excel buttons */
/* buttons */
#buton_wrapper{
	text-align:center;
	width:100%;
}
#button_wrapper .left_button{
	float:left;
	width:50%;
}
#button_wrapper .right_button{
	float:right;
	width:50%;	
}
button{
	display:block;
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;
	padding:10px 15px;
	margin:20px auto;
	color:#fff;
	background-color:#888;
	background:-webkit-linear-gradient(#aaa,#888);
	background:linear-gradient(#aaa,#888);
	border:0 none;
	border-radius:3px;
	text-shadow:0 -1px 0 #000;
	box-shadow:0 1px 0 #666,0 5px 0 #444,0 6px 6px rgba(0,0,0,0.6);
	cursor:pointer;
	-webkit-transition:all 150ms ease;
	transition:all 150ms ease;
	width:250px;
}
button:hover,button:focus{
	-webkit-animation:pulsate 1.2s linear infinite;
	animation:pulsate 1.2s linear infinite;
}	
@-webkit-keyframes pulsate{
	0%{color:#ddd; text-shadow:0 -1px 0 #000;}
	50% {color:#fff; text-shadow:0 -1px 0 #444,0 0 5px #ffd,0 0 8px #fff;}
	100% {color:#ddd; text-shadow:0 -1px 0 #000;}
}		
@keyframes pulsate{
	0%{color:#ddd;text-shadow:0 -1px 0 #000;}
	50% {color:#fff;text-shadow:0 -1px 0 #444,0 0 5px #ffd,0 0 8px #fff;}
	100%{color:#ddd;text-shadow:0 -1px 0 #000;}
}
button:active{
	color:#fff;
	text-shadow:0 -1px 0 #444,0 0 5px #ffd,0 0 8px #fff;
	box-shadow:0 1px 0 #666,0 2px 0 #444,0 2px 2px rgba(0,0,0,0.9);
	-webkit-transform:translateY(3px);
	transform:translateY(3px);
	-webkit-animation:none;
	animation:none;
}
button#export_cur_var{
	background-color:#00a;
	background:-webkit-linear-gradient(#00d,#00a);
	background:linear-gradient(#00d,#00a);
}
button#export_all_vars{
	background-color:#75a;
	background:-webkit-linear-gradient(#97d,#75a);
	background:linear-gradient(#97d,#75a);
}
#export_message{
	text-align:center;
}