/*      Grey button as anchor  --Kommer att tas bort. Det är STANDARD BUTTON som ska användas för standardknappar  */
a.HB-button_grey {
background: transparent url(https://www.handelsbanken.se/shb/inet/icentsv.nsf/vlookupsystempics/gui_element/$file/hb-button-grey_a.png) no-repeat scroll top right;
color: #000 !important;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 25px;
padding-right: 18px; /* sliding doors padding */
text-decoration: none !important;
}

a.HB-button_grey span {
background: transparent url(https://www.handelsbanken.se/shb/inet/icentsv.nsf/vlookupsystempics/gui_element/$file/hb-button-grey_span.png) no-repeat;
display: block;
line-height: 16px;
padding: 4px 0 5px 18px;
text-decoration: none !important;
} 

a.HB-button_grey:active {
background-position: bottom right;
color: #000;
text-decoration: none !important;
margin-top:1px;
outline: none; /* hide dotted outline in Firefox */
}

a.HB-button_grey:active span {
background-position: bottom left;
text-decoration: none !important;
} 

a.HB-button_grey:visited {
text-decoration: none !important;
color: #000 !important;
outline: none; /* hide dotted outline in Firefox */
}








/*     Standard button     */
/*__________________Standard button     */
button {
background-color:#f4f4f4;
border:1px solid #999;
padding:3px 15px;
*padding:2px 0;
margin:0;
font-family:arial;
color:#000;
font-size:12px;
font-weight:normal;
text-decoration:none;
cursor:pointer;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 1px 1px #dfdfdf;
-webkit-box-shadow: 0 1px 1px #dfdfdf;
box-shadow: 0 1px 1px #dfdfdf; 
background-image: -ms-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
background-image: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
background-image: -o-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #ffffff), color-stop(1, #ebebeb));
background-image: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
background-image: linear-gradient(top, #ffffff 0%, #ebebeb 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb));
background: -moz-linear-gradient(top, #ffffff, #ebebeb);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ebebeb);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ebebeb)";
}






/*      Blue button, Action-button     */
a.HB-button_blue {
background-color:#5794c6; /* IE9 specific rule */
border:1px solid #5181b1;
color: #fff !important;
font-weight:bold;
font-family:arial;
font-size:12px;
cursor:pointer;
text-decoration:none;
padding:3px 15px 4px 15px;
position:relative;
*top:1px;
display:inline-block;
margin:5px 0 10px; 0;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 1px 1px #c1c1c1;
-webkit-box-shadow: 0 1px 1px #c1c1c1;
box-shadow: 0 1px 1px #c1c1c1; 
/* IE10 */ 
background-image: -ms-linear-gradient(top, #6bacd9 0%, #5181b1 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #6bacd9 0%, #5181b1 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #6bacd9 0%, #5181b1 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #6bacd9), color-stop(1, #5181b1));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #6bacd9 0%, #5181b1 100%);
/* Proposed W3C Markup */ 
background-image: linear-gradient(top, #6bacd9 0%, #5181b1 100%);
text-decoration: none !important;
}

a.HB-button_blue:active {
background-color:#6bacd9; /* IE9 specific rule */
	/* IE10 */ 
background-image: -ms-linear-gradient(top, #5181b1 0%, #6bacd9 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #5181b1 0%, #6bacd9 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #5181b1 0%, #6bacd9 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #5181b1), color-stop(1, #6bacd9));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #5181b1 0%, #6bacd9 100%);
/* Proposed W3C Markup */ 
background-image: linear-gradient(top, #5181b1 0%, #6bacd9 100%);
-moz-box-shadow: 0 0 0 #FFF;
-webkit-box-shadow: 0 0 0 #FFF; 
box-shadow: 0 0 0 #FFF; 
}

/* TV Blå klusterruta för embed och länkar */
.tv_embed_cluster{
background-color:#ddeefc;
padding:15px 0;
width:380px;
}
.tv_embed_cluster span{
display:block;
width:350px;
margin:0 15px
}
.tv_embed_cluster span span{
display:block;
margin:8px 0
}
.tv_embed_cluster .Rubrik3{
margin:10px 0 3px 0
}




/* Ankare med ikoner */
.laddaned_link {
background: url(https://www.handelsbanken.se/shb/inet/icentsv.nsf/vlookupsystempics/laddaned/$file/laddaned_pil.gif) no-repeat 0 2px;
padding-left:17px;
}



.progressBar{
height:7px;
*height:9px;
border:1px solid #999999;
*font-size:0;
width:130px;
overflow:hidden;
display:inline-block;
-moz-box-shadow: 0 1px 1px #c1c1c1;
-webkit-box-shadow: 0 1px 1px #c1c1c1;
box-shadow: 0 1px 1px #c1c1c1; 
}

.progressBar span{
height:100%;
border-right:1px solid #999999;
*font-size:0;
width:75%;
display:block;
background-image: -ms-linear-gradient(top, #64a3d3 0%, #4b85bb 100%);
background-image: -moz-linear-gradient(top, #64a3d3 0%, #4b85bb 100%);
background-image: -o-linear-gradient(top, #64a3d3 0%, #4b85bb 100%);
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #64a3d3), color-stop(1, #4b85bb));
background-image: -webkit-linear-gradient(top, #64a3d3 0%, #4b85bb 100%);
background-image: linear-gradient(top, #64a3d3 0%, #4b85bb 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#64a3d3), to(#4b85bb));
background: -moz-linear-gradient(top, #64a3d3, #4b85bb);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#64a3d3, endColorstr=#4b85bb);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#64a3d3, endColorstr=#4b85bb)";
}


.container_guides{
*font-size:0;
border-bottom-left-radius:4px; 
-moz-border-bottom-left-radius: 4px; 
-webkit-border-bottom-left-radius: 4px;
border-bottom-right-radius:4px; 
-moz-border-bottom-right-radius: 4px; 
-webkit-border-bottom-right-radius: 4px;
border:1px solid #cccccc;
border-top:0;
padding:3px;
}

.container_header_guides{
background-image: -ms-linear-gradient(top, #336699 0%, #013467 100%);
background-image: -moz-linear-gradient(top, #336699 0%, #013467 100%);
background-image: -o-linear-gradient(top, #336699 0%, #013467 100%);
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #336699), color-stop(1, #013467));
background-image: -webkit-linear-gradient(top, #336699 0%, #013467 100%);
background-image: linear-gradient(top, #336699 0%, #013467 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#336699), to(#013467));
background: -moz-linear-gradient(top, #336699, #013467);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#336699, endColorstr=#013467);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#336699, endColorstr=#013467)";
border-top-left-radius:4px; 
-moz-border-top-left-radius: 4px; 
-webkit-border-top-left-radius: 4px;
border-top-right-radius:4px; 
-moz-border-top-right-radius: 4px; 
-webkit-border-top-right-radius: 4px; 
color:#ffffff !important;
font-weight:bold;
padding:10px;
}

.container_section_guides{
border-radius:4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
border:1px solid #cccccc;
padding:16px 23px;
margin-top:3px;
}


.container_guides,
.container_header_guides,
.container_section_guides{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
 box-sizing: border-box;
}


.container_guides,
.container_header_guides{
width:562px;
}

.highLight{               /* Highlited sections in guides */
background-color:#eaeaea;
border:0
}


/* Preserved classes */
.icon_contact_email{

}

.icon_contact_inperson{

}

.icon_contact_phone{

}

.icon_card {
	
}

.icon_support {
	
}
/* /Preserved classes */