.friendButtFG{
	color:white;
}
.friendButtBG{
	background:#009999;
	border: 1px solid gray;
}

.pgHeadTrim {
	xbackground:#124972;
	border:0px solid red;
	height: 45px;
	background-image:url(./img/head_trim.gif);
	background-size:cover;
	background-repeat: no-repeat;
}	

.top-mast {
	border: 0px solid orange;
	background: #330066;
}
 
#natButtHolder{ 
	display:none;
}

.hd-nav-active{
	background-color: #e71f69; /*nav green*/
}	

/*=================================================================*/


.latchOn{
	background:#e71f69;
}
.latchOff{
	color:#336666;
}

.keyNumber, .keyNumber-frame{
	color:#e71f69;
	border-bottom:1px solid #e71f69;
}	
.pie{
	background-color:#e71f69;
}	
.pieBackground{
	background-color:#330066;
}

/*=================================================================*/

.opSex {
	background:#e71f69;	
}
.opSex-br{
	border-right:01px solid #e71f69; 
}	
.opSex-txt{
	color:#e71f69;
}	

.fo-baseCo0{
	color:#00595a;
}	
.fo-baseBg0{
	background:#009999;
}

.fo-baseCo1{
	color:#b73d18;
}	
.fo-baseBg1{
	background:#e84d1b;
}

.fo-baseCo2{
	color:#1f003f;
}	
.fo-baseBg2{
	background:#330066;
}	


/*===================================================================*/

#be-legend-box0 {
	background: #009999;
	background: -webkit-linear-gradient(left, #ffffff, #009999);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(left, #ffffff, #009999);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, #ffffff, #009999);
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(left, #ffffff, #009999);
	/* Standard syntax */
}

#be-legend-box1 {
	background: #e71f69;
	background: -webkit-linear-gradient(left, #ffffff, #e71f69);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(left, #ffffff, #e71f69);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, #ffffff, #e71f69);
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(left, #ffffff, #e71f69);
	/* Standard syntax */
}

#be-legend-box2 {
	background: #330066;
	background: -webkit-linear-gradient(left, #ffffff, #330066);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(left, #ffffff, #330066);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, #ffffff, #330066);
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(left, #ffffff, #330066);
	/* Standard syntax */
}

/*=================================================================*/



#map-hint{
	background:#330066;
}
#map-hint-txt, #map-hint-txt-sub{
	color:white;
}	
.map-control-btn{
	background-color:#009999;
	color:white;
}	

.hist-bar {
	border: 1px solid clear;
	width: 40px;
	color: white;
	vertical-align: bottom;
	display: inline-block;
	background: -webkit-linear-gradient(#e71f69, #ae3764);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#e71f69, #ae3764);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#e71f69, #ae3764);
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(#e71f69, #ae3764);
	/* Standard syntax */
	-webkit-border-radius: 5 5 0 0;
	-moz-border-radius: 5 5 0 0;
	border-radius: 5px 5px 0 0;
}

.hist-sub {
	height: 5px;
	width: 40px;
	color: black;
	display: inline-block;
	text-align: center;
}

#hist-hint {
	font: normal .8em / 1.2 Open Sans, Arial, Verdana, Helvetica, Arial, Geneva, sans-serif;
	width: 90%;
	border:1px solid gray;
	margin-left:5%;
	margin-top:1%;
	text-align:center;
	
	background: #e71f69; /*#0c5092;*/
	color:white;
	padding:.5em 0;
	
	//background: -webkit-linear-gradient(#e71f69, #330066);
	/* For Safari 5.1 to 6.0 */
	//background: -o-linear-gradient(#e71f69, #330066);
	/* For Opera 11.1 to 12.0 */
	//background: -moz-linear-gradient(#e71f69, #330066);
	/* For Firefox 3.6 to 15 */
	//background: linear-gradient(#e71f69, #330066);
	/* Standard syntax */
	
	-webkit-border-radius: 3;
	-moz-border-radius: 3;
	border-radius: 3px;
}

#hint-arrow {
	border-bottom: 8px solid #ae3764;
}