body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #2E546B;
}
.sub_body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000000;
	border-right: #ffffff thin solid;
	border-left: #ffffff thin solid;
}
.baner {
	background: url(De_Images/baner.gif);
}
/*----------text---------------------------------*/
.welcome {
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
}
.title_welcome {
	font-size: 16pt;
	color: #1D4A29;
	font-weight: bold;
}
.title_welcome1 {
	font-size: 16pt;
	color: #000000;
}
.text_error {
	COLOR: red;
}
.status_bar {
	background-color: activeborder;
	height: 25px;
}
.hearder {
	background: #EBEBEB;
}
.hearder1 {
	font-size: 12pt;
	background-color: #B3CDE6;
	color: #6E716D;
}
.coppyright_logo {
	border-top: #000000 1px solid;
	vertical-align: top;
}
.hearder_bg {
	background-color: #015291;
	color: #ffffff;
}
.seperate
{
	margin-left: auto;
	border-left: #696969 1px solid;
}
.header_line {
	background: url(../images/hr1.gif);
}
.header_bar {
	background-image: url('../../De_Images/bar.png');
	font-size: 14pt;
}
.hearder2 {
	font-size: 12pt;
	background-color: #000000;
	border-top: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	text-align: left;
}
.copyright {
	background-color: #015291;
	color: white;
}
.copyright1 {
	background-color: #B3CDE6;
	color: white;
}
.menu_left {
	background: #B3CDE6;
	color: white;
}
table .menu_left_root {
	font-size: 12pt;
	color: #70290B;
	border-bottom: royalblue 1px solid;
	width: 100%;
	font-weight: bold;
}
.menu_left_level1 {
	background-color: #862626;
	color: white;
}
.menu {
	border-bottom: #660000 1px dotted;
	font-size: 10pt;
	color: white;
	font-family: Verdana;
}
.dynamicMenu {
	border: Solid 1px black;
	/*filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='gray', Positive='true');*/
}
.menu_right {
	background-color: #ccc6ac;
	width: 100%;
}
.menu_right_title {
	color: black;
}
.left_bar {
	font-weight: bolder;
	margin-bottom: 1px;
	border-bottom: black 1px groove;
}
.left_bar_image {
	font-weight: bolder;
	margin-bottom: 1px;
}
A.left_bar_sub:link {
	color: blue;
	text-decoration: none;
}
A.left_bar_sub:visited {
	color: blue;
	text-decoration: none;
}
A.left_bar_sub:hover {
	color: black;
	text-decoration: underline;
}
A.top_menu:link
{
	font-size: 12pt;
	text-decoration: none;
	color: #FFFFFF;
}
A.top_menu:visited {
	font-size: 12pt;
	text-decoration: none;
	color: #FFFFFF;
}
A.top_menu:hover
{
	font-size: 12pt;
	color: #000000;
}
.row td {
	border-right: #8C8E8C 1px solid;
/*border-top: #99cccc 1px solid;*/	border-left: #8C8E8C 1px solid;
	border-bottom: #8C8E8C 1px solid;
}
.row_old {
	background-color: #dcdcdc;
}
A.language:link {
	color: #F2F2F2;
	text-decoration: none;
	font-size: 9pt;
	font-family: Verdana;
}
A.language:visited {
	font-size: 9pt;
	color: #F2F2F2;
	text-decoration: none;
	font-family: Verdana;
}
A.language:hover {
	color: #c0c0c0;
	font-size: 9pt;
	text-decoration: underline;
	font-family: Verdana;
}
A.title_header:link {
	color: #00AEEF;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
	font-family: Verdana;
}
A.title_header:visited {
	font-size: 10pt;
	color: #00AEEF;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana;
}
A.title_header:hover {
	color: #F7AE00;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
	font-family: Verdana;
}
.title {
	font-weight: bold;
	font-size: 14pt;
	color: #6E716D;
	background-color: #2E2E32;
}
.title_extract {
	font-style: italic;
	font-size: 12pt;
	color: #696969;
}


.title_detail_image {
	font-weight: bold;
	font-size: 12pt;
	color: #184929;
	border-bottom: #6b716b 1px solid;
	margin-top: 6px;
	margin-bottom: 6px;
	background-image: url('../../De_Images/frame_bar.png');
	height:21px;
}


.title_line {
	font-weight: bold;
	font-size: 12pt;
	color: #184929;
	border-bottom: #6b716b 1px solid;
	margin-top: 6px;
	margin-bottom: 6px;
	height:20px;
	text-decoration: none;
	vertical-align:middle;
	width:100%;
	
}

.title_body {
	font-weight: bold;
	font-size: 12pt;
	color: #184929;
	margin-top: 6px;
	margin-bottom: 6px;
	height:24px;
	text-decoration: none;
	
}
a.title_body:link
{
	font-weight: bold;
	font-size: 12pt;
	color: #184929;
	margin-top: 6px;
	margin-bottom: 6px;
	text-decoration: none;
}
a.title_body:visited {
	font-weight: bold;
	font-size: 12pt;
	color: #184929;
	margin-top: 6px;
	margin-bottom: 6px;
	text-decoration: none;
	
}
a.title_body:hover {
	font-weight: bold;
	font-size: 12pt;
	color: #184929;
	text-decoration: none;
	margin-top: 6px;
	margin-bottom: 6px;
}



