/*
##########################################
# COMMON  CSS
##########################################
*/

form 		{ margin:0px; padding:0; }
p 			{ margin:0px 0 12px 0; }
.clr, 
.clear 	    { clear:both; font-size:0px; line-height:0px; height:0px; }
.hr-line	{ line-height:0px; font-size:0px;}
.image 		{ text-align:center; }
a 			{ text-decoration:none; }


/* not ready */

/*
########################################
GENARAL CSS
########################################
*/
/* -- form validation */
.invalid		 { border-color: #ff0000; }
label.invalid 	 { color: #ff0000; }

/* -- buttons 
#editor-xtd-buttons {
        padding: 0px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
        float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
        display: block;

        float: left;


        color: #666;
        cursor: pointer;
}

.button2-left span,
.button2-right span {
        cursor: default;
        color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
        padding: 0 6px;
}

.page span {
        color: #000;
        font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
        text-decoration: none;
        color: #0B55C4;
}

.button2-left a,
.button2-left span {
        padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
        padding: 0 6px 0 24px;
}

.button2-left {

        float: left;
        margin-left: 5px;
}

.button2-right {

        float: left;
        margin-left: 5px;
}

.button2-left .image {

}

.button2-left .readmore {

}

.button2-left .pagebreak {

}

 Tooltips 
div.tooltip {
        float: left;
        background: #ffc;
        border: 1px solid #D4D5AA;
        padding: 5px;
        max-width: 200px;
}

div.tooltip h4 {
        padding: 0;
        margin: 0;
        font-size: 95%;
        font-weight: bold;
        margin-top: -15px;
        padding-top: 15px;
        padding-bottom: 5px;
        }

div.tooltip p {
        font-size: 90%;
        margin: 0;
}
*/
/* Caption fixes */
.img_caption .left {
        float: left;
        margin-right: 1em;
}

.img_caption .right {
        float: right;
        margin-left: 1em;
}

.img_caption .left p {
        clear: left;
        text-align: center;
}

.img_caption .right p {
        clear: right;
        text-align: center;
}

.img_caption  {
	text-align: center!important;
}

.img_caption.none {
	margin-left:auto;
	margin-right:auto;
}


/* Calendar */
a img.calendar {
        width: 16px;
        height: 16px;
        margin-left: 3px;
        cursor: pointer;
        vertical-align: middle;
}

/*****************************************
 tooltip 
******************************************/
.tip{
	background:#0a323f;
	color:#ffffff;
	padding:5px;
	}


/*########################################
System Messages
##########################################*/

.error { padding:0px; margin-bottom: 20px; }

.error h2 {
        color:#000 !important;
        font-size:1.4em !important;
        text-transform:uppercase;
        padding:0 0 0 0px !important
	}

#system-message {
		margin:10px 0 20px 0;
		border-left:0;
		border-right:0;
	}

#system-message dt {font-weight: bold;}
#system-message dd {
	margin: 0 0 15px 0;
	font-weight: bold;
	text-indent: 0px;
	padding:0
	}
	
#system-message dd ul{
	color: #000;
	list-style: none;
	padding: 0px;
	}
#system-message dd ul li{
	line-height:1.5em
	}

/* System Standard Messages 
**********************************/
#system-message dt.message{
	position:absolute;
	top:-2000px;
	left:-3000px;
	}

#system-message dd.message  ul{
	background: #fff  url(../images/system/notice-info.png) no-repeat;
	padding-left:40px;
	padding: 10px 10px 10px 40px;
	border-top: 2px solid #90B203;
	border-bottom: 2px solid #90B203;
	}

#system-message dd.message ul li{background:none !important}

/* System Error Messages 
********************************/
#system-message dt.error{
	position:absolute;
	top:-2000px;
	left:-3000px;
	}

#system-message dd.error ul{
	background:#fff url(../images/system/notice-alert.png) no-repeat ;
	padding-left:40px;
 	padding: 10px 10px 10px 40px;
    border-top: 2px solid #990000;
    border-bottom: 2px solid #990000;
	}


/* System Notice Messages 
*******************************/
#system-message dt.notice{
	position:absolute;
	top:-2000px;
	left:-3000px;
	}

#system-message dd.notice  ul{
	background:#fff url(../images/system/notice-note.png) no-repeat ;
	padding-left:40px;
	padding: 10px 10px 10px 40px;
	border-top: 2px solid #FAA528;
	border-bottom: 2px solid #FAA528;
	}
#system-message dd.notice ul { color: #000;margin:10px 0; }

#system-message	   			{ margin-bottom: 0px;  padding: 0;}

#system-message dt			{font-weight: bold; }

#system-message dd 			{font-weight: bold; padding: 0;}




