@charset "utf-8";
/****************************************************************************************************
	Reset Override
****************************************************************************************************/
/* typography */
@font-face {
    font-family: 'NanumGothic';
    font-style: normal;
    font-weight: normal;
    src: local('NanumGothic'),  local('나눔고딕'),   url('./NanumGothic.woff') format('woff');
}
body * {
	word-break: break-all;
	font-size: inherit;
	font-family: NanumGothic, 나눔고딕, 'Malgun Gothic', '맑은 고딕', inherit;
}
body.iframe {
	margin:0;
	padding:0;
}
pre {
	word-break: keep-all;
	overflow-x: scroll;
}
.meta,
.more,
.date {
	color: gray;
	font-size: 11px;
	font-family: 'lucida grande', tahoma, verdana, arial, 돋움, Dotum, sans-serif;
}
/* block elements */
.description>* {
	margin-top: 1em;
}
.modal {
	z-index: 99999999999 !important;
	text-align: left;
}
.modal-backdrop {
	z-index: 999999999 !important;
}
/****************************************************************************************************
	Master Layout
****************************************************************************************************/
body {
	padding-top: 20px;
	/*
	background-color: #E7EBF2;
	*/
	background-color: #F5F5F5;
}
div#body {
}
div#site-frame {
}
header#site-header {
}
header#site-header.frame540 .container {
	width:540px !important;
}
header#site-header.frame540 div.navbar-inner .container {
	width:500px !important;
}
header#site-header.frame620 .container {
	width:620px !important;
}
header#site-header.frame620 div.navbar-inner .container {
	width:580px !important;
}
header#site-header.frame700 .container {
	width:700px !important;
}
header#site-header.frame700 div.navbar-inner .container {
	width:660px !important;
}
header#site-header.frame780 .container {
	width:780px !important;
}
header#site-header.frame780 div.navbar-inner .container {
	width:740px !important;
}
header#site-header.frame860 .container {
	width:860px !important;
}
header#site-header.frame860 div.navbar-inner .container {
	width:820px !important;
}
div#site-main-container {
}
div#site-main-container.container.frame540 {
	width:540px !important;
}
div#site-main-container.container.frame620 {
	width:620px !important;
}
div#site-main-container.container.frame700 {
	width:700px !important;
}
div#site-main-container.container.frame780 {
	width:780px !important;
}
div#site-main-container.container.frame860 {
	width:860px !important;
}
div#site-main {
	*zoom: 1;
}
div#site-main:after {
	content: ' ';
	display: block;
	clear: both;
}
div#site-content {
	*zoom: 1;
	position: relative;
}
div#site-content:after {
	content: ' ';
	display: block;
	clear: both;
}
div#site-sidebar {
	*zoom: 1;
	position: relative;
}
div#site-sidebar:after {
	content: ' ';
	display: block;
	clear: both;
}
footer#site-footer {
	*zoom: 1;
	position: relative;
}
footer#site-footer:after {
	content: ' ';
	display: block;
	clear: both;
}
footer#site-footer.frame540 .container {
	width:540px !important;
}
footer#site-footer.frame620 .container {
	width:620px !important;
}
footer#site-footer.frame700 .container {
	width:700px !important;
}
footer#site-footer.frame780 .container {
	width:780px !important;
}
footer#site-footer.frame860 .container {
	width:860px !important;
}
/****************************************************************************************************
	Site Layout
****************************************************************************************************/
header#site-header {
}
header#site-header h1.title {
	padding: 0.7em;
}
header#site-header.has-header-image h1.title {
	padding: 0;
}
header#site-header.has-header-image h1.title a {
	display: block;
	width: 100%;
	height: 120px;
	border-radius: 4px;
	background: #FFFFFF url(../images/site-header.png) scroll no-repeat left top;
	text-indent: -10000px;
	overflow: hidden;
}
body.has-sitenav header#site-header.has-header-image h1.title a {
	border-radius: 4px 4px 0 0;
}
/* Sitenav - code adopted from twitter bootstrap site */
body.has-sitenav #sitenav,
body.has-sitenav #sitenav-dummy.navbar-fixed-top {
	position: relative;
	z-index: 9999999999 !important;
	height: 40px;
	margin-bottom: 20px;
}
body.has-sitenav #sitenav.navbar-fixed-top {
	position: fixed;
}
#sitenav.navbar-fixed-top div.navbar-inner {
	border-radius: 0 !important;
}
header#site-header.has-header-image #sitenav div.navbar-inner {
	border-radius: 0 0 4px 4px;
}
#sitenav-dummy.navbar-fixed-top {
	position: static;
}
#sitenav div.container {
	width: 900px;
}
#sitenav a.brand {
	display: none;
}
#sitenav.navbar-fixed-top a.brand {
	display: block;
}
#sitenav.navbar-fixed-top li.home {
	display: none;
}
footer#site-footer {
	margin-bottom: 0;
	padding: 20px 0;
	background: #C7CBD2;
	font-size: 12px;
}
footer#site-footer span2 {
	text-align: right;
}
footer#site-footer a {
	color: #000000;
	font-weight: bold;
}
/****************************************************************************************************
	Content Layout
****************************************************************************************************/
header#document-header {
	*zoom: 1;
	position: relative;
	border: 2px solid #4D41A4;
}
header#document-header:after {
	content: ' ';
	display: block;
	clear: both;
}
article#document-content {
	*zoom: 1;
	position: relative;
}
article#document-content:after {
	content: ' ';
	display: block;
	clear: both;
}
footer#document-footer {
	*zoom: 1;
	position: relative;
}
footer#document-footer:after {
	content: ' ';
	display: block;
	clear: both;
}
/****************************************************************************************************
	Document Header / Footer
****************************************************************************************************/
header#document-header,
header#document-footer {
	background-color: #FFFFFF;
}
header#document-header {
}
header#document-header div.banner {
	width: 772px;
	height: 307px;
	overflow: hidden;
	margin: 2px;
}
header#document-header div.banner>img {
	width: 100%;
	height: 100%;
	outline: 1px solid #000000;
}
header#document-header hgroup {
	margin: 2px;
}
header#document-header hgroup>* {
	margin: 27px;
}
header#document-header hgroup div.btn-group {
	float: right;
	margin-bottom: 0;
	margin-left: 0;
}
header#document-header hgroup h1.title {
	border-left: 5px solid teal;
	padding-left: 0.5em;
}
header#document-header hgroup div.description {
}
header#document-header hgroup div.description>*,
header#document-header hgroup div.description>div.summary>*,
header#document-header hgroup div.description>div.more-text>* {
	margin-bottom: 1em;
	line-height: 1.6;
}
header#document-header hgroup div.description div.summary {
	font-weight: bold;
	text-align: justify;
}
header#document-header hgroup div.description,
header#document-header hgroup div.description p {
	font-size: 16px;
}
/* components */
header#document-header hgroup div.description div.more-text {
	padding: 0;
	background-color: transparent;
}
header#document-header hgroup div.description div.more-text div.flowchart {
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	background-color: #FEF49C;
}
header#document-header hgroup div.description div.more-text div.flowchart h3 {
	padding: 0.3em 2.3em ;
	border: 1px solid #BCA902;
	background: #FEEA3D url(../images/flowchart-title-icon.png) scroll no-repeat 1em center;
	font-size: 12px;
}
header#document-header hgroup div.description div.more-text div.flowchart div {
	padding: 1em;
	border: 1px solid #BCA902;
	border-top: 0 none;
	font-size: 14px;
}
header#document-header hgroup div.description div.more-text div.flowchart div p {
	font-size: 14px;
	line-height: 1.6;
}
header#document-header hgroup div.description div.more-text div.hr {
	height: 60px;
	background: transparent url(../images/flowchart-arrow-down.png) scroll no-repeat center center;
}
header#document-header hgroup div.description div.more-text div.footnote {
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	background-color: #EEEEEE;
}
header#document-header hgroup div.description div.more-text div.footnote h3 {
	padding: 0.3em 2.3em;
	border: 1px solid #CCCCCC;
	background: #AAAAAA url(../images/flowchart-footnote-icon.png) scroll no-repeat 1em center;
	font-size: 12px;
}
header#document-header hgroup div.description div.more-text div.footnote div {
	padding: 1em;
	border: 1px solid #CCCCCC;
	border-top: 0 none;
	font-size: 12px;
}
header#document-header hgroup div.description div.more-text div.footnote div p {
	line-height: 1.6;
	font-size: 12px;
}
header#document-header div.social-box {
	padding: 30px;
	border-top: 1px solid #EEEEEE;
	box-shadow: inset 0 5px 5px #EEEEEE;
}
hgroup.has-banner h1.title {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 772px;
	height: 307px;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 none !important;
}
hgroup.has-banner h1.title a {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 772px;
	height: auto;
	margin: 0;
	padding: 0.3em 0;
	background: transparent url(../images/z-50.png) scroll repeat left top;
	text-indent: 27px;
	text-shadow: 2px 2px 2px #000000;
	font-size: 24px;
	color: #FFFFFF;
}
hgroup.no-title h1.title {
	display: none;
}
hgroup.no-description div.description {
	display: none;
}
hgroup.has-banner div.btn-group {
	position: absolute;
	top: 245px;
	right: 0;
	z-index:100;
}
/****************************************************************************************************
	Nodeset
****************************************************************************************************/
article.nodeset {
	position: relative;
	padding-top: 15px; /* gutter */
}
article.nodeset section {
	position: relative;
}
section.group {
	border-radius: 3px;
}
section a.point {
	display: none;
}
section.left a.point,
section.right a.point,
section.both a.point {
	/* border color, background color, font color are same with major, minor division's */
	position: absolute;
	top: 8px;
	display: block;
	width: 14px;
	height: 12px;
	margin: 0;
	padding: 0;
	border-width: 1px;
	text-align: center;
	text-decoration: none;
	line-height: 12px;
	font-weight: bold;
	font-size: 10px;
}
section.left a.point {
	right: -3px;
}
section.right a.point {
	left: -3px;
}
section.both a.point {
	left: 50%;
	margin-left: -8px;
}
div.panel {
	position: relative;
	margin-bottom: 15px; /* gutter */
	border-radius: 3px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
div.panel a.anchor {
	display: none;
}
ul.nodes {
	list-style-type: none;
	margin: 0;
	padding: 3px;
}
li.node {
	position: relative;
	*zoom: 1;
	margin: 0;
	padding: 0;
	border-top: 1px solid #DDDDDD;
}
li.node.entry-1 {
	border-top: none;
}
li.node:after {
	content: ' ';
	display: block;
	clear: both;
}
li.node h2.title {
	margin: 0;
	padding: 12px;
	font-weight: normal;
	line-height: 1.2;
	font-size: 16px;
}
section.division.center li.node h2.title {
	font-size: 20px;
}
li.node h2.title div.reference,
li.node h2.title div.reference span {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	vertical-align: middle;
	line-height: 11px;
	font-size: 11px;
}
li.node h2.title div.reference {
	*margin-right: 0.5em;
}
li.node h2.title div.reference span.from {
	display: none;
}
li.node h2.title div.reference span.label {
	height: 11px;
}
section.center li.node h2.title div.label,
section.center li.node h2.title div.label a,
section.division li.node h2.title div.label,
section.division li.node h2.title div.label a {
	color: #000000;
}
section.division.major li.node h2.title div.label,
section.division.major li.node h2.title div.label a,
section.division.minor li.node h2.title div.label,
section.division.minor li.node h2.title div.label a {
	color: #4D41A4 !important;
	font-weight: bold;
}
li.node h2.title div.label a.active { /* when it acts as a more-link */
	font-weight: bold;
}
li.node h2.title div.label a.more-link {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	padding-left: 20px;
}
li.node h2.title div.label,
li.node h2.title div.label a {
	display: inline;
	margin: 0;
	padding: 0;
	border: 0 none;
	background-color: transparent;
	white-space: normal;
	text-shadow: none;
	color: #08C;
	font-size: inherit;
}
li.node h2.title div.meta {
	margin: 6px 0 0 0;
	*margin: 0;
}
li.node div.description {
	margin: 0;
	padding: 12px;
}
li.node h2.title+div.description {
	margin-top: -15px !important;
	padding-top: 0 !important;
}
section.center.division li.node div.description,
section.center.division li.node div.description>* {
	line-height: 1.4;
}
section.center.division li.node div.description,
section.center.division li.node div.description>p {
	font-size: 14px;
}
li.node div.more {
	clear: both;
}
li.node div.more a.link {
	*zoom: 1;
	display: block;
	width: auto;
	height: 2.5em;
	margin: 0;
	padding: 0;
	background-color: #EEEEEE;
	font-size: 12px;
	line-height: 2.5em;
	text-decoration: none;
}
li.node div.more a.link:after {
	content: ' ';
	display: block;
	clear: both;
}
li.node div.more.active a.link,
li.node div.more a.link:hover {
	background-color: #CCCCCC;
}
li.node div.more a.link span.references {
	float: left;
	margin-left: 1em;
}
li.node div.more a.link span.comments {
	float: right;
	margin-right: 1em;
}
li.node div.more a.edit {
	display: none;
	position: absolute;
	top: 10px;
	width: 16px;
	height: 16px;
	margin: 0;
	padding: 0;
	border-radius: 0;
	border: 0 none;
	outline: 1px solid #FFFFFF;
	background: transparent url(../images/edit.png) scroll no-repeat 0px 0px;
	text-indent: -10000px;
	overflow: hidden;
}
li.node div.more a.edit:hover {
	background-position: 0px -16px;
}
div.panel.center li.node div.more a.edit,
div.panel.right li.node div.more a.edit {
	right: 10px;
}
div.panel.left li.node div.more a.edit {
	left: 10px;
}
/****************************************************************************************************
	priority styles
****************************************************************************************************/
li.node.priority1 h2.title,
li.node.priority1 h2.title div.label,
li.node.priority1 h2.title div.label a {
	color: #4D41A4;
	font-weight: bold;
	font-size: 20px;
}
li.node.priority2 h2.title,
li.node.priority2 h2.title div.label,
li.node.priority2 h2.title div.label a {
	color: #0088CC;
	font-weight: bold;
	font-size: 16px;
}
li.node.priority3 h2.title,
li.node.priority3 h2.title div.label,
li.node.priority3 h2.title div.label a {
	color: #0088CC;
	font-weight: normal;
	font-size: 13px;
}
li.node.priority4 h2.title,
li.node.priority4 h2.title div.label,
li.node.priority4 h2.title div.label a {
	color: #333333;
	font-weight: normal;
	font-size: 12px;
}
li.node.priority5 h2.title,
li.node.priority5 h2.title div.label,
li.node.priority5 h2.title div.label a {
	color: #666666;
	font-weight: normal;
	font-size: 11px;
}
li.node.priority3 div.description,
li.node.priority4 div.description,
li.node.priority5 div.description {
	display: none;
}
/****************************************************************************************************
	Node Shutter
****************************************************************************************************/
div.shutter {
	display: none;
}
div.shutter ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.shutter ul li {
	*zoom: 1;
	margin: 3px 0 0 0;
	padding: 12px;
	background-color: #F0F0F0;
}
div.shutter ul li:after {
	content: ' ';
	display: block;
	clear: both;
}
div.shutter ul li div.reference,
div.shutter ul li div.reference span {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	vertical-align: middle;
	line-height: 11px;
	font-size: 11px;
}
div.shutter ul li div.reference {
	*margin-right: 0.5em;
}
div.shutter ul li div.reference span.from {
	display: none;
}
div.shutter ul li div.reference span.label {
	height: 11px;
}
div.shutter ul li div.portrait {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	vertical-align: bottom;
	width: 32px;
	height: 32px;
	margin: 0;
	padding: 0;
	border: 0 none;
	box-shadow: none;
}
div.shutter ul li div.portrait img {
	display: block;
	width: 32px;
	height: 32px;
}
div.shutter ul li a.title,
div.shutter ul li h3.title {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	font-weight: normal;
	font-size: 13px;
	line-height: inherit;
}
div.shutter ul li a.title {
	vertical-align: middle;
}
div.shutter ul li div.description {
	margin: 5px 0 0 0;
	padding: 0;
}
div.shutter ul li div.date {
	margin: 0;
}
div.shutter ul li div.wrap {
}
div.shutter ul li div.tooltip {
	display: none;
}
div.shutter ul li.loading {
	height: 30px;
	background-image: url(../images/loading.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -10000px;
	overflow: hidden;
}
div.shutter ul li.pagination {
	height: auto;
	background-color: #FFFFFF;
}
div.shutter ul li.pagination ul {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}
div.shutter ul li.pagination ul:after {
	content: ' ';
	display: block;
	clear: both;
}
div.shutter ul li.pagination ul li {
	float: left;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}
div.shutter ul li.pagination ul li a {
	display: block;
	min-width: 11px;
	height: 25px;
	line-height: 25px;
	margin: 0;
	padding: 0 7px;
	font-size: 11px;
}
div.shutter ul li.pagination ul:after {
	content: ' ';
	display: block;
	clear: both;
}
/* tooltip */
div#tooltip {
	display: none;
	position: absolute;
	z-index: 999999999 !important;
	border: 2px solid #FFFFFF;
}
div#tooltip-wrap {
	*zoom: 1;
	width: 250px;
	padding: 12px;
	border: 1px solid #000000;
	background-color: #F0FFF0;
}
div#tooltip-wrap:after {
	content: ' ';
	display: block;
	clear: both;
}
div#tooltip h3 {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #468847;
	font-weight: bold;
}
div#tooltip div.from,
div#tooltip div.date {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	vertical-align: middle;
}
div#tooltip div.from {
	color: #666666;
}
div#tooltip div.date {
}
div#tooltip div.description {
	margin: 0;
	color: #333333;
}
div#tooltip div.description img.preview {
	float: left;
	width: 90px;
	height: 60px;
	margin: 5px 8px 0 0;
	padding: 0;
	border: 1px solid #333333;
}
/****************************************************************************************************
	Feature
****************************************************************************************************/
/* general */
div.feature {
}
div.feature ul.items {
	*zoom: 1;
	list-style-type: none;
	margin: 0;
	padding: 0 0 11px 11px;
	background-color: #F0F0F0;	
}
div.feature ul.items:after {
	content: ' ';
	display: block;
	clear: both;
}
div.feature ul.items li.item {
	float: left;
	width: 77px;
	height: 77px;
	margin: 12px 12px 0 0;
	padding: 0;
}
div.feature ul.items li.item.entry-1 {
	width: 167px;
	height: 167px;
	margin-left: 0;
}
div.feature ul.items li.item a,
div.feature ul.items li.item img {
	display: block;
	width: 100%;
	height: 100%;
}
div.feature ul.items li.item a {
	position: relative;
}
div.feature ul.items li.item a img {
	outline: 1px solid #000000;
}
div.feature ul.items li.item a img.watermark {
	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	outline: none;
}
/* jinbonet services
div.feature ul.items li.item a img.watermark.socialfunch {
	background-image: url(../images/watermark/socialfunch.png);
}
/* playable media */
div.feature ul.items li.item a img.watermark.audio {
	background-image: url(../images/watermark/audio.png);
}
div.feature ul.items li.item a img.watermark.video {
	background-image: url(../images/watermark/video.png);
}
/* downloadable files */
div.feature ul.items li.item a img.watermark.zip {
	background-image: url(../images/watermark/zip.png);
}
div.feature ul.items li.item a img.watermark.table {
	background-image: url(../images/watermark/table.png);
}
div.feature ul.items li.item a img.watermark.pdf {
	background-image: url(../images/watermark/pdf.png);
}
div.feature ul.items li.item a img.watermark.chart {
	background-image: url(../images/watermark/chart.png);
}
div.feature ul.items li.item a img.watermark.doc {
	background-image: url(../images/watermark/doc.png);
}
/* map */
div.feature ul.items li.item a img.watermark.map {
	background-image: url(../images/watermark/map.png);
}
/* user selectables */
div.feature ul.items li.item a img.watermark.donate {
	background-image: url(../images/watermark/donate.png);
}
div.feature ul.items li.item a img.watermark.forum {
	background-image: url(../images/watermark/forum.png);
}
div.feature ul.items li.item a img.watermark.link {
	background-image: url(../images/watermark/link.png);
}
div.feature ul.items li.item a img.watermark.rss {
	background-image: url(../images/watermark/rss.png);
}
div.feature ul.items li.item a img.watermark.shop {
	background-image: url(../images/watermark/shop.png);
}
/* count 1 normal */
div.feature ul.items.item-count-1 {
	padding: 0;
}
div.feature ul.items.item-count-1 li.item.entry-1 {
	width: 100%;
	height: auto;
	margin: 0;
}
div.feature ul.items.item-count-1 li.item.entry-1 a,
div.feature ul.items.item-count-1 li.item.entry-1 img {
	width: 100%;
	height: auto;
}
/* count 1 float (small and medium) */
div.feature.small,
div.feature.medium {
	float: left;
	margin: 15px 12px 0 12px;
}
/* count 1 float (small and medium) */
section.division div.feature.small,
section.division div.feature.medium {
	float: left;
	margin: 30px 27px 0 27px;
}
div.feature.small ul.items.item-count-1 li.item.entry-1 a,
div.feature.small ul.items.item-count-1 li.item.entry-1 img,
div.feature.medium ul.items.item-count-1 li.item.entry-1 a,
div.feature.medium ul.items.item-count-1 li.item.entry-1 img {
	width: 100%;
	height: 100%;
	outline: none;
}
div.feature.small ul.items.item-count-1 li.item.entry-1 {
	width: 32px;
	height: 32px;
}
div.feature.medium ul.items.item-count-1 li.item.entry-1 {
	width: 120px;
	height: 90px;
}
/* count 2 and more */
div.feature ul.items.item-count-2 li.item {
	width: 167px;
	height: 167px;
}
.frame540 div.feature ul.items.item-count-2 li.item {
	width: 107px;
	height: 107px;
}
.frame620 div.feature ul.items.item-count-2 li.item {
	width: 127px;
	height: 127px;
}
.frame700 div.feature ul.items.item-count-2 li.item {
	width: 147px;
	height: 147px;
}
.frame780 div.feature ul.items.item-count-2 li.item {
	width: 167px;
	height: 167px;
}
.frame860 div.feature ul.items.item-count-2 li.item {
	width: 187px;
	height: 187px;
}
div.feature ul.items li.item.entry-4,
div.feature ul.items li.item.entry-5 {
	margin-top: 13px;
}
/* center and center division */
section.center div.feature ul.items.item-count-3 li.item,
section.center div.feature ul.items.item-count-4 li.item.entry-2,
section.center div.feature ul.items.item-count-5 li.item.entry-2,
section.center div.feature ul.items.item-count-6 li.item.entry-2,
section.center.division div.feature ul.items.item-count-4 li.item,
section.center.division div.feature ul.items.item-count-5 li.item.entry-2,
section.center.division div.feature ul.items.item-count-5 li.item.entry-3,
section.center.division div.feature ul.items.item-count-6 li.item.entry-2,
section.center.division div.feature ul.items.item-count-6 li.item.entry-3,
section.center.division div.feature ul.items.item-count-7 li.item.entry-2,
section.center.division div.feature ul.items.item-count-7 li.item.entry-3,
section.center.division div.feature ul.items.item-count-8 li.item.entry-2,
section.center.division div.feature ul.items.item-count-9 li.item.entry-2,
section.center.division div.feature ul.items.item-count-10 li.item.entry-2 {
	width: 167px;
	height: 167px;
}
.frame540 section.center div.feature ul.items.item-count-3 li.item,
.frame540 section.center div.feature ul.items.item-count-4 li.item.entry-2,
.frame540 section.center div.feature ul.items.item-count-5 li.item.entry-2,
.frame540 section.center div.feature ul.items.item-count-6 li.item.entry-2,
.frame540 section.center.division div.feature ul.items.item-count-4 li.item,
.frame540 section.center.division div.feature ul.items.item-count-5 li.item.entry-2,
.frame540 section.center.division div.feature ul.items.item-count-5 li.item.entry-3,
.frame540 section.center.division div.feature ul.items.item-count-6 li.item.entry-2,
.frame540 section.center.division div.feature ul.items.item-count-6 li.item.entry-3,
.frame540 section.center.division div.feature ul.items.item-count-7 li.item.entry-2,
.frame540 section.center.division div.feature ul.items.item-count-7 li.item.entry-3,
.frame540 section.center.division div.feature ul.items.item-count-8 li.item.entry-2,
.frame540 section.center.division div.feature ul.items.item-count-9 li.item.entry-2,
.frame540 section.center.division div.feature ul.items.item-count-10 li.item.entry-2 {
	width: 107px;
	height: 107px;
}
.frame620 section.center div.feature ul.items.item-count-3 li.item,
.frame620 section.center div.feature ul.items.item-count-4 li.item.entry-2,
.frame620 section.center div.feature ul.items.item-count-5 li.item.entry-2,
.frame620 section.center div.feature ul.items.item-count-6 li.item.entry-2,
.frame620 section.center.division div.feature ul.items.item-count-4 li.item,
.frame620 section.center.division div.feature ul.items.item-count-5 li.item.entry-2,
.frame620 section.center.division div.feature ul.items.item-count-5 li.item.entry-3,
.frame620 section.center.division div.feature ul.items.item-count-6 li.item.entry-2,
.frame620 section.center.division div.feature ul.items.item-count-6 li.item.entry-3,
.frame620 section.center.division div.feature ul.items.item-count-7 li.item.entry-2,
.frame620 section.center.division div.feature ul.items.item-count-7 li.item.entry-3,
.frame620 section.center.division div.feature ul.items.item-count-8 li.item.entry-2,
.frame620 section.center.division div.feature ul.items.item-count-9 li.item.entry-2,
.frame620 section.center.division div.feature ul.items.item-count-10 li.item.entry-2 {
	width: 127px;
	height: 127px;
}
.frame700 section.center div.feature ul.items.item-count-3 li.item,
.frame700 section.center div.feature ul.items.item-count-4 li.item.entry-2,
.frame700 section.center div.feature ul.items.item-count-5 li.item.entry-2,
.frame700 section.center div.feature ul.items.item-count-6 li.item.entry-2,
.frame700 section.center.division div.feature ul.items.item-count-4 li.item,
.frame700 section.center.division div.feature ul.items.item-count-5 li.item.entry-2,
.frame700 section.center.division div.feature ul.items.item-count-5 li.item.entry-3,
.frame700 section.center.division div.feature ul.items.item-count-6 li.item.entry-2,
.frame700 section.center.division div.feature ul.items.item-count-6 li.item.entry-3,
.frame700 section.center.division div.feature ul.items.item-count-7 li.item.entry-2,
.frame700 section.center.division div.feature ul.items.item-count-7 li.item.entry-3,
.frame700 section.center.division div.feature ul.items.item-count-8 li.item.entry-2,
.frame700 section.center.division div.feature ul.items.item-count-9 li.item.entry-2,
.frame700 section.center.division div.feature ul.items.item-count-10 li.item.entry-2 {
	width: 147px;
	height: 147px;
}
.frame780 section.center div.feature ul.items.item-count-3 li.item,
.frame780 section.center div.feature ul.items.item-count-4 li.item.entry-2,
.frame780 section.center div.feature ul.items.item-count-5 li.item.entry-2,
.frame780 section.center div.feature ul.items.item-count-6 li.item.entry-2,
.frame780 section.center.division div.feature ul.items.item-count-4 li.item,
.frame780 section.center.division div.feature ul.items.item-count-5 li.item.entry-2,
.frame780 section.center.division div.feature ul.items.item-count-5 li.item.entry-3,
.frame780 section.center.division div.feature ul.items.item-count-6 li.item.entry-2,
.frame780 section.center.division div.feature ul.items.item-count-6 li.item.entry-3,
.frame780 section.center.division div.feature ul.items.item-count-7 li.item.entry-2,
.frame780 section.center.division div.feature ul.items.item-count-7 li.item.entry-3,
.frame780 section.center.division div.feature ul.items.item-count-8 li.item.entry-2,
.frame780 section.center.division div.feature ul.items.item-count-9 li.item.entry-2,
.frame780 section.center.division div.feature ul.items.item-count-10 li.item.entry-2 {
	width: 167px;
	height: 167px;
}
.frame860 section.center div.feature ul.items.item-count-3 li.item,
.frame860 section.center div.feature ul.items.item-count-4 li.item.entry-2,
.frame860 section.center div.feature ul.items.item-count-5 li.item.entry-2,
.frame860 section.center div.feature ul.items.item-count-6 li.item.entry-2,
.frame860 section.center.division div.feature ul.items.item-count-4 li.item,
.frame860 section.center.division div.feature ul.items.item-count-5 li.item.entry-2,
.frame860 section.center.division div.feature ul.items.item-count-5 li.item.entry-3,
.frame860 section.center.division div.feature ul.items.item-count-6 li.item.entry-2,
.frame860 section.center.division div.feature ul.items.item-count-6 li.item.entry-3,
.frame860 section.center.division div.feature ul.items.item-count-7 li.item.entry-2,
.frame860 section.center.division div.feature ul.items.item-count-7 li.item.entry-3,
.frame860 section.center.division div.feature ul.items.item-count-8 li.item.entry-2,
.frame860 section.center.division div.feature ul.items.item-count-9 li.item.entry-2,
.frame860 section.center.division div.feature ul.items.item-count-10 li.item.entry-2 {
	width: 187px;
	height: 187px;
}
section.center div.feature ul.items li.item.entry-4,
section.center div.feature ul.items li.item.entry-5,
section.center.division div.feature ul.items li.item.entry-6,
section.center.division div.feature ul.items li.item.entry-7 {
	margin-top: 12px;
}
section.center div.feature ul.items.item-count-5 li.item.entry-5,
section.center div.feature ul.items.item-count-6 li.item.entry-5,
section.center div.feature ul.items li.item.entry-6,
section.center div.feature ul.items li.item.entry-7,
section.center div.feature ul.items li.item.entry-8,
section.center div.feature ul.items li.item.entry-9,
section.center.division div.feature ul.items li.item.entry-8,
section.center.division div.feature ul.items li.item.entry-9,
section.center.division div.feature ul.items li.item.entry-10,
section.center.division div.feature ul.items li.item.entry-11,
section.center.division div.feature ul.items li.item.entry-12,
section.center.division div.feature ul.items li.item.entry-13,
section.center.division div.feature ul.items.item-count-7 li.item.entry-6,
section.center.division div.feature ul.items.item-count-7 li.item.entry-7,
section.center.division div.feature ul.items.item-count-8 li.item.entry-7,
section.center.division div.feature ul.items.item-count-9 li.item.entry-7,
section.center.division div.feature ul.items.item-count-10 li.item.entry-7 {
	margin-top: 13px;
}
/****************************************************************************************************
	Nodeset General Layout
****************************************************************************************************/
/* left & right */
section.left,
section.right {
	width: 100%;
	height: 15px; /* gutter */
	margin: 0;
}
div.panel.left,
div.panel.right {
	width: 375px;
}
.frame540 div.panel.left,
.frame540 div.panel.right {
	width: 255px;
}
.frame620 div.panel.left,
.frame620 div.panel.right {
	width: 295px;
}
.frame700 div.panel.left,
.frame700 div.panel.right {
	width: 335px;
}
.frame780 div.panel.left,
.frame780 div.panel.right {
	width: 375px;
}
.frame860 div.panel.left,
.frame860 div.panel.right {
	width: 415px;
}
div.panel.left {
	float: left;
	clear: left;
}
div.panel.right {
	float: right;
	clear: right;
}
/* center & both */
section.center,
section.both {
	*zoom: 1;
	margin-bottom: 15px; /* gutter */
}
section.center div.panel,
section.both div.panel {
	margin-bottom: 0; /* remove inner gutter */
}
section.center:after,
section.both:after {
	content: ' ';
	display: block;
	clear: both;
}
/* center */
section.center {
	clear: both;
	border-radius: 0;
	border: 1px solid #4D41A4;
}
div.panel.center {
	clear: both;
	width: 553px;
	margin-left: auto;
	margin-right: auto;
}
div.panel.center ul.nodes {
	padding: 2px;
}
/* both */
section.both {
	clear: both;
	/* section.group.both has .left and .right */
}
section.both div.panel.center {
	width: auto;
}
section.both div.panel.center ul.nodes {
}
section.both div.panel.center ul.nodes li.node {
	text-align: center;
}
/****************************************************************************************************
	Nodeset Division Layout
****************************************************************************************************/
section.division,
section.division div.panel {
	border-radius: 0;
}
section.division div.panel ul.nodes {
	padding: 2px;
}
/* left & right */
section.division.left div.panel.left,
section.division.right div.panel.right {
	border: 2px solid #4D41A4;
}
/* center */
section.division.center {
	background-color: #FFFFFF !important;
	background-image: none;
	border: 2px solid #4D41A4;
}
section.division.center div.panel.center,
section.division.center div.panel.left,
section.division.center div.panel.right {
	border: 0 none;
}
section.division.center div.panel.center {
	width: auto;
}
section.division.center div.panel.center+div.panel.left,
section.division.center div.panel.center+div.panel.right,
section.division.center div.panel.center+div.panel.left+div.panel.right,
section.division.center div.panel.center+div.panel.right+div.panel.left {
	margin-top: 0;
}
section.division.center div.panel.center ul.nodes li.node>h2.title,
section.division.center div.panel.center ul.nodes li.node>div.description {
	padding: 27px;
}
section.division.center div.panel.left ul.nodes,
section.division.center div.panel.right ul.nodes {
	padding: 2px 14px;
}
section.division.center div.panel.left ul.nodes li.node,
section.division.center div.panel.right ul.nodes li.node,
section.division.center div.panel.left ul.nodes li.node.entry-1,
section.division.center div.panel.right ul.nodes li.node.entry-1 {
	/*
	border-top: 1px solid #CCCCCC;
	*/
	border-top: 0 none;
}
section.division.center div.panel.left ul.nodes li.node h2.title,
section.division.center div.panel.right ul.nodes li.node h2.title,
section.division.center div.panel.left ul.nodes li.node div.description,
section.division.center div.panel.right ul.nodes li.node div.description {
	padding: 0;
}
section.division.center div.panel.left ul.nodes li.node h2.title,
section.division.center div.panel.left ul.nodes li.node div.description {
	padding-left: 27px;
}
section.division.center div.panel.right ul.nodes li.node h2.title,
section.division.center div.panel.right ul.nodes li.node div.description {
	padding-right: 27px;
}
section.division.center div.panel.left ul.nodes li.node h2.title div.label,
section.division.center div.panel.right ul.nodes li.node h2.title div.label {
	font-weight: normal;
	font-size: 13px;
}
section.division.center div.panel.center a.anchor {
	display: none !important;
}
/* both */
section.division.both {
	background-color: #FFFFFF;
	background-image: none;
	border: 2px solid #4D41A4;
}
section.division.both div.panel {
	border: 0 none;
}
section.division.both div.panel a.anchor {
	display: none !important;
}
/****************************************************************************************************
	Major & Minor Divisions
****************************************************************************************************/
section.division.major,
section.division.minor,
section.division.major div.panel,
section.division.minor div.panel,
section.division.major div.panel ul.nodes,
section.division.minor div.panel ul.nodes,
section.division.major div.panel ul.nodes li.node,
section.division.minor div.panel ul.nodes li.node {
	padding: 0;
	border: 0 none;
	background-color: transparent;
	text-align: center;
}
section.division.major div.panel ul.nodes li h2.title,
section.division.minor div.panel ul.nodes li h2.title,
section.division.major div.panel ul.nodes li h2.title *,
section.division.minor div.panel ul.nodes li h2.title * {
	display: block;
	margin: 0;
	padding: 0;
}
section.division.major div.panel ul.nodes li h2.title,
section.division.minor div.panel ul.nodes li h2.title {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin: 0;
	padding: 0;
	padding: 0.2em;
	border-width: 2px;
}
section.division.major div.panel ul.nodes li h2.title {
	font-size: 14px;
}
section.division.minor div.panel ul.nodes li h2.title {
	font-size: 12px;
}
/* major, minor division has same border color and background color width point anchor */
section a.point,
section.division.major div.panel ul.nodes li h2.title,
section.division.minor div.panel ul.nodes li h2.title {
	border: 2px solid #4D41A4;
	background-color: #4D41A4;
}
section a.point,
section.division.major div.panel ul.nodes li h2.title,
section.division.minor div.panel ul.nodes li h2.title,
section.division.major div.panel ul.nodes li h2.title *,
section.division.minor div.panel ul.nodes li h2.title * {
	color: #E7EBF2 !important;
	color: #FFFFFF !important;
}
/****************************************************************************************************
	Dummy Groups
****************************************************************************************************/
section.dummy {
	position: relative;
	clear: both;
	height: 445px;
}
section.dummy span {
	position: relative;
	top: 200px;
	display: block;
	width: 80px;
	height: 45px;
	margin-left: auto;
	margin-right: auto;
	text-indent: -10000px;
	overflow: hidden;
}
section.dummy.loading span {
	background-image: url(../images/loading.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
}
section.dummy.end {
}
/****************************************************************************************************
	Sidebar
****************************************************************************************************/
/* localnav */
aside#localnav {
	position: relative;
	width: 140px; /* grid: span2 */
	overflow: hidden;
}
aside#localnav.navbar-fixed-top {
	position: fixed;
	top: 20px;
	left: 50%;
	margin-left: 330px;
}
body.has-sitenav aside#localnav.navbar-fixed-top {
	top: 60px;
}
aside#localnav h2.title {
	height: 25px;
	line-height: 25px;
	padding: 0 0.7em;
	background-color: rgba(0, 0, 0, 0.5);
	background-color: #08C;
	color: #FFFFFF;
	font-size: 11px;
}
aside#localnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
aside#localnav ul li {
	text-align: left;
	font-size: 12px;
	white-space: nowrap;
}
aside#localnav ul li a {
	display: block;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}
