﻿/* START OF ANCHOR WHITE */
.BTN_ANC_SHW, .BTN_ANC_SHW_LARGE, .BTN_ANC_SHW_XLARGE
{
	display:inline-flex;
	cursor:pointer;
	width:auto;
	padding:0px 10px 0px 10px;
	text-align:center;
	height:32px;
	font-family: "primaryfont",Arial, Helvetica, sans-serif;
	font-size: 14px;
    text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	color: #3F3F3F;
	background-color:#DDDDDD; 	
	line-height:26px;
	position:relative;
	box-sizing: border-box;
	border:3px solid transparent;
	/*border-radius:8px;*/
	
	/* Removes iOS + others default styling */	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
	/*box-shadow: 0px 0px 5px -1px #3F1309;*/
		

}
.BTN_ANC_SHW:hover, .BTN_ANC_SHW_LARGE:hover, .BTN_ANC_SHW_XLARGE:Hover{
	/*border:3px solid #888888;*/
	background-color:#E5E5E5;
	transition: all 0.3s ease;
	transform: scale(1.10);
	color:#333333;

	/*box-shadow: 0px 0px 5px -1px #FF904C;*/
}

}
/* to support image in icons with size of 16x16 and make sure they align correctly at the center */
.BTN_ANC_SHW img{position:relative;vertical-align:middle;padding:5px 2px 5px 2px;}
.BTN_ANC_SHW span, .BTN_ANC_SHW_LARGE span{vertical-align:middle;padding-left:3px;}

.BTN_ANC_SHW_LARGE
{
	height:42px;
	line-height:36px;
	font-size: 18px;
}


.BTN_ANC_SHW_XLARGE
{
	height:52px;
	line-height:46px;
	font-size: 20px;
}

.BTN_ANC_SHW_DISABLED, .BTN_ANC_SHW_LARGE_DISABLED, .BTN_ANC_SHW_XLARGE_DISABLED
{
	display:inline-flex;
	cursor:default;
	width:auto;
	padding:0px 10px 0px 10px;
	text-align:center;
	height:32px;
	line-height:26px;
	font-family: "primaryfont",Arial, Helvetica, sans-serif;
	font-size: 14px;
    text-decoration: none;
	font-weight: normal;
	white-space: nowrap;
	color: #888888;
	background-color:#F2F2F2; 
	box-sizing: border-box;	
	border:3px solid transparent;	
	
	position:relative;		

	/* Removes iOS + others default styling */	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
}

.BTN_ANC_SHW_LARGE_DISABLED
{
	height:42px;
	line-height:36px;
	font-size: 18px;
}
.BTN_ANC_SHW_XLARGE_DISABLED
{
	height:52px;
	line-height:46px;
	font-size: 20px;
}

/* END OF ANCHOR WHITE */

