@charset "UTF-8";
/*==================================================
 CLASS LIB CSS
==================================================*/

/* IME
------------------------------------------------- */
.ime_on { ime-mode: active !important; }
.ime_off { ime-mode: disabled !important; }
.ime_alpha { ime-mode: inactive !important; }

/* IME
------------------------------------------------- */
.imgHover:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

/* BOX
------------------------------------------------- */
.pRel { position: relative; }
.pAbs { position: absolute; }
.inline { display: inline; }
.block { display: block; }
.leftBox { float: left !important; }
.centerBox { margin-left: auto; margin-right: auto; }
.rightBox { float: right !important; }

/* CLEAR
------------------------------------------------- */
.clearFix { clear: both; }


/* TEXT
------------------------------------------------- */
.leftText { text-align: left !important; }
.rightText { text-align: right !important; }
.centerText { text-align: center !important; }
.middleText { vertical-align: middle !important; }

.wordBreak { word-wrap: break-word; }

.normal { font-weight: normal; }
.bold { font-weight: bold; }
.readonly { background: #CCCCCC; }

.error { color: #FF0000 !important; }
.required { color: #FF0000 !important; }
.link { color: #0033CC !important; }

/* SCROLL
------------------------------------------------- */
.scroll { overflow-y: scroll; }

/* SPACE TAGS
------------------------------------------------- */
.hr hr { display: none; font-size: 0px; }
.br br { display: none; font-size: 0px; }

/* BLOCK
------------------------------------------------- */
.none { display: none; }
.boxWrap { overflow: hidden; zoom: 1;}

/* FONT
------------------------------------------------- */
.f10px { font-size: 10px !important; }
.f11px { font-size: 10px !important; }
.f12px { font-size: 12px !important; }
.f13px { font-size: 13px !important; }
.f14px { font-size: 14px !important; }
.f16px { font-size: 16px !important; }
.f18px { font-size: 18px !important; }
.f20px { font-size: 20px !important; }
.f24px { font-size: 24px !important; }

/* WIDTH
------------------------------------------------- */
.w200px { width: 200px !important; }
.w230px { width: 230px !important; }
.w320px { width: 320px !important; }
.w400px { width: 400px !important; }
.w820px { width: 820px !important; }

.w3em { width: 3em !important; }
.w4em { width: 4em !important; }
.w5em { width: 5em !important; }
.w6em { width: 6em !important; }
.w7em { width: 7em !important; }
.w8em { width: 8em !important; }
.w10em { width: 10em !important; }
.w16em { width: 16em !important; }

/* MARGIN
------------------------------------------------- */
.mT5 { margin-top: 5px !important; }
.mT8 { margin-top: 8px !important; }
.mT10 { margin-top: 10px !important; }
.mT15 { margin-top: 15px !important; }
.mT20 { margin-top: 20px !important; }
.mT25 { margin-top: 25px !important; }
.mT30 { margin-top: 30px !important; }
.mR15 { margin-right: 15px !important; }
.mR20 { margin-right: 20px !important; }
.mB15 { margin-bottom: 15px !important; }

label.columnTitle{
	font-size: 12px;
	color: #456f9a;
}

span.columnTitle{
        display:inline-block;
	font-size: 12px !important;
	color: #456f9a !important;
        width: 55px !important;
}
span.columnTitle2{
        display:inline-block;
	font-size: 12px !important;
	color: #456f9a !important;
}

ul.pager {
        font-size: 12px;
	margin: 5px 0 10px !important;
	padding: 0 !important;
	text-align: center !important;
}

ul.pager li {
	display: inline !important;
	margin: 0 0px !important;
	padding: 0 !important;
}

ul.pager li.none {
	color: #999 !important;
}

ul.pager li span,
ul.pager li a {
	display: inline-block !important;
	margin-bottom: 5px !important;
	padding: 5px 8px !important;
	background: #cecece !important;
	text-decoration: none !important;
	vertical-align: middle !important;
        text-shadow: none !important;
}

ul.pager li a:hover {
	color: #000 !important;
	background: #ccf !important;
	border-color: #00f !important;
}

ul.pager2 {
        font-size: 16px;
	margin: 5px 0 10px !important;
	padding: 0px 0px 0px !important;
	text-align: center !important;
}

ul.pager2 li {
	display: inline !important;
	margin: 0 2px 0 0 !important;
	padding: 0 !important;
}

ul.pager2 li.prev {
        float: left !important;
}

ul.pager2 li.next {
        float: right !important;
}

ul.pager2 li.none {
	color: #999 !important;
}

ul.pager2 li span,
ul.pager2 li a {
	display: inline-block !important;
	margin-bottom: 5px !important;
	padding: 7px 15px !important;
	background: #cecece !important;
	text-decoration: none !important;
	vertical-align: middle !important;
        text-shadow: none !important;
}

ul.pager2 li a:hover {
	color: #000 !important;
	background: #ccf !important;
	border-color: #00f !important;
}