@charset "UTF-8";

/*//////////////////////////////////////////////////////////////////////////////

modules.css

--------------------------------------------------------------------------------
Modules
	0. innerBlock
	1. lay2col(layout two column)
	2. lay3col(layout three column)
	3. table
	4. form parts
	5. buttons
	10.sideNavigation
	11.box
	12.defaultForm
	13.searchButtons
	14.commonButtons
	15.results
	70.colorbox
	80.tooltip
	90.error
	99.clearfix

//////////////////////////////////////////////////////////////////////////////*/

/* -----------------------------------------------------------------------------
	0. innerBlock
----------------------------------------------------------------------------- */

.innerBlock {
	position : relative;
	margin   : 0;
	padding  : 0;
	}

/* -----------------------------------------------------------------------------
	1. lay2col
----------------------------------------------------------------------------- */

.lay2col {
	position : relative;
	clear    : both;
	width    : 100%;
	margin   : 0;
	padding  : 0;
	}
	.lay2col .col1 {
		position : relative;
		float    : left;
		width    : 50%;
		}
	.lay2col .col2 {
		position : relative;
		float    : right;
		width    : 50%;
		}
.lay2col:after {
	content    : ".";
	display    : block;
	height     : 0;
	clear      : both;
	visibility : hidden;
	}
.lay2col { display : inline-block; }
/* Hides from IE-mac \*/
* html .lay2col { height : 1%; }
.lay2col { display : block; }

/* -----------------------------------------------------------------------------
	2. lay3col
----------------------------------------------------------------------------- */

div.lay3col {
	position : relative;
	clear    : both;
	width    : 100%;
	margin   : 0;
	padding  : 0;
	}
	div.lay3col div.col1 {
		position : relative;
		float    : left;
		width    : 33%;
		}
	div.lay3col div.col2 {
		position : relative;
		float    : left;
		width    : 33%;
		}
	div.lay3col div.col3 {
		position : relative;
		float    : left;
		width    : 33%;
		}
div.lay3col:after {
	content    : ".";
	display    : block;
	height     : 0;
	clear      : both;
	visibility : hidden;
	}
div.lay3col { display : inline-block; }
/* Hides from IE-mac \*/
* html div.lay3col { height : 1%; }
div.lay3col { display : block; }

/* -----------------------------------------------------------------------------
	3. table
----------------------------------------------------------------------------- */

/*
 * 基本テーブル
 */
