/* @group สีพื้น หลัก */

body {
	margin: 0;
	padding: 0;
	background: silver;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}


/* @end */

/* @group box */

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.box-rootmenu {
    width: 98%;
/*     min-height: 300; */
    padding: 0.3cm;
    margin: 0.3cm auto;
    border: 1px #D3D3D3 solid;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.box-login {
    width: 48%;
/*     min-height: 300; */
    padding: 0.3cm;
    margin: 0.3cm auto;
    border: 1px #D3D3D3 solid;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.box-DAY0402 {
    width: 98%;
/*     min-height: 300; */
    padding: 0.3cm;
    margin: 0.3cm auto;
    border: 1px #D3D3D3 solid;
    border-radius: 5px;
    background: #8a1789;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.page {
    width: 98%;
/*     min-height: 300; */
    padding: 0.3cm;
    margin: 0.3cm auto;
    border: 1px #D3D3D3 solid;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}


/* @end */

/* @group สีพื้น โปรแกรม */

#blackground
{
	background-color: white;
	/*background-image: url(../images/water.png);*/
}


/* @end */

/* @group ส่วนหัว */

#blackground-header 
{
	background: #b9c9fe;
	background: #6c10e9;
	color: white;
}


/* @end */

/* @group ส่วนท้าย */

#blackground-footer {
	background-color: #a9a9a9;
}


/* @end */

/* @group ตาราง */

tr, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#tr-blackground-header {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	height:20px;
	font-size: 12px;
	background-color: #b9c9fe;
	background-color: #6c10e9;
}

#tr-blackground {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #ccc;
	/* margin: 45px;
	width: 480px; */
	border-collapse: collapse;
	text-align: left;
	height:20px;
}

#tr-blackground2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #dddcdc;
	/* margin: 45px;
	width: 480px; */
	border-collapse: collapse;
	text-align: left;
	height:20px;
}

#tr-blackground-footer {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	height:20px;
	font-size: 12px;
	background-color: #b9c9ee;
	background-color: #6c10e9;
}

#tr-1 {
	height: 1px;
}

#tr-5 {
	height: 5px;
}

#tr-20 {
	height: 20px;
}

#tr-23 {
	height: 23px;
}

#tr-25 {
	height: 25px;
}

#tr-30 {
	height: 30px;
}

#tr-35 {
	height: 35px;
}

#tr-40 {
	height: 40px;
}

#tr-1 {
	height: 1px;
}

#td-5 {
	height: 5px;
}

#td-20 {
	height: 20px;
}

#td-23 {
	height: 23px;
}

#td-25 {
	height: 25px;
}

#td-30 {
	height: 30px;
}

#td-35 {
	height: 35px;
}

#td-40 {
	height: 40px;
}


/* @end */

/* @group สีพื้น */

#blackground-black 
{
	background: black;  
}

#blackground-white 
{
	background: white;  
}

#blackground-green 
{
	background: green;  
}

#blackground-red 
{
	background: red;  
}

#blackground-yellow 
{
	background: yellow;  
}

#blackground-orange
{
	background: orange;  
}

/* @end */

/* @group สีคำค้น */

#searching 
{
	color: #EC0B0B;
	height:14px;
	/*background-color: #0097f7;*/
}
#searching2 
{
	color: #06F;
	height:14px;
	/*background-color: #0097f7;*/
}


/* @end */

/* @group รูปแบบตัวอักษร */

#font-white 
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: none; 
	background: none; 
	font-weight: none; 
	color: white; 
}
#font-barcode 
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: none; 
	background: none; 
	font-weight: none; 
	color: black; 
}

#font-barcode-center
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	text-decoration: none; 
	background: none; 
	font-weight: bold; 
	color: black; 
}

#font-card 
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: none; 
	background: none; 
	font-weight: none; 
	color: black; 
}

#font-status-borrow
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	text-decoration: none; 
	background: none; 
	font-weight: none;
	color: red; 
}

/* @end */

/* @group รูปแบบการแสดงผล ภาพขนาดใหญ่ */

div.bigGallPic{     
    position: fixed;     
    margin: auto;     
    top: 150px;     
    left: 150px;     
    padding: 0px;     
    text-align: center;     
    background-color: white;     
    border: 0px solid gray;     
    display: none;     
    cursor: pointer;     
}



/* @end */

/* @group รูปแบบการแสดงผล การสืบค้นเพิ่มเติม */

#showMore{  
    width: 99.5%;  
    text-align: center;  
    height: 30px;  
    cursor: pointer;  
    font-size: 18px;  
    font-weight: bold;  
    color: blue;  
    border: 1px solid silver;  
    background-color: silver;  
}

#showMore:hover{  
    color: blue;  
    border: 1px solid silver;  
    background-color: silver;  
}



/* @end */

/* @group รูปแบบการเชื่อมโยง (ลิ้ง) */

a:link 
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: none; 
	background: none; 
	font-weight: none; 
	color: black; 
}
a:active	 
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: none; 
	background: none; 
	font-weight: none; 
	color: black; 
}
a:visited 
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration:none; 
	background: none; 
	font-weight:none; 
	color: #039;
}
a:hover	 
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: underline; 
	background: none; 
	font-weight: none; 
	color: black; 
}

#b:link 
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: none; 
	background: none; 
	font-weight: bold; 
	color: white; 
}
#b:active	 
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: none; 
	background: none; 
	font-weight: bold; 
	color: white; 
}
#b:visited 
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: none; 
	background: none; 
	font-weight: bold; 
	color: white;
}
#b:hover	 
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: underline; 
	background: none; 
	font-weight: bold; 
	color: white; 
}

#tnt_pagination {
	display:block;
	text-align:left;
	height:22px;
	line-height:21px;
	clear:both;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
#tnt_pagination a:link, #tnt_pagination a:visited {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #EBEBEB;
	margin-left:2px;
	text-decoration:none;
	background-color:#F5F5F5;
	color:#0072bc;
	width:22px;
	font-weight:normal;
}
#tnt_pagination a:hover {
	background-color:#DDEEFF;
	border:1px solid #BBDDFF;
	color:#0072BC;
}
#tnt_pagination .active_tnt_link {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #BBDDFF;
	margin-left:2px;
	text-decoration:none;
	background-color:#DDEEFF;
	color:#0072BC;
	cursor:default;
	height:22px;
}
#tnt_pagination .disabled_tnt_pagination {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #EBEBEB;
	margin-left:10px;
	text-decoration:none;
	background-color:#F5F5F5;
	color:#D7D7D7;
	cursor:default;
}

/* @end */