/* CSS Document */

html {
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

span.X-HiLight {
	background-color:orange;
}

.X-Pager {
	margin:0px;
	padding:0px;
	text-align:center;
}

.X-Pager > li {
	display:inline-block;
	padding:2px 3px;
}

.X-Pager-Current {
	font-weight:bold;
}

.X-Highlight {
	background-color:#CFC;
}

@media print {
	.X-NoPrinting {
		display:none;
	}
}

.X-Centre, 
.centre {
	text-align:center;
}
.X-ImportantLine {
	margin:5px;
	text-align:center;
}

/* Validation */
.X-Info, .X-Success, .X-Warning, .X-Error, .X-Validation {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	list-style-type:none;
}
.X-Info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('images/icon-info.png');
}
.X-Success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('images/icon-success.png');
}
.X-Warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('images/icon-warning.png');
}
.X-Error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('images/icon-error.png');
}


.X-FeedbackSetTimeout {
	position:absolute;
	right:5px;
	top:5px;	
}



/*
label.X-CombinedCheckbox input {
	display:none;
}*/


*[onvalidate] {
	color:red;
}
span.X-ValidationError {
	color:red;
	padding-left:3px;
}
tr.X-ValidationError > * {
	background-color:#FFD9D9;
}



/* General Purpose */
.X-Centre {
	text-align:center;
}

/* custom/documenttree.cfm */
.X-TreeView {
	font-size:0.9em;
}
.X-TreeView .X-Path {
	font-size:0.9em;
}
.X-TreeView ul {
	margin:0px;
	padding:0px;
}
.X-TreeView li {
	padding:2px 0px 2px 18px;
	list-style-type:none;
}
.X-TreeView li.X-Collapsed ul {
	display:none;
}
.X-TreeView a.X-Anchor {
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:18px;
	height:1.4em;
	margin-left:-18px;
	cursor:pointer;
}
/*.X-DocumentTree > ul > li {
	padding-left:0px;
}*/
.X-TreeView a {
	text-decoration:none;
}
.X-TreeView li.X-Branch {
	background:url(images/icons/s/Folder.png) left 4px no-repeat transparent;
}
.X-TreeView li.X-Branch a {
	color:#555;
}
.X-TreeView li.X-Leaf {
	background:url(images/icons/s/File.png) left 4px no-repeat transparent;
}
.X-TreeView li.X-Leaf a {
	color:blue;
}


/* Explorer.cfc */
.X-Explorer {
	margin:0;
	padding:0px;
	height:100%;
	width:100%;
	display:table;
}
.X-Explorer > section {
	display:table-cell;
	vertical-align:top;
	overflow-y:scroll;
	height:100%;
}
.X-Explorer > #X-NavigationPane {
	width:200px;
	border-style:none solid none none;
	border-color:#999;
	border-width:1px;
	box-shadow:0px 0px 5px 3px #BBB;
/*	background-color:black;*/
}
.X-Explorer > #X-NavigationPane > div {
	margin:10px 0px;
	/*background-color:#004050;*/
	padding:5px;
}
.X-Explorer > section {
	/*background-color:#676767;*/
	overflow:auto;
	/*border-style:none solid none none;*/
	birder-style:none;
	border-color:#AAA;
	border-width:1px;
}
.X-Explorer > section.X-Content {
	padding:5px 10px;
}
.X-SearchBox {
	/*background-color:white;*/
	border-radius:3px;
	padding-right:1.4em;
	padding-left:0.3em;
	position:relative;
}
.X-SearchBox input[type="text"] {
	width:100%;
	/*border-style:none;*/
}
.X-SearchBox .X-Eraser {
	position:absolute;
	top:0px;
	right:-4px;
	width:1.4em;
	height:100%;
	z-index:4;
	color:black;
	text-decoration:none;
	cursor:pointer;
}
#X-ContentPane {
	/*background:url(images/tile.png) left top repeat transparent;*/
}
.X-TagEraser {
	cursor:pointer;
}
.X-StandardPanel {
	border-radius:2px;
	border:solid 1px silver;
	background-color:white;
	z-index:100;
	overflow:hidden;
	padding:5px;
	box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.4);
	position:relative;
}
.X-StandardPanel a.X-Closer {
	position:absolute;
	width:10px;
	height:10px;
	line-height:10px;
	right: 2px;
	top: 2px;
	z-index:101;
	cursor:pointer;
}