.blueSkin {
	width         : 100%;
	border-right  : 1px #78ade7 solid;
	border-bottom : 1px #78ade7 solid;
	}
	.blueSkin thead {
		}
		.blueSkin thead th tr {
			}
			.blueSkin thead tr th {
				padding      : 10px;
				border-top   : 1px #78ade7 solid;
				border-left  : 1px #78ade7 solid;
				font-weight  : bold;
				text-align   : center;
				white-space  : nowrap;
				background   : #d6e7f7 url(../../../images/kanri/common/others/table.background.gif) no-repeat 0 0;
				}
			.blueSkin thead tr th.headTitle {
				padding      : 10px;
				border-top   : 1px #78ade7 solid;
				border-left  : 5px #78ade7 solid;
				font-weight  : bold;
				text-align   : left;
				white-space  : nowrap;
				background   : #bdd6f7 url(../../..../../../images/kanri/common/others/table.background.gif) no-repeat -1px 0;
				}
				.blueSkin thead tr th a {
					color           : #1d3994;
					}
				.blueSkin thead tr th a:hover {
					color           : #1d3994;
					text-decoration : underline;
					}
			.blueSkin thead tr td {
				padding        : 10px;
				border-top     : 1px #78ade7 solid;
				border-left    : 1px #78ade7 solid;
				vertical-align : middle;
				background     : #f7f7f7 url(../../../images/kanri/common/others/table.background.gif) no-repeat 0 0;
				}
	.blueSkin tbody {
		}
		.blueSkin tbody th tr {
			}
			.blueSkin tbody tr th {
				padding      : 10px;
				border-top   : 1px #78ade7 solid;
				border-left  : 1px #78ade7 solid;
				white-space  : nowrap;
				background   : #d6e7f7 url(../../../images/kanri/common/others/table.background.gif) no-repeat 0 0;
				}
				.blueSkin tbody tr th a {
					margin-left : 5px;
					}
				.blueSkin tbody tr th a img {
					vertical-align : baseline;
					}
				.blueSkin tbody tr th a.btn img {
					vertical-align : middle;
					}
				.blueSkin tbody tr th a.btn_imageFile img {
					vertical-align : middle;
					}
				.blueSkin tbody tr td a.btn_cancel img {
					vertical-align : middle;
					}
			.blueSkin tbody tr td {
				padding        : 10px;
				border-top     : 1px #78ade7 solid;
				border-left    : 1px #78ade7 solid;
				vertical-align : middle;
				background     : #f7f7f7 url(../../../images/kanri/common/others/table.background.gif) no-repeat 0 0;
				}
				.blueSkin tbody tr td a {
					color           : #1d3994;
					}
				.blueSkin tbody tr td a:hover {
					color           : #1d3994;
					text-decoration : underline;
					}
			.blueSkin tbody tr.odd td {
				background     : #ffffff url(../../../images/kanri/common/others/table.background.gif) no-repeat 0 0;
				}
			.blueSkin td.alignCenter {
				text-align : center;
				}
			.blueSkin td.alignRight {
				text-align : right;
				}