aside#localnav ul li a:hover,
aside#localnav ul li.active>a {
	color: #000000;
}
aside#localnav div.localnav > ul > li {
	margin: 3px 0;
	padding: 0 0 0 5px;
	border-left: 5px solid #CCCCCC;
}
aside#localnav div.localnav > ul > li > ul {
	display: none;
}
aside#localnav div.localnav > ul > li.active {
	border-left-color: #000000;
}
aside#localnav div.localnav > ul > li.active ul {
	display: block;
	padding-left: 10px;
}
/****************************************************************************************************
	dev: garbage collection
****************************************************************************************************/
/*
section.group.center panel.left,
section.group.center panel.right {
	display: none !important;
}
section.group.left.only panel.center,
section.group.left.only panel.right {
	display: none !important;
}
section.group.right.only panel.center,
section.group.right.only panel.left {
	display: none !important;
}
*/
/****************************************************************************************************
	internal resources
****************************************************************************************************/
/* popover */
div.popover {
	z-index: 999999999999;
}
/* icons */
i.icon-agree,
i.icon-different,
i.icon-disagree {
	width: 16px;
	height: 16px;
	background-position: center center;
}
i.icon-agree {
	background-image: url(../images/response-agree.png);
}
i.icon-different {
	background-image: url(../images/response-different.png);
}
i.icon-disagree {
	background-image: url(../images/response-disagree.png);
}
/* more/less link */
.more-link {
	padding-left: 20px;
	background: transparent url(../images/moreless-down.png) scroll no-repeat left top;
	font-size: 13px;
}
.more-link.active {
	background-image: url(../images/moreless-up.png);
}
.more-link span.on,
.more-link.active span.off {
	display: inline;
}
.more-link span.off,
.more-link.active span.on {
	display: none;
}
.more-text {
	padding: 1em;
	background-color: #EEEEEE;
	/*
	background: transparent url(../images/moreless-hr.png) scroll no-repeat center top;
	*/
}
.more-text.description {
	padding: 0;
	background-color: transparent;
	background-image: none;
}
/* ajax calling link */
a.crunch {
	clear: both;
	display: block;
	width: auto;
	height: 40px;
	margin: 2px;
	border-top: 5px solid #FFFFFF;
	background: #E6E6E6 url(../images/crunch-on.png) scroll no-repeat center center;
	text-indent: -10000px;
	overflow: hidden;
}
a.crunch:hover {
	background-color: #CCCCCC;
}
a.crunch.active {
	background-image: url(../images/crunch-off.png);
}
/****************************************************************************************************
	external resources
****************************************************************************************************/
div.social-box {
	*zoom: 1;
	position:relative;
}
div.social-box:after {
	content: ' ';
	display: block;
	clear: both;
}
div.social-box>* {
	clear: both;
}
/*
div.social-box div.share-item {
	clear: none;
	float: left;
	min-height: 32px;
	margin-right: 12px;
}
*/
div.social-box div.share-item.share {
	position:absolute;
	z-index:2;
	right:30px;
	top:30px;
}
.frame620 .row {
	margin-left:0;
}