.X-VideoPlaceholder {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:bottom;
	text-align:center;
	background:url(images/icons/Play.png) center center no-repeat transparent;
}
/*
.X-Tag {
	background-color:orange;
	color:black;
	padding:1px 3px;
	border:solid 1px #F90;
	border-radius:3px;
	vertical-align:middle;
	text-decoration:none;
	margin: 0px 2px;
	
	display:inline-block;
	*display:inline;
	*zoom:1;
	
	background-color:yellowgreen;
	border-color:#693;
}
.X-Tag.X-TagNature {
}

.X-Tag.X-Selected { 
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset;
	-o-box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset;
	-ms-box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset;
	color:white;
	background-color:#693;
	border-color:#693;
}

.X-TagList .X-Tag {
	margin:2px 2px 0px 0px;
}*/

.X-Clickable {
	cursor:pointer;
}


table.X-ListLayout {
	border-collapse:collapse;
	width:100%;
}
table.X-ListLayout td {
	border-bottom:solid 1px #DDD;
}
table.X-ListLayout p {
	padding:3px 0px;
	margin:0px;
}

table.X-ListLayout img {
	border:0px;
	/*box-shadow: 0px 2px 2px #AAA;*/
}




.X-ViewMode-Grid,
.X-ViewMode-List {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	height:18px;
	width:18px;
	/*border:solid 1px #CCC;*/
	background-repeat:no-repeat;
	background-position: center center;
	
	box-shadow:0px 0px 3px 3px #EEE inset;	
	/*background: -moz-linear-gradient(top, #EEEEEE 0%, #DDDDDD 100%);*/
	background: -webkit-linear-gradient(top, #EEEEEE 0%,#DDDDDD 100%);
	/*background: -o-linear-gradient(top, #EEEEEE 0%,#DDDDDD 100%);*/
	background: -ms-linear-gradient(top, #EEEEEE 0%,#DDDDDD 100%);
	background: linear-gradient(top, #EEEEEE 0%,#DDDDDD 100%);
}
.X-ViewMode-Grid.X-Selected,
.X-ViewMode-List.X-Selected {
	box-shadow:0px 0px 3px 3px inset;
}
.X-ViewMode-Grid:before,
.X-ViewMode-List:before {
	content:'';
	left:0px;
	top:0px;
	display:block;
	vertical-align:middle;
	height:100%;
	width:100%;
	background-repeat:no-repeat;
	background-position:center center;
}
.X-ViewMode-Grid:before {
	background-image:url(images/icons/s/ViewModeGrid.gif);
}
.X-ViewMode-List:before {
	background-image:url(images/icons/s/ViewModeList.gif);
}



.X-SquareAudio {
	display:inline-block;
	*display:inline-block;
	*zoom:1;
	width:130px;
}
.X-SquareAudio .audiojs {
	width:128px;
	height:152px;
	background:none;
	box-shadow: none;
}
.X-SquareAudio .duration,
.X-SquareAudio .played {
	font-style:normal;
	font-weight:normal;
}
.X-SquareAudio .scrubber,
.X-SquareAudio .progress {
	display:none;
}
.X-SquareAudio .play-pause {
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:128px;
	height:128px;
	padding:0px;
	background:center center no-repeat transparent;
}
.X-SquareAudio .play-pause * {
	background-image:none !important;
}
.X-SquareAudio .play-pause {
	background-image:url(images/icons/Play.png);
}
.X-SquareAudio .playing .play-pause {
	background-image:url(images/icons/Pause.png);
}
.X-SquareAudio .time {
	width:100%;
	float:none;
	line-height:1.2em;
	height:1.2em;
	font-size:0.9em;
	color:gray;
}





/* ---------------------------------- Icons ------------------------------- */
.X-ResourceIconDiv {
	vertical-align:middle;
	min-width:70px;
}
.X-ResourceIcon {
	max-height:100%;
	display:inline-block;
	content:url(images/icons/File.png);
	min-width:70px;
}
.X-DocumentEditable {
	content:url(images/icons/EditableDocument.png);
}

.X-Resource-Pdf {
	content:url(images/icons/PDF.png);
}

/* ---------------------------------- Search ------------------------------- */
.X-PageSummary {
	margin-bottom:1.5em;
}

.X-PageSummary cite {
	font-size:0.9em;
	color: #093;
	font-style:normal;
}




/*--- Qanda ---*/
.X-ToolboxEditMode .X-QandaCluster {
	margin-bottom:20px;
	padding-top:20px;
}
.X-ToolboxEditMode .X-QandaCluster + .X-QandaCluster {
	border-top:dashed 3px #B98A60;
}





table.X-FormLayout tbody td,
table.X-FormLayout tbody th {
	padding:2px 4px;
}
table.X-FormLayout tbody th {
	white-space:nowrap;
	text-align:right;
	font-weight:normal;
}
table.X-FormLayout tbody tr.X-Required th:before {
	content:'※';
	color:red;
}
table.X-FormLayout tfoot tr td {
	text-align:center;
}


.button1 {
	background: #939393;
	background: -moz-linear-gradient(top, #939393 0%, #777777 100%);
	background: -webkit-linear-gradient(top, #939393 0%,#777777 100%);
	background: -o-linear-gradient(top, #939393 0%,#777777 100%);
	background: -ms-linear-gradient(top, #939393 0%,#777777 100%);
	background: linear-gradient(top, #939393 0%,#777777 100%);
	border-color: #777777 #777777 #6d6d6d;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 0 #9f9f9f inset;
	text-shadow: 0 -1px 0 #636363;
	text-align: center;
	color: #FFFFFF;
	
	border-radius:3px;
	
	display:inline-block;
	*display:inline;
	*zoom:1;
	
	cursor:pointer;
	padding:3px 8px 4px 8px;
	margin:0px 3px;
	min-width: 60px;
	overflow: visible;
	
	vertical-align:middle;
	line-height:1.2em;
	height:1.2em;
	box-sizing:content-box;
	
	text-decoration:none;
}

.button1:hover {
	background: #888888;
	background: -moz-linear-gradient(top, #888888 0%, #727272 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(100%,#727272));
	background: -webkit-linear-gradient(top, #888888 0%,#727272 100%);
	background: -o-linear-gradient(top, #888888 0%,#727272 100%);
	background: -ms-linear-gradient(top, #888888 0%,#727272 100%);
	background: linear-gradient(top, #888888 0%,#727272 100%);
	box-shadow: 0 1px 0 0 #969696 inset;
}



.X-Button2 {
	background: #939393;
	background: -moz-linear-gradient(top, #939393 0%, #777777 100%);
	background: -webkit-linear-gradient(top, #939393 0%,#777777 100%);
	background: -o-linear-gradient(top, #939393 0%,#777777 100%);
	background: -ms-linear-gradient(top, #939393 0%,#777777 100%);
	background: linear-gradient(top, #939393 0%,#777777 100%);
	border-color: #777777 #777777 #6d6d6d;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 0 #9f9f9f inset;
	text-shadow: 0 -1px 0 #636363;
	text-align: center;
	color: #FFFFFF;
	
	border-radius:3px;
	
	display:inline-block;
	*display:inline;
	*zoom:1;
	
	cursor:pointer;
	padding:1px 4px 1px 4px;
	margin:0px 3px;
	min-width: 60px;
	overflow: visible;
	
	vertical-align:middle;
	line-height:1.4em;
	height:1.4em;
	box-sizing:content-box;
	
	text-decoration:none;
}

.X-Button2:hover,
.X-Button2.X-Selected {
	background: #888888;
	background: -moz-linear-gradient(top, #888888 0%, #727272 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(100%,#727272));
	background: -webkit-linear-gradient(top, #888888 0%,#727272 100%);
	background: -o-linear-gradient(top, #888888 0%,#727272 100%);
	background: -ms-linear-gradient(top, #888888 0%,#727272 100%);
	background: linear-gradient(top, #888888 0%,#727272 100%);
	box-shadow: 0px 1px 1px 1px #969696 inset;
}