@charset "UTF-8";

/* ============================== bajl.balloon.css ============================== */

/* --------------------------------------------
 *           for bajl.balloon.js
 * -------------------------------------------- */



/* ======== common balloon style ======== */

ins.bajl-balloon {
	position: absolute;
	z-index: 1000000;
	top: 0;
	left: 0;
	display: block;
	overflow: hidden;
	width: 300px;
	height: auto;
	margin: 0;
	padding: 3px 5px;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #d6d6ad #858585 #858585 #d6d6ad;
	color: black;
	background: #ffffd6;
	font-size: 12px;
	line-height: 1.33;
	text-decoration: none;
}



/* ============================== bajl.processingInfo.css ============================== */

/* --------------------------------------------
 *          for bajl.processingInfo.js
 * -------------------------------------------- */

ins.bajl-processing-info {
	position: absolute;
	z-index: 1000001;
	top: 0;
	left: 0;
	display: block;
	overflow: hidden;
	width: 32px;
	height: 32px;
	margin: 0;
	padding: 0;
	border: none;
	background: url(../../img/shared/ico/ico_throbber_01.gif) 50% 50% no-repeat;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
}

ins.bajl-processing-info img {
	display: block;
	margin: 0 auto 0.5em;
	padding: 0;
	border: none;
}



/* ============================== bajl.processingInfo.css ============================== */

/* --------------------------------------------
 *          for bajl.pseudoDialog.js
 * -------------------------------------------- */


/* =========== pseudo dialog =========== */

#bajl-pseudo-dialog {
	position: absolute;
	z-index: 1000000;
	top: 0;
	left: 0;
	display: block;
	overflow: hidden;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
	background: #f2f2f2;
	text-decoration: none;
}

/* ----- content body area in pseudo dialog ----- */

#bajl-pseudo-dialog-body {
	margin: 0;
	padding: 0;
}

/* ----- iframe as external resource loader ----- */

#bajl-pseudo-dialog-frame {
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1;
}

#bajl-pseudo-dialog-frame iframe {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: top;
}

/* ----- vs IE6 ----- */

body.bajl-pseudo-dialog-opened select {
	_visibility: hidden; 
}

body.bajl-pseudo-dialog-opened #bajl-pseudo-dialog select {
	_visibility: visible;
}


/* =========== click shield =========== */

#bajl-click-shield {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999998;
	display: block;
	border: none;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1;
	text-decoration: none;
	background: black;
}



/* ============================== bajl.tabView.css ============================== */

/* --------------------------------------------
 *        styles for bajl.tabView.js
 * -------------------------------------------- */


/* =========== base block =========== */

div.tabView {
}


/* ----- script enabled ----- */
/*
 *  - 'bajl-tabview-enabled' className will set to
 *     "base block" of the tabview by the script.
 */

div.tabView-enabled {
}



/* =========== tabs =========== */

div.tabView        .tabView-tabs,
div.tabView-nav    .tabView-tabs,
div.tabView-topics .tabView-tabs {
	display: none;
}


/* ----- script enabled ----- */

div.tabView-enabled .tabView-tabs {
	display: block;
}

div.tabView-discarded .tabView-tabs {
	display: none;
}



/* =========== tab =========== */

div.tabView        .tabView-tabs .tabView-tab,
div.tabView-nav    .tabView-tabs .tabView-tab,
div.tabView-topics .tabView-tabs .tabView-tab {
}

div.tabView        .tabView-tabs .tabView-tab a,
div.tabView-nav    .tabView-tabs .tabView-tab a,
div.tabView-topics .tabView-tabs .tabView-tab a {
}


/* ----- script enabled ----- */
/*
 *  - 'tabView-tab-selected' className will set to
 *     "tab button" in selected page by the script.
 */

div.tabView-enabled .tabView-tabs .tabView-tab {
}

div.tabView-enabled .tabView-tabs .tabView-tab a {
}

div.tabView-enabled .tabView-tabs .tabView-tab-selected {
}

div.tabView-enabled .tabView-tabs .tabView-tab-selected a {
	cursor: default;
}


/* =========== pane =========== */
/*
 *  - 'padding' value must be in 'px' unit.
 *  - 'border-width' value must be in 'px' unit.
 *  - 'height' value will set by the script when 'heightFixed' is true.
 *     in that case, do not use '!important' to 'height' property.
 */

div.tabView        .tabView-pane,
div.tabView-nav    .tabView-pane,
div.tabView-topics .tabView-pane {
	height: auto;
}

div.tabView        .tabView-pane h3,
div.tabView-nav    .tabView-pane h3,
div.tabView-topics .tabView-pane h3 {
}

/* ----- script enabled ----- */
/*
 *  - 'tabView-pane-selected' className will set to
 *     "pane block" in selected page by the script.
 */

div.tabView-enabled .tabView-pane {
	display: none;
	overflow: hidden;
	*zoom: 1;
}