.blueSkin .black  { color:#000000; }
.blueSkin .red    { color:#ff0000; }
.blueSkin .orange { color:#ff9900; }
.blueSkin .pgreen { color:#99ff33; }
.blueSkin .green  { color:#339900; }
.blueSkin .pblue  { color:#3399ff; }
.blueSkin .blue   { color:#003399; }
.blueSkin .purple { color:#660099; }


/* -----------------------------------------------------------------------------
	4. form parts
----------------------------------------------------------------------------- */

/* input要素（type="text"）全般 */
input.text {
	height      : 13px;
	padding     : 5px;
	line-height : 13px;
	border      : 1px #7b9cbd solid;
	}

/* select要素全般 */
select {
	height : 22px;
	border : 1px #7b9cbd solid;
	}

/* キーワード */
input.keyword {
	width : 200px;
	}

/* 問題管理No */
input.questionID {
	width : 60px;
	}

/* -----------------------------------------------------------------------------
	5. buttons
----------------------------------------------------------------------------- */

/*
 * 黄色い汎用ボタン
 */
a.btnSkinYellow {
	display             : block;
	width               : 128px;
	height              : 38px;
	color               : #000000;
	line-height         : 38px;
	text-align          : center;
	text-shadow         : rgba(255, 255, 255, 0.5) 0 1px 0;
	font-weight         : bold;
	background-image    : url(../../../images/kanri/common/buttons/btnSkin.yellow.gif);
	background-repeat   : no-repeat;
	background-position : 0 0;
	}
a.btnSkinYellow:visited {
	color               : #000000;
	}
a.btnSkinYellow:hover {
	color               : #ffffff;
	text-shadow         : rgba(0, 0, 0, 0.5) 0 -1px 0;
	background-position : 0 -38px;
	}

/*
 * 黄色い汎用ボタン（input要素用）
 */
input.btnSkinYellow {
	display             : block;
	width               : 128px;
	height              : 38px;
	color               : #000000;
	line-height         : 38px;
	text-align          : center;
	text-shadow         : rgba(255, 255, 255, 0.5) 0 1px 0;
	font-weight         : bold;
	border              : none;
	cursor              : pointer;
	overflow            : hidden;
	background-image    : url(../../../images/kanri/common/buttons/btnSkin.yellow.gif);
	background-repeat   : no-repeat;
	background-position : 0 0;
	}
input.btnSkinYellow:visited {
	color               : #000000;
	}
input.btnSkinYellow:hover {
	color               : #ffffff;
	text-shadow         : rgba(0, 0, 0, 0.5) 0 -1px 0;
	background-position : 0 -38px;
	}

/*
 * 白い汎用ボタン
 */
a.btnSkinWhite {
	display             : block;
	width               : 110px;
	height              : 35px;
	color               : #000000;
	font-size           : 123.1%;
	line-height         : 38px;
	text-align          : center;
	text-shadow         : rgba(255, 255, 255, 0.5) 0 1px 0;
	font-weight         : bold;
	overflow            : hidden;
	background-image    : url(../../../images/kanri/common/buttons/btnSkin.white.gif);
	background-repeat   : no-repeat;
	background-position : 0 0;
	}
a.btnSkinWhite:visited {
	color               : #000000;
	}
a.btnSkinWhite:hover {
	color               : #ffffff;
	text-shadow         : rgba(0, 0, 0, 0.5) 0 -1px 0;
	background-position : 0 -35px;
	}

/*
 * 白い汎用ボタン（input要素用）
 */
input.btnSkinWhite {
	display             : block;
	width               : 110px;
	height              : 35px;
	color               : #000000;
	font-size           : 123.1%;
	line-height         : 38px;
	text-align          : center;
	text-shadow         : rgba(255, 255, 255, 0.5) 0 1px 0;
	font-weight         : bold;
	border              : none;
	cursor              : pointer;
	overflow            : hidden;
	background-image    : url(../../../images/kanri/common/buttons/btnSkin.white.gif);
	background-repeat   : no-repeat;
	background-position : 0 0;
	}
input.btnSkinWhite:visited {
	color               : #000000;
	}
input.btnSkinWhite:hover {
	color               : #ffffff;
	text-shadow         : rgba(0, 0, 0, 0.5) 0 -1px 0;
	background-position : 0 -35px;
	}

/* -----------------------------------------------------------------------------
	10.sideNavigation
----------------------------------------------------------------------------- */

#sideNavigation {
	float      : left;
	width      : 180px;
	padding    : 10px 0 0 0;
	background : #666666 url(../../../images/kanri/common/sideNavigation/head.background.gif) no-repeat 0 0;
	}
	#sideNavigation .innerBlock {
		padding    : 0 5px 10px 5px;
		border     : none;
		background : url(../../../images/kanri/common/sideNavigation/foot.background.gif) no-repeat 0 bottom;
		}
		#sideNavigation .innerBlock ul {
			}
			#sideNavigation .innerBlock ul li {
				margin-bottom : 2px;
				}
			#sideNavigation .innerBlock ul .lastChild {
				margin : 0;
				border : none;
				}
				#sideNavigation .innerBlock ul li a {
					display             : block;
					width               : 170px;
					height              : 35px;
					text-indent         : -9999px;
					background-image    : url(../../../images/kanri/common/sideNavigation/sideNavigations.jpg);
					background-repeat   : no-repeat;
					}
				/*
				 * default
				 */
				#subNav_toppage a {        background-position : 0 0; }
				#subNav_schoolManage a {   background-position : 0 -35px; }
				#subNav_neumannNews a {    background-position : 0 -70px; }
				#subNav_questionManage a { background-position : 0 -105px; }
				#subNav_analysis a {       background-position : 0 -140px; }
				#subNav_studentsManage a { background-position : 0 -175px; }
				#subNav_infoManage a {     background-position : 0 -210px; }
				#subNav_statusManage a {   background-position : 0 -245px; }
				#subNav_wordsManage a {    background-position : 0 -280px; }
				#subNav_rubyManage a {     background-position : 0 -315px; }
				#subNav_textbookManage a { background-position : 0 -350px; }
				#subNav_print a {          background-position : 0 -385px; }
				#subNav_systemManage a {   background-position : 0 -420px; }
				/*
				 * hover
				 */
				#subNav_toppage a:hover {        background-position : -170px 0; }
				#subNav_schoolManage a:hover {   background-position : -170px -35px; }
				#subNav_neumannNews a:hover {    background-position : -170px -70px; }
				#subNav_questionManage a:hover { background-position : -170px -105px; }
				#subNav_analysis a:hover {       background-position : -170px -140px; }
				#subNav_studentsManage a:hover { background-position : -170px -175px; }
				#subNav_infoManage a:hover {     background-position : -170px -210px; }
				#subNav_statusManage a:hover {   background-position : -170px -245px; }
				#subNav_wordsManage a:hover {    background-position : -170px -280px; }
				#subNav_rubyManage a:hover {     background-position : -170px -315px; }
				#subNav_textbookManage a:hover { background-position : -170px -350px; }
				#subNav_print a:hover {          background-position : -170px -385px; }
				#subNav_systemManage a:hover {   background-position : -170px -420px; }
				/*
				 * active
				 */
				#subNav_schoolManage .active {   background-position : -340px -35px; }
				#subNav_neumannNews .active {    background-position : -340px -70px; }
				#subNav_questionManage .active { background-position : -340px -105px; }
				#subNav_analysis .active {       background-position : -340px -140px; }
				#subNav_studentsManage .active { background-position : -340px -175px; }
				#subNav_infoManage .active {     background-position : -340px -210px; }
				#subNav_statusManage .active {   background-position : -340px -245px; }
				#subNav_wordsManage .active {    background-position : -340px -280px; }
				#subNav_rubyManage .active {     background-position : -340px -315px; }
				#subNav_textbookManage .active { background-position : -340px -350px; }
				#subNav_print .active {          background-position : -340px -385px; }
				#subNav_systemManage .active {   background-position : -340px -420px; }
				/*
				 * hover + active
				 */
				#subNav_schoolManage .active:hover {   background-position : -340px -35px; }
				#subNav_neumannNews .active:hover {    background-position : -340px -70px; }
				#subNav_questionManage .active:hover { background-position : -340px -105px; }
				#subNav_analysis .active:hover {       background-position : -340px -140px; }
				#subNav_studentsManage .active:hover { background-position : -340px -175px; }
				#subNav_infoManage .active:hover {     background-position : -340px -210px; }
				#subNav_statusManage .active:hover {   background-position : -340px -245px; }
				#subNav_wordsManage .active:hover {    background-position : -340px -280px; }
				#subNav_rubyManage .active:hover {     background-position : -340px -315px; }
				#subNav_textbookManage .active:hover { background-position : -340px -350px; }
				#subNav_print .active:hover {          background-position : -340px -385px; }
				#subNav_systemManage .active:hover {   background-position : -340px -420px; }

				#sideNavigation .innerBlock ul li ul {
					display    : none;
					padding    : 0 1px 1px 1px;
					background : #4e4e4e;
					zoom       : 1;
					}
					#sideNavigation .innerBlock ul li ul li {
						margin        : 0;
						border-bottom : 1px #a3a3a3 solid;
						}
						#sideNavigation .innerBlock ul li ul li a {
							display     : block;
							width       : 155px;
							height      : 30px;
							padding     : 0 0 0 13px;
							color       : #2e82f4;
							font-size   : 93%;
							line-height : 30px;
							text-indent : 0px;
							background  : url(../../../images/kanri/common/sideNavigation/sideNavigations.child.gif) no-repeat 0 0;
							}
						#sideNavigation .innerBlock ul li ul li a:hover {
							background-position : 0 -30px;
							}

