@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;1,100;1,200;1,300;1,400;1,500;1,600&display=swap');


BODY
{
	BACKGROUND-COLOR: #FFFFFF;
	background-attachment: no-scroll;
    /*BACKGROUND-IMAGE: url('../images/bg.png'); */
	PADDING: 0px;
	MARGIN: 0px;
	
}

.body_bg
{
	BACKGROUND-COLOR: #FFFFFF;
	background-attachment: no-scroll;
    BACKGROUND-IMAGE: url('../images/bg1_01.jpg');
	PADDING: 0px;
	MARGIN: 0px;

}

@font-face {
    font-family: 'dec_font1';
    src: url('../font/dec_font1.eot');
    src: url('../font/dec_font1.eot?#iefix') format('embedded-opentype'),
         url('../font/dec_font1.ttf') format('truetype'),
         url('../font/dec_font1.svg#dec_font1') format('svg');
}

@font-face {
    font-family: 'dec_font2';
    src: url('../font/dec_font2.eot');
    src: url('../font/dec_font2.eot?#iefix') format('embedded-opentype'),
         url('../font/dec_font2.ttf') format('truetype'),
         url('../font/dec_font2.svg#dec_font2') format('svg');
}

fieldset{
	MARGIN-TOP:5px;
    BORDER-COLOR: #999999;
}
fieldset.fieldset_square{
	BORDER: #CCC 1px solid;
	PADDING-TOP: 0px;
	PADDING-RIGHT: 10px;
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 10px;
}
fieldset legend{
	MARGIN-BOTTOM: 0px;
	PADDING:0px;
    FONT-SIZE: 12px;
    FONT-WEIGHT: none;
    FONT-FAMILY: Verdana,Arial;
    COLOR: #000000;

}
.font_legend{
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
    /*COLOR: #0c47b6; */
}
a{
   	font-family: Verdana;
	text-decoration: none;
	font-weight: bold;
	color: #0066CC;
}

form{
	MARGIN: 0px;
    PADDING: 0px;
}

a:hover {
	text-decoration: none;
	color: #0033FF;
}


.longtext {overflow:auto;scrollbar-track-color:#F7F7F7;scrollbar-face-color:#F0F0F0;scrollbar-shadow-color:#B8B7B7;scrollbar-darkshadow-color:#F7F7F7;scrollbar-highlight-color:#FFFFFF;scrollbar-3dlight-color:#D9D9D9;scrollbar-arrow-color:#888888;}


input.txt{
	BORDER: #949494 1px groove;
    FONT-SIZE: 14px;
    FONT-FAMILY: Verdana,Arial, Verdana, Helvetica;
    color: #0c47b6;
    HEIGHT: 20px;
    WIDTH: 150px;
}

/*select, option{*/
	/*BORDER-RIGHT: #949494 1px groove; */
    /*border: inset 1px #708090;*/
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana,Arial, Verdana, Helvetica;
    color: #0c47b6;
    HEIGHT: 20px;
}
textarea{
	FONT-SIZE: 12px;
    FONT-FAMILY: Verdana,Arial, Verdana, Helvetica;
    COLOR: #0c47b6;
    BACKGROUND-COLOR:#FFFFFF;
    BORDER:1px solid #7F9DB9;

}



.btn{
	width:120px;
    color:#333333;
	font-family:Verdana,Arial, Verdana, Helvetica;
	font-size:84%;
	font-weight:bold;
	border:1px solid;
	border-top-color:#999;
	border-left-color:#999;
	border-right-color:#666;
	border-bottom-color:#666;
}


.img_btn{
    color:#333333;
	font-family:Verdana, Helvetica;
	font-weight:bold;
	font-size:12px;
}
.img_btn_hor{
    color:#333333;
	font-family:Verdana, Helvetica;
	font-weight:bold;
	font-size:12px;
}

.page_title{
    width: 250px;
	font-size: 15px;
    	font-family:Sukhumvit_Set,verdana;
    clear: both;
    text-align: center;
    color: 	#808080;
    font-weight: bold;
    border-bottom: 2px solid #F29900;
    MARGIN-Bottom: 0px;
}

.font_misc{
	font-family:Arial;
	font-size:12;
}

.font_login_title{
	font-family:Verdana, Verdana, Helvetica;
	font-size: 20px;
	font-weight: bold;
	color: #5a5a5a;
}

