html, body {

	margin: 1px;
	padding:1px;
	background:#FFFFFF url(Background.jpg);
	background-repeat:	repeat-x;
	background-position:	50% 0;
	background-attachment:	scroll;

	/*url(bg.gif) repeat-x scroll 0 0;
	/*background-repeat: repeat-x;
	background-attachment : fixed;
	background:#EEEEEE url(i/bg_b.gif) repeat-x scroll 0 0;*/
}


.contentconner{
border-left:1px solid #ffffff;
border-right:1px solid #ffffff; 
border-width:0 1px;
margin:0;
padding: 0 20px; 
display:block;
}

h1, h2, h3, h4, h5, h6, p, form {
	margin: 0px;
	padding:0px;
	font-family: "tahoma";
	font-size:25px;
	font-weight: bold;
}

#wrapper1 {
	width:930;
	margin:0px auto;
	background-color:#3A3A3A;
}

#wrapper {
	width:930;
	margin:0px auto;
	background-color:#ffffff;
}

#content {
	width:100%;
	margin:0px auto;
	border:1px;
	background-image:url(bg_header_top.gif);
	background-repeat:repeat-x;
	background-position:top;
}

#header {
	width:100%;
	height:120px;
	background-image:url(HeadMenu.jpg);
	/*border-left:1px solid #ffffff; 
	border-right:1px solid #ffffff;*/
}

#footer {
	width: 100%;
	height: 20;
	margin: 0 auto;
	background: url(img3.gif) repeat-y;

}

#page {
	width: 100%;
	/*height: 600;*/
	margin: 0 auto;
	background: url(img3.gif) repeat-y;
}

#sidebar {
	width: 200px;
	padding-left: 1px;
}

#detail {
	float: right;
	width: 727;
	padding-right: 1px;
	padding-top: 1px;
}
.style1 {
	font-family: "Microsoft Sans Serif";
	font-size:13px;
	color: #FFFFFF;
}
.style2 {color: #000000}
a:link {
	color: #006699;
}
a:visited {
	color: #006699;
}
a:hover {
	color: #996600;
}
a:active {
	color: #006699;
}
.style3 {
	font-family: "Microsoft Sans Serif";
	font-size:13px;
	font-weight: bold;
	color: #FFFFFF;
}
.langtitle {
	font-family: "tahoma";
	font-size:11px;
	font-weight: bold;
	color: #FFFFFF;
}
/* ชื่อเรื่องแต่ละหน้า*/
.pagename {
	font-family: "tahoma";
	font-size:19px;
	font-weight: bold;
	color:#000080;
}
/* ข้อความ ล่างสุดของ หน้า*/
.footertext {
	font-family: "tahoma";
	font-size:10px;
	font-weight: bold;
	color: #ffffff;
}
/* หัวเรื่อง เมื่อข่าวประกาศ ว่าง*/
.isnullmsg {
	font-family: "tahoma";
	font-size:16px;
	color: #FF8000;
}
/* หัวเรื่องข่าวประกาศ*/
#tablehover tr : hover {
	background-color: #FF8000;
}
.Mainheadermsg {
	font-family: "tahoma";
	font-size:14px;
	font-weight: bold;
	color: #ffffff;
}
/* หัวเรื่องย่อยข่าวประกาศ*/
.subMainheadermsg {
	font-family: "tahoma";
	font-size:13px;
	font-weight: bold;
	color: #000080;
}
#table_plus tr: nth-child(even) {
	background-color: #dddddd;
}
/* รายละเอียดข่าวประกาศ*/
.Detailmsg {
	font-family: "tahoma";
	font-size:12px;
	color: #000000;
}
/* ตัวอักษรแสดงชื่อ Login*/
.username {
	font-family: "tahoma";
	font-size:13px;
	font-weight: bold;
	color: #590059;
}
/* ตัวอักษรแสดงหน้า Log Login*/
.logdetail {
	font-family: "tahoma";
	font-size:11px;
	color: #000000;
}
/* ตัวอักษรหัวเรื่องทั่วไป*/
.HeaderDetail {
	font-family: "tahoma";
	font-size:13px;
	font-weight: bold;
	color: #000000;
}
/* ตัวอักษรหัวเรื่องของตาราง*/
.tableHeaderDetail {
	font-family: "tahoma";
	font-size:13px;
	color: #FFFFFF;
	font-weight: bold;
}
/* ตัวอักษรหัวเรื่องของตาราง หน้า ภาระค่าใช้จ่ายทุน*/
.tableHeaderDetailDep {
	font-family: "tahoma";
	font-size:11px;
	color: #FFFFFF;
	font-weight: bold;
	
}
/* ตัวอักษรขนาดปกติ หน้า ภาระค่าใช้จ่ายทุน*/
.normalDetaildep {
	font-family: "tahoma";
	font-size:11px;
	color: #000000;
}
/* ตัวอักษรขนาดปกติ*/
.normalDetail {
	font-family: "tahoma";
	font-size:13px;
	color: #000000;
}
/* ตัวอักษรขนาดปกติหน้าถามตอบ*/
.feednormalDetail {
	font-family: "tahoma";
	font-size:12px;
	color: #000000;
}
/* ตัวอักษรหัวเรื่องของหัวตารางประวัตินักศึกษา*/
.bibioheader {
	font-family: "tahoma";
	font-size:14px;
	color: #FFFFFF;
	font-weight: bold;
}
/* ตัวอักษร Caption ประวัตินักศึกษา*/
.bibiocaption {
	font-family: "tahoma";
	font-size:13px;
	color: #000000;
}
/* ตัวอักษรแสดงประวัตินักศึกษา*/
.bibioDetail {
	font-family: "tahoma";
	font-size:13px;
	color: #0000CC;
}
/* ตัวอักษรพิมพ์ใบแจ้งยอดชำระเงิน*/
.print {
	font-family: "tahoma";
	font-size:15px;
	font-weight: bold;
	color: #0000FF;
}
/* ------------------------------------------------- แสดงตารางเรียน ---------------------------------------   */