.msg-txt{padding:10px;}
/*
##########################################
# COMMON MARGIN CSS
##########################################
*/
.cust-mrg	{ margin:20px; } 
.cust-m-B	{ margin-bottom:15px; } 
.cust-m-T 	{ margin-top:15px; }
.cust-m-L 	{ margin-left:15px; }
.cust-m-LR 	{ margin-left:15px;margin-right:15px; }
.cust-m-TB 	{ margin-top:15px;margin-bottom:15px; }


.cust-minus-LR{ margin:0 -15px;}
.cust-minus-TB{ margin:-15px 0;}




.mrg-auto	{ margin-left:auto; margin-right:auto; }
.mrg0 		{ margin:0px; }
.mrg0-T 	{ margin-top:0px; }
.mrg0-R 	{ margin-right:0px; }
.mrg0-B 	{ margin-bottom:0px; }
.mrg0-L 	{ margin-left:0px; }
.mrg0-LR	{ margin-right:0px; margin-left:0px; }
.mrg0-TB	{ margin-right:0px; margin-left:0px; }

.mrg1		{ margin:1px } 
.mrg1-T 	{ margin-top:1px; } 
.mrg1-R 	{ margin-right:1px; }
.mrg1-B 	{ margin-right:1px; }
.mrg1-L 	{ margin-left:1px; } 
.mrg1-LR 	{ margin-left:1px;margin-right:1px; }
.mrg1-TB 	{ margin-top:1px;margin-bottom:1px; }

.mrg2		{ margin:2px } 
.mrg2-L 	{ margin-left:2px; }
.mrg2-R 	{ margin-right:2px; }
.mrg2-T 	{ margin-top:2px; }
.mrg2-B 	{ margin-bottom:2px; }
.mrg2-LR 	{ margin-left:2px;margin-right:2px; }
.mrg2-TB 	{ margin-top:2px;margin-bottom:2px; }

.mrg3-B 	{ margin-bottom:3px; }

.mrg4		{ margin:4px; } 
.mrg4-L 	{ margin-left:4px; }
.mrg4-LR 	{ margin-left:4px;margin-left:4px; }
.mrg4-TB 	{ margin-top:4px;margin-bottom:4px; }

.mrg5		{ margin:5px;} 
.mrg5-L 	{ margin-left:5px; }
.mrg5-T 	{ margin-top:5px; }
.mrg5-B 	{ margin-bottom:5px; }
.mrg5-R 	{ margin-right:5px; }
.mrg5-LR 	{ margin-left:5px;margin-right:5px; }
.mrg5-TB 	{ margin-top:5px;margin-bottom:5px; }

.mrg10		{ margin:10px; }
.mrg10-T 	{ margin-top:10px; }
.mrg10-L 	{ margin-left:10px; }
.mrg10-B 	{ margin-bottom:10px; }
.mrg10-R 	{ margin-right:10px; }
.mrg10-LR 	{ margin-left:10px;margin-right:10px; }
.mrg10-TB 	{ margin-top:10px;margin-bottom:10px; }

.mrg15		{ margin:15px; }
.mrg15-T 	{ margin-top:15px; }
.mrg15-L 	{ margin-left:15px; }
.mrg15-B 	{ margin-bottom:15px; }
.mrg15-R 	{ margin-right:15px; }
.mrg15-LR 	{ margin-left:15px;margin-right:15px; }
.mrg15-TB 	{ margin-top:15px;margin-bottom:15px; }

.mrg20		{ margin:20px; } 
.mrg20-B	{ margin-bottom:20px; } 
.mrg20-T 	{ margin-top:20px; }
.mrg20-L 	{ margin-left:20px; }
.mrg20-LR 	{ margin-left:20px;margin-right:20px; }
.mrg20-TB 	{ margin-top:20px;margin-bottom:20px; }


.minus5-T 	{ margin-top:-5px; }
.minus10-B { margin-bottom:0px;}
.minus10-LR { margin-left:-10px; margin-right:-10px; }
.minus15-LR { margin-left:-15px; margin-right:-15px; }
/*
##########################################
# COMMON PADDING CSS
##########################################
*/
.cust-pd{ padding:0;}
.cust-pd-L { padding-left:15px; } 
.cust-pd-LR { padding-left:15px;padding-right:15px; }
.cust-pd-TB { padding-top:15px;padding-bottom:15px; }

.pd0 { padding:0px; }

.pd1 { padding:1px; } 
.pd1-L { padding-left:1px; } 
.pd1-LR { padding-left:1px;padding-right:1px; }
.pd1-TB { padding-top:1px;padding-bottom:1px; }

.pd2 { padding:2px; } 
.pd2-L { padding-left:2px; }
.pd2-LR { padding-left:2px;padding-right:2px; }
.pd2-TB { padding-top:2px;padding-bottom:2px; }
.pd2-BLR { padding-left:2px;padding-right:2px; padding-bottom:2px;}

.pd4 { padding:4px; } 
.pd4-L { padding-left:4px; }
.pd4-LR { padding-left:4px;padding-left:4px; }
.pd4-TB { padding-top:4px;padding-bottom:4px; }

