@charset "utf-8";

img{ border-style: none;
	border-color: inherit;
	border-width: 0px;
}
a { text-decoration: none; }
/* ------------------------------------------------------ Body E-manage ----------------------------------------------*/
body#emanage
{
	font-family:Tahoma;
    font-size:10pt;
    margin:0px;
	background-color:#7e0e03;
    }
div#emanage{ 	background:url(../images/mainWebOther/mainEmanage_layout.png) no-repeat #7e0e03 center top; }

table#mainBody{
		background-color:#FFFFFF;
}

td#mainBodyDetail{ height:600px;}

/* ------------------------------------------------------ Body KM ----------------------------------------------*/
body#KM
{
	font-family:Tahoma;
    font-size:10pt;
    margin:0px;
	background-color:#002813;
    }
div#KM{ 	background:url(../images/mainWebOther/KM_layout.png) no-repeat #002813 center top; }

table#mainBodyKM{
		background-color:#FFFFFF;
}

td#mainBodyDetailKM{ height:600px;}

/* ------------------------------------------------------ Body KM ----------------------------------------------*/
body#BodyInterAffairs
{
	font-family:Tahoma;
    font-size:10pt;
    margin:0px;
	background-color:#002813;
    }
div#divInterAffairs{ 	background:url(../images/mainWebOther/interaffairs_layout.png) no-repeat #002813 center top; }

table#mainBodyInterAffair{
		background-color:#FFFFFF;
}

td#mainBodyDetailInterAffair{ height:600px;}

/* ------------------------------------------------------ Body MOU Project ----------------------------------------------*/
body#mouProject
{
	font-family:Tahoma;
    font-size:10pt;
    margin:45px 0px;
	background:url(../images/mainWebOther/BG_Creative.jpg) center;
	background-attachment:fixed;
    }