/* ตัวอักษรแสดงวัน หัวตาราง*/
.timeheader {
	font-family: "tahoma";
	font-size:11px;
	color: #FFFFFF;
	font-weight: bold;
}
/* ตัวอักษรแสดงวัน หัวตาราง*/
.timedetail {
	font-family: "tahoma";
	font-size:11px;
	color: #FFFFFF;
	font-weight: bold;
}

/* ------------------------------------------------- ตรวจสอบจบ  ---------------------------------------   */

/* ตัวอักษรแสดงราละเอียดปกติ*/
.g_normalDetail {
	font-family: "tahoma";
	font-size:12px;
	color: #000000;
}

/* ------------------------------------------------- บันทึกเกรด  ---------------------------------------   */

/* ตัวอักษรแสดง List รายชื่อ นศ ในหน้าบันทึกเกรด*/
.grade_normalDetail {
	font-family: "tahoma";
	font-size:12px;
	color: #000000;
}
/* ตัวอักษร headertable นหน้าบันทึกคะแนน*/
.grade_tablenormalDetail {
	font-family: "tahoma";
	font-size:11px;
	color: #000000;
	font-weight: bold;
}

/* ตัวอักษรแสดง สาถนะค้างชำระ นหน้าบันทึกคะแนน*/
.grade_debit {
	font-family: "tahoma";
	font-size:12px;
	color: #FF0000;
}
/* ตัวอักษร headertableEdit นหน้าบันทึกคะแนน*/
.grade_tablenormalDetailEdit {
	font-family: "tahoma";
	font-size:11px;
	color: #000000;
	margin: 0px;
	padding:0px;
	
}
/* ตัวอักษรแสดงหัวเรื่องกราฟของเกรด*/
.graph_HDetail {
	font-family: "tahoma";
	font-size:10px;
	color: #000000;
}
/* ตัวอักษรแสดงกราฟของเกรด*/
.graph_Detail {
	font-family: "tahoma";
	font-size:10px;
	color: #000000;
}

/* -------------------------------------------------------------------------------------------------------   */

/* ------------------------------------------------- สถิติการศึกษา ---------------------------------------   */

