@charset "utf-8";
/* このファイルはUTF-8のBOMなし(UTF-8N)で保存しています */

/**
 * CSS Information
 * ===============================================================
 *
 * Site URL:
 * File name: module.css
 * Summary:   共通モジュール用スタイル
 * Created:   YYYY-mm-dd NAME
 * Modified:
 *     YYYY-mm-dd NAME
 *
 * -----------------------------------
 *
 * TOC:
 *     =1    contents title
 *     =2    breadcrumb list
 *     =3    widget styles
 *     =4    tab styles
 *     =5    table styles
 *       =5-1    data table
 *       =5-2    input table
 *       =5-3    analyze table
 *     =6    pagination
 *     =7    form styles
 *     =8    alert messages
 *     =9    folder explorer
 *     =10   system error
 *     =11   jQuery Plugins
 *       =11-1   jQuery UI datepicker
 *       =11-2   Tiny MCE
 *       =11-3   Fancybox
 *       =11-4   TableSorter
 *
 * ===============================================================
*/



/** =1
 * ========================================
 * contents title
 * ========================================
 */

.contentsTitle {
	padding: 20px;
}

.contentsTitle h1 {
	display: inline;
	font-size: 140%;
	font-weight: bold;
}

.contentsTitle p {
	display: inline;
	margin-left: 5px;
	font-size: 80%;
}



/** =2
 * ========================================
 * breadcrumb list
 * ========================================
 */

#breadcrumb {
	margin-bottom: 20px;
	padding: 10px 30px 10px 20px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	background: #EFEFEF;
}

#breadcrumb dt {
	display: none;
}

#breadcrumb a {
	margin: 0 5px;
}



/** =3
 * ========================================
 * widget styles
 * ========================================
 */

.widget {
	margin-bottom: 20px;
	border-top: 1px solid #E0DEDE;
	border-left: 1px solid #E0DEDE;
	border-right: 1px solid #E0DEDE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #F9F9F9;
	zoom: 1;
}
.widget:before,
.widget:after {
	content: "";
	display: table;
}
.widget:after {
	clear: both;
}
.popup .widget {
	/*margin: 0;*/
}

