/**
 *   Common CSS
 *   -------------------------------------------
 *   common.css
 *   
 *   Copyright (c) 2009 hokuken
 *   http://hokuken.com/
 *   
 *   created  : 
 *   modified : 2010-09-06 add .qn_icon_maildup
 *   
 */

/* !Block Element ===================== */

.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.5em;
	margin: 0.5em 0;
}
.warn {
	margin: 1em;
	padding: .5em;
	line-height: 120%;
	font-size: 110%;
	color: #666;
	background-color: #fee;
	border: 1px solid #f66;
}

.notice {
    margin: 1em;
    padding: 5px;
    background-color: #ffd;
    border: 1px solid #ff6;
}

.info {
	color: orange;
	font-family: Courier, monospace;
	font-size: 100%;
	line-height: 120%;
	padding-left: 1em;
	
}
p.success {
	background-color: green;
	color: #fff;
}

.textleft{
	text-align: left;
}
.textright {
	text-align: right;
}
.floatLeft {
	display: block;
	float:left;
}
.floatRight {
	display: block;
	float: right;
}
.clearBoth {
	display: block;
	clear: both;
}
.lineUpper1 {
	margin-top: -20px;
}
.height25 {
	height: 25px;
}

.verticalIndent20 {height:20px}
.verticalIndent50 {height: 50px;}
.verticalIndent100 {height: 100px;}

.marginBottom20 {margin-bottom: 20px}
.marginBottom50 {margin-bottom: 50px}
.marginBottom100 {margin-bottom: 100px}

.textPre {
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
}

.borderRadius8 {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.borderRadius10 {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.borderTopRadius10 {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.borderRightRadius10 {
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
}
.borderBottomRadius10 {
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.borderLeftRadius10 {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}


/* !Buttons --------------------------------- */
.saveButton {
	width: 92px;
	height: 33px;
	background: url(../img/save_grey_92x33.gif) no-repeat 0 0;
	float:left;
	margin-right: 5px;
	cursor: pointer;
}
.okButton {
	width: 92px;
	height: 33px;
	background: url(../img/ok_grey_92x33.gif) no-repeat 0 0;
	float:left;
	margin-right: 5px;
	cursor: pointer;
}
.cancelButton {
	width: 92px;
	height: 33px;
	background: url(../img/cancel_grey_92x33.gif) no-repeat 0 0;
	float:left;
	margin-right: 5px;
	cursor: pointer;
}

/* !Inline Elements ======================= */

.requiredStar {
	color: red;
	font-weight: bold;
}
.delLink {
	color: red !important;
}

/* !Inline message ------------------------ */
.errorMsg {
	color: #f00;
}
.noticeMsg {
	color: #666;
}
.warnMsg {
	color: #f90;
}
.dropdown_mark {
	font-size: x-small;
}

/* !Icons --------------------------------- */
.qn_icon {
	padding: 0 2px;
	padding-left: 18px;
}
.qn_icon_add {
	background: url(../img/add_16.png) no-repeat left center;
}
.qn_icon_hint {
	background: url(../img/hint_16.png) no-repeat left center;
}
.qn_icon_notice {
	background: url(../img/hint_16.png) no-repeat left center;
}
.qn_icon_err {
	background: url(../img/error_16.png) no-repeat left center;
}
.qn_icon_warn {
	background: url(../img/warning_16.png) no-repeat left center;
}
.qn_icon_la {
	background: url(../img/leftarrow_16.png) no-repeat left center;
}
.qn_icon_ra {
	padding: 0 2px;
	padding-right: 18px;
	background: url(../img/rightarrow_16.png) no-repeat right center;
}
.qn_icon_ua {
	background: url(../img/uparrow_16.png) no-repeat left center;
}
.qn_icon_search {
	background: url(../img/search_16.png) no-repeat left center;
}
.qn_icon_mailsend {
	background: url(../img/mail_send_16.png) no-repeat left center;
}
.qn_icon_chart {
	background: url(../img/chart_16.png) no-repeat left center;
}
.qn_icon_down {
	background: url(../img/download_16.png) no-repeat left center;
}
.qn_icon_check {
	background: url(../img/check_16.png) no-repeat left center;
}
.qn_icon_log {
	background: url(../img/log_16.png) no-repeat left center;
}
.qn_icon_maildup {
	background: url(../img/mail_dup_16.png) no-repeat left center;
}

/* !Universal Classes ================== */
.hidden {
	display :none;
}
.gray {
	color: #aaa;
}
.emph {
	font-weight: bold;
}
.nook {
	color: #aaa;
	margin-left:1.5em;
}
.hovercolor {
	background-color: #ffc !important;
}
.focuscolor {
	background-color: #fcc !important;
}


/* !Add-On ========================== */

/* !Loading Image ------------------------ */
#loading {
	width: 32px;
	height: 32px;
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -16px;
	margin-top: -16px;
}

/* !jQuery.flash -------------------------- */
#flash {
	color: #234E4C;
	font-size: 24px;
	text-align: center;
	position: fixed;
	width: 500px;
	top: 30px;
	left: 50%;
	margin-left: -250px;
	display: none;
	border: 1px #4EA5A7 solid;
	padding: 2px;
	background-color: #7DF2FF;
	opacity: 0.80;
}
#flashWarn {
	color: #616D1D;
	font-size: 24px;
	text-align: center;
	position: fixed;
	width: 500px;
	top: 30px;
	left: 50%;
	margin-left: -250px;
	display: none;
	border: 1px #A9B32E solid;
	padding: 2px;
	background-color: #FCFD3F;
	opacity: 0.80;
	border-radius: 10px;
}
#flash.warn {
	color: #616D1D;
	font-size: 24px;
	text-align: center;
	position: fixed;
	width: 500px;
	top: 30px;
	left: 50%;
	margin-left: -250px;
	display: none;
	border: 1px #A9B32E solid;
	padding: 2px;
	background-color: #FCFD3F;
	opacity: 0.80;
}
#flashError {
	color: #f33;
	font-size: 24px;
	text-align: center;
	position: fixed;
	width: 500px;
	top: 30px;
	left: 50%;
	margin-left: -250px;
	display: none;
	border: 1px #fdd solid;
	padding: 2px;
	background-color: #fee;
	opacity: 0.80;
	border-radius: 10px;
}
#flash.error {
	color: #f33;
	font-size: 24px;
	text-align: center;
	position: fixed;
	width: 500px;
	top: 30px;
	left: 50%;
	margin-left: -250px;
	display: none;
	border: 1px #fdd solid;
	padding: 2px;
	background-color: #fee;
	opacity: 0.80;
}

