/* votest CSS */
.circle_btn {
	font-size: 2em;
	text-align: center;
	text-shadow: 1px 1px 1px #FFF;
	width: 3em;
	height: 3em;
	padding-top: 0.75em;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: contain;
	line-height: 1.3;
	margin-bottom: 2em;
	cursor: pointer;
}

.green_btn {
	background-image: url('/image/c1.png');
}

.blue_btn {
	background-image: url('/image/c2.png');
}

.orange_btn {
	background-image: url('/image/c3.png');
}

.grey_btn {
	background-image: url('/image/c4.png');
}

.otest_section_container {
	background-color:#e0e0e0;
	font-size: 1.5em;
	padding: 0.5em;
	line-height: 1.5;
	min-height: 2em;
	margin-bottom: 0.5em;
}

.otest_question {
	padding: 0.5em;
	min-height: 2em;
	margin-bottom: 0.5em;
}

.otest_text {
	font-size: 1.35em;
	line-height: 1.5;
}

.otest_opt {
	padding: 1em;
}

span#tmbti_sn, span#votest_sn {
	display: inline-block;
	padding-left: 1em;
	padding-right: 1em;
	margin-right: 1em;
	border: 1px solid #ccccff;
}

div#mbti_test_result,div#votest_result {
	font-size: 3em;
	min-height: 7em;
	padding-top:3em;
	text-align: center;
}

div.article_content fieldset {
	padding: 1em 1em 0.5em 1em;
	margin-top: 1em;
	border: 1px solid #808080;

}
legend {
	display: inline-block;	
	border: 1px solid #808080;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.match legend {
	background-color: #b9f1f7;
}
.mismatch legend {
	background-color: #e0e0e0;
}
.other legend {
	background-color: #FFF;
}
div.result_analyze .value{
	border-bottom: 1px solid #000;
}

