﻿/*----- Link -------*/
A:link {
	TEXT-DECORATION: none;
	color: #999999;
}
A:visited {
	TEXT-DECORATION: none;
	color: #999999;
}
A:hover {
	Z-INDEX: 1; LEFT: -1px; COLOR:  #CCCCCC; POSITION: relative; TOP: 1px; TEXT-DECORATION: none
}
.BorderTable
{
	
	 border: solid 1px #CCCCCC;
	
}
/*---------- accordion -------------*/
li { list-style-type: none; }
#navigation {
	/*border:1px solid #5263AB;*/
	margin:0px;
	padding:0px;
	text-indent:0px;
	/*background-color:#E2E2E2;*/
	width:170px;
}
#navigation a.head 
{
	
	cursor:pointer;
	border:1px solid #CCCCCC;
	background:#0066AB url(collapsed.gif) no-repeat scroll 3px 4px;
	color:#FFFFFF;
	display:block;
	font-weight: bold;
	margin:0px;
	padding:0px;
	text-indent:14px;
	text-decoration: none;
	
	font-family: Tahoma;
	font-size: 12px;
	
}
#navigation a.head:hover {
	/*color:#FFFF99;*/
}
#navigation a.selected {
	/*background-image: url(expanded.gif);*/
}
#navigation a.current {
	/*background-color:#FFFF99;*/
}
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#navigation li {
	list-style:none outside none; display:inline;
	
}
#navigation li li a {
	/*color:#000000;*/
	display:block;
	text-indent:10px;
	text-decoration: none;
			border-bottom: 1px solid #CCCCCC;
            width: 160px;
            height: 20px;
            font-family: Tahoma;
            font-weight: bold;
            color: #999999;
            font-size: 12px;
           
	
}
#navigation li li a:hover {
	/*background-color:#FFFF99;*/
	color:#CCCCCC;
	
}

/*------------------*/
#containerCenter
{
     margin:0 auto;
	 width: 921px;
	 /*height: 1400px;*/
}
/*------ container Total -------*/
#containerTotal
{	width: 963px;
	height: 729px;
	margin-left:30px;
	margin-top:10px;
	
	 
}

.contentHeaderAdmin
{
	width: 970px;
	height: 120px;
	background: url(../images/bgHeaderAdmin.jpg);
}
/*------- containerTable  -----------------*/
#containerTable
{	width: 959px;
	height: 593px;
	border :1px solid #CCCCCC;
	padding-left:15px;
	padding-top:16px;
	padding-bottom:43px;
	margin-top:9px;
	
	

}
.contentHeaderMenu
{
	width: 198px;
	height: 42px;
	background: url(../images/bgHeaderMenu.jpg);

}
.contentCenterMenu
{
	width: 188px;
	height: 226px;
	background: url(../images/bgCenterMenu.jpg);
	padding-left:10px;

}
.contentCenterMenuImg
{
	width: 188px;
	background: url(../images/bgCenterMenu.jpg);
	padding-left:10px;

}
.contentTablemenu
{	border-bottom: 1px solid #CCCCCC;
            width: 128px;
            height: 33px;
            font-family: Tahoma;
            font-weight: bold;
            color: #999999;
            font-size: 12px;
            margin-bottom:35px;
}
.contentFooterMenu
{
	width: 198px;
	height: 49px;
	background: url(../images/bgFooterMenu.jpg);

}	

.contentData
{	
	width: 701px;
	height: 430px;
	border: 1px solid #CCCCCC;
	margin-left:20px;
	margin-bottom: 40px;
	padding-top:10px;
	padding-left:17px;
            
}

.textHeadData
        {
        	font-family: Tahoma;
            font-size: 18px;
            font-weight: bold;
            text-align: left;
            color: #999999;
            
        }
        .textHeadType
        {
        	font-family: Tahoma;
            font-size: 14px;
            font-weight: bold;
            text-align: left;
            color: #0066AB;
            
        }
        /* Overide css code กำหนดความกว้างของปฏิทินและอื่นๆ */
        .ui-datepicker{
	        width:170px;
	        font-family:tahoma;
	        font-size:11px;
	        text-align:center;
        }
	