.flash_icon {
	padding: 1px;
	padding-left: 18px;
}
.flash_icon_notice {
	background: url(../img/hint_16.png) no-repeat left center;
}
.flash_icon_err {
	background: url(../img/error_16.png) no-repeat left center;
}
.flash_icon_warn {
	background: url(../img/warning_16.png) no-repeat left center;
}

/* !jQuery Ghost ---------------------------- */
.jGhost {
	color: #aaa;
}


/* !Logout Notifier ---------------------------- */
#logoutNotifier {
	border: #999 6px solid;
	border-bottom: none;
	background-color: black;
	position: fixed;
	bottom: 0;
	left: 50%;
	width: 600px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	color: white;
	margin-left: -300px;
	opacity: 0.75;
	display: none;
	z-index: 9000;
}
#logoutNotifier:hover {
	background-color: #666;
}
#logoutNotifier a{
	color: white;
}

/* !Topic Path ----------------------------------- */
#topicPath {
	margin: 10px 0;
	float: right;
}
#topicPath li{
	list-style-type: none;
	float: left;
	line-height: 110%;
}

#topicPath li a{
	background: url(topicpath.gif) no-repeat right center;
	margin-right: 5px;
	padding-right: 10px;
}

#topicPath li.activePath {
	font-weight: bold;
}

/* !Pagination ------------------------------------ */
div.pagination{
	width:100%;
	overflow:hidden;
}
div.pagination ul{
	position: relative;
	float:left;
	left:50%;
	list-style-type:none;
}
div.pagination ul li{
	position: relative;
	float: left;
	right: 50%;
	margin-right:3px;
}

/* !Log Viewer ----------------------------------- */
table.log_table {
/* 	width: 530px; */
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

table.log_table th {
	padding: 5px;
	border: #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	background: #F5F5F5;
	font-weight: bold;
	line-height: 120%;
	text-align: left;
	padding-left: 4px;
	white-space: nowrap;
}
table.log_table td {
	padding: 5px;
	border: 1px #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	text-align: left;
	white-space: nowrap;
}

/* !Check List */


#checkSelectorHolder {
	position: relative;
}

#checkSelector {
	display: none;
	width: 120px;
	position: absolute;
	border: #ccc 1px solid;
	padding: 8px;
	background-color: #fff;
	box-shadow: 1px 2px 4px #aaa;
	z-index: 1000;
}

#checkSelector li {
	text-align: left;
	border: none;
	cursor: pointer;
}

.checkedActions {
	text-align: center;
}

input.check_status {
	display: none;
}