.widget .title {
	min-height: 36px;
	border-bottom: 1px solid #E0DEDE;
	background: #F1F1F1;
	background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#EAEAEA));
	background: -webkit-linear-gradient(top, #FDFDFD, #EAEAEA);
	background: -moz-linear-gradient(top, #FDFDFD, #EAEAEA);
	background: -o-linear-gradient(top, #FDFDFD, #EAEAEA);
	background: -ms-linear-gradient(top, #FDFDFD, #EAEAEA);
	background: linear-gradient(top, #FDFDFD, #EAEAEA);
}

.widget .title h2 {
	padding: 10px 11px 10px 15px;
	font-weight: bold;
}

.widget .title h2 i:before {
	margin-right: 5px;
	font-size: 14px;
}

.widget .title h2 span {
	font-weight: bold;
}

.widget .body {
	padding: 15px;
	border-bottom: 1px solid #CDCDCD;
}

.widget h3 {
	font-size: 110%;
	font-weight: bold;
}

.wrapper {
	position: relative;
}

.twocolumn_left {
	float: left;
	width: 49%;
}
.twocolumn_right {
	float: right;
	width: 49%;
}

.threecolumn_left {
	float: left;
	width: 32%;
}
.threecolumn_center {
	position: absolute;
	left: 50%;
	margin-left: -16%;
	width: 32%;
}
.threecolumn_right {
	float: right;
	width: 32%;
}



/** =4
 * ========================================
 * tab styles
 * ========================================
 */

.tabNav {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	zoom: 1;
}
.tabNav:before,
.tabNav:after {
	content: "";
	display: table;
}
.tabNav:after {
	clear: both;
}

.tabNav i,
.tabNav span {
	line-height: 37px;
}

.tabNav ul:before,
.tabNav ul:after {
	content: "";
	display: table;
}
.tabNav ul:after {
	clear: both;
}
.tabNav ul {
	position: relative;
	top: 2px;
	float: right;
	zoom: 1;
}

.tabNav ul li {
	float: left;
	border-left: 1px solid transparent;
}
.tabNav ul li.active {
	border-top: 3px solid #D12610;
	border-left: 1px solid #E0DEDE;
}

.tabNav ul li a {
	display: block;
	padding: 3px 12px 0;
	line-height: 34px;
}
.tabNav ul li.active a {
	padding-top: 0;
	background: #F9F9F9;
	color: #555555;
	line-height: 34px;
}
.tabNav ul li a:hover,
.tabNav ul li a:active,
.tabNav ul li a:focus {
	background: #F9F9F9;
	color: #555555;
	text-decoration: none;
}

.tabContent .panel {
	display: none;
}
.tabContent .panel.active {
	display: block;
}



/** =5
 * ========================================
 * table styles
 * ========================================
 */

	/** =5-1
	 * data table
	 * ----------------------------------
	 */

	table.data {
		width: 100%;
		border-collapse: separate;
		xborder-collapse: collapse;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

	table.data th,
	table.data td {
		padding: 8px;
		border-left: 1px solid #DDDDDD;
		border-bottom: 1px solid #DDDDDD;
		vertical-align: middle;
	}
	table.data th {
		font-weight: bold;
	}
	table.data th.toggle,
	table.data td.toggle {
		width: 20px;
		text-align: center;
	}
	table.data .highlight td {
		background: #F5F5F5;
	}
	table.data td.numeric {
		text-align: right;
	}

	table.data thead {
		-moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
	}

	table.data tfoot {
		-moz-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
	}

	table.data thead th,
	table.data tfoot th {
		background: #EDEDED;
		background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#EAEAEA));
		background: -webkit-linear-gradient(top, #F1F1F1, #EAEAEA);
		background: -moz-linear-gradient(top, #F1F1F1, #EAEAEA);
		background: -o-linear-gradient(top, #F1F1F1, #EAEAEA);
		background: -ms-linear-gradient(top, #F1F1F1, #EAEAEA);
		background: linear-gradient(top, #F1F1F1, #EAEAEA);
	}
	table.data thead th {
		border-top: 1px solid #DDDDDD;
	}
	table.data thead th.first {
		-moz-border-radius: 5px 0 0 0;
		-webkit-border-radius: 5px 0 0 0;
		border-radius: 5px 0 0 0;
	}
	table.data thead th.last {
		-moz-border-radius: 0 5px 0 0;
		-webkit-border-radius: 0 5px 0 0;
		border-radius: 0 5px 0 0;
	}
	table.data tfoot th.first {
		-moz-border-radius: 0 0 0 5px;
		-webkit-border-radius: 0 0 0 5px;
		border-radius: 0 0 0 5px;
	}
	table.data tfoot th.last {
		-moz-border-radius: 0 0 5px 0;
		-webkit-border-radius: 0 0 5px 0;
		border-radius: 0 0 5px 0;
	}
	table.data thead th.last,
	table.data tfoot th.last,
	table.data tbody th.last,
	table.data tbody td.last {
		border-right: 1px solid #DDDDDD;
	}

	table.data tbody th,
	table.data tbody td {
		overflow: hidden;
		-webkit-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
	}
	table.data tbody td.last {
		overflow: visible;
		text-overflow: visible;
	}
	table.data tbody tr.heading th {
		background: #F2F2F2;
	}
	table.data tbody th.buttons,
	table.data tbody td.buttons {
		xwidth: 7.25em;
		xmax-width: 7.25em;
	}

	table.data tbody td button,
	table.data tbody td input.btn,
	table.data tbody td a.btn,
	table.data tbody td span.btn {
		display: block;
		margin-top: 5px;
		width: 5em;
	}
	table.data tbody td button:first-child,
	table.data tbody td input.btn:first-child,
	table.data tbody td a.btn:first-child,
	table.data tbody td span.btn:first-child {
		margin: 0;
	}
	table.data tbody td button.autowidth,
	table.data tbody td input.btn.autowidth,
	table.data tbody td a.btn.autowidth,
	table.data tbody td span.btn.autowidth {
		width: auto;
	}

	table.data tbody td span.label {
		display: none;
	}

	table.data.dnd th.dragHandle,
	table.data.dnd td.dragHandle {
		width: 20px;
	}

	table.data.dnd thead th.dragHandle span,
	table.data.dnd tfoot th.dragHandle span {
		display: block;
		width: 100%;
		background: url(../../../src/admin/pc/image/icons/sort_arrow_hover.gif) 50% 50% no-repeat;
	}
	table.data.dnd tbody td.dragHandle {
		cursor: move;
	}
	table.data.dnd tbody tr.highlight td.dragHandle {
		background: #F8F8F8 url(../../../src/admin/pc/image/icons/sort_arrow_hover.gif) 50% 50% no-repeat;
	}
	table.data.dnd tbody tr.dragging td {
		background: #F8F9E3;
		color: #8B8B8B;
		cursor: move;
	}
	table.data.dnd tbody tr.dragging td.dragHandle {
		background: #F8F9E3 url(../../../src/admin/pc/image/icons/sort_arrow_hover.gif) 50% 50% no-repeat;
	}

	table.data tbody td span.term {
		display: block;
		margin-top: 0.25em;
		color: #777777;
		font-size: 90%;
	}

	table.data tbody td dt {
		float: left;
		clear: left;
		padding: 3px 0;
		width: 34px;
		height: 16px;
		background-repeat: no-repeat;
		text-indent: -9999px;
	}
	table.data tbody td dt.pc {
		background-image: url(../../../src/admin/pc/image/icons/pc.png);
		background-position: 8px 4px;
	}
	table.data tbody td dt.sp {
		background-image: url(../../../src/admin/pc/image/icons/smart_phone.png);
		background-position: 8px 4px;
	}
	table.data tbody td dt.fp {
		background-image: url(../../../src/admin/pc/image/icons/feature_phone.png);
		background-position: 8px 4px;
	}
	table.data tbody td dt.mobile {
		background-image: url(../../../src/admin/pc/image/icons/mobile.png);
		background-position: 0 4px;
	}
	table.data tbody td dt.pcsp {
		background-image: url(../../../src/admin/pc/image/icons/pc_smart_phone.png);
		background-position: 0 4px;
	}

	table.data tbody td dd {
		padding: 3px 0;
	}


	/* -- [ styles for narrow layout ] ----- */
	@media screen and (max-width: 768px) {
		table.data {
			display: block;
		}
		.ie6 table.data,
		.ie7 table.data,
		.ie8 table.data {
			display: table;
		}

		table.data thead,
		table.data tfoot {
			display: none;
		}
		.ie6 table.data thead,
		.ie6 table.data tfoot,
		.ie7 table.data thead,
		.ie7 table.data tfoot,
		.ie8 table.data thead,
		.ie8 table.data tfoot {
			display: table;
		}

		table.data tbody {
			display: block;
		}
		.ie6 table.data tbody,
		.ie7 table.data tbody,
		.ie8 table.data tbody {
			display: table;
		}

		table.data tbody tr {
			display: block;
			margin-bottom: 1.5em;
			border: 1px solid #DDDDDD;
		}
		.ie6 table.data tbody tr,
		.ie7 table.data tbody tr,
		.ie8 table.data tbody tr {
			display: table;
		}

		table.data tbody th,
		table.data tbody td {
			display: list-item;
			padding: 16px 16px 8px 16px;
			border: none;
			list-style: none;
		}
		.ie6 table.data tbody th,
		.ie6 table.data tbody td,
		.ie7 table.data tbody th,
		.ie7 table.data tbody td,
		.ie8 table.data tbody th,
		.ie8 table.data tbody td {
			display: table-cell;
			padding: 8px;
			border-left: 1px solid #DDDDDD;
			border-bottom: 1px solid #DDDDDD;
		}
		table.data tbody th:last-child,
		table.data tbody th.last,
		table.data tbody td:last-child,
		table.data tbody td.last {
			border: none;
		}
		.ie6 table.data tbody th.last,
		.ie6 table.data tbody td.last,
		.ie7 table.data tbody th.last,
		.ie7 table.data tbody td.last,
		.ie8 table.data tbody th.last,
		.ie8 table.data tbody td.last {
			border-right: 1px solid #DDDDDD;
		}

		table.data tbody th.toggle,
		table.data tbody td.toggle {
			display: none;
		}
		.ie6 table.data tbody th.toggle,
		.ie6 table.data tbody td.toggle,
		.ie7 table.data tbody th.toggle,
		.ie7 table.data tbody td.toggle,
		.ie8 table.data tbody th.toggle,
		.ie8 table.data tbody td.toggle {
			display: table-cell;
		}

		table.data tbody th.dragHandle,
		table.data tbody td.dragHandle {
			display: none;
		}
		.ie6 table.data tbody th.dragHandle,
		.ie6 table.data tbody td.dragHandle,
		.ie7 table.data tbody th.dragHandle,
		.ie7 table.data tbody td.dragHandle,
		.ie8 table.data tbody th.dragHandle,
		.ie8 table.data tbody td.dragHandle {
			display: table-cell;
		}

		table.data tbody td span.label {
			display: block;
			margin: -8px 0 5px -8px;
			padding: 8px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			background: #EDEDED;
			background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#EAEAEA));
			background: -webkit-linear-gradient(top, #F1F1F1, #EAEAEA);
			background: -moz-linear-gradient(top, #F1F1F1, #EAEAEA);
			background: -o-linear-gradient(top, #F1F1F1, #EAEAEA);
			background: -ms-linear-gradient(top, #F1F1F1, #EAEAEA);
			background: linear-gradient(top, #F1F1F1, #EAEAEA);
			font-weight: bold;
		}
		.ie6 table.data tbody td span.label,
		.ie7 table.data tbody td span.label,
		.ie8 table.data tbody td span.label {
			display: none;
		}

		table.data tbody td button,
		table.data tbody td input.btn,
		table.data tbody td a.btn,
		table.data tbody td span.btn {
			display: inline-block;
		}
		.ie6 table.data tbody td button,
		.ie6 table.data tbody td input.btn,
		.ie6 table.data tbody td a.btn,
		.ie6 table.data tbody td span.btn,
		.ie7 table.data tbody td button,
		.ie7 table.data tbody td input.btn,
		.ie7 table.data tbody td a.btn,
		.ie7 table.data tbody td span.btn,
		.ie8 table.data tbody td button,
		.ie8 table.data tbody td input.btn,
		.ie8 table.data tbody td a.btn,
		.ie8 table.data tbody td span.btn {
			display: block;
		}
	}

	/* 検索・絞り込み条件 */
	.condition {
		margin-bottom: 20px;
		padding: 10px;
		border: 1px solid #EAEAEA;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background: #FFFFFF;
	}

	.condition ul {
		margin: 0 0 0.75em 20px;
	}

	.condition li {
		display: inline-block;
		margin-right: 10px;
		list-style: none;
	}

	.condition p {
		margin: 0;
		text-align: right
	}

	/* 一括処理 */
	.batch {
		margin: 1em 0 0 1em;
	}

	/* -- [ styles for narrow layout ] ----- */
	@media screen and (max-width: 768px) {
		.batch {
			display: none;
		}
	}


	/** =5-2
	 * input table
	 * ----------------------------------
	 */

	table.input {
		margin-bottom: 15px;
		width: 100%;
	}

	table.input th,
	table.input td {
		padding: 5px 10px;
		border: 1px solid #DDDDDD;
		vertical-align: middle;
	}

	table.input th {
		width: 12em;
		background: #F3F3F3;
		font-weight: bold;
	}

	table.input td.description {
		width: 16em;
		font-size: 80%;
	}

	table.input td dl.note {
		margin-top: 1em;
		font-size: 80%;
	}

	table.input td dl.note dt {
		margin-top: 0.5em;
	}

	table.input td dl.note dd {
		margin-left: 2.5em;
		text-indent: -1.5em;
	}
	table.input td dl.note dd:before {
		content: "…";
		margin-right: 0.5em;
	}

	table.input td dl.explain {
		margin: 3px 15px 10px 10px;
		padding: 10px 14px;
		border: 1px solid #EFA862;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		background: #FFEEDB;
	}

	table.input td dl.explain dt {
		color: #E08104;
		font-weight: bold;
		cursor: pointer;
	}

	table.input td dl.explain dt i {
		font-size: 120%;
	}

	table.input td dl.explain dt small {
		font-size: 80%;
	}

	table.input td dl.explain dd {
		display: none;
		margin-top: 0.5em;
		margin-left: 1em;
	}

	/* -- [ styles for narrow layout ] ----- */
	@media screen and (max-width: 768px) {
		table.input {
			display: block;
		}
		.ie6 table.input,
		.ie7 table.input,
		.ie8 table.input {
			display: table;
		}

		table.input tbody,
		table.input tr {
			display: block;
			width: 100%;
		}
		.ie6 table.input tbody,
		.ie6 table.input tr,
		.ie7 table.input tbody,
		.ie7 table.input tr,
		.ie8 table.input tbody,
		.ie8 table.input tr,
		table.mceLayout tbody,
		table.mceLayout tr {
			display: table;
		}
		table.input tr {
			margin-bottom: 10px;
			border-top: 1px solid #DDDDDD;
		}
		.ie6 table.input tr,
		.ie7 table.input tr,
		.ie8 table.input tr,
		table.mceLayout tr {
			margin: 0;
			border: none;
		}
		table.mceLayout tr td.mceIframeContainer {
			border-top: 1px solid #BBBBBB;
		}

		table.input th,
		table.input td {
			display: list-item;
			width: auto;
			border-top: none;
			list-style: none;
		}
		.ie6 table.input th,
		.ie6 table.input td,
		.ie7 table.input th,
		.ie7 table.input td,
		.ie8 table.input th,
		.ie8 table.input td,
		table.mceLayout th,
		table.mceLayout td {
			display: table-cell;
			border: 1px solid #DDDDDD;
		}
		table.mceLayout th,
		table.mceLayout td {
			border: none;
		}
		table.input td.description {
			width: auto;
		}
	}


	/** =5-3
	 * analyze table
	 * ----------------------------------
	 */

	table.analyze {
		margin-bottom: 1em;
		width: 100%;
		border-collapse: separate;
	}

	table.analyze th,
	table.analyze td {
		padding: 8px;
		border-left: 1px dotted #DDDDDD;
		border-bottom: 1px dotted #DDDDDD;
		vertical-align: middle;
	}
	table.analyze th {
		font-weight: bold;
	}
	table.analyze td.label {
		width: 15em;
		background: #F5F5F5;
		font-weight: bold;
	}
	table.analyze td.numeric {
		width: 6em;
		text-align: right;
	}
	table.analyze tr.total td {
		border-top: 3px double #DDDDDD;
	}

	table.analyze td.chart span {
		display: block;
		/*
		background: #0E90D2;
		background: -webkit-gradient(linear, left top, left bottom, from(#149BDF), to(#0480BE));
		background: -webkit-linear-gradient(top, #149BDF, #0480BE);
		background: -moz-linear-gradient(top, #149BDF, #0480BE);
		background: -o-linear-gradient(top, #149BDF, #0480BE);
		background: -ms-linear-gradient(top, #149BDF, #0480BE);
		background: linear-gradient(top, #149BDF, #0480BE);
		*/
		background: #49AFCD;
		background: -webkit-gradient(linear, left top, left bottom, from(#5BC0DE), to(#2F96B4));
		background: -webkit-linear-gradient(top, #5BC0DE, #2F96B4);
		background: -moz-linear-gradient(top, #5BC0DE, #2F96B4);
		background: -o-linear-gradient(top, #5BC0DE, #2F96B4);
		background: -ms-linear-gradient(top, #5BC0DE, #2F96B4);
		background: linear-gradient(top, #5BC0DE, #2F96B4);
	}

	table.analyze thead th,
	table.analyze tfoot th {
		background: #EDEDED;
		background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#EAEAEA));
		background: -webkit-linear-gradient(top, #F1F1F1, #EAEAEA);
		background: -moz-linear-gradient(top, #F1F1F1, #EAEAEA);
		background: -o-linear-gradient(top, #F1F1F1, #EAEAEA);
		background: -ms-linear-gradient(top, #F1F1F1, #EAEAEA);
		background: linear-gradient(top, #F1F1F1, #EAEAEA);
	}
	table.analyze thead th {
		border-top: 1px solid #DDDDDD;
	}
	table.analyze thead th:first-child,
	table.analyze thead th.first {
		-moz-border-radius: 5px 0 0 0;
		-webkit-border-radius: 5px 0 0 0;
		border-radius: 5px 0 0 0;
	}
	table.analyze thead th:last-child,
	table.analyze thead th.last {
		-moz-border-radius: 0 5px 0 0;
		-webkit-border-radius: 0 5px 0 0;
		border-radius: 0 5px 0 0;
	}
	table.analyze tfoot th:first-child,
	table.analyze tfoot th.first {
		-moz-border-radius: 0 0 0 5px;
		-webkit-border-radius: 0 0 0 5px;
		border-radius: 0 0 0 5px;
	}
	table.analyze tfoot th:last-child,
	table.analyze tfoot th.last {
		-moz-border-radius: 0 0 5px 0;
		-webkit-border-radius: 0 0 5px 0;
		border-radius: 0 0 5px 0;
	}
	table.analyze thead th:last-child,
	table.analyze thead th.last,
	table.analyze tfoot th:last-child,
	table.analyze tfoot th.last,
	table.analyze tbody th:last-child,
	table.analyze tbody th.last,
	table.analyze tbody td:last-child,
	table.analyze tbody td.last {
		border-right: 1px solid #DDDDDD;
	}



/** =6
 * ========================================
 * pagination
 * ========================================
 */

.pagination {
	clear: both;
	margin: 10px 0;
}

.pagination .links:before,
.pagination .links:after {
	content: "";
	display: table;
}
.pagination .links:after {
	clear: both;
}
.pagination .links {
	zoom: 1;
}

.pagination span,
.pagination a {
	display: block;
	float: left;
	padding: 5px 14px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	line-height: 20px;
	text-decoration: none;
}
.pagination a:hover,
.pagination .current {
	background: #EFEFEF;
}
.pagination span.first,
.pagination a.first {
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.pagination span.last,
.pagination a.last {
	border-right: 1px solid #DDDDDD;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}

/* -- [ styles for narrow layout ] ----- */
@media screen and (max-width: 768px) {
	.pagination span,
	.pagination a {
		display: none;
	}
	.pagination span.first,
	.pagination a.first,
	.pagination span.prev,
	.pagination a.prev,
	.pagination span.current,
	.pagination span.next,
	.pagination a.next,
	.pagination span.last,
	.pagination a.last {
		display: block;
	}
}



/** =7
 * ========================================
 * form styles
 * ========================================
 */

select,
textarea,
input[type="text"],
input[type="password"],
input.txt,
input.password,
input.datetime,
input.date,
input.time {
	display: inline-block;
	padding: 4px 6px;
	max-width: 95%;
	height: 20px;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #FFFFFF;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	line-height: 20px;
	color: #555555;
	font-size: 14px;
	vertical-align: middle;
}
textarea {
	height: auto;
}
textarea.small,
input[type="text"].small,
input[type="password"].small,
input.txt.small,
input.password.small,
select.small {
	width: 90px;
}
textarea.medium,
input[type="text"].medium,
input[type="password"].medium,
input.txt.medium,
input.password.medium,
select.medium {
	width: 150px;
}
textarea.large,
input[type="text"].large,
input[type="password"].large,
input.txt.large,
input.password.large,
select.large {
	width: 210px;
}
textarea.xlarge,
input[type="text"].xlarge,
input[type="password"].xlarge,
input.txt.xlarge,
input.password.xlarge,
select.xlarge {
	width: 95%;
}
input.date,
input.time {
	border-right: none;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
select.error,
textarea.error,
input[type="text"].error,
input[type="password"].error,
input.txt.error,
input.password.error,
input.datetime.error,
input.date.error,
input.time.error {
	border-color: #B94A48;
	/*color: #B94A48;*/
	color: #555555;
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input.txt:focus,
input.password:focus,
input.datetime:focus,
input.date:focus,
input.time:focus {
	border-color: rgba(82, 168, 236, 0.8);
	outline: none;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
select.error:focus,
textarea.error:focus,
input[type="text"].error:focus,
input.txt.error:focus,
input.password.error:focus,
input.datetime.error:focus,
input.date.error:focus,
input.time.error:focus {
	border-color: #953B39;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

label,
select,
button,
input.btn,
input.radio,
input.checkbox {
	vertical-align: middle;
	cursor: pointer;
}
label.disabled,
select.disabled,
button.disabled,
input.btn.disabled,
input.radio.disabled,
input.checkbox.disabled {
	color: #777777;
	cursor: not-allowed;
}

button,
input.btn,
a.btn,
span.btn {
	display: inline-block;
	padding: 4px 12px;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
	background-image: -moz-linear-gradient(top, #FFFFFF, #E6E6E6);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E6E6E6));
	background-image: -o-linear-gradient(top, #FFFFFF, #E6E6E6);
	background-image: linear-gradient(top, #FFFFFF, #E6E6E6);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	line-height: 20px;
	color: #333333;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
button:hover,
button:focus,
button:active,
button:disabled,
input.btn:hover,
input.btn:focus,
input.btn:active,
input.btn:disabled,
a.btn:hover,
a.btn:focus,
a.btn:active,
span.btn {
	background: #E6E6E6;
}
button:focus,
input.btn:focus,
a.btn:focus {
	outline: thin dotted #333333;
	outline-offset: -2px;
}

a.btn i:before,
span.btn i:before {
	margin-right: 3px;
	font-size: 14px;
}

button.small,
input.btn.small,
a.btn.small,
span.btn.small {
	padding: 2px 8px;
	line-height: 16px;
	font-size: 12px;
}

button.large,
input.btn.large,
a.btn.large,
span.btn.large {
	padding: 11px 19px;
}

button.blue,
input.btn.blue,
a.btn.blue,
span.btn.blue {
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	background-color: #006DCC;
	background-image: -moz-linear-gradient(top, #0088CC, #0044CC);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0088CC), to(#0044CC));
	background-image: -o-linear-gradient(top, #0088CC, #0044CC);
	background-image: linear-gradient(top, #0088CC, #0044CC);
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
button.blue:hover,
button.blue:focus,
button.blue:active,
button.blue:disabled,
input.btn.blue:hover,
input.btn.blue:focus,
input.btn.blue:active,
input.btn.blue:disabled,
a.btn.blue:hover,
a.btn.blue:focus,
a.btn.blue:active,
span.btn.blue {
	background: #0044CC;
}

button.green,
input.btn.green,
a.btn.green,
span.btn.green {
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	background-color: #5BB75B;
	background-image: -moz-linear-gradient(top, #62C462, #51A351);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#62C462), to(#51A351));
	background-image: -o-linear-gradient(top, #62C462, #51A351);
	background-image: linear-gradient(top, #62C462, #51A351);
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
button.green:hover,
button.green:focus,
button.green:active,
button.green:disabled,
input.btn.green:hover,
input.btn.green:focus,
input.btn.green:active,
input.btn.green:disabled,
a.btn.green:hover,
a.btn.green:focus,
a.btn.green:active,
span.btn.green {
	background: #51A351;
}

button.orange,
input.btn.orange,
a.btn.orange,
span.btn.orange {
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	background-color: #FAA732;
	background-image: -moz-linear-gradient(top, #FBB450, #F89406);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FBB450), to(#F89406));
	background-image: -o-linear-gradient(top, #FBB450, #F89406);
	background-image: linear-gradient(top, #FBB450, #F89406);
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
button.orange:hover,
button.orange:focus,
button.orange:active,
button.orange:disabled,
input.btn.orange:hover,
input.btn.orange:focus,
input.btn.orange:active,
input.btn.orange:disabled,
a.btn.orange:hover,
a.btn.orange:focus,
a.btn.orange:active,
span.btn.orange {
	background: #F89406;
}

button.red,
input.btn.red,
a.btn.red,
span.btn.red {
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	background-color: #DA4F49;
	background-image: -moz-linear-gradient(top, #EE5F5B, #BD362F);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EE5F5B), to(#BD362F));
	background-image: -o-linear-gradient(top, #EE5F5B, #BD362F);
	background-image: linear-gradient(top, #EE5F5B, #BD362F);
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
button.red:hover,
button.red:focus,
button.red:active,
button.red:disabled,
input.btn.red:hover,
input.btn.red:focus,
input.btn.red:active,
input.btn.red:disabled,
a.btn.red:hover,
a.btn.red:focus,
a.btn.red:active,
span.btn.red {
	background: #BD362F;
}

button.timepicker {
	position: relative;
	top: -1px;
	margin-left: -2px;
	padding: 4px 6px;
	width: 30px;
	height: 30px;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	font-size: 14px;
}

.btns {
	margin: 1em 0 0;
	text-align: right;
}

select {
	height: 30px;
	line-height: 30px;
}

select.multiple {
	height: auto;
}

select:disabled,
select.disabled,
textarea:disabled,
textarea.disabled,
input:disabled,
input.disabled {
	background: #EEEEEE;
	cursor: not-allowed;
}

optgroup {
	background: #F2F2F2;
	text-indent: 5px;
	font-style: normal;
}

optgroup option {
	background: #FFFFFF;
}

/* time picker */
div.time {
	display: none;
	position: absolute;
	z-index: 10;
	width: 130px;
	border: 2px solid #DADADA;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #FCFCFC;
}
div.time:after,
div.time:before {
	content: " ";
	position: absolute;
	bottom: 100%;
	width: 0;
	height: 0;
	border: solid transparent;
	pointer-events: none;
}
div.time:after {
	border-color: rgba(252, 252, 252, 0);
	border-bottom-color: #FCFCFC;
	border-width: 7px;
	left: 20%;
	left: 15px;
	margin-left: -7px;
}
div.time:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #DADADA;
	border-width: 10px;
	left: 20%;
	left: 15px;
	margin-left: -10px;
}

div.time table {
	display: table !important;
	margin: 0 auto;
	xwidth: 100%;
}

div.time table tr {
	border: none !important;
}

div.time table td {
	display: table-cell !important;
	padding: 3px 7px;
	height: 30px;
	border: none !important;
	text-align: center;
}
div.time table td.separator {
	padding: 3px 0;
	width: 0.5em;
}

div.time table td a {
	display: block;
	margin: 0 auto;
	padding: 8px 0;
	width: 3em;
	border: 1px solid transparent;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
div.time table td a:hover,
div.time table td a:active,
div.time table td a:focus {
	border-color: #DDDDDD;
	background: #EEEEEE;
	text-decoration: none;
}
/*
div.time table td a:focus {
	border-color: transparent;
	background: transparent;
	text-decoration: underline;
}
*/

div.time table td input {
	width: 2em;
	text-align: center;
}

div.time p {
	text-align: center;
}

/* file uploader */
#multiUploader,
#simpleUploader {
	margin-bottom: 20px;
}

#dropbox {
	position: relative;
	width: 99%;
	xmin-height: 200px;
	border: 3px dashed #CCCCCC;
}
#dropbox.hover {
	border-color: #999999;
	background: #F7FAFD;
}
#dropbox.active {
	background: #FFF3CE;
}

#dropbox p {
	margin: 40px auto;
	width: 40em;
	text-align: center;
}
#dropbox p.exp {
	text-align: left;
}

#dropbox #fileSelector {
	position: absolute;
	top: -99999px;
	left: 0;
	z-index: 1;
}

#dropbox label {
	position: absolute;
	top: -99999px;
	left: 0;
	z-index: 2;
	width: 500px;
	height: 2em;
	background: #FFFFFF;
	text-indent: -9999px;
}

#dropbox #preview {
	margin: 0;
	padding: 10px;
	float: none;
}

#dropbox #preview .previewContainer {
	display: inline-block;
	margin: 10px;
	padding: 10px;
	border: 1px solid #CCCCCC;
}

#dropbox #preview .previewImage {
	display: table-cell;
	width: 120px;
	height: 120px;
	vertical-align: middle;
	text-align: center;
}

#dropbox #preview .previewImage img {
	max-width: 100px;
	max-height: 100px;
}

#dropbox #preview .previewData dt {
	font-weight: bold;
}

#dropbox #preview .previewData dd {
	margin-left: 20px;
}

/* file/folder insert */
.filePreview,
.folderPreview {
	display: block;
	margin-bottom: 5px;
	width: 150px;
	text-align: center;
}
.folderPreview {
	width: auto;
	text-align: left;
}

.filePreview span.name {
	display: block;
	margin: 5px 0 10px;
	padding: 2px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #EFEFEF;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.folderPreview span.name {
	color: #2C6EBD;
	font-weight: bold;
}







/** =8
 * ========================================
 * alert messages
 * ========================================
 */

.message {
	margin: 0 20px 20px 20px;
	padding: 14px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.message.info {
	border: 1px solid #BCE8F1;
	background: #D9EDF7;
	color: #3A87AD;
}
.message.success {
	border: 1px solid #D6E9C6;
	background: #DFF0D8;
	color: #468847;
}
.message.warning {
	/*
	border: 1px solid #FBEED5;
	background: #FCF8E3;
	color: #C09853;
	*/
	border: 1px solid #FCE0B0;
	background: #FFF5D1;
	color: #C4872D;
}
.message.error {
	border: 1px solid #EED3D7;
	background: #F2DEDE;
	color: #B94A48;
}

.message h3 {
	font-size: 110%;
	font-weight: bold;
}
.message h3 i {
	margin-right: 7px;
}

.message p,
.message ul {
	margin: 1em 0 0 20px;
}



/** =9
 * ========================================
 * folder explorer
 * ========================================
 */

.sort {
	float: right;
	margin-bottom: 1em;
}

.explorer {
	clear: both;
	overflow: hidden;
	border: 1px solid #DDDDDD;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.folderContents {
	margin-left: -200px;
	width: 100%;
	float: right;
}

.folderContents .contents {
	margin-bottom: -32767px;
	padding-bottom: 32767px;
	margin-left: 180px;
}

.folderTree {
	width: 180px;
	float: left;
}

.folderTree .contents {
	margin-bottom: -32767px;
	padding-bottom: 32767px;
	border-right: 1px solid #DDDDDD;
}

.explorer h3 {
	margin-bottom: 10px;
	padding: 5px 10px;
	border-bottom: 1px solid #ECECEC;
	background-color: #EDEDED;
	background-image: -moz-linear-gradient(top, #F1F1F1, #EAEAEA);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#EAEAEA));
	background-image: -o-linear-gradient(top, #F1F1F1, #EAEAEA);
	background-image: linear-gradient(top, #F1F1F1, #EAEAEA);
	font-size: 110%;
	font-weight: bod;
}

.folderContents h3 {
	-moz-border-radius: 0 4px 0 0;
	-webkit-border-radius: 0 4px 0 0;
	border-radius: 0 4px 0 0;
}

.folderTree h3 {
	-moz-border-radius: 4px 0 0 0;
	-webkit-border-radius: 4px 0 0 0;
	border-radius: 4px 0 0 0;
}

.folderContents .folderDetail {
	margin: 0 20px 10px;
}

.folderContents .item {
	float: left;
	margin: 0 10px 15px 0;
	padding: 5px;
	width: 150px;
	border: 1px dotted transparent;
}
.folderContents .item.highlight {
	border: 1px dotted #CCCCCC;
}

.folderContents .item dt a {
	display: block;
	position: relative;
	text-align: center;
}
.folderContents .item dt.folder a {
	padding-top: 70px;
	background: url(../../../src/admin/pc/image/icons/folder_large.png) no-repeat 50% 0;
}
.folderContents .item dt.file a {
}
.folderContents .item dt a:hover {
	text-decoration: none;
}

.folderContents .item dt a i.icon-zoom-in {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
	margin: -1em 0 0 -0.5em;
	color: #FFFFFF;
	font-size: 24px;
}
.folderContents .item dt a:hover i.icon-zoom-in {
	display: inline-block;
}

.folderContents .item dt.file a img {
	display: block;
	margin: 0 auto;
}
.folderContents .item dt.file a:hover img {
	opacity: 0.5;
}

.folderContents .item dt a span {
	display: block;
	margin-top: 5px;
	padding: 2px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #EFEFEF;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.folderContents .item dt a:hover span {
	background: #6091DF;
	color: #FFFFFF;
}

.folderContents .item dd {
	margin-top: 10px;
	text-align: center;
}
.folderContents .item dd.select {
	margin-top: 5px;
	padding: 0 5px;
	text-align: left;
}

.folderContents .item dd.property {
	display: none;
	position: absolute;
	z-index: 1000;
	padding: 15px;
	width: 200px;
	border: 2px solid #DADADA;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #FDFDFD;
}
.folderContents .item dd.property:after,
.folderContents .item dd.property:before {
	content: " ";
	position: absolute;
	bottom: 100%;
	width: 0;
	height: 0;
	border: solid transparent;
	pointer-events: none;
}
.folderContents .item dd.property:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FCFCFC;
	border-width: 15px;
	left: 50%;
	margin-left: -15px;
}
.folderContents .item dd.property:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #DADADA;
	border-width: 18px;
	left: 50%;
	margin-left: -18px;
}

.folderContents .item dd.property dt {
	margin-top: 0.5em;
	background: #FFFFFF;
	font-weight: bold;
	text-align: left;
}

.folderContents .item dd.property dd {
	margin: 0 0 0 1em;
	background: #FFFFFF;
	text-align: left;
}

.folderTree ul {
	margin-bottom: 10px;
}

.folderTree ul ul {
	margin: 0 0 0 5px;
}

.folderTree li {
	margin: 0 auto 2px;
	width: 90%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.folderTree li a {
	display: block;
	padding: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.folderTree li a:hover {
	background: #EFEFEF;
}
.folderTree li li a:hover {
	background: transparent;
}

.folderTree li a i {
	margin-right: 3px;
	font-size: 14px;
	text-decoration: none;
}
.folderTree li a.active i {
	color: #D12610;
}


	/* -- [ styles for narrow layout ] ----- */
	@media screen and (max-width: 768px) {
		.folderContents {
			margin: 0;
			float: none;
		}

		.folderContents .contents {
			margin-left: 0;
			float: none;
		}

		.folderContents .item {
			margin: 0 0 10px 0;
			width: 100%;
			border: 1px dotted #CCCCCC;
			/*zoom: 1;*/
		}
		/*
		.folderContents .item:before,
		.folderContents .item:after {
			content: "";
			display: table;
		}
		.folderContents .item:after {
			clear: both;
		}
		*/

		.folderContents .item dd {
			margin-top: 15px;
		}
		.folderContents .item dd.select {
			margin-top: 15px;
		}

		.folderContents .item dd.property {
			display: none !important;
			z-index: -10;
		}

		.folderTree {
			display: none;
		}
	}



/** =10
 * ========================================
 * system error
 * ========================================
 */

.systemError:before,
.systemError:after {
	content: "";
	display: table;
}
.systemError:after {
	clear: both;
}
.systemError {
	position: relative;
	zoom: 1;
}

.systemError h2 {
	float: left;
	margin-right: 20px;
	width: 40%;
	color: #EC8C8C;
	font-size: 158px;
	font-weight: 300;
	line-height: 158px;
	text-align: right;
}

.systemError div {
	padding-top: 20px;
}

.systemError div h3 {
	margin: 20px 0 10px;
	line-height: 40px;
	font-size: 24px;
}

.systemError dl {
	clear: both;
	margin: 0 30px;
	padding: 10px;
}

.systemError dt {
	margin-top: 10px;
	font-size: 110%;
	font-weight: bold;
}

.systemError dd {
	margin: 0.5em 0 0 1em;
	overflow: auto;
}











/** =11   jQuery Plugins
 * ========================================
 * jQuery Plugins
 * ========================================
 */

	/** =11-1
	 * jQuery UI datepicker
	 * ----------------------------------
	 */

	select.ui-datepicker-year,
	select.ui-datepicker-month {
		padding: 0 4px;
		width: auto !important;
		height: 20px;
		line-height: 20px;
	}

	.ui-datepicker .ui-datepicker-prev,
	.ui-datepicker .ui-datepicker-next {
		margin-top: 2px;
	}

	th.ui-datepicker-week-end:first-child span {
		color: #B94A48;
	}
	th.ui-datepicker-week-end:last-child span {
		color: #3A87AD;
	}

	img.ui-datepicker-trigger {
		margin-left: 3px;
		vertical-align: middle;
		cursor: pointer;
	}

	button.ui-datepicker-trigger {
		margin-left: -2px;
		padding: 4px 6px;
		width: 30px;
		height: 30px;
		-moz-border-radius: 0 4px 4px 0;
		-webkit-border-radius: 0 4px 4px 0;
		border-radius: 0 4px 4px 0;
	}


	/** =11-2
	 * Tiny MCE
	 * ----------------------------------
	 */

	table.input td.mceToolbar,
	table.input td.mceIframeContainer,
	table.input td.mceStatusbar {
		border-left: none;
		border-right: none;
	}
	table.input td.mceIframeContainer,
	table.input td.mceStatusbar {
		padding: 0 !important;
		border-top: none;
	}

	table.input td.mceToolbar .mceButton,
	table.input td.mceToolbar .mceButton span,
	table.input td.mceToolbar .mceButton img,
	table.input td.mceToolbar .mceAction,
	table.input td.mceToolbar .mceAction span {
		cursor: pointer;
	}
	table.input td.mceToolbar .mceButtonDisabled,
	table.input td.mceToolbar .mceButtonDisabled span,
	table.input td.mceToolbar .mceButtonDisabled img,
	table.input td.mceToolbar .mceActionDisabled,
	table.input td.mceToolbar .mceActionDisabled span {
		cursor: default;
	}


	/** =11-3
	 * Fancybox
	 * ----------------------------------
	 */

	.fancybox {
		position: relative;
	}
	.fancybox:hover {
		text-decoration: none;
	}

	.fancybox .zoom {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1000;
		width: 100%;
		height: 100%;
		font-size: 20px;
	}

	.fancybox .zoom i {
		display: none;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -0.5em 0 0 0;
		color: #FFFFFF;
		text-shadow: 0 1px 1px rgba(51, 51, 51, 0.75);
	}
	.fancybox:hover .zoom i {
		display: block;
	}

	.fancybox:hover img {
		filter: alpha(opacity=60);
		-ms-filter: "alpha(opacity=60)";
		-moz-opacity: 0.6;
		-khtml-opacity: 0.6;
		opacity: 0.6;
	}

	a.zoom i.icon-zoom-in {
		display: none;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 100;
		margin: -1.5em 0 0 -0.5em;
		color: #FFFFFF;
		font-size: 20px;
	}
	a.zoom:hover i.icon-zoom-in {
		display: inline-block;
	}


	/** =11-4
	 * TableSorter
	 * ----------------------------------
	 */

	table.sortable th span {
		display: block;
		font-weight: bold;
		cursor: pointer;
	}
	table.sortable th span.toggle {
		background: url(../../../src/admin/pc/image/icons/asc_desc.gif) right center no-repeat;
	}
	table.sortable th.headerSortUp span.toggle {
		background: url(../../../src/admin/pc/image/icons/asc.gif) right center no-repeat;
	}
	table.sortable th.headerSortDown span.toggle {
		background: url(../../../src/admin/pc/image/icons/desc.gif) right center no-repeat;
	}