@charset "utf-8";

.thumbnail-img {position:relative;padding-top:100%;overflow:hidden;}
.thumbnail img {position:absolute;top:0;left:0;}

.thumbnail-img .centered {position: absolute;top: 0;left: 0;right: 0;bottom: 0;
	-webkit-transform: translate(50%,50%);
	-ms-transform: translate(50%,50%);
	transform: translate(50%,50%);
}
.thumbnail-img .centered img {
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.thumbnail-img img.portrait {width:100%;max-width:none;height:auto;}
.thumbnail-img img.landscape {width:auto;max-width:none;height:100%;}


.checkbox_grey {position:relative; display:inline-block;}
.checkbox_grey input[type="checkbox"]{position:absolute; left:0; top:0; width:1px; height:1px; padding:0; border:0 none; margin:0;  overflow:hidden;clip:rect(0 0 0 0);}
.checkbox_grey label{display:inline-block; height:20px; line-height:20px; padding-left:25px; margin-bottom:0px; margin-right:15px; background:url("../images/sub/checkbox_grey.png") no-repeat 0 0; background-size:20px auto; font-size:15px; cursor:pointer;}
.checkbox_grey input[type="checkbox"]:checked + label{background-position: 0 -20px;}

.radio_grey {position:relative; }
.radio_grey input[type="radio"]{position:absolute; left:0; top:0; width:1px; height:1px; padding:0; border:0 none; margin:0;  overflow:hidden;clip:rect(0 0 0 0);}
.radio_grey label{display:inline-block; height:20px; line-height:20px; padding-left:25px; margin-bottom:0px; margin-right:15px; background:url("../images/sub/radio_grey.png") no-repeat 0 0; background-size:20px auto; font-size:15px; cursor:pointer;}
.radio_grey input[type="radio"]:checked + label{background-position: 0 -20px;}