@charset "utf-8";
/* CSS Document */
.travel_name{ display:none; opacity:0;}

.viewpoint1,.viewpoint2,.viewpoint3,.viewpoint4,.viewpoint5,.viewpoint6,.viewpoint7,.viewpoint8,.viewpoint9,.viewpoint10,.viewpoint11,.viewpoint12,.viewpoint13{
	width:150px;
	text-align:center;
	padding:5px 20px 5px 20px;
	background:#333;}

.radio-toolbar_none{  padding:0px 7px 0px 7px;border:0px solid #FFF;}

#iten input {
	position: absolute;
	border: 0;
	clip: rect(0 0 0 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
}

/* make the label relative, add padding to the left for adding the custom radio button */
#iten input + label {
    /*padding-left: 23px;*/
	cursor: pointer;
	position: relative;
	display: inline-block;
	line-height: 24px;
	margin: 2px 0;
	
	
}


/**
 * :before will be our new button!
 */
 
#iten input + label:before{
	/*display:none\0/;*/
}

#iten input + label:before {
	content: " ";
	z-index:9999;
	position: absolute;
	left: 8px;
	top: 4px;
	
	/* Your size */
	width: 26px;
	height: 26px;
	
	/* Your default background color */
	background-image:url(../images/travel/check_box.png);
	background-position:left top;
	background-repeat:no-repeat;
}

#iten input:checked + label:before {
	/* Your checked background color */
	background-image:url(../images/travel/check_box.png));
	background-position:left bottom;
	background-repeat:no-repeat;
}

.viewpoint1:hover, .viewpoint2:hover, .viewpoint3:hover, .viewpoint4:hover, .viewpoint5:hover, .viewpoint6:hover, .viewpoint7:hover, .viewpoint8:hover, .viewpoint9:hover, .viewpoint10:hover, .viewpoint11:hover, .viewpoint12:hover, .viewpoint13:hover {
    opacity: 0.7;
    transition: all 0.4s;