/****************************************************************************************************
	share resources
****************************************************************************************************/
#share_collapsed {
	background: #fafafa;
	margin-top:5px;
	padding: 10px;
	position: relative;
	-moz-box-shadow: 0 1px 1px #666;
	-ms-box-shadow: 0 1px 1px #666;
	-webkit-box-shadow: 0 1px 1px #666;
	box-shadow: 0 1px 1px #666;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
div.social-box div.share-item.share button,
#share_collapsed button {
	margin-right:0 5px 5px 0;
	color:#555;
	text-shadow: 0 1px 0 white;
	padding: 0 .91em;
	border: 1px solid;
	border-color: #CCC;
	border-bottom-color: #AAA;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #E0E0E0;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffe0e0e0);
	background-image: -moz-linear-gradient(top,white 0,#E0E0E0 100%);
	background-image: -ms-linear-gradient(top,white 0,#E0E0E0 100%);
	background-image: -o-linear-gradient(top,white 0,#E0E0E0 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,white),color-stop(100%,#E0E0E0));
	background-image: -webkit-linear-gradient(top,white 0,#E0E0E0 100%);
	background-image: linear-gradient(to bottom,white 0,#E0E0E0 100%);
	-moz-box-shadow: inset 0 0 1px #fff;
	-ms-box-shadow: inset 0 0 1px #fff;
	-webkit-box-shadow: inset 0 0 1px #fff;
	box-shadow: inset 0 0 1px #fff;
	height: 2.95em;
	outline: 0;
	font-size: 11px;
	white-space: nowrap;
	word-wrap: normal;
	vertical-align: middle;
	cursor: pointer;
}
div.social-box div.share-item.share button::-moz-focus-inner {border:none}
#share_collapsed button::-moz-focus-inner {border:none} /* removes focus outline in FF */  
div.social-box div.share-item.share button:hover, button:focus,
#share_collapsed button:hover, button:focus {
	border-color:#999;  
	background-color:#f0f1f3;  
	background-image:linear-gradient(top, #fff, #ebebeb);  
	background-image:-moz-linear-gradient(top, #fff, #ebebeb);  
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ebebeb));  
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#ebebeb);  
	box-shadow:0 0 3px rgba(0,0,0,0.4);  
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.4);  
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.4)}
div.social-box div.share-item.share button:active,
#share_collapsed button:active {
	background-color:#ddd;  
	background-image:linear-gradient(top, #ccc, #fff);  
	background-image:-moz-linear-gradient(top, #ccc, #fff);  
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#fff));  
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#cccccc, endColorStr=#ffffff)  
}
#share_collapsed button.active {
	font-weight:bold;
}
#share_collapsed fieldset {
	border:0;
}
#share_collapsed fieldset label {
	display:inline-block;
	padding-right:10px;
	padding-left:2px;
}
#share_collapsed fieldset label.field_title {
	font-weight:bold;
}
#share_collapsed fieldset input {
	display:inline-block;
}
#share_collapsed fieldset input#widget_height {
	width:40px;
	height:16px;
	text-align:right;
}
#share_collapsed textarea {
	width:96%;
	padding: 7px 10px;
	background: #F6F6F6;
	color: #666;
	font-size: 13px;
	border: 1px solid #B9B9B9;
	border-top-color: #A4A4A4;
	-moz-box-shadow: 0 1px 0 #fff,inset 0 1px 1px rgba(0,0,0,.17);
	-ms-box-shadow: 0 1px 0 #fff,inset 0 1px 1px rgba(0,0,0,.17);
	-webkit-box-shadow: 0 1px 0 #fff,inset 0 1px 1px rgba(0,0,0,.17);
	box-shadow: 0 1px 0 #fff,inset 0 1px 1px rgba(0,0,0,.17);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#share_collapsed textarea#widget_iframe { height:40px; }
#share_collapsed textarea#js_iframe { height:110px; }
#share_collapsed div.close_collapsed {
	text-align:right;
}