/* ------------------------------------------------------ Text ----------------------------------------------*/
.text_green{ color:#030;}
.text_yellow{ color:#CCCC00;}
.text_white{ color:#FFFFFF;}
.text_hardGray{ color:#363636;}
.textGray{ color:#999;}
.text_gray_line_through
{
	color: #777777;
	text-decoration: line-through;
}
.text11{ font-size:11pt;}
.text12{ font-size:12pt;}

.textShadowBlack
{
    text-shadow: 0px 1px 1px #555;
}

/* ------------------------------------------------- Step process -------------------------------------------*/
.stepUnPass
{
	border: 1px solid #FF0000;
	color: #FF0000;
	text-align: left;
	padding-left: 20px;
	background: #FFCCCC url('../images/iconCritical.png') no-repeat;
}
.stepPass
{
	border: 1px solid #006600;
	color: #006600;
	text-align: left;
	padding-left: 20px;
	background: url('../images/checked.png') no-repeat #CCFF99;
}
.stepWaiting
{
	border: 1px solid #FF3300;
	color: #FF6600;
	text-align: left;
	padding-left: 20px;
	background: url('../images/uncheck.png') no-repeat #FFFF99;
}
/* ------------------------------------------------------ Table ----------------------------------------------*/
.table_title1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 15pt;
	font-weight:bold;
	color:#000000;
	padding:5px 5px 5px 2px;
}

.table_title2 {
	/*background-image:url(image_css/table_title2.png);*/
	background-color:#cc9900;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12pt;
	padding:5px 5px 5px 0px;
}

.table_title3 {
	/*background-image:url(image_css/table_title4.png);*/
	background-color:#ffcc00;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12pt;
	padding:5px 5px 5px 0px;
}

.table_title4 {
	/*background-image:url(image_css/table_title3.png);*/
	background-color:#ffcc99;
	color:#215868;
	font-weight:bold;
	font-size:12pt;
	padding:5px 5px 5px 0px;
}
.table_items 
{
	border-bottom : dotted 1px #EEEEEE;
	height:25px;
}
.table_footer{
	border-top:3px #cc9900 solid;
	height:30px;
	font-weight:bold;
}

/* ------------------------------------------------------ Grid View ----------------------------------------------*/
.grid_header
{
    background-color:#996600;
	color:#EEEEFF;
	font-weight:bold;
	font-size:10pt;
	padding:5px 5px 5px 0px;
	}
.grid_header2
{
    background-color:#cc9900;
	color:#EEEEFF;
	font-weight:bold;
	font-size:10pt;
	padding:5px 5px 5px 0px;
}
.grid_header3
{
    background-color:#ffcc33;
	color:#EEEEFF;
	font-weight:bold;
	font-size:10pt;
	padding:5px 5px 5px 0px;
}
.grid_header4
{
    background-color:#ffcc99;
	color:#000000;
	font-weight:bold;
	font-size:10pt;
	padding:5px 5px 5px 0px;
}
.grid_header5
{
    background-color:#CCCCCC;
	color:#000000;
	font-weight:bold;
	font-size:10pt;
	padding:5px 5px 5px 0px;
}
.grid_alt
{
    background-color:#d1dbe0;
    height:20px;
}
.grid_row
{
    background-color:#f1f5f6;
    height:20px;
}
.grid_footer{
	background-color:#cc9900;
	color:#EEEEFF;
	font-weight:bold;
	font-size:10pt;
	height:25px;
}
.grid_emtry{
	border:1px solid #AAAAAA;
	background-color:#EFEFEF;
}
.grid_page
{
	border-top:3px #996600 solid;
	height:30px;
	font-weight:bold;
}
.grid_border_qa_report
{
	border-bottom:solid 1px #000000;
	border-right:solid 1px #000000;
	border-left:solid 1px #000000;
}
.grid_border_qa_report_normal
{
	border-bottom:solid 1px #000000;
	border-left:solid 1px #000000;
}
.grid_border_qa_report_top
{
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
	border-left:solid 1px #000000;
}
.grid_border_qa_report_right
{
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
	border-right:solid 1px #000000;
}
/* ------------------------------------------------------ Grid View + Picture ----------------------------------------------*/
.gridPic_header
{
    background-image: url('image_css/FrameL_01.png');
    background-repeat: no-repeat;
    height: 35px;
    font-size: 12pt;
    font-weight: bold;
    color: #FFFFFF;
    padding-top: 15px;
    padding-left: 20px;
}

.gridPic_body
{
    background-image: url('image_css/FrameL_02.png');
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 10px;
}

.gridPic_footer
{
    background-image: url('image_css/FrameL_03.png');
    height: 11px;
    margin-bottom: 20px;
}

/* ------------------------------------------------------ Page Header ----------------------------------------------*/
.head_l1
{
	font-family: "Times New Roman";
	font-size: 24pt;
	color: #333333;
	font-style: italic;
}
.head_l2
{
	font-family: "Times New Roman";
	font-size: 18pt;
	color: #333333;
}
.head_block{
	padding:5px 0px;
	margin:10px;
	border-bottom-style: solid; 
	border-bottom-width: 5px;
	border-bottom-color: #996600; 
	text-align: right;	
}

/* ------------------------------------------------------ Title----------------------------------------------*/
.title_l1
{
	color: #003300;
	font-weight:bold;
	font-size: 10pt;
}
.title_l2{
	color: #666666;
	font-weight:normal	;
}
.title_block{
	border-bottom:solid 2px #CCCCCC;
	margin:2px 0px 4px 0px;
}

/* ------------------------------------------------------ Topic----------------------------------------------*/
.topic_l1{
	font-size:14pt;
	font-weight:bold;
	color:#CEEEEE;
}
.topic_l1_block{
	background-color:#cc9900;
	padding:5px;
	border:1px solid #cc9900;
}
.topic_l2{
	font-weight:bold;
	font-size:11pt;
}
.topic_l2_block{
	border:1px solid #999999;
	padding:5px;
	background-color:#EFEFEF;
}
.topic_l3{
	font-size:9pt;
	color:#999999;
}
.topic_l4{
	color: #003300;
	font-weight:bold;
	font-size: 14pt;
}
.topic_l4_block{
	border-bottom:solid 2px #CCCCCC;
	padding:2px 0px 5px 0px;
}

/* ------------------------------------------------------ Form----------------------------------------------*/
.frm_notNull{
	background-color:#FFE8E8;
	border:solid 1px #998598;
}
.frm_auto{
	background-color:#EEEEEE;
	border: solid 1px #AAAAAA;
}
.frm_normal
{
	background-color:#FFFFFF;
	border: solid 1px #AAAAAA;
	color:#000000;
}

/* ------------------------------------------------------ Bullet ----------------------------------------------*/
.not-supported {
    opacity: .3;
}

.bul_l1{
	list-style-image:url(image_css/bullet_green.png);
}
.bul_l2{
	list-style-image:url(image_css/bullet_purple.png);
}
.bul_l3{
	list-style-image:url(image_css/bullet_red.png);
}
.bul_l4{
	list-style-image:url(image_css/bullet_yellow.png);
}




/* ------------------------------------------------------ Button ----------------------------------------------*/
.button_save{
	background:url(image_css/iconn.png) no-repeat;
	background-color:#77B845;
	background-position:0px -25px;
	height:25px;
	color:#DAFFFF;
	padding:0px 3px 0px 20px;
	border:1px solid #4CA20B;
	font-weight:bold;
}
.button_add{
	background:url(image_css/iconn.png) no-repeat;
	background-color:#77B845;
	background-position:0px 0px;
	height:25px;
	color:#DAFFFF;
	padding:0px 3px 0px 20px;
	border:1px solid #4CA20B;
	font-weight:bold;
}
.button_edit{
	background:url(image_css/iconn.png) no-repeat;
	background-color:#77B845;
	background-position:0px -175px;
	height:25px;
	color:#DAFFFF;
	padding:0px 3px 0px 20px;
	border:1px solid #4CA20B;
	font-weight:bold;
}
.button_cancel{
	background:url(image_css/iconn.png) no-repeat;
	background-color:#77B845;
	background-position:0px -50px;
	height:25px;
	color:#DAFFFF;
	padding:0px 3px 0px 20px;
	border:1px solid #4CA20B;
	font-weight:bold;
}
.button_search{
	background:url(image_css/iconn.png) no-repeat;
	background-color:#77B845;
	background-position:0px -75px;
	height:25px;
	color:#DAFFFF;
	padding:0px 3px 0px 20px;
	border:1px solid #4CA20B;
	font-weight:bold;
}
.button_browse{
	background:url(image_css/iconn.png) no-repeat;
	background-color:#77B845;
	background-position:0px -100px;
	height:25px;
	color:#DAFFFF;
	padding:0px 3px 0px 20px;
	border:1px solid #4CA20B;
	font-weight:bold;
}
.button_delete{
	background:url(image_css/iconn.png) no-repeat;
	background-color:#77B845;
	background-position:0px -125px;
	height:25px;
	color:#DAFFFF;
	padding:0px 3px 0px 20px;
	border:1px solid #4CA20B;
	font-weight:bold;
}
.button_file{
	background:url(image_css/iconn.png) no-repeat;
	background-color:#77B845;
	background-position:0px -150px;
	height:25px;
	color:#DAFFFF;
	padding:0px 3px 0px 20px;
	border:1px solid #4CA20B;
	font-weight:bold;
}
.button_update{
	background:url(image_css/iconn.png) no-repeat;
	background-color:#77B845;
	background-position:0px -175px;
	height:25px;
	color:#DAFFFF;
	padding:0px 3px 0px 20px;
	border:1px solid #4CA20B;
	font-weight:bold;
}
.buttonOrange
{
	padding: 3px;
	border: 1px solid #FF6600;
	background-color: #FF9900;
	font-weight: bold;
	color: #FFFFCC;
}


/* ----------------------------------------------- Border --------------------------------------------- */
.bor_dot{
	border-bottom:#999999 dotted 1px;
}

.bor_dash{ border-bottom:1px dashed #CCC;}

.bor_u {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.bor_under {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.bor_l {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.bor_O {
	border: 1px solid #CCCCCC;
}

.bor_C {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.tabJQueryLinkColor
{
	color:#0000FF;
}



/* ----------------------------------------------- Block --------------------------------------------- */
.borprocess{ border:1px solid #CDC39A; background-color:#F2EFE3; padding:5px;}

div#navigator{ padding:5px 5px 5px 5px; border-top:2px solid #996600; border-bottom:2px solid #996600; background:url(../images/mainWebOther/BG_nevigator.png) center top; color:#CCCC00; font-size:9pt;}

.block_search{
	background:url(../images/mainWebOther/search.png) no-repeat #f4f1e5 left center;
	border:1px solid #d6cfb3;
	padding:5px 5px 5px 110px;
}

.block_greenTone{ background-color:#50a40f; color:#FFF; border:1px solid #327e04; padding:2px;}
.block_yellowTone{ background-color:#fcf3c9; border:1px solid #e8e1b5; padding:2px;}

.block_info { background:url(../images/mainWebOther/warning_16.png) no-repeat #fcf0ba; border:1px solid #e8e1b5; padding:5px 5px 5px 35px;}

.block_title{ background:url(../images/mainWebOther/BG_barTitle.png) repeat-x #3dad35; border:1px solid #d6cfb3; padding:5px;}

.block_tool{border:1px solid #d6cfb3; background-color:#d6cfb3; padding:5px;}

.block_user_login{ background:url(../images/mainWebOther/userLogin.png) no-repeat right bottom; width:980px; height:500px;}

.block_vdo{ background-color:#327e04; border:0px;}
.block_vdo_detail{ background-color:#4ca109; border:1px solid #327e04; height:23px; float:right; color:#FFF; font-weight:bold; padding-top:1px; font-size:8pt;}


/* ----------------------------------------------- Margin --------------------------------------------- */
.margintop10{ margin-top:10px;}
.marginbuttom10{ margin-bottom:10px;}
.margin10{ margin:10px;}
.margintop30{ margin:30px 10px 10px 10px;}
.marginU10{ margin:0px 10px 10px 10px;}

/* ----------------------------------------------- Padding --------------------------------------------- */
.padding4{ padding:4px;}
.paddingbuttom10{ padding-bottom:10px;}


/* ----------------------------------------------- E-Meeting --------------------------------------------- */
.meetingDateTime
{
	color: #ffea00;
	font-size: 11pt;
}

.meetingControl
{ 
	font-weight: bold;
    	font-size: 10pt;
	font-family: "Tahoma", Times, serif;
}
.meetingListTitle
{
	padding: 3px; 
	background-color: #05480c; 
	color: #ffffff; 
	font-weight: bold;
    	font-size: 10pt;
}
.meetingListSubTitle
{
	font-weight:normal;
	font-size:9pt;
	padding:2px 5px 10px 5px;
	color:#666666;
	margin-bottom: 5px; 
	clear: left;
}
.meetingDoomLevel1
{
	font-weight:bold;
	font-size:11pt;
	padding:2px 0px 2px 0px;	
	font-family: "Tahoma", Times, serif;
}
.meetingDoomLevel2
{
	font-weight:normal;
	font-size:11pt;
	padding:2px 0px 2px 15px;	
	font-family: "Tahoma", Times, serif;
}
.meetingDoomLevel3
{
	font-weight:normal;
	font-size:11pt;
	padding:2px 0px 2px 30px;	
	font-family: "Tahoma", Times, serif;
}
.meetingDoomLevel4
{
	font-weight:normal;
	font-size:11pt;
	padding:2px 0px 2px 40px;	
	font-family: "Tahoma", Times, serif;
}
.meetingDoomDetail
{
	font-weight:normal;
	font-size:10pt;
	padding:2px 2px 2px 2px;
	color:#333333;
	border:solid 1px #CCCCCC;
	background-color:#EEEEFF;	
	font-family: "Tahoma", Times, serif;
}
.meetingDoomDetailNone
{
	font-weight:normal;
	font-size:9pt;
	padding:2px 2px 2px 2px;
	color:#333333;
}
.meetingHyperLinkPadding
{
	padding:3px 3px 3px 3px;
}

/* ----------------------------------------------- Alumni ---------------------------------------------- */
.alumniHyperLinkPadding
{
	padding:3px 3px 3px 3px;
}



/* --------------------------------------Top Menus for Other System Website---------------------------------------------- */

a#menu_home{ display:block; float:left; width:114px; height:30px; background:url(../images/mainWebOther/topmenu.png) no-repeat; background-position:0px 0px;}
a#menu_emanage{ display:block; float:left; width:114px; height:30px; background:url(../images/mainWebOther/topmenu.png) no-repeat; background-position:-114px 0px;}
a#menu_process{ display:block; float:left; width:114px; height:30px; background:url(../images/mainWebOther/topmenu.png) no-repeat; background-position:-228px 0px;}
a#menu_team{ display:block; float:left; width:114px; height:30px; background:url(../images/mainWebOther/topmenu.png) no-repeat; background-position:-342px 0px;}
a#menu_contact{ display:block; float:left; width:114px; height:30px; background:url(../images/mainWebOther/topmenu.png) no-repeat; background-position:-456px 0px;}
a#menu_history{ display:block; float:left; width:114px; height:30px; background:url(../images/mainWebOther/topmenu.png) no-repeat; background-position:-570px 0px;}
a#menu_pratchaya{ display:block; float:left; width:114px; height:30px; background:url(../images/mainWebOther/topmenu.png) no-repeat; background-position:-684px 0px;}
a#menu_structure{ display:block; float:left; width:114px; height:30px; background:url(../images/mainWebOther/topmenu.png) no-repeat; background-position:-798px 0px;}
a#menu_person{ display:block; float:left; width:114px; height:30px; background:url(../images/mainWebOther/topmenu.png) no-repeat; background-position:-912px 0px;}

a#menu_home:hover{ display:block; float:left; width:114px; height:30px; background:url(../images/mainWebOther/topmenu_o.png) no-repeat; background-position:0px 0px;}
a#menu_emanage:hover{ display:block; float:left; width:114px; height:30px; background:url(../images/mainWebOther/topmenu_o.png) no-repeat; background-position:-114px 0px;}
a#menu_process:hover{ display:block; float:left; width:114px; height:30px; background:url(../images/mainWebOther/topmenu_o.png) no-repeat; background-position:-228px 0px;}
a#menu_team:hover{ display:block; float:left; width:114px; height:30px; background:url(../images/mainWebOther/topmenu_o.png) no-repeat; background-position:-342px 0px;}
a#menu_contact:hover{ display:block; float:left; width:114px; height:30px; background:url(../images/mainWebOther/topmenu_o.png) no-repeat; background-position:-456px 0px;}
a#menu_history:hover{ display:block; float:left; width:114px; height:30px; background:url(../images/mainWebOther/topmenu_o.png) no-repeat; background-position:-570px 0px;}
a#menu_pratchaya:hover{ display:block; float:left; width:114px; height:30px; background:url(../images/mainWebOther/topmenu_o.png) no-repeat; background-position:-684px 0px;}
a#menu_structure:hover{ display:block; float:left; width:114px; height:30px; background:url(../images/mainWebOther/topmenu_o.png) no-repeat; background-position:-798px 0px;}
a#menu_person:hover{ display:block; float:left; width:114px; height:30px; background:url(../images/mainWebOther/topmenu_o.png) no-repeat; background-position:-912px 0px;}

.bgTopMenuForOtherWeb{ background:url(../images/mainWebOther/Layout_meeting_03.png); }

#dhtmltooltip
        {
            position: absolute;
            width: 150px;
            border: 2px solid black;
            padding: 2px;
            background-color: lightyellow;
            visibility: hidden;
            z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
            filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
        }