/* -----------------------------------------------------------------------------
	11.box
----------------------------------------------------------------------------- */

.box {
	position   : relative;
	clear      : both;
	width      : 790px;
	background : url(../../../images/kanri/common/box/background.gif) repeat-y 0 0;
	}
	.box .boxHead {
		position     : relative;
		clear        : both;
		height       : 35px;
		padding-left : 10px;
		font-size    : 108%;
		line-height  : 35px;
		text-shadow  : rgba(255, 255, 255, 0.7) 0 1px 0 ;
		background   : url(../../../images/kanri/common/box/boxHead.background.gif) no-repeat 0 0;
		}
		.box .boxHead .btn_back {
			display  : block;
			position : absolute;
			top      : 5px;
			right    : 5px;
			width    : 70px;
			height   : 25px;
			margin   : 0;
			}
	.box .boxBody {
		clear      : both;
		padding    : 10px;
		background : url(../../../images/kanri/common/box/boxBody.background.gif) no-repeat 0 bottom;
		}
		.box .boxBody .itemList {
			}
			.box .boxBody .itemList li {
				float : left;
				}
				.box .boxBody .itemList li a {
					display             : block;
					height              : 71px;
					color               : #333333;
					font-size           : 16px;
					line-height         : 71px;
					text-align          : center;
					font-weight         : bold;
					text-shadow         : rgba(255, 255, 255, 0.4) 0 1px 0;
					background-repeat   : no-repeat;
					background-position : 0 0;
					}
				.box .boxBody .itemList li a:hover {
					color               : #ffffff;
					text-shadow         : rgba(0, 0, 0, 0.4) 0 -1px 0;
					background-position : 0 -71px;
					}
		.box .boxBody .itemList:after {
			content    : ".";
			display    : block;
			height     : 0;
			clear      : both;
			visibility : hidden;
			}
		.box .boxBody .itemList { display : inline-block; }
		/* Hides from IE-mac \*/
		* html .box .boxBody .itemList { height : 1%; }
		.box .boxBody .itemList { display : block; }
		/* End hide from IE-mac */