.username {
	padding-left:28px;
	background-image: url(../images/ico_customer.gif);
	background-repeat: no-repeat;
	background-position: 2% 25%;
	/*background-repeat: repeat-x;*/
	border: 1px groove #660000;
	HEIGHT:22px;
	WIDTH:150px;
	color:#000000
}

.password {
	padding-left:28px;
	background-image: url(../images/ico_lock.gif);
	background-repeat: no-repeat;
	background-position: 2% 25%;
	/*background-repeat: repeat-x;*/
	border: 1px groove #660000;
	HEIGHT:22px;
	WIDTH:150px;
	FONT-FAMILY:  verdana,verdana;
	FONT-WEIGHT: bold;
	color:#000000
}


/*Table Login Page */
table.tbl_brd_login{
	BACKGROUND-COLOR:#FFFFFF;
	BORDER: #000000 0px solid;

}
table.tbl_brd_login_frm{
	BACKGROUND-COLOR:#f2f5f4;
	BORDER:#000000 0x groove;

}



/*Table Report(Column Style)*/
table.tbl_misc{
	 background-color: #FFFFFF;
	 border-collapse: collapse;
	 FONT-FAMILY: Verdana;
     BORDER: #7F9DB9 1px solid;
     border-collapse: collapse;
}

table.tbl_misc tr.row_heading{
/*background-color: #3163BD; */
   	font-size: 10px;
	text-decoration: none;
	font-weight: none;
	color: #000000;
    text-align: left;
    background-image : url(../images/bg_td_top.jpg);
    background-position: 100% 100%;
    background-repeat: repeat-x;
}

table.tbl_misc tr.row_heading td{
    BORDER-RIGHT: #C6C8C1 1px solid;
	BORDER-TOP: #ffffff 0px solid;
	BORDER-LEFT: #ffffff 0px solid;
	BORDER-BOTTOM: #7A8180 1px solid;
    PADDING: 5px 4px;
    TEXT-ALIGN: center;
    BORDER-COLLAPSE: collapse;
}

table.tbl_misc tr.row_data{
    font-size: 12px;
	text-decoration: none;
	font-weight: none;
	color: #0c47b6;
}
table.tbl_misc tr.row_data td{
	height: 23px;
    BORDER-BOTTOM: #CCCCCC 1px solid;
    BORDER-RIGHT: #CCCCCC 1px solid;
    PADDING: 0px 4px;
    BORDER-COLLAPSE: collapse;
}
table.tbl_misc tr.row_data, table.tbl_misc tr.selectRow, table.tbl_misc tr.unselectRow{
    font-size: 12px;
	text-decoration: none;
	font-weight: none;
	color: #0c47b6;
	height: 23px;
}
table.tbl_misc tr.row_data td, table.tbl_misc tr.selectRow td, table.tbl_misc tr.unselectRow td{
    BORDER-BOTTOM: #BCBEB7 1px solid;
    BORDER-RIGHT: #BCBEB7 1px solid;
    PADDING: 3px 1px;
}


/*= Hilighting data row
------------------------------------------*/
.selectRow{
	BACKGROUND-COLOR: #DAE6E5;
}
.unselectRow{
	BACKGROUND-COLOR: #FFFFFF;
}

/*Table Footer*/
.outer {height:91%;}
.footer {POSITION:absolute;BOTTOM:0px;WIDTH: 100%;} /* Not using it anymore*/
table.tbl_footer{
	WIDTH:100%;
	HEIGHT:20px;
}
table.tbl_footer td.ft_tool_name{
	COLOR:#FFFFFF;
	FONT-SIZE: 12px;
	FONT-FAMILY: Verdana;
	FONT-WEIGHT: bold;
	FONT-STYLE: italic;
	BORDER-RIGHT:#CCCCCC 0px solid;
	WIDTH:250px;
	PADDING: 2px 7px;
}
table.tbl_footer td.ft_misc{
	COLOR:#FFFFFF;
    /*COLOR:#F7DA00; */
	FONT-SIZE: 12px;
	FONT-FAMILY: Verdana;
	FONT-WEIGHT: none;
	BORDER-RIGHT:#CCCCCC 0px solid;
	PADDING: 2px 5px;
}