span.star {
	display: inline-block;
	width: 1em;
	height: 1em;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
span.star.active {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAD80lEQVRYhe2WzU8bRxjGfwu7yDbBUMA2CcbBVeyoWkwJKFXrHlPl0lOl0qhqxaXtKZf8AysO/i/SnqKqalKkSpV6q9QTq1zqoKqbKgaJ2MbCJuZjbcDr7x68BsfYGJtIveSVXs3MzszzPvu8844G3tolTAsF72qh4N3LYAiXCN4HPDOHt2RFrfSC09crAWBpJDA3OxKYmwWWegXpSQEtFLQBL7yfHbsBNn+1bQE3ZUU97harVwUejC0E3NYra1ivrDG2EHADD3oB6loBLRR0Auv+zxN2cSAKQKlwncjKZAbwyYq60w1eLwosO2777KIYhQpQAVGM4rjtswPL3YJ1pYAWCvoB7b0vNFGo6q/NVYVh/n0ilwBZVtTIGyOghYKjwLzp9yY+nJwfnfyl5dq9xCLJp4kw8BgIA2FZUfcuTEALBT3AnOkLwFy/ddhjuerH4vIz7LuBJfspVEtnqVcBQcQY+h19fQMjFcHYjlDO6TFgDfjLbNdkRY2dIaCFgt9Lw65vLS4flgk/lombWFw+pEERjsOQewYHjyEXru1qRaAKWOdh5B5Yb4FtnuJRCSO1jpF8gZGMYKTWKeqpH2RF/Q5AbIC4X9RT03bv9U8c3i04/A021qAYqx1VgdO2HlxoCF5vD8OQCdf6FZAkD5JtjiHvPKlMgaye+gO43y4FNuDP8anEB05v9DRo3YUmb6VA3SsNXoWdzeuk45NPgTuNF9aZQ6iFgnZg1TEVn3F44tDfRKBZhWYClSYCZXgVm+JVfOof4GNZUTON21pWgXnZrDo90Rvj7kQtaH+XBMq1fjruZifu2QA+khU13RyrbRmaFbE64dl0j05ut05FOwKm7yWukox5t8zgW63itL0JzVK5k4x502VDghJnvWx6i7myIZGMedPUct4y+LkETBIR4OH+tguK1LzA6/3msdnf33YBPOx0K4rnTZrmlvrzNeBW1QAtT7/YVwBwdwK/CAGPKBRqf1eviE4EyiD15QE8b4LA9EDVVKB8QQIVkKoXI3DuGTDffW6xkj/Nd56TvpG1YWRtLeekSo2AidHWOilwTRLLolCunv59HxwVhtk/miCTG/sbwG7dnX1nMMnggH6igEAVSSyLxVL/NaC3KgCmJSF3Um7HOTuJXT/RtPw8kxtbpPYafj+TG1uMpuXniV0/x8f2k/WSkIMOaehEwCNhkMsPkcj6eKnPRPT8+FdAQFbUlfpTXFbUFSCg58e/fJmZiSSyPnL5ISQMgOnzAnRKwbRAhc3DwAYQAn5s9/43v/+shYJP9ILja73gWB6Rdt6lgwKdCFQOis5vgEeyopY6rG0k8kgLBX86KDqXAOdF9r21/83+A37fr0GLHD+ZAAAAAElFTkSuQmCC');
}
span.star.inactive {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADpklEQVRYhe2WS2sbVxSAP2k0fsjGkbuoLM1IMkUIDI2bplAoXabkH+SW0uJN22yyyS5LL/wvkq5CKe0lP6HQlaGbuqGUGExWsZ6MqaSiq8eM5k4XHqmSKlmO3HiVAxfd5znfnHPP1YG3cgWRUt6VUt69io7IFYxHgd/D4YdCCL2InuiiAMBeLpfbzeVyu8DeokoWApBSxoED27axbRvgIJy7HgDgYT6ft+PxOPF4nHw+bwMPrwVASvku8MiyLIIgIAgCLMsCeBSuvVkAYL9QKGwYhoHWGq01hmFQKBQ2gP03CiClLAD3wy8ek3Dufrjn0jI3DaWU7wC3w/b5zs7O7WQyOXVvrVbj+Pj4CPgJOAKOhBB/XRpASpkFboXtI+DW0tJSdnNzk0QiQTqdRut/0z0SOT8eBMFwLhqNUi6XaTQa1Ot1XNd9BTwHfgt/nwshXv0HQEr5JB6Pf5NIJEgkEgyMrqys4HkenufR6/XwPG9oeFKCIMA0TZaXlzFNE9M06Xa7Q5hGo0Gj0aDdbn8nhPgWIDZy/kG73d7e2tr6LJPJ4LouzWaTer0+NDjL8CiA67r0er3hOBqNsrS0RCaTodvt0m63fwYezApBHPgllUp9nMlkiEQiY8ZHx7NCMEjNwdygf3p6SqVS+RW4I4RoTwUIITaAw3Q6/b5lWUSj0akAk96YNDgYa60plUqUy+U/gU+FEH+Pnpvq0/BBObQsK59KpcaMT3phEmKyVSoVSqXSS+ATIcTZ5JmZQQ0z4tC2bTuZTC7kgVqtRrFYLIbGi9PszHyIwlS5UywWz1zXHSrVWk/90sk113UpFotnnMd8qvELAUKIE+Cx4zj4vo/v+2ith/3JNrrmOA7A41DHTIldtBiKHYvF0FqPhWH05g9k1BuxWAzAnqf8MgBZwzDwff+17oBhGADZ/wNge/DPN/kmTAKMQlwW4MI7ENZ9diQSod/v0+/38X1/2FdKoZSauhYCZkMdM2WeB9KmacaCIBgLQafTodls0mq1/gBYX1/fvXHjBqurq2OeME0z5nleGlgsCxhxv9YapdTgYXnRarXucV4Nf9Bqte6VSqUXlUoFpdRYocKcMMwDyBqGQafTwXEcqtXqiVLqS+CmEOLZoBQXQjwDbiqlvqhWqyeO49DpdAYA2xcZmBeCbYBarfYSOAC+n1X/h/M/SimlUuorpdT+2trae8zxwDwArZT6GngqhOjP2TsK8lRK+YNSag947UL1rVyr/AMtaDyWFSthkAAAAABJRU5ErkJggg==');
}
.tab_container {
	padding: 0.5em;
}
.tab_container span.tab {
	display: inline-block;
	padding: 0.2em 0.5em;
	border: 1px solid #808080;
	margin: 0.5em 1em;
}
.tab_container span.active {
	background-color: #b9f1f7;
}
.dims_duplicate_alert {
	font-weight: 600;
	color:chocolate;
}
div.advice {
	padding: 1em;
}
h4 {
	border-bottom: 1px dashed #808080;
}