/* ตัวอักษรแสดง fontปกติ 1. สถิตินักศึกษา */
.stat1_normalDetail {
	font-family: "tahoma";
	font-size:13px;	
}
/* ตัวอักษรแสดง fontปกติ 2. สถิติการลงทะเบียน */
.stat2_normalDetail {
	font-family: "tahoma";
	font-size:13px;
}
/* ตัวอักษรแสดง fontปกติ 3. สถิติการสอน */
.stat3_normalDetail {
	font-family: "tahoma";
	font-size:13px;
}
/* ตัวอักษรแสดง fontปกติ 4. สรุปการสอน */
.stat4_normalDetail {
	font-family: "tahoma";
	font-size:13px;
}

/* -------------------------------------------------------------------------------------------------------   */

.style4 {
	font-family: "tahoma";
        font-size:14px;
	font-weight: bold;
}
.Hpage {
	font-family: "tahoma";
	font-size:16px;
	font-weight: bold;
	color: #000080;
}
.Htitle {
	font-family: "tahoma";
	font-size:22px;
	font-weight: bold;
	color: #000000;
}
.Htitle2 {
	font-family: "tahoma";
	font-size:12px;
	font-weight: bold;
	color: #FFFFFF;
}
.Htext {
	font-family: "tahoma";
	font-size:12px;
	color: #000000;
}
.Htcolumn {
	font-family: "tahoma";
	font-size:12px;
	font-weight: bold;
	color: #FFFFFF;
    background-color:#383880;
}
.Htcolumn2 {
	font-family: "tahoma";
	font-size:12px;
	font-weight: bold;
	color: #FFFFFF;
    background-color:#808080;
}

/* =-=-=-=-=-=-=-[Menu One]-=-=-=-=-=-=-=- */
	
#menu {
width:200;
}

#menu ul {
	margin: 1;
	padding: 1;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	padding: 5px 15px;
	border-bottom: 1px solid #FFFFFF;
	text-decoration: none;
	color: #292d2e;
}

#menu a:hover {
	background: #590059;
	color: #FFFFFF;
}
#menu .active a {
	background: #BABABA;
	color: #FFFF33;
}


/* Boxed Style */

.boxed {
}

.boxed .title {

	padding: 5px 15px;
	/* border-left: 1px solid #000000;
	border-top: 1px solid #C0C0C0;*/
	background: #590059;
	color: #FFFFFF;
	font: bold .72em "tahoma";
}

.boxed .content {
	padding: 15px;
}

.boxed ul {
	list-style: none;
}

/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:400px;
padding:14px;
}

/* ----------- stylized ----------- */
.spacer{clear:both; height:1px;}
#stylized{
border:solid 2px #b7ddf2;
background:#ebf4fb;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
font: bold .77em "tahoma";
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
font-weight:bold;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}
#stylized button{
font-size:12px;
font-weight:bold;
padding:4px 2px;
border:solid 1px #3B3B3B;
width:150px;
margin:2px 0 20px 10px;
}


/*----------------------------------------------------------------*/

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 1% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
	font-size: 16px;
	/*color: #D20000;*/
    /*width: 50%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closex {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close2 {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closedoc {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closesch {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}


.modal-content2 {
    background-color: #fefefe;
    margin: 1% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    /*width: 50%; /* Could be more or less, depending on screen size */
}

.modal-content3 {
    background-color: #fefefe;
    margin: 0% auto; /* 15% from the top and centered */
    padding: 10px;
    border: 3px solid #888;
    /*width: 50%; /* Could be more or less, depending on screen size */
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.closex:hover,
.closex:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.close2:hover,
.close2:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.closedoc:hover,
.closedoc:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


.closesch:hover,
.closesch:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.modal-load {

    margin: 1% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
	font-size: 16px;
	/*color: #D20000;*/
    /*width: 50%; /* Could be more or less, depending on screen size */
}

.modal-sch {

    background-color: #fefefe;
    margin: 1% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
	font-size: 16px;
	width: 100%; /* Full width */
    height: 450; /* Full height */

}