.news
{
	font-size: 12pt;
	color: #0063B0;
	
	text-decoration: none;
}
a.news:link {
	font-size: 12pt;
	color: #0063B0;
	
	text-decoration: none;
}
a.news:visited {
	font-size: 12pt;
	color: #0063B0;
	
	text-decoration: none;
}
a.news:hover
{
	font-size: 12pt;
	color: #008DFB;
	
	text-decoration: none;
}


.table_detail {
	border-right: #dcdcdc 1px solid;
	border-top: #dcdcdc 1px solid;
	border-left: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid;
	border: 1px;
	padding-right: 4px;
	padding-left: 4px;
	margin-left: 4px;
	margin-right: 4px;
}
.table_dotted {
	border-bottom: #d3d3d3 1px dotted;
}
.sub_title {
	font-weight: bold;
	font-size: 11pt;
	color: #0063A4;
}
.other_title {
	font-weight: bold;
	font-size: 11pt;
	color: #000000;
}
a.sub_title:link {
	font-weight: bold;
	font-size: 11pt;
	color: #0063A4;
}
a.sub_title:visited {
	font-weight: bold;
	font-size: 11pt;
	color: #0063A4;
}
a.sub_title:hover {
	font-weight: bold;
	font-size: 11pt;
	color: #0098E8;
}
a.more:link {
	font-size: 11pt;
	color: #cc0033;
	text-decoration: none;
}
a.more:visited {
	font-size: 11pt;
	color: #cc0033;
	text-decoration: none;
}
a.more:hover {
	font-size: 11pt;
	color: #cc0033;
	text-decoration: underline;
}
.error {
	
	width: 100%;
	
	color: red;
}
#error {
	font-size: 10pt;
	width: 100%;
	height: 25px;
	color: red;
}
/*background*/
.backgroud1 {
	background: #ffffff;
}
.backgroud2 {
	background: #094076;
}
.backgroud3 {
	background: #ffffff;
}

.backgroudnews {
	background: #293842;
}
/*end background*/


/*----------button---------------------------------*/
.button
{
	background-color: #b5d9ff;
	border-right: thin groove;
	border-top: thin groove;
	border-left: thin groove;
	border-bottom: thin groove;
	width: 70px;
	height: 25px;
}

.image_button
{
	background-color: #b5d9ff;
	border-right: thin groove;
	border-top: thin groove;
	border-left: thin groove;
	border-bottom: thin groove;
	width: 95px;
	height: 15PX;
	vertical-align: middle;
	text-align: center;
}

A.image_button_text:link
{
	background-color: #b5d9ff;
	
	width: 100%;
	color: #000000;
	text-decoration: none;
	
}
A.image_button_text:hover
{
	background-color: #b5d9ff;
	width: 100%;
	color: #000000;
	
}
A.image_button_text:visited
{
	background-color: #b5d9ff;
	width: 100%;
	color: #000000;
	text-decoration: none;
}


.button_common
{
	background-color: #b5d9ff;
	border-right: thin groove;
	border-top: thin groove;
	border-left: thin groove;
	border-bottom: thin groove;
	width: 70px;
	font-weight: bold;
	height: 25px;
}
.button_search
{
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	
	height: 20px;
	width:50px;
	background-color: #454545;
	color: white;
	text-align: center;
	font-weight: normal;
	font-size: 11px;
	font-family: Tahoma;
}
/*----------textbox---------------------------------*/
.textbox_error
{
	background-color: #ffffcc;
}
.textbox
{
	background-color: window;
}
.textbox_search
{
	width: 90px;
	
}


/*----------table---------------------------------*/
.padding_table
{
	padding-right: 10px;
	padding-left: 15px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
}

.grid_header
{
	background: url(../images/hr1.gif);
	padding-left: 1px;
}
.grid_footer
{
	background: #d4d0c8;
	padding-left: 1px;
}
.row
{
	background-color: #f7fdff;
}
.row_seleted
{
	background-color: #cccccc;
}


/*----------------tab---------------------*/
.menu_tabs
 {
     position:relative;
     top:1px;
     left:10px;
 }
 .tab
 {
    border:Solid 1px black;
    border-bottom:none;
    padding:0px 10px;
    background-color:#eeeeee;
 }
 .tab_selected
 {
     border:Solid 1px black;
     border-bottom:Solid 1px white;
     padding:0px 10px;
     background-color:white;
 }
 .tab_body
 {
     border:Solid 1px black;
     padding:5px;
     background-color:white;
 }
 
 /*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
/*

end tab

*/

/*end button*/














/** frame for detail form **/


.frame_body
{
	border: medium solid #8FB8C0;
	padding: 2px;
	background-color: #CDE4E8;
}

.line_bar
{
	background-image: url(  'Images/line.png' );
	color: #529daa;
}


.frame_top_left
{
	background-color: #d6e0eb;
	vertical-align: top;
	text-align: left;
}

.frame_left_right
{
	margin-left: 5px;
	border-left: #d6e0eb 5px solid;
	border-right: #d6e0eb 5px solid;
	margin-right: 5px;
	height:100%;
}

.frame_bottom_left
{
	background-color: #d6e0eb;
	vertical-align: bottom;
	text-align: left;
}

.frame_image_top
{
	/*background-color: #2E2E32;
	color: #FFFFFF;*/
	background-image: url('Images/frame_bar.png');
	font-size: 10pt;
	height:21px;
}
.frame_image_buttom
{
	background-color: #EDE9ED;
	color: #2E2E32;
}


/*end frame */