@font-face {
    font-family: SukhumvitReg;
    src: url('fo/SukhumvitReg.eot');
    src: local('SukhumvitReg'), url('fo/SukhumvitReg.eot') format('embedded-opentype'),
         local('SukhumvitReg'), url('fo/SukhumvitReg.woff') format('woff'),
         local('SukhumvitReg'), url('fo/SukhumvitReg.ttf') format('truetype'),
         local('SukhumvitReg'), url('fo/SukhumvitReg.svg#SukhumvitRegular') format('svg');
}
@font-face {
    font-family: SukhumvitBold;
    src: url('fo/SukhumvitBold.eot');
    src: local('SukhumvitBold'), url('fo/SukhumvitBold.eot') format('embedded-opentype'),
         local('SukhumvitBold'), url('fo/SukhumvitBold.woff') format('woff'),
         local('SukhumvitBold'), url('fo/SukhumvitBold.ttf') format('truetype'),
         local('SukhumvitBold'), url('fo/SukhumvitBold.svg#SukhumvitBold') format('svg');
}

*
{
    margin: 0px;
    padding: 0px;

}
a:link {color: #2D3494;text-decoration: none;}
a:visited {color: #0000cc;text-decoration: none}
a:hover {color: #FF6633;}
a:active {color: #FF0000;}
html 
{
   font-family: Arial,Helvetica,sans-serif;
   font-size:medium;
}  
body
{
	margin:0px;
	padding:0px;
    background:#D8D8D8;
}
#containner
{
	min-height:600px;
}
#page
{
	min-height: 600px; 
	margin: 0 20px 0 20px;
}
#banner 
{
    /*background:url(../Image/BN.jpg) no-repeat left;*/
    background:url(images/BN.jpg) no-repeat left top #5797bb;
    height:40px;
    border-radius:10px 10px 0px 0px;
    -moz-border-radius:10px 10px 0px 0px;
    -webkit-border-radius:10px 10px 0px 0px;
    padding:10px;
}
#banner2 
{
    background:url(../Image/BN2.jpg) no-repeat left;
    height:40px;
}

#mainmenu
{
	padding:5px 0 5px 5px;
    background-color:#5797BB;
    min-height:50px;
}
#frame {
    min-height: 600px;
    padding: 5px 8px 10px;
    border-radius:0px 0px 5px 5px;
    -moz-border-radius:0px 0px 5px 5px;
    -webkit-border-radius:0px 0px 10px 10px;
    margin-bottom:10px;
}
.loginBox {
    background: url(../Image/BGSAR.jpg) no-repeat left; 
    border: 0; 
    height: 768px;
}
#leftmenu
{
   width:20%;
   min-height:600px;
   float:left;
   /*background:url(../Image/line2.jpg) repeat-y top right;*/
}
#layout
{
   float:right;
   width:99%;
   padding:0.5%;
   min-height:600px;
   background-color:White;
   border:solid 1px #4D4D4D;
}
#layout2
{
   float:right;
   width:79%;
   min-height:600px;
   background-color:White;
}
#footer 
{
   width:100%;
}
#content 
{
   width:72em;
   margin-top: 0em;
   margin-bottom: 0em;
   margin-left: auto;
   margin-right: auto;
   background-color: #ffffff;
   border : solid 0.1em #999999;
}
#txtSchool
{
	color:White;
	font-size:18pt;
	font-weight:bold;
	padding:5px 0 0 10px;	
}
#txtSchool > img{
    vertical-align:middle;
}
.menuhead
{ 
	text-align:right;	
}
.clear
{ 
	clear:both;
	float:none;
}
#ctl00_Banner_txtSchoolName {
    text-shadow:0px 2px 1px rgba(0,0,0,0.7);
}

.headTable
{	  
    border-bottom:3px solid #1c303b;
    background:url(images/headTable.png) no-repeat left bottom;
    color:#314f5f;
    font-size:large; 
    font-weight:bold;
    padding:10px 10px 2px 40px;
    clear:both;
    float:none;
    border-radius:15px;
    vertical-align:middle;
    border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    margin-bottom:10px;
}
.headTablemg 
{
    margin: 4px 2px 2px 2px;
}
.headMenu
{
    COLOR:Black; 
    TEXT-ALIGN: center;  
}
.F_Head
{
    width : 30%; 
    text-align : right;  
    vertical-align:top;
}
.B_Head
{
    WIDTH: 70%; 
    text-align: left;  
    vertical-align:top; 
}
/*Gradient Bt Class*/
html > body .gradient
{
	background:url(../Image/gradient.png) repeat-x left center;
	border:solid 1px;
}
.bgColor
{
	background-color:#00b0ea !important;
}
.bgColorGray
{
	background-color:#D8D8D8 !important;
}
.bgPopUp
{
	background:url(../Image/Crystal_Rush.gif) no-repeat left center;
}
.bgBlue
{
	background:url(../Image/bgBlue.gif) no-repeat right center;
}
.btAdd
{
    background: url(../Image/bt_add.png) no-repeat left center;
    background-color: #00C851;
    border: solid 2px #007E33;
    height: 35px;
    padding:0px 5px;
    cursor: pointer;
    font-size: large;
    color: #ffffff;
    border-radius: 10px;
}
.btAdddt
{
    background:url(../Image/addbt.png) no-repeat left center; 
	border:0; height:20px; width:45px;
	cursor:pointer;
	font-size:medium;
	font-weight:bold;
	color:#424242;
}
.btAddUser
{
    background:url(../Image/adduser.gif) no-repeat left center; 
	border:0;
	cursor:pointer;
}
.btPost
{
    background:url(../Image/reporticon.gif) no-repeat left center; 
	border:0;
}
.btPull
{
    background:url(../Image/go.png) no-repeat left center; 
	border:0;
}
.btSaveMoney {
    background: url(../Image/Money.png) no-repeat left center;
    background-color: #00C851;
    border: solid 2px #007E33;
    height: 35px;
    padding:0px 5px;
    cursor: pointer;
    font-size: large;
    color: #ffffff;
    border-radius: 10px;
}
.btYes {
    background: url(../Image/bt_Yes.png) no-repeat left center;
    background-color: #33b5e5;
    border: solid 2px #0099CC;
    height: 35px;
    padding:0px 5px;
    cursor: pointer;
    font-size: large;
    color: #ffffff;
    border-radius: 10px;
}
.btYesAndGo
{
    background: url(../Image/bt_YesAndGo.png) no-repeat left center;
    background-color: #2BBBAD;
    border: solid 2px #00695c;
    height: 35px;
    padding:0px 5px;
    margin:5px 0px;
    cursor: pointer;
    font-size: large;
    color: #ffffff;
    border-radius: 10px;
}
.btYesToo
{
    background: url(../Image/bt_YesToo.png) no-repeat left center;
    background-color: #ffbb33;
    border: solid 2px #FF8800;
    height: 35px;
    padding:0px 5px;
    margin:5px 0px;
    cursor: pointer;
    font-size: large;
    color: #ffffff;
    border-radius: 10px;
}
.btNo
{
    background:url(../Image/bt_Cancel.png) no-repeat left center; 
	background-color: #ff4444;
    border: solid 2px #CC0000;
    height:35px;
    padding:0px 5px;
	cursor:pointer;
	font-size:large;
	color:#ffffff;
    border-radius: 10px;
}
.btEditDate
{
    background:url(../Image/bt_EditDate.gif) no-repeat left center; 
	border:0; height: 27px;
	cursor:pointer;
	font-size:large;
	color:#424242;
}
.btEditBudget
{
    background: url(../Image/bt_EditBudget.png) no-repeat left center;
    background-color: #ffbb33;
    border: solid 2px #FF8800;
    height: 35px;
    padding:0px 5px;
    margin:5px 0px;
    cursor: pointer;
    font-size: large;
    color: #ffffff;
    border-radius: 10px;
}
.btBack
{
	background:url(../Image/bt_Back.png) no-repeat left center; 
	border:0; width:32px; height: 32px;
	cursor : pointer;
}
.btApprove
{
    background:url(../Image/bt_Approve.png) no-repeat left center; 
	border:0; width:102px; height: 41px;
	cursor:pointer;
}
.btUnApprove
{
    background:url(../Image/bt_UnApprove.png) no-repeat left center; 
	border:0; width:102px; height: 41px;
	cursor : pointer;
}
.btDelete
{
	background:url(../Image/bt_Del.png) no-repeat left center; 
	border:0; width:40px; height: 20px;
	cursor : pointer;
}
.btUpload
{
    background:url(../Image/bt_Upload.png) no-repeat left center; 
	border:0; height: 27px;
	cursor:pointer;
	font-size:large;
	color:#424242;
}
.btPrint
{
	background:url(../Image/bt_print.gif) no-repeat left bottom;
	border:0;
	height:27px; 
	cursor:pointer;
	font-size:large;
	font-weight:bold;
	color:#424242;
}
.btPrintWord
{
	background:url(../Image/icon/WordIcon.png) no-repeat left bottom;
	border:0;
	height:35px; 
	cursor:pointer;
	font-size:large;
	font-weight:bold;
	color:#424242;
}
.btPrintPDF
{
	background:url(../Image/icon/PdfIcon.png) no-repeat left bottom;
	border:0;
	height:35px; 
	cursor:pointer;
	font-size:large;
	font-weight:bold;
	color:#424242;
}
.btlogin2
{
	width:123px;
	height:33px;
	background:url(../Image/Login.png) no-repeat left bottom;
	border:none;
	cursor:pointer;
}
.btlogin
{
	width:123px;
	height:33px;
	background:url(../Image/Login.png) no-repeat left top;
	border:none;
	cursor:pointer;
}
.btAttachFile
{
	background:url(../Image/clip.gif) no-repeat left bottom;
	border:none;
}
.btNone
{
	display:none;	
	border:none;
	width:0px;
}
.btImportExcel
{
    background:url(../Image/excelicon.png) no-repeat left center; 
	border:0; height: 24px;
	cursor:pointer;
	font-size:large;
	color:#424242;
}
.btBackUp
{
    background:url(../Image/bt_BackUpDB.png) no-repeat left center; 
	border:0; height: 27px;
	cursor:pointer;
	font-size:large;
	color:#424242;
}
.btRestore
{
    background:url(../Image/bt_RestoreDB.png) no-repeat left center; 
	border:0; height: 27px;
	cursor:pointer;
	font-size:large;
	color:#424242;
}
.bgColor2
{
	background-color:#00b0ea !important;
}
/*EndGradientBtClass*/
/*˹éÒ Login*/
.loginSpan
{
    color:#0B0B3B; 
    font-weight:bold; 
    font-size:18pt;
    font-family:"SukhumvitBold";
}
.logintxt
{
	background:url(../Image/txtbox.gif) no-repeat left bottom;
    border:none; 
    font-size:large; 
    font-weight:bold; 
    width:200px; 
    color: #6699FF;
    height:24px;
}
/*¨ºË¹éÒ Login*/
/*LinkMainMenu*/
.MenuHeadLink
{
    color:#000;
    font-weight:bold;
    font-size:large;
}
.MenuLink a
{
	color:#85864d;
	font-weight:bold;
	font-size:9pt;
}
.MenuLink a:hover
{
	color:#000;
	font-weight:bold;
	font-size:9pt;
}
.linkMain
{
    text-align:left;
    padding: 0 0 0 10px;
    list-style-type:none;
}
.linkMain2
{
    text-align:left;
    padding:0 0 0 20px;
    list-style-type:none;
}
/*EndLinkMainMenu*/
/*SearchClass
.tableSearch
{
	border:solid 1px #6E6E6E;
	width:70%;	
}
.headSearch
{
	text-align: left; 
	padding: 0 0 0 5px; 
    background:url(../Image/MenuStlye/mainbk.png) repeat-x left top;
    background-color:#313638;
    border: solid 1px #6E6E6E;	
}
.SearchtxtF
{
  width:25%; 
  text-align:right;
}
.SearchF
{
   width:65%; 
   text-align:left;
}
.SearchB
{
   width:10%; 
   text-align:left;
}
.btSearch
{
	background:url(../Image/search.png) no-repeat left bottom;
	border:none; width:25px; height:22px;
	cursor:pointer;
}
.btSearchOver
{
	background:url(../Image/search.png) no-repeat left top;
	border:none; width:25px; height:22px;
	vertical-align:bottom;
	cursor:pointer;
}
.txtSearch
{
    border: solid 1px #5797BB;
    font-size:medium;
    width: 315px; height:20px;
    vertical-align:bottom;
    background:url(../Image/MenuStlye/mainbk.png) repeat-x left top;
    background-color:#297be0;
}
EndSearchClass*/
/*HeadMessageClass*/
.headLine
{
    color:White;
    background-color:#757BCA;
    width:100%;
    font-weight:bold;
    font-size:medium;
    border:solid 1px black;
}
.headMsg
{
    color:#318820;
    width:100%;
    font-weight:bold;
    font-size:medium;
}
.headMsgError
{
    color:#CD273E;
    width:100%;
    font-weight:bold;
    font-size:medium;  
}
.headBox 
{
    background:url(../Image/MenuStlye/mainbk.png) repeat-x left top;
    background-color: #313638;
}
/*EndHeadMessageClass*/
/*ÃÙ»ÅÔ§¤ì*/
.imgback
  {
  	cursor: pointer;
  	 float:left;
  }
/*spantxt*/
.spantxtSmall
{
color: #424242;
font-weight:bold;    
font-size:14px;
}
.spantxt
{
color: #424242;
font-weight:bold;    
font-size:medium;
}
.spantxt2
{ 
	font-weight:bold;	
}
.spantxt3
{
	color:Black;
	font-size:medium;
}
.spantxt4
{
	color:#6E6E6E; /*ÊÕà·Ò*/
	font-size:medium;
}
.spantxt5
{
	color:#B40404; /*ÊÕá´§*/
	font-size:medium;
}
.spantxt6
{
	color:#088A08; /*ÊÕà¢ÕÂÇ*/
	font-size:medium;
}
.spantxtRed
{
	color:Red;
	font-size:medium;	
}
.spantxtGreen
{
	color:Green;
	font-size:medium;	
}
.spansize14
{
	font-size:large;
}
/*ErrorMsgClass*/
.ErrorMsg
{
    color:Red; 
    display:none;
}
/*EndErrorMsgClass*/
/*txtBoxClass*/
.txtBox
{
    font-size:medium;
    padding:2px 0px 3px;
    border: solid 1px #c8b800;
    box-shadow: 0px 1px 5px #d0d0d0 inset;
    -moz-box-shadow: 0px 1px 5px #d0d0d0 inset;
    -webkit-box-shadow: 0px 1px 5px #d0d0d0 inset;
    border:solid 1px;
    font-size:medium;
}
.txtBoxNum
{
    font-size:medium;
    padding:2px 0px 3px;
    border: solid 1px #c8b800;
    box-shadow: 0px 1px 5px #d0d0d0 inset;
    -moz-box-shadow: 0px 1px 5px #d0d0d0 inset;
    -webkit-box-shadow: 0px 1px 5px #d0d0d0 inset;
	 text-align:right;  
     background:url(../Image/MenuStlye/mainbk.png) repeat-x left top;
     background-color:#fffa00;
}
.txtBoxnone
{
	border:none 0px #FFFFFF;
	color:White;
	width:0px;	
}
.txtBoxlblnone
{
	border:none 0px #FFFFFF;
    color: #424242;
    font-weight:bold;    
    font-size:medium;
    width:200px;
    text-align:right !important;
}
.txtBoxNoBorder 
{
    border:solid 1px White ;
    width:20px;
}
.txt50
{
	width:50px;	
}
.txt80
{
	width:80px;	
}
.txt100
{
	width:100px;	
}
.txt150
{
	width:150px;	
}
.txt200
{
	width:200px;
}
.txt250
{
	width:250px;
}
.txt300
{
	width:300px;	
}
.txt400
{
	width:400px;	
}
.txt500
{
	width:500px;	
}
.txt550
{
	width:550px;	
}
.txtBoxL
{
    font-size:medium;
    padding:2px 0px 3px;
    border: solid 1px #b8bcbd;
    box-shadow: 0px 1px 5px #d0d0d0 inset;
    -moz-box-shadow: 0px 1px 5px #d0d0d0 inset;
    -webkit-box-shadow: 0px 1px 5px #d0d0d0 inset;
}
.txtBoxL2
{
    border: solid 2px #5797BB;
    font-size:medium;
}
.txtReadOnly
{
	color:black;
    font-size:medium;
    padding:2px 0px 3px;
    border: solid 1px #767676;
    box-shadow: 0px 1px 5px #d0d0d0 inset;
    -moz-box-shadow: 0px 1px 5px #d0d0d0 inset;
    -webkit-box-shadow: 0px 1px 5px #d0d0d0 inset;
    background:url(../Image/MenuStlye/mainbk.png) repeat-x left top;
    background-color:#1d1c1c;
}
.txtNumReadOnly
{
	border: solid 1px #767676;
	color:#767676;
	text-align:right;
}
.txtBoxNotType
{
    border:none;
    font-size:medium; 
}
.txtLong
{  
    width: 300px;
}
.txtShort
{
    width: 250px;
}
.txtRight
{
	text-align:right;	
}
/*EndtxtBoxClass*/
/*Htxt ËÑÇ¢éÍãË­è*/
.htxt
{
    font-size:large; 
    font-weight:bold; 
    color:Black;
}
/*Class Master*/
.ColorMaster
{
    /*background-color: #26b9e3;*/
    background-color: #FFFFFF;
}
.ColorRed
{
    color:Red;
}
.ColorPopUp
{
	background-color: #befffe;
}
.Star
{
	vertical-align:bottom;	
}
/*ClassShow*/
.DataFont
{
    width : 20%; 
    vertical-align:top;
    text-align: right; 
}
.DataBack
{
    width : 80%; 
    text-align: left; 
}
.font2
{
	width:15%; 
	text-align:right;
	vertical-align:top;
}
.back2
{
	width:65%; 
	text-align:left;
	vertical-align:top;
}
.ShowFont
{
    width : 30%; 
    vertical-align:top;
    text-align: right; 
    font-size:small; 
    font-weight:bold;
    color:#4e4e4e;
}
.ShowBack
{
    width : 70%; 
    text-align: left; 
    font-size:small;
    color:#777778;
}
.worklist
{
    margin:0px; padding:0px; list-style-type:none; text-align:left;
    width:20px; height:20px;
    overflow:hidden;
}
.EditLog
{
    font-size:10px;
 
}
/*AttachFile*/
.rpt_container
{
	border: solid 1px silver; 
	width: 50%; 
	height: 50px;
	padding-top:5px;
	margin-top:5px;
}
.rpt_content
{
	border: solid 1px #BBD8FB;
	background-color:#F3F7FD;
	margin:2px;
	padding:2px;
}
.button_green2
{
	cursor:hand;
	border:1px solid #396B21;  
	margin:0px 2px; 
	height:16px; 
	padding:0 3px 0px 3px; 
	color:#ffffff; 
	font-size:9pt; 
	background-color :#649D4B;
}
/*SarView*/
#spnSvHead
{
	color:#6E6E6E;
	font-weight:bold;	
	font-size:medium;
	cursor:pointer;
}
.spnSvHeadAc
{
	color:#000000;
	font-weight:bold;	
	font-size:medium;
}
.dpnone
{
	display:none;	
}
.spnCutbudgetG 
{
    color:green;
}
.spnCutbudgetR
{
    color:red;
}
.spnCutbudgetB 
{
    color:black;
}
.cutbudget
{
	border:solid 1px Gray; 
	text-align:center; 
	width:20%	
}
.cutbudget2
{
	border:solid 1px Gray; 
	text-align:right; 
	padding:0 60px 0 0;
	width:20%;
	height:20px;
}
.cutbudget3
{
	border:solid 1px Gray; 
	text-align:center;
	width:20%;
}
.cutbudgetBg
{
	background-color:#D8D8D8;
	color:Black;
	font-weight:bold;
	height:25px;	
}
.IncomeHead
{
	border:solid 1px Black; 
	text-align:center; 
	background-color:#D8D8D8;
	height:20px;
}
.IncomeDetail
{
	border:solid 1px Gray; 
	text-align:center; 
	height:20px;
}
.SchoolName
{ cursor:pointer;
  color:White;
  font-size:20pt;
  font-weight:bold;	
}

.sdRow {
    float:left;
    width:100%;
    text-align:center;
    padding:5px 0 5px 0;
}
.footerTotal {
   background:url(../Image/MenuStlye/mainbk.png) repeat-x left top;
    background-color:#313638;
    border: solid 1px #6E6E6E;	
    padding-top:10px;
    height:25px;
    float:left; 
    color:#343434;
    font-size:18px;
    font-weight:bold;
    text-align:center;
    width:100%;
}
.lblTotal1 {
    color:#749a08;
    padding:0px 10px;
}
.lblTotal2 {
    color:#749a08;
    padding:0px 10px;
}
.lblTotal3 {
    color:#246d2d;
    padding:0px 10px;
}
.txtpointer {
    cursor:pointer;
}
.ManageMainMenu {
    width:700px; min-height:400px; margin:0 auto;position: relative;
}
.ManageDivMenu {
    width:120px; height:120px; float: left; cursor:pointer;
}
.ManageMiniMainMenu {
    width:850px; min-height:50px; margin:0 auto;
}
.divMenu {
    width:120px; height:140px; float: left; margin: 35px 50px; color:white; text-align:center;
}
.MinidivMenu {
    width:1px; height:1px; float: left; font-size:0px;margin: 0px 50px;
}
.divMiniMainMenu {
    width:560px; min-height:40px; margin:0 auto; background-color:black;
}
.ManageMiniDivMenu {
    width:30px; height:30px; float: left; margin: 10px 30px; cursor:pointer; 
}
.ui-effects-transfer { border: 2px dotted gray; }

.ClearFrame {
    display:none;
}
.OpenFrame {
    display:block;
}
.lblMenu {
    color:white; font-size:14px; font-weight:bold; text-align:center;
}


#pageDiv 
{
   width:100%;
}
.PageManageDiv 
{
    width:100%;
}
.warningDiv 
{
    margin:10px 10px;
    clear:both; 
    float:none;
}
.inputrow 
{
    width:100%;
    height:30px;
    float:left;
    padding:1px 0px;
}
.inputrowH
{
    width:100%;
    height:auto;
    float:left;
    padding:1px 0px;
}
.spaceDiv 
{
    width:100%; 
    height:10px;
    clear:both;
    float:none;
}
.centerDiv 
{
    width:100%;
    text-align:center;
}
.classButton {
    width: 230px; margin: 0 auto;
}
.classBtSave {
    float: left; width: 100px; margin-right: 5px;
}
.classBtCancel {
    float: left; width: 100px; margin-left: 5px;
}
.ckSign {
    float:right; padding-right:10px;
}
.btAddDiv 
{
    width:300px;
    padding-left:30px;
    float:left;
}
.gridViewDiv 
{
    width:100%;
    clear:both;
    float:none;
    text-align:center;
}
.divF_Head
{
    width : 25%; 
    padding-top: 5px;
    text-align : right;  
    vertical-align:top;
    float:left;
}
.divB_Head
{
    WIDTH: 73%; 
    padding-top: 5px;
    padding-left: 5px;
    text-align: left;  
    vertical-align:top; 
    float:left;
}
.div_Head
{ 
    padding-top: 5px;
    text-align : right;  
    vertical-align:top;
    float:left;
}

/*SearchClass*/
.ddlSearch,
.ddl
{
	font-size:medium;
    padding:2px 0px 3px;
    border: solid 1px #b8bcbd;
    box-shadow: 0px 1px 5px #d0d0d0 inset;
    -moz-box-shadow: 0px 1px 5px #d0d0d0 inset;
    -webkit-box-shadow: 0px 1px 5px #d0d0d0 inset;
}
.TableSearch 
{
    width:100%; 
    clear:both;
    float:none;
}
.PopUpTableSearch 
{
    width:600px; 
    clear:both;
    float:none;
}
.SearchTable
{
	border:solid 1px #a9a9a9;
	width:800px;
    margin:0 auto 20px;	
    float:none;
    border-radius:10px;
    background-color:#f8f8f8;
}
.PopUpSearchTable
{
	border:solid 1px #6E6E6E;
	width:500px;
    margin:0 auto;	
    float:none;
    border-radius:10px;
    background-color:#f1f1f1;
}
.SearchHead
{
    /*background:url(../Image/MenuStlye/mainbk.png) repeat-x left top;*/
    background:url(images/SearchHead.png) no-repeat left bottom;
    border-bottom:3px solid #5797bb;	
    margin:5px 10px;
    padding:5px 0 0px 40px;
    height:30px;
    line-height:30px;
    clear:both;
    float:none;
    border-radius:15px;
    vertical-align:middle;
    border-radius:0px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
}
.HeadCenter {
    text-align:center;
}
.PopUpSearchHead
{
	text-align:left; 
    background:url(../Image/MenuStlye/mainbk.png) repeat-x left top;
    background-color:#313638;
    border:solid 1px #6E6E6E;	
    margin:5px 5px;
    padding-left: 5px;
    height:30px;
    clear:both;
    float:none;
    border-radius:15px;
    vertical-align:middle;
}
.SearchtxtF
{
  width:250px; 
  text-align:right;
  float:left;
  padding-right:5px;
  height: 25px;
}
.PopUpSearchtxtF
{
  width:150px; 
  text-align:right;
  float:left;
  padding-right:5px;
  height: 25px;
}
.SearchF
{
   width:530px; 
   text-align:left;
   float:left;
   height:auto;
}
.PopUpSearchF
{
   width:330px; 
   text-align:left;
   float:left;
   height:auto;
}
.SearchTotal
{
   width:300px; 
   margin:0 auto;
   text-align:center;
}
.ddlSearch
{
	border: solid 1px #5797BB; 
    float:left;
	font-size:medium;
    color:Black;
    background-color:#fff;
   float:left;
}
.btSearch
{
	background:url(../Image/search.png) no-repeat left bottom;
	border:none; width:25px; height:22px;
	cursor:pointer;
}
.btSearchOver
{
	background:url(../Image/search.png) no-repeat left top;
	border:none; width:25px; height:22px;
	vertical-align:bottom;
	cursor:pointer;
}
.txtSearch
{
    border: solid 1px #5797BB;
    font-size:medium;
    width: 315px; height:20px;
    vertical-align:bottom;
    background:url(../Image/MenuStlye/mainbk.png) repeat-x left top;
    background-color:#767676;
}
/*EndSearchClass*/
/*Graph*/
.divMainGraph {
    padding: 0px 20px;
    float: left;
    width: 97%;
    background-color: #f2f2f2;
}
.divFrameGraph {
    width: 500px;
    height: 300px;
    margin: 20px auto;
}
.divFrameGraph2 {
    width: 320px;
    height: 270px;
    margin: 5px auto;
}
.divGraph {
    border-radius: 10px;
    background-color: #FFFFFF;
    width: 48%;
    height: 420px;
    float: left;
    margin: 10px 10px;
}

.divSpntxtHeadGraph {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #b33539;
}