/* -----------------------------------------------------------------------------
	12.defaultForm
----------------------------------------------------------------------------- */

.defaultForm {
	}
	/* 基本テーブルにoverride */
	.defaultForm .blueSkin {
		}
		.defaultForm .blueSkin thead {
			}
			.defaultForm .blueSkin thead th tr {
				}
				.defaultForm .blueSkin thead tr th {
					}
				.defaultForm .blueSkin thead tr td {
					}
		.defaultForm .blueSkin tbody {
			}
			.defaultForm .blueSkin tbody th tr {
				}
				.defaultForm .blueSkin tbody tr th {
					}
				.defaultForm .blueSkin tbody tr td {
					padding        : 0 10px 2px 10px;
					line-height    : 30px;
					}
					.defaultForm .blueSkin tbody tr td img {
						cursor         : pointer;
						vertical-align : middle;
						}

/* -----------------------------------------------------------------------------
	13.searchButtons
----------------------------------------------------------------------------- */

.searchButtons {
	padding    : 2px 0;
	border     : 1px #999999 solid;
	border-top : none;
	text-align : center;
	background : #e5e5e5;
	zoom       : 1;
	}

/* -----------------------------------------------------------------------------
	14.commonButtons
----------------------------------------------------------------------------- */

.commonButtons {
	margin-top : 10px;
	}
	.commonButtons a {
		float : left;
		}

.commonButtons:after {
	content    : ".";
	display    : block;
	height     : 0;
	clear      : both;
	visibility : hidden;
	}
.commonButtons { display : inline-block; }
/* Hides from IE-mac \*/
* html .commonButtons { height : 1%; }
.commonButtons { display : block; }
/* End hide from IE-mac */

/* -----------------------------------------------------------------------------
	15.results
----------------------------------------------------------------------------- */

