/* CSS Document */
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

body {
	/*background-image: url(../../../theme/BG_Touch.jpg);*/
	background-image: url(../images/program-bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-attachment: fixed;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:800px;
	background:#FFFFFF;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#header {
	position:relative;
	width:100%;
	top:0; /* stick to bottom */
	background:#FFFFFF;
	height: 180px;
	background-image:url(../images/program-header.jpg); 
	background-position: center top;
	background-repeat: no-repeat;
}

div#content {
	padding:1em 1em 9em; /* bottom padding for footer */
}

div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background:#FFFFFF;
	height: 70px;
	background-image:url(../../../theme/img_footer.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

div#logo {
	position:relative;
	width:800px;
	top:0; /* stick to bottom */
	background:#FFFFFF;
	height: 100px;
	background-image:url(../../../../theme/logo/logo_pangya.jpg);
	background-position: center top, center top;
	background-repeat: no-repeat;
}

.login_textbox {
	width: 160px;	
}

.btnGreen {
	background-image:url(../../../images/btn_green.png);
	background-position: center top, center top;
	background-repeat: no-repeat;
	background-color: #FFF;
	background-size: 80px  28px;
	width:80px;
	height:28px;
	font: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	cursor: pointer;
	border-style: none;
}

.btnGreen:hover {
	background-image:url(../../../images/btn_green_mouseover.png);
}

.btnLogout{
	width:122px;
	height:42px;
	background:url(../../../images/btn_logout.png);
	border:none;
	cursor:pointer;
}

.btnLogout:hover{
	background-image:url(../../../images/btn_logout_over.png);
}

.textboxsn {
	width: 40px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.main-border-pink{
	position:relative;
	background-color:#fcc8db;
	 -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;
	 height:100%;
	 padding:10px;
}

ul.showInColumn{position:relative; display:block;float:left; list-style:none; padding:0;margin:0; width:100%; background-color:#FFCCCC; border:0px solid #333333;  /* เทียบใกล้เคียงกับการกำหนด  ของ table  */	padding:2px 0 2px 2px;}
ul.showInColumn li{position:relative;list-style:none; display:block;float:left; background-color:#99CC99; margin:2px;  /* เทียบใกล้เคียงกับการกำหนด  cellspacing"  ของ table  */ margin-left:3px; padding:0px; /* เทียบใกล้เคียงกับการกำหนด  cellpadding  ของ table  */ border:1px solid #333333;  /* เทียบใกล้เคียงกับการกำหนด border ใน td ของ table  */ width:100%; /*  กำหนดความกว้างของแต่ละคอลัมน์  */ }

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}