div.tabView-enabled .tabView-pane-selected {
	display: block;
}

div.tabView-enabled .tabView-pane h3 {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	color: #fff;
	background-color: #fff;
}



/* ============================== bajl.tabView.css ============================== */

/* --------------------------------------------
 *       styles for bajl.styleCanvas.js
 * -------------------------------------------- */



/* =========== base block =========== */

div.slide-canvas {
	/* width: XXXpx; */
}


/* ----- script enabled ----- */

div.slide-canvas-discarded,
div.slide-canvas-enabled {
}


/* =========== canvas viewport =========== */

div.slide-canvas div.slide-viewport {
	width: 100%;
	margin: 0;
	padding: 0;
}


/* ----- script enabled ----- */

div.slide-canvas-discarded div.slide-viewport,
div.slide-canvas-enabled   div.slide-viewport {
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
}


/* =========== content group block =========== */

div.slide-canvas div.slide-unit-group {
	margin: 0;
	padding: 0;
	*zoom: 1;     /* clear float, ~WinIE7 */
}

div.slide-canvas div.slide-unit-group:after {
	clear: both;
	display: block;
	content: "";
}


/* ----- script enabled ----- */

div.slide-canvas-discarded div.slide-unit-group,
div.slide-canvas-enabled   div.slide-unit-group {
	width: 30000px !important;
}


/* =========== slide units =========== */

div.slide-canvas div.slide-unit {
	/* width: XXXpx; */
	margin: 0 0 1em;
	padding: 0 0 1em;
	border-bottom: 1px dotted #ccc;
}


/* ----- script enabled ----- */

div.slide-canvas-discarded div.slide-unit,
div.slide-canvas-enabled   div.slide-unit {
	float: left;
	margin: 0;
	padding: 0;
	border: none;
}


/* ----- currently scrolling ----- */

div.slide-canvas-enabled div.slide-unit {
	visibility: hidden;
}

div.slide-canvas-is-scrolling div.slide-unit,
div.slide-canvas-enabled      div.slide-unit-selected {
	visibility: visible !important;
}


/* =========== slide control buttons =========== */

ul.slide-controller {
	display: none;
}


/* ----- script enabled ----- */

div.slide-canvas-enabled ul.slide-controller {
	display: block;
}


/* =========== slide control each buttons =========== */

ul.slide-controller li {
}

ul.slide-controller li a,
ul.slide-controller li a:link,
ul.slide-controller li a:visited,
ul.slide-controller li a:hover,
ul.slide-controller li a:active,
ul.slide-controller li a:focus {
	cursor: pointer;
}

ul.slide-controller li.slide-select {
}

ul.slide-controller li.slide-select a {
}

ul.slide-controller li.slide-select a.pseudo-selected {
	cursor: default;
}

ul.slide-controller li.slide-prev {
}

ul.slide-controller li.slide-prev a {
}

ul.slide-controller li.slide-prev a.pseudo-disabled {
	cursor: default;
}

ul.slide-controller li.slide-next {
}

ul.slide-controller li.slide-next a {
}

ul.slide-controller li.slide-next a.pseudo-disabled {
	cursor: default;
}



/* ============================== bajl.print.css ============================== */

/* --------------------------------------------
 *        printing styles for BAJL
 * -------------------------------------------- */

@media print {
	/* ========== bajl.balloon.css ========== */
	
	ins.bajl-balloon {
		dis\play: none !important;
	}
	
	
	/* ========== bajl.tabView.css ========== */
	
	div.tabView-enabled .tabView-tabs {
		display: none !important;
	}
	
	div.tabView-enabled .tabView-pane {
		display: block !important;
		height: auto !important;
		min-height: 0 !important;
	}
	
	div.tabView-enabled .tabView-pane h3 {
	    position: static !important;
	    overflow: visible !important;
	    width: auto !important;
	    height: auto !important;
	    font-size: 117% !important;
	    color: black !important;
	    background-color: transparent !important;
	}
	
	
	/* ========== bajl.slideCanvas.css ========== */
	
	div.slide-canvas-discarded div.slide-viewport,
	div.slide-canvas-enabled   div.slide-viewport {
		overflow: visible !important;
		overflow-x: visible !important;
		overflow-y: visible !important;
		height: auto !important;
		min-height: 0 !important;
	}
	
	div.slide-canvas-discarded div.slide-unit-group,
	div.slide-canvas-enabled   div.slide-unit-group {
		width: auto !important;
		height: auto !important;
		min-height: 0 !important;
	}
	
	div.slide-canvas-discarded div.slide-unit,
	div.slide-canvas-enabled   div.slide-unit {
		float: none !important;
		visibility: visible !important;
		margin-bottom: 1em !important;
		padding-bottom: 1em !important;
		border-bottom: 1px dotted #ccc !important;
	}
	
	div.slide-canvas-enabled ul.slide-controller {
		display: none !important;
	}
}