.results {
	position   : relative;
	clear      : both;
	margin-top : 40px;
	}
	.results .resultsHead {
		font-size : 93%;
		margin-bottom : 10px;
		}
		.results .resultsHead .legend {
			float      : left;
			width      : 200px;
			}
		.results .resultsHead .pagination {
			float         : left;
			width         : 390px;
			text-align    : center;
			}
			.results .resultsHead .pager a {
				}
			.results .resultsHead .pager a:link { text-decoration : underline }

		.results .resultsHead .location {
			float      : right;
			width      : 180px;
			text-align : right;
			}
	.results .resultsHead:after {
		content    : ".";
		display    : block;
		height     : 0;
		clear      : both;
		visibility : hidden;
		}
	.results .resultsHead { display : inline-block; }
	/* Hides from IE-mac \*/
	* html .results .resultsHead { height : 1%; }
	.results .resultsHead { display : block; }
	/* End hide from IE-mac */

	.results .resultsFoot {
		font-size : 93%;
		margin-top : 10px;
		}
		.results .resultsFoot .legend {
			float      : left;
			width      : 200px;
			}
		.results .resultsFoot .pagination {
			float         : left;
			width         : 390px;
			text-align    : center;
			}
			.results .resultsFoot .pager a {
				}
			.results .resultsFoot .pager a:link { text-decoration : underline }

		.results .resultsFoot .location {
			float      : right;
			width      : 180px;
			text-align : right;
			}
	.results .resultsFoot:after {
		content    : ".";
		display    : block;
		height     : 0;
		clear      : both;
		visibility : hidden;
		}
	.results .resultsFoot { display : inline-block; }
	/* Hides from IE-mac \*/
	* html .results .resultsFoot { height : 1%; }
	.results .resultsFoot { display : block; }
	/* End hide from IE-mac */

	.results .resultsBody {
		clear      : both;
		}
		.results .resultsBody .resultsItem {
			clear         : both;
			}
			/* セルにマウスオーバー */
			.results .resultsBody .resultsItem table tbody tr {
				cursor : pointer;
				}
				.results .resultsBody .resultsItem table tbody tr:hover td {
					background-color : #fff7b5;
					}

/* -----------------------------------------------------------------------------
	70. colorbox
----------------------------------------------------------------------------- */

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#cboxOverlay {
	background : url(../../../images/common/colorbox/img.overlay.png) repeat 0 0;
	}
#colorbox{}
/*
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}
		*/
	/*
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
		*/
        #cboxLoadingOverlay{background:url(../../../images/common/colorbox/img.loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../../../images/common/colorbox/img.loading.gif) no-repeat center center;}
        #cboxClose{display:none;position:absolute; bottom:0; right:0; width:25px; height:25px; text-indent:-9999px;}
        /*
		#cboxClose.hover{background-position:-25px -25px;}
		*/
/*
  The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

.colorbox {
	position   : relative;
	width      : 810px;
	}
	.colorbox #contentsBody {
		float   : none;
		padding : 10px;
		}

/* -----------------------------------------------------------------------------
	80. tooltip
----------------------------------------------------------------------------- */

div.title-tip {
	max-width             : 300px;
	margin                : 0 1em 0 0;
	padding               : 0.8em;
	border                : solid #dbe35d 2px;
	border-radius         : 3px;
	-moz-border-radius    : 3px;
	-webkit-border-radius : 3px;
	line-height           : 1.4;
	background            : #f1f2db;
	opacity               : 0.9;
	filter                : alpha(opacity=90);
	}

/* -----------------------------------------------------------------------------
	90. error
----------------------------------------------------------------------------- */

.err {
	width                 : 500px;
	margin                : 20px auto 0 auto;
	padding               : 15px;
	border                : solid #dc3838 2px;
	border-radius         : 5px;
	-moz-border-radius    : 5px;
	-webkit-border-radius : 5px;
	background            : #fdf7f7;
	}
	.err strong {
		color     : #f40b0b;
		font-size : 18px;
		}

/* -----------------------------------------------------------------------------
	99. clearfix
----------------------------------------------------------------------------- */

.clearfix:after {
	content    : ".";
	display    : block;
	height     : 0;
	clear      : both;
	visibility : hidden;
	}
.clearfix { display : inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height : 1%; }
.clearfix { display : block; }
/* End hide from IE-mac */