.pd5 { padding:5px; } 
.pd5-L { padding-left:5px; }
.pd5-R { padding-right:5px; }
.pd5-LR { padding-left:5px;padding-right:5px; }
.pd5-TB { padding-top:5px;padding-bottom:5px; }

.pd10 { padding:10px; }
.pd10-L { padding-left:10px; }
.pd10-T { padding-top:10px; }
.pd10-R { padding-right:10px; }
.pd10-B { padding-bottom:10px; }
.pd10-LR { padding-left:10px;padding-right:10px; }
.pd10-TB { padding-top:10px;padding-bottom:10px; }

.pd15 { padding:15px; }
.pd15-T { padding-top:15px; }
.pd15-L { padding-left:15px; }
.pd15-R { padding-right:15px; }
.pd15-B { padding-bottom:15px; }
.pd15-LR { padding-left:15px;padding-right:15px; }
.pd15-TLR { padding:15px 15px 0px 15px; }
.pd15-TB { padding-top:15px;padding-bottom:15px; }

.pd20 { padding:20px; } 
.pd20-L { padding-left:20px; }
.pd20-R { padding-right:20px; }
.pd20-LR { padding-left:20px;padding-right:20px; }
.pd20-TB { padding-top:20px;padding-bottom:20px; }
.pd40-R {padding-right:40px;}

/* TABLE CASE PADDING
===================================*/
table.pd10-R { padding-right:0px; }
table.pd10-R td { padding-right:10px; vertical-align:top; }
table.pd10-L { padding-left:0px; }
table.pd10-L td { padding-left:10px; vertical-align:top; }

/*
##########################################
# COMMON TEXT STYLE & ALIGN CSS
##########################################
*/
.align-C { text-align:center; }
.align-L { text-align:left; }
.align-R { text-align:right; }
.align-M { vertical-align:middle; }
.align-T { vertical-align:top; }
.txt-normal { font-weight:normal; }
.txt-bold { font-weight:bold; }
.txt-italic { font-style:italic; }
.scrollbox { overflow:auto; }
.pos-rel { position:relative; min-height:1px; }

.tbl-align-T td { vertical-align:top; }
.tbl-align-T td td { vertical-align:inherit; }

.lnkbar-typ1 	{ position:relative; min-height:1px; z-index:5; }
.lnkbar-typ1 a 	{ position:absolute; right:0px; top:0px; z-index:5;}
.lnkbar-typ2 	{ position:relative; min-height:1px; z-index:5; }
.lnkbar-typ2 a 	{ position:absolute; right:-5px; top:-5px; z-index:5; }
.lnkbar-typ3 	{ position:relative; min-height:1px; z-index:5; }
.lnkbar-typ3 a 	{ position:absolute; right:-27px; top:-27px; z-index:5; }
.lnkbar-typ4 	{ position:relative; height:1px; z-index:2; text-align:right; }

.hr-line-typ1 {
	border-bottom:1px solid #cccccc;
	height:1px;
	margin-bottom:15px;
	}
	
.hr-line-typ2 {
	border-bottom:1px solid #cccccc;
	height:1px;
	margin-bottom:15px;
	}

.bdr0-LR{
	border-left:none;
	border-right:none;
	}
.bdr-bottom {border-bottom:1px solid #dfdfdf;}

/*
##########################################
# COMMON TEXT RELATED CSS
##########################################
*/
.f-white 	{ color:#ffffff; }
.f-black 	{ color:#333333; }
.f-blue 	{ color:#2f73b1; }
.f-red 		{ color:#ec171c; }
.f-gray 	{ color:#333333; }
.f-gray1 	{ color:#666666; }
.f-gray2 	{ color:#999999; }
.f-orange 	{ color:#ff6600; }

.fs10 {font-size:77%;} /* for setting 10px */
.fs11 {font-size:85%;} /* for setting 11px */
.fs12 {font-size:93%;} /* for setting 12px */
.fs13 {font-size:100%;} /* for setting 13px */
.fs14 {font-size:108%;} /* for setting 14px */
.fs15 {font-size:116%;} /* for setting 15px */
.fs16 {font-size:123.1%;} /* for setting 16px */
.fs17 {font-size:131%;} /* for setting 17px */
.fs18 {font-size:138.5%;} /* for setting 18px */
.fs19 {font-size:146.5%;} /* for setting 19px */
.fs20 {font-size:153.9%;} /* for setting 20px */
.fs21 {font-size:161.6%;} /* for setting 21px */
.fs22 {font-size:167%;} /* for setting 22px */
.fs23 {font-size:174%;} /* for setting 23px */
.fs24 {font-size:182%;} /* for setting 24px */
.fs25 {font-size:189%;} /* for setting 25px */
.fs26 {font-size:197%;} /* for setting 26px */