/* START OF ANCHOR RED */
.BTN_ANC_SHW_RED, .BTN_ANC_SHW_RED_LARGE, .BTN_ANC_SHW_REDTEXT, .BTN_ANC_SHW_RED.INVERT_RED{	
	display:inline-flex;
	cursor:pointer;
	width:auto;
	padding:0px 10px 0px 10px;
	text-align:center;
	height:32px;
	line-height:26px;
	font-family: "primaryfont",Arial, Helvetica, sans-serif;
	font-size: 14px;
    text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	color: #FFFFFF;
	box-sizing: border-box;	
	background-color:#E00000; 
	border:3px solid transparent;	

	position:relative;		

	/* Removes iOS + others default styling */	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.BTN_ANC_SHW_RED_LARGE{
	height:42px;
	line-height:36px;
	font-size: 18px;
}

/*.BTN_ANC_SHW_RED img, .BTN_ANC_SHW_REDTEXT img{vertical-align:middle;padding:7px 2px 7px 2px;}
.BTN_ANC_SHW_RED span, .BTN_ANC_SHW_REDTEXT span{vertical-align:middle;padding-left:3px;}*/
.BTN_ANC_SHW_RED img, .BTN_ANC_SHW_REDTEXT img{position:relative;vertical-align:middle;padding:5px 2px 5px 2px;}
.BTN_ANC_SHW_RED span, .BTN_ANC_SHW_REDTEXT span{vertical-align:middle;padding-left:3px;}
.BTN_ANC_SHW_RED div{filter:brightness(200%) contrast(100%);}

/* to support image in icons with size of 16x16 and make sure they align correctly at the center */
.BTN_ANC_SHW_RED:hover, .BTN_ANC_SHW_RED_LARGE:hover, .BTN_ANC_SHW_REDTEXT:hover{
	transition: all 0.3s ease;
	transform: scale(1.10);
	background-color:#FF3232;
	/*border:3px solid #E00000;*/
}
.BTN_ANC_SHW_RED:hover img, .BTN_ANC_SHW_REDTEXT:hover img{
	transition: all 0.3s ease;
	transform: scale(1.10);
	background-color:#FF3232;	
}

/* Legacy: Just to make sure the existing script looks alright */
.BTN_ANC_SHW_RED.INVERT_RED, .BTN_ANC_SHW_RED_LARGE.INVERT_RED{	
	color: #FFFFFF;
	background-color:#E00000;
}
/*.BTN_ANC_SHW_RED img, .BTN_ANC_SHW_REDTEXT img{vertical-align:middle;padding:7px 2px 7px 2px;}
.BTN_ANC_SHW_RED span, .BTN_ANC_SHW_REDTEXT span{vertical-align:middle;padding-left:3px;}*/
.BTN_ANC_SHW_RED.INVERT_RED img{position:relative;vertical-align:middle;padding:5px 2px 5px 2px;}
.BTN_ANC_SHW_RED.INVERT_RED span,.BTN_ANC_SHW_RED_LARGE.INVERT_RED span{vertical-align:middle;padding-left:3px;}
.BTN_ANC_SHW_RED.INVERT_RED:hover, .BTN_ANC_SHW_RED_LARGE.INVERT_RED:hover{	
	transition: all 0.3s ease;
	transform: scale(1.10);
	background-color:#FF3232;

}

/* to support image in icons with size of 16x16 and make sure they align correctly at the center */
/*.BTN_ANC_SHW_RED:hover, .BTN_ANC_SHW_REDTEXT:hover{
	transition: all 0.3s ease;
	transform: scale(1.10);
}*/
/*
.BTN_ANC_SHW_RED:hover img, .BTN_ANC_SHW_REDTEXT:hover img{
	transition: all 0.3s ease;
	transform: scale(1.10);
	background-color:#FF3232;
}*/
/* END OF ANCHOR RED */

/* START OF ANCHOR ORANGE */
.BTN_ANC_SHW_ORG, .BTN_ANC_SHW_ORG_LARGE, .BTN_ANC_SHW_ORG_XLARGE
{
	display:inline-flex;
	cursor:pointer;
	width:auto;
	padding:0px 10px 0px 10px;
	text-align:center;
	height:32px;
	line-height:26px;
	font-family: "primaryfont",Arial, Helvetica, sans-serif;
	font-size: 14px;
    text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	color: #FFFFFF;
	background-color:#F04D23;
	box-sizing: border-box;	
	border:3px solid transparent;	 
	
	position:relative;	
	
	/* Removes iOS + others default styling */	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
	
	/*box-shadow: 0px 0px 5px -1px #3F1309;*/
	
}

.BTN_ANC_SHW_ORG img{position:relative;vertical-align:middle;padding:5px 2px 5px 2px;}
.BTN_ANC_SHW_ORG span, .BTN_ANC_SHW_ORG_LARGE span{vertical-align:middle;padding-left:3px;}


.BTN_ANC_SHW_ORG:hover, .BTN_ANC_SHW_ORG_LARGE:hover, .BTN_ANC_SHW_ORG_XLARGE:hover{
	/*border:3px solid #FFFFFF;*/
	background-color:#FF8B26;
	transition: all 0.3s ease;
	transform: scale(1.10);
	/*box-shadow: 0px 0px 5px -1px #FF9B59; */
}

.BTN_ANC_SHW_ORG_LARGE
{
	height:42px;
	line-height:36px;
	font-size: 18px;	
}

.BTN_ANC_SHW_ORG_XLARGE
{
	height:52px;
	line-height:46px;
	font-size: 20px;
}

.BTN_ANC_SHW_ORG.INVERT_ORG, .BTN_ANC_SHW_ORG_LARGE.INVERT_ORG, .BTN_ANC_SHW_ORG_LARGE.INVERT_ORG{	
	color: #D8670A;
	background-color:#FFEDE0;	
}
.BTN_ANC_SHW_ORG.INVERT_ORG:hover, .BTN_ANC_SHW_ORG_LARGE.INVERT_ORG:hover, .BTN_ANC_SHW_ORG_XLARGE.INVERT_ORG:hover{
	border:3px solid #D8670A;
	transition: all 0.3s ease;
	transform: scale(1.10);

}

.BTN_ANC_SHW_ORG.INVERT_ORG img{position:relative;vertical-align:middle;padding:5px 2px 5px 2px;}
.BTN_ANC_SHW_ORG.INVERT_ORG span,.BTN_ANC_SHW_ORG_LARGE.INVERT_ORG span,.BTN_ANC_SHW_ORG_LARGE.INVERT_ORG span{vertical-align:middle;padding-left:3px;}


/* END OF ANCHOR ORANGE */



/* START OF ANCHOR GREEN */

.BTN_ANC_SHW_GRN, .BTN_ANC_SHW_GRN_LARGE, .BTN_ANC_SHW_GRN_XLARGE
{
	display:inline-flex;
	cursor:pointer;
	width:auto;
	padding:0px 10px 0px 10px;
	text-align:center;
	height:32px;
	line-height:26px;
	font-family: "primaryfont",Arial, Helvetica, sans-serif;
	font-size: 14px;
    text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	color: #003D00;
	/*background-color:#5DC42E;*/
	background-color:#97E572;
	
	box-sizing: border-box;	
	border:3px solid transparent;	
	
	position:relative;	 
	
	/* Removes iOS + others default styling */	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
/* to support image in icons with size of 16x16 and make sure they align correctly at the center */
/*.BTN_ANC_SHW_GRN img{vertical-align:middle;padding:7px 2px 7px 2px;}
.BTN_ANC_SHW_GRN span{vertical-align:middle;padding-left:3px;}*/
.BTN_ANC_SHW_GRN img{position:relative;vertical-align:middle;padding:5px 2px 5px 2px;}
.BTN_ANC_SHW_GRN span, .BTN_ANC_SHW_GRN_LARGE span{vertical-align:middle;padding-left:3px;}


.BTN_ANC_SHW_GRN:hover, .BTN_ANC_SHW_GRN_LARGE:hover, .BTN_ANC_SHW_GRN_XLARGE:hover{
	/*border:3px solid #50B432;*/
	/*background-color:#BFEF8F;*/
	background-color:#AAFF7F;
	transition: all 0.3s ease;
	transform: scale(1.10);
}

.BTN_ANC_SHW_GRN_LARGE
{
	height:42px;
	line-height:36px;
	font-size: 18px;
}

.BTN_ANC_SHW_GRN_XLARGE
{
	height:52px;
	line-height:46px;
	font-size: 20px;
}
/* END OF ANCHOR GREEN */

/* START OF ANCHOR GOLD */

.BTN_ANC_SHW_GLD, .BTN_ANC_SHW_GLD_LARGE, .BTN_ANC_SHW_GLD_XLARGE, .BTN_ANC_SHW_GLD_LARGE_DISABLED
{
	display:inline-flex;
	cursor:pointer;
	width:auto;
	padding:0px 10px 0px 10px;
	text-align:center;
	height:32px;
	line-height:26px;
	font-family: "primaryfont",Arial, Helvetica, sans-serif;
	font-size: 14px;
    text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	color: #593B00;
	background-color:#EDCA9A; 
	box-sizing: border-box;	
	border:3px solid transparent;
	
	position:relative;		
	
	/* Removes iOS + others default styling */	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.BTN_ANC_SHW_GLD img{position:relative;vertical-align:middle;padding:5px 2px 5px 2px;}
.BTN_ANC_SHW_GLD span, .BTN_ANC_SHW_GLD_LARGE span{vertical-align:middle;padding-left:3px;}

.BTN_ANC_SHW_GLD:hover, .BTN_ANC_SHW_GLD_LARGE:hover, .BTN_ANC_SHW_GLD_XLARGE:hover{
	/*border:3px solid #7C5500;*/
	transition: all 0.3s ease;
	transform: scale(1.10);
	background-color:#EDD9BD; 
}

.BTN_ANC_SHW_GLD_LARGE_DISABLED
{
	cursor:default;
	color: #DDCBAF;
	background-color:#F2F2F2; 
}

.BTN_ANC_SHW_GLD_LARGE
{
	height:42px;
	line-height:36px;
	font-size: 18px;
}

.BTN_ANC_SHW_GLD_XLARGE
{
	height:52px;
	line-height:46px;
	font-size: 20px;
}

.BTN_ANC_SHW_GLD div, .BTN_ANC_SHW_GLD_LARGE div, .BTN_ANC_SHW_GLD_XLARGE div{
	filter: invert(31%) sepia(20%) saturate(3447%) hue-rotate(15deg) brightness(58%) contrast(101%);		
}

/* END OF ANCHOR GLD */

/* START OF ANCHOR BLUE */
.BTN_ANC_SHW_BLU
{
	display:inline-flex;
	cursor:pointer;
	width:auto;
	padding:0px 10px 0px 10px;
	text-align:center;
	height:32px;
	font-family: "primaryfont",Arial, Helvetica, sans-serif;
	font-size: 14px;
    text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	color: #004499;
	/*background-color:#DCF4F3;*/
	background-color:#9DD1F2; 		
	line-height:26px;
	position:relative;
	box-sizing: border-box;
	border:3px solid transparent;
	/*border-radius:8px;*/
	
	/* Removes iOS + others default styling */	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	


}
.BTN_ANC_SHW_BLU:hover, .BTN_ANC_SHW_BLU_LARGE:hover, .BTN_ANC_BLU_SHW_XLARGE:Hover{
	/*border:3px solid #1763C6;*/
	transition: all 0.3s ease;
	transform: scale(1.10);
	background-color:#B3D8EF;

}
.BTN_ANC_SHW_BLU div{
	filter: invert(36%) sepia(32%) saturate(5744%) hue-rotate(203deg) brightness(88%) contrast(85%);		
}

/* /* START OF ANCHOR BLUE */

.BTN_SEARCH_SHW
{
	background-color:transparent;
	height:30px;
	width:50px;
	cursor:pointer;
	border:0px;
	background-image:url(/_image/icons_v2/search.png);
	background-size:18px;
	background-position:center center;	
	background-repeat:no-repeat;
	
	/* Removes iOS + others default styling */	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.BTN_SEARCH_SHW:hover{
	background-color:#f2f2f2; 	
	transition: all 0.3s ease;
	transform: scale(1.10);


}

.BTN_ANC_DISABLED{
	opacity: 0.6;
	cursor:default;	
}
.BTN_ANC_DISABLED:hover{
	border:3px solid transparent;
}
