.no {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9pt; line-height: 22px; color: #333333}
.white {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9pt; line-height: 22px; background-color: #FFFFFF}
.white3 {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10pt; line-height: 28px; background-color: #FFFFFF; font-weight:bold}
.white1 {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9pt; line-height: 22px; background-color: #EBEBEB}
.title1 {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9pt; line-height: 22px; color: #666666; background-color: #CCCCCC; background-image: url(../images/table/table_title1.gif); font-weight: bold}
.search_title {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9pt; line-height: 22px; color: #223D98; background-color: #CCCCCC; background-image: url(../images/search/tablebg2.gif); font-weight: bolder}
.list1 {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9pt; line-height: 28px; color: #000000; background-color:#C2C2C2; background-image: url(../images/new/list1.gif); font-weight: bolder; letter-spacing:1px;}
.list2 {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9pt; color: #666666; background-color: #EFEFEF}
.list3 {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9pt; color: #333333; background-color: #FFECD9}
.list5 {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9pt; line-height: 28px; color: #FFFFFF; background-color:#03378c; background-image: url(../images/new/list3.gif); text-align:center;}
.list6 {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9pt; line-height: 26px;}
.menu1 {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9pt; line-height: 22px; color: #333333; background-image: url(../images/menu1bg.gif)}
.menubg {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9pt; color: #666666; background-image: url(../images/menubg.gif)}
.line {  background-color: #03378c}
.hand {cursor:pointer}

.no1 {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9pt; color: #223D98}
.input {font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px;color: #B64913; height: 16px;width: 130px;border: 1px #BACCDA solid;line-height: 12px; text-indent: 4px;}
.input2 {font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px;color: #B64913; height: 16px;border: 1px #BACCDA solid;line-height: 12px; text-indent: 4px;}
.input2b {font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px;color: #B64913; height: 16px;border: 1px #BACCDA solid;line-height: 12px;background-color:#D7E6F7; text-indent: 4px;}
.input3 {font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px;color: #B64913;height: 32px; border: 1px #BACCDA solid;line-height: 12px; text-indent: 4px;}

.input_an {  background-color: #FFFFFF; border-color: #FFFFFF #FFFFFF #333333; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; text-indent: 4px;}

.button {  border: 1px #CCCCCC groove; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9pt; background-image: url(../images/buttonbg.gif); color: #000000; background-color: #FFFFFF}

.button2 {  border: 1px #CCCCCC groove; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9pt; color: #000000; background-color: #FFECD9; color: #000000}

.button3 {  border: 1px #CCCCCC groove; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9pt; color: #000000; background-color: #FFFFFF; background-image: url(../images/table/button_bg1.gif)}

a.a:link {  color: #FFFFFF; text-decoration: none; font-size: 9pt}
a.a:visited {  color: #FFFFFF; text-decoration: none}
a.a:hover {  color: #FFFFFF; text-decoration: underline}

a.b:link {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9pt; color: #333333; text-decoration: none}
a.b:visited {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9pt; color: #333333; text-decoration: none}
a.b:hover {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9pt; color: #333333; text-decoration: underline}

a.e:link {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9pt; color: #CC6600; text-decoration: none}
a.e:visited {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9pt; color: #CC6600; text-decoration: none}
a.e:hover {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9pt; color: #333333; text-decoration: underline}


.body {
	  scrollbar-face-color: #dddddd;
	  scrollbar-shadow-color: #aaaaaa;
	  scrollbar-highlight-color: #ffffff;
	  scrollbar-3dlight-color: #999999;
	  scrollbar-darkshadow-color: #999999;
	  scrollbar-track-color: #eeeeee;
	  scrollbar-arrow-color: #ffffff; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9pt; color: #000000; background-color:#FFFFFF;background-repeat: repeat-x}

.body2 {  background-color: #Ffffff;
	  scrollbar-face-color: #dddddd;
	  scrollbar-shadow-color: #aaaaaa;
	  scrollbar-highlight-color: #ffffff;
	  scrollbar-3dlight-color: #999999;
	  scrollbar-darkshadow-color: #999999;
	  scrollbar-track-color: #eeeeee;
	  scrollbar-arrow-color: #ffffff; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9pt; color: #000000; background-image: url(../image/bg2.png);background-repeat: repeat-x}

a:link {  color: #B64913; text-decoration: none}
a:visited {  color: #000000; text-decoration: none}
a:hover {  color:  #000000; text-decoration: underline}
a:active {  color: #B64913; text-decoration: underline}

.menu {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9pt; line-height: 22px; color: #FFFFFF; background-color: #FF9966; font-weight: bolder}

.imgbutton {
	cursor:pointer; border:0;
}

#tblSearch{
		border: 1px solid #C2C2C2;
}

#tblData{
		font-family: "Arial", "Helvetica", "sans-serif";
  	width:100%;
  	border-collapse:collapse;
}

#tblData td, #tblData th {
	font-size:1em;
	border:1px solid #C2C2C2;
	padding:3px 7px 2px 7px;
}
#tblData1 td, #tblData1 th {
	font-size:1em;
	/*border:1px solid #C2C2C2;*/
	padding:3px 7px 2px 7px;
}
#tblData th {
	font-size:1.1em;
	text-align:left;
	padding-top:5px;
	padding-bottom:4px;
	background-color:#A7C942;
	color:#ffffff;
}

#tblData tr.alt td {
	color:#000000;
	background-color:#EAF2D3;
}

#tblEdit{
		font-family: "Arial", "Helvetica", "sans-serif";
		font-size: 9pt;
  	width:100%;
  	border-collapse:collapse;
}

#tblEdit td, #tblEdit th {
	font-size:1em;
	border:1px solid #C2C2C2;
	padding:3px 7px 2px 7px;
}

#tblEdit th {
	font-size:1.1em;
	text-align:left;
	padding-top:5px;
	padding-bottom:4px;
	background-color:#A7C942;
	color:#ffffff;
}

#tblEdit tr.alt td {
	color:#000000;
	background-color:#EAF2D3;
}
#tblEdit tr {
	line-height: 26px;
}

.pp {
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}

.alertDiv {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 124px;
  width: 400px;
  background: rgba(250, 250, 250, 0.95);
  border-radius: 0.1rem;
	border: 2px solid #03378c;
	box-shadow: darkgrey 10px 10px 30px 5px ;//±ß¿òÒõÓ°
	z-index:200;
}

.alertDiv1 {
	font-family: "Arial", "Helvetica", "sans-serif"; 
	font-size: 9pt; 
	line-height: 32px; 
	color: #FFFFFF; 
	background-color: #03378c; 
	font-weight: bolder;
	height: 32px;
  width: 100%;
  text-align: center;
  background: #03378c;
}

.alertDiv2 {
	font-family: "Arial", "Helvetica", "sans-serif"; 
	font-size: 9pt; 
	line-height: 60px; 
	color: #000000; 
	font-weight: bolder;
	height: 60px;
  width: 100%;
  text-align: center;
}

.alertDiv3 {
	font-family: "Arial", "Helvetica", "sans-serif"; 
	font-size: 9pt; 
	line-height: 32px; 
	color: #FFFFFF; 
	font-weight: bolder;
	height: 32px;
  width: 100%;
  text-align: center;
  background: #D6DEE6;
}

.spinner {
	display:none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.35);
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 10px;
	z-index:300;
}
 
.spinner > div {
	position: relative;
	top: 50%;
  background-color: #E53D5C;
  height: 60px;
  width: 6px;
  display: inline-block;
   
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
 
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 
  20% { -webkit-transform: scaleY(1.0) }
)
 
@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
)