/*Menu Head Table */
.menu_out{
	WIDTH:50;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    COLOR: #000000;
    TEXT-ALIGN: center;
    PADDING: 2px 5px;
    BORDER: transparent 1px ridge;
    CURSOR: pointer;
}
.menu_over{
	WIDTH:50;
    FONT-FAMILY: Verdana;
   	FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
	COLOR: #000000;
    TEXT-ALIGN: center;
    PADDING: 2px 5px;
    /*BACKGROUND-COLOR: #f7da00;*/
    BACKGROUND-COLOR: #f7da00;
    BORDER: transparent 1px groove;
    CURSOR: pointer;
}

.menu_img{
	HEIGHT: 26px;
    WEIGHT: 26px;
}
.menu_line{
	WIDTH: 2px;
    HEIGHT: 38px;
}

/* =Form Table
----------------------------------------------- */
#tbl_frm{
	WIDTH: 680px;
	MARGIN-TOP: 5px;
    MARGIN-LEFT: 5px;
    MARGIN-BOTTOM: 5px;
	border-collapse: collapse;
}
.td_heading{
	FONT-FAMILY: Verdana, arial;
	FONT-SIZE: 11px;
	FONT-WEIGHT: none;
    PADDING: 6px 5px;
}
.td_data{
	FONT-FAMILY: Verdana, arial;
	FONT-SIZE: 11px;
	FONT-WEIGHT: none;
}

.td_heading_4budget{
	FONT-FAMILY: Verdana, arial;
	FONT-SIZE: 11px;
	FONT-WEIGHT: none;
    PADDING: 3px 5px;
}
.td_data_4budget{
	FONT-FAMILY: Verdana, arial;
	FONT-SIZE: 11px;
	FONT-WEIGHT: none;
}


.select_partition_list_small{
    BORDER: #7F9DB9 1px solid;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana,Arial, Verdana, Helvetica;
    COLOR: #0c47b6;
    WIDTH: 100px;
    HEIGHT: 20px;
    BACKGROUND-COLOR:#FFFFFF;
    BORDER:1px solid #7F9DB9;
}
/* =Action Table
----------------------------------------------- */
#tbl_action{
	WIDTH: 600px;
	MARGIN-TOP: 5px;
    MARGIN-LEFT: 5px;
    MARGIN-BOTTOM: 5px;
	border-collapse: collapse;
}

/*= Table Navigation Page
------------------------------------------*/
.tbl_nav{
 	border-collapse: collapse;
}
.td_nav{
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana;
	FONT-WEIGHT: none;

}

/* =Input Field Style
----------------------------------------------- */
.txt_input{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana,Arial, Verdana, Helvetica;
    COLOR: #0c47b6;
    WIDTH: 198px;
    HEIGHT: 20px;
    BACKGROUND-COLOR:#FFFFFF;
    BORDER:1px solid #7F9DB9;
}
.txt_disabled{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana,Arial, Verdana, Helvetica;
    COLOR:#0C47B6;
	WIDTH:198px;
    HEIGHT: 20px;
    BACKGROUND-COLOR:#EFEFEF;
	BORDER:1px solid #CCCCCC;
}
.txt_calendar_input{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana,Arial, Verdana, Helvetica;
    COLOR: #0c47b6;
    WIDTH: 177px;
    HEIGHT: 20px;
    BACKGROUND-COLOR:#FFFFFF;
    BORDER:1px solid #7F9DB9;
}
.txt_calendar_input_small{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana,Arial, Verdana, Helvetica;
    COLOR: #0c47b6;
    WIDTH: 80px;
    HEIGHT: 20px;
    BACKGROUND-COLOR:#FFFFFF;
    BORDER:1px solid #7F9DB9;
}
.txt_calendar_disabled{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana,Arial, Verdana, Helvetica;
    COLOR:#0C47B6;
	WIDTH:177px;
    HEIGHT: 20px;
    BACKGROUND-COLOR:#EFEFEF;
	BORDER:1px solid #CCCCCC;
}
.cbo_input{
	BORDER-RIGHT: #949494 1px solid;
    border: inset 1px #708090;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana,Arial, Verdana, Helvetica;
    color: #0c47b6;
    WIDTH:150px;
    HEIGHT: 20px;
}
.btn{
	width:120px;
    color:#333333;
	font-family:Verdana,Arial, Verdana, Helvetica;
	font-size:84%;
	font-weight:bold;
	border:1px solid;
	border-top-color:#999;
	border-left-color:#999;
	border-right-color:#666;
	border-bottom-color:#666;
}
.img_btn{
    color:#333333;
	font-family: Verdana, Helvetica;
	font-weight:bold;
	font-size:11px;
}

/*
.select_198{
    BORDER: #7F9DB9 1px solid;
    FONT-SIZE: 11px;
    COLOR: #0c47b6;
    WIDTH: 198px;
    HEIGHT: 20px;
    BACKGROUND-COLOR:#FFFFFF;
    BORDER:1px solid #7F9DB9;
}
*/
.select_198{
    BORDER: #7F9DB9 1px solid;
    FONT-SIZE: 11px;
    COLOR: #0c47b6;
    WIDTH: 198px;
    HEIGHT: 20px;
    BACKGROUND-COLOR:#FFFFFF;
    BORDER:1px solid #7F9DB9;
}
.select_198 optgroup{ /*added on 15/12/2016 */
   font-size: 12px;
   color:#ffffff;
   color:#555555;
   background-color:#666666;
   background-color:#c2c9d6;
}
.select_198 option{ /*added on 15/12/2016 */
 font-size: 11px;
    color:#0c47b6;
	 background-color:#ffffff;
}


.txt_input_72px{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana,Arial, Verdana, Helvetica;
    COLOR: #0c47b6;
    WIDTH: 72px;
    HEIGHT: 20px;
    BACKGROUND-COLOR:#FFFFFF;
    BORDER:1px solid #7F9DB9;
}

/** WRAPPER */

#wrapper {
	background: url(../images/bg1_02.jpg) repeat-x left top;
}

#bg {
	background: url(../images/bg01.jpg) repeat-y center top;
}

#bgtop {
	background: url(../images/bg02.jpg) no-repeat center top;
}

#bgbtm {
	padding-bottom: 20px;
	background: url(../images/bg03.jpg) no-repeat center bottom;
}

/** FOOTER */

#footer_1 {
	height: 50px;
	background: url(../template1_files/bg04.jpg) no-repeat center top;
}

#footer_1 p {
	margin: 0px;
	padding-top: 35px;
	text-align: center;
	color: gray;
}

/*= CSS POPUP
------------------------------------------*/
a.info{
    position:relative;
    z-index:24;
    text-decoration:none;
		color:#000000;
}

a.info img {
 border: 0px;
}

a.info:hover{z-index:25; background-color:#E0F3FA;color:}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-2.5em;
    left:1.5em;
    border:1px solid #336;
    background-color:#f7f7ee; color:#000;
    text-align: left;
    padding: 3px;
    font-size: 12px;
	/*max-width:350px;

	overflow-y:visible;	*/
}

.show {
 display: block;
}

.hide {
 display: none;
}

/* Second Style of popup Tooltip*/
a.info1{
    position:relative;
    z-index:24;
    text-decoration:none;
}

a.info1 img {
 border: 0px;
}

a.info1:hover{z-index:25;}

a.info1 span{display: none}

a.info1:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-3.5em;
    left:1.5em;
    border:1px solid #336;
    background-color:#f7f7ee; color:#000;
    text-align: left;
    padding: 3px;
    font-size: 10px;
}

/*= Additional MISC..
------------------------------------------*/
.font_10{
	FONT-SIZE: 10px;
}

.td_font_11{
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana,Arial, Verdana, Helvetica;
    color: #000000;
    padding-right: 5px;
    padding-top: 2px;
}
.tbl_popup_dropdown{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana,Arial, Verdana, Helvetica;
    color: #000000;
}
.font_req_test{
	FONT-SIZE:8px;
    FONT-FAMILY:Calibri;
    BACKGROUND-COLOR:#C4AB49;
    COLOR:#FFFFFF;
    BORDER:#333333 1px solid;
    FONT-WEIGHT: bold;
    PADDING: 0px 0px;
    WIDTH: 30px;
    TEXT-ALIGN:center;
}
.font_req_buy_now{
    FONT-SIZE:8px;
    FONT-FAMILY:Calibri;
    BACKGROUND-COLOR:#256DDE;
    COLOR:#FFFFFF;
    BORDER:#333333 1px solid;
    FONT-WEIGHT: bold;
    PADDING: 0px 0px;
    WIDTH: 30px;
    TEXT-ALIGN:center;
}
.font_req_else{
    FONT-SIZE:8px;
    FONT-FAMILY:Calibri;
    BACKGROUND-COLOR:#000000;
    COLOR:#FFFFFF;
    BORDER:#333333 1px solid;
    FONT-WEIGHT: bold;
    PADDING: 0px 0px;
    WIDTH: 30px;
    TEXT-ALIGN:center;
}

.budget_font12{
    FONT-SIZE:12px;
    FONT-FAMILY:verdana;
    COLOR:#000000;
    FONT-WEIGHT: bold;
    TEXT-ALIGN:center;
}
.budget_font12_blue{
    FONT-SIZE:13px;
    FONT-FAMILY:verdana;
    COLOR:#1569C7;
    FONT-WEIGHT: bold;
    TEXT-ALIGN:center;
}
.budget_font12_red{
    FONT-SIZE:16px;
    FONT-FAMILY:verdana;
    COLOR:#990066;
    FONT-WEIGHT: bold;
    TEXT-ALIGN:center;
}

.gen_loading_time{
    FONT-SIZE:12px;
    FONT-FAMILY:verdana;
    COLOR:#990066;
    TEXT-ALIGN:center;
}




.grayed_background{

	display: none;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #000;	
	z-index: 10;
	zoom:1;
}

	/*
.class_blue_btn {

	cursor: pointer;
	-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:dec_font2,arial;
	font-size:22px;
	padding:2px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #287ace;
	
}.class_blue_btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;
}.class_blue_btn:active {
	position:relative;
	top:1px;
}
*/

.class_blue_btn{
	background-color:#e7e5e7;
	border-radius:5px;
	cursor: pointer;
	padding:5px 10px 5px 10px;
	color:#555555;
	font-weight:bold;

}
.class_blue_btn:hover {

	background-color:#c5c3c5;
}
.class_blue_btn:active {

}


.class_tip_menu{ /* show drop down tools tip*/
	font-family:Sukhumvit_Set,verdana;
	text-align:right;
	margin:0;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:6px;
	padding-left:6px;
	background-color:#888888;
	color:#ffffff;
	font-size:13px;

	position:absolute;
	
	cursor:pointer;
	z-index:100;		
	border-radius:3px;
	border:1px solid #777777
}
.class_tip_info{ /* show drop down tools tip*/
	cursor:default;
	margin-top:6px;
	padding-right:30px;
	padding-left:10px;
	font-family:verdana;
	line-height:20px;
	text-align:left;
	font-size:12px;

	display:none;

	position:relative;
	background-color:#FFF7E0;
	background-color:#f2f2f2;

	border:1px solid #777777;
	color:#000000;
	max-height:450px;

	overflow-y:scroll;
}

.class_tip_info p{

	text-indent:15px;

}
.img_class_tip_menu{
float:left;
margin-right:5px;
}


.head_class_tip_menu{
	font-family:Sukhumvit_Set,verdana;
	font-size:15px;
	font-weight:bold;
	background-color:#e0e0e0;
	margin-bottom:10px;
	margin-top:10px;
	padding:5px;
	border-radius:5px;
	border:1px solid #999999;
}
.promo_detail_class_tip_menu{
	padding:0px 5px 0px 20px;
}






/***********************************  More Menu *********************************************/

.class_more_main_warp{ 

	
	font-size:12px;	
	border:1px solid #a6a6a6;
	border-radius:3px;	
	background-color:#fefefe;
	box-shadow: 0px 1px 0px #ffffff;
	color:#444444;
	cursor:pointer;
	 background:linear-gradient(fefefe, e5e5e5); 	
}
.class_more_main_warp:hover{
	background-color:#cccccc;
 	
}

.class_more_sub_warp{
	
	cursor:default;
	margin-top:-14px;
	margin-left:35px;

	position:absolute;
	display:none;
	background-color:#d4d6d4;
	background-color:#d0d2d0;
	color:#000000;
	z-index:100;	
	padding:5px;
	border-radius:5px;	

	text-align:left;
	font-size:12px;
	border:1px solid #999999;
	


	
}

.more_label{
	margin:5px;
	color:#555555;
	font-size:16px;
	font-weight:bold;
}


.each_menu_more {
	font-size:13px;	
	padding:2px 10px 2px 10px;
	border:1px solid #a6a6a6;
	margin-bottom:5px;
	border-radius:3px;
	background-color:#fcfcfc;
	box-shadow: 0px 1px 0px #ffffff;
	color:#444444;
	cursor:pointer;
	 background:linear-gradient(fefefe, e5e5e5); 
}

.each_menu_more:hover{
	background-color:#f0f0f0;
	background:linear-gradient(f0f0f0, cecece); 	
}


/***************************************** END More menu ***************************************/



.tooltips_show_class{ /* For log and remark icon*/
	padding:5px;
	padding-right:10px;
	color:#000000;
	cursor:default;
	display:none;
	max-width:420px;
	max-height:500px;
	border:1px solid #000000;
	position:absolute;
	z-index:999;
	background-color:#FBF8E8;
	margin-left:20px;
	margin-top:-15px;
	font-weight:bold;
	overflow-y:scroll;
	
}


.payment_pop{
	cursor:pointer;
}
.payment_pop_result{
	border-radius:0px 0px 0px 0px;

	webkit-box-shadow: 0px 0px 10px  #999999;
    -moz-box-shadow: 0px 0px 10px  #999999;
    box-shadow: 0px 0px 15px	#999999;
	border:2px solid #555555;
	cursor:default;
	font-family:verdana;
	font-size:12px;
	position:absolute;

	padding:10px 20px 10px 20px;
	background-color:#ffffff;

	max-height:300px;
	overflow-y:scroll;
	text-align:left;
    text-align: left;
    margin-left: 17px;
	margin-top:-13px;
	display:none;
	z-index:500;
}


.pointer_class{
	cursor:pointer;
}
.cal_package_pop_result{
	border-radius:0px 0px 0px 0px;

	webkit-box-shadow: 0px 0px 10px  #999999;
    -moz-box-shadow: 0px 0px 10px  #999999;
    box-shadow: 0px 0px 15px	#999999;
	border:2px solid #555555;
	cursor:default;
	font-family:verdana;
	font-size:12px;
	position:absolute;

	padding:10px 20px 10px 20px;
	background-color:#ffffff;

	max-height:300px;
	overflow-y:scroll;
	text-align:left;
    text-align: left;
    margin-left: 17px;
	margin-top:-13px;
	display:none;
	z-index:500;
}

.large_menu_txt{
	font-family:dec_font2 ,verdana;
	font-size:26px;
}
a.large_menu_txt:hover{
	color:red;
}


.clickable_img:hover{
	opacity: 0.5;

	background-color:yellow;
}






/*----------- pop up messeage grayed out whole page ***************/
/*
Created 08/12/2016 By Benz
put the div on the top of the page
	Example : 
	<div class='pop_msg_disable_page'>&nbsp;</div>
	<div class='pop_msg_container'>
				<div class='pop_msg_content'> -- Example content --  </div>
		<center>
			<div class='pop_msg_btn' style='background-color:#4daba9;color:#f8f8f8;'> -- Example content -- </div>
			<div class='pop_msg_btn' > -- Example content -- </div>
		</center>
	</div>
*/
.pop_msg_disable_page{
	background-color:#000000;
	opacity:.5;
	position:absolute;
	width:100%;
	height:100%;
	z-index:105;
	margin-top:;
	padding:0;		
	
}
.pop_msg_container{	
	position: absolute;
	margin-left: auto; 
	margin-right: auto; 		
	left: 0; 
	right: 0; 
	top:20%;
	color:#3d3d3d;
	opacity:1;
	background-color:#ffffff;
	font-size:25px;
	padding:30px;
	border:1px solid #b7b7b7;
	border:4px solid #d6d6d6;
	border-radius: 15px;
	z-index:106;
	font-family:thaisan;
	max-width: 800px; 		
}
.pop_msg_content{
	background-color:#f8f8f8;
	border:1px solid #d6d6d6;
	margin-bottom:35px;
	border-radius:5px;
	padding:10px;
}	

.pop_msg_btn{
	border:1px solid #d6d6d6;
	background-color:#f8f8f8;
	border-radius: 5px;
	font-size:20px;
	padding:10px 20px 10px 20px;
	color:#3d3d3d;
	color:#4daba9;
	
	font-weight:bold;
	cursor:pointer;
	display:inline;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
}
.pop_msg_btn:hover{
	color:#4daba9;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.60), 0 1px 4px rgba(0, 0, 0, 0.40);
}	
.pop_msg_btn:active{
	Border-top:3px solid #bababa;
	Border-left:2px solid #bababa;
	padding:10px 19px 7px 20px;
}		

/*----------- End pop up messeage grayed out whole page ***************/