html, body  {
    margin: 0; font-family: Verdana, Helvetica, sans-serif, Arial; font-size: 11px;
	margin:0px; /* FF hack: or we'll have double scrollbar showing on the browser */
	overflow:hidden; /* hide browser's main scrollbar */
}
table {font-family: Verdana, Helvetica, sans-serif, Arial; font-size: 11px;}

input {BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; 
       BORDER-TOP: #cccccc 1px solid; MARGIN: 0px; PADDING-BOTTOM: 2px; PADDING-LEFT:2px; PADDING-RIGHT: 2px; 
       PADDING-TOP: 0px; font: 8pt Verdana; height: 18px; background-color: #white; 
      }

select {BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; 
         BORDER-TOP: #cccccc 1px solid; MARGIN: 0px; PADDING-BOTTOM: 2px; PADDING-LEFT:2px; PADDING-RIGHT: 2px; 
         PADDING-TOP: 0px; font: 7pt Verdana; height: 18px; background-color: #white; 
        }
A:link {text-decoration: none; color: 225590}
A:visited {text-decoration: none; color:225590}
A:hover {text-decoration: none; color:#FF0000; background-color: white}
A:active {text-decoration: none; color: 225590;}
tab1 {BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; 
         BORDER-TOP: #cccccc 1px solid; MARGIN: 0px; PADDING-BOTTOM: 2px; PADDING-LEFT:2px; PADDING-RIGHT: 2px; 
         PADDING-TOP: 0px; font: 8pt Verdana; height: 18px; background-color: #white; 
        }
//td.menu{background:F2E9DF}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}

ul { list-style-type:square; list-style-position:outside; list-style-image:url('/images/icons/arrow.gif')}

li.arrow1 {list-style-image:url("/images/icons/arrow.gif")}
li.plus1 {vertical-align:middle;list-style-image:url("/images/button/plus.gif")}

.border-tem1 {
border: 1px solid #C3C3C3;
opacity:0.7;filter:alpha(opacity=70);
padding:10;
}
.border-tem2 {
border: 1px solid #C3C3C3;
border-top: 0;
padding:5;
}

form {
margin:0;padding:0;display:inline;
}

.spanpopup {
WIDTH:200px;
FONT:normal normal normal 8pt Arial;
BORDER:black 1px solid;
PADDING:2px;LEFT:0px;
VISIBILITY:hidden;TEXT-TRANSFORM:none;
COLOR:black;
TEXT-ALIGN:left;
POSITION:absolute;z-index:+1;
TOP:0px;
BACKGROUND-COLOR:oldlace;
TEXT-DECORATION:none;
opacity:0.9;filter:alpha(opacity=90);
}


#main_container {
	width:100%; 
	height:100%;	 
	overflow:auto;	/* will have a scrollbar at our content containier */
	position:absolute; /* container div must be absolute, for our fixed bar to work */
}

	#main_container .content_wrapper {
	    width:100%; 
	    height:100%;	 
		margin-left:auto;
		margin-right:auto;
		width:99%;
	}
	
	#main_container .spacer { /* spacer w/ fixed height; give space to the content and fixed bar */
		height:30px;
	}

#nav_menu_wrapper { /* this will ba used as a wrapper for the nav_menu so we can center it (nav_menu). especially for IE */
	height:26px; /* fix bar's height */
	width:100%; /* use 100% of width */
	
	/* the code below will PUT the bar at the bottom */	
	bottom:0px;
	position:absolute;
    z-index:1000;
    right:10px;
	
	/* hide scrollbar for this wrapper */
	overflow:hidden;
}

	#nav_menu_wrapper .nav_menu { /* the menu itself */
		height:25px; /* fix bar's height */ 
		width:140px; /* fixed width */

		 position:absolute;
		 bottom: -15px;
		 right:20px;
		
			padding-left:6px;			
			padding-right:6px;

		/* add effect */
		background-color:#EEEEEE;
		border:#666666 solid 1px;
	}
	
	/*
	 * menu links and link effects
	 */
		#nav_menu_wrapper .nav_menu ul {
			margin-top:5px;
			list-style:none;
		}
		
		#nav_menu_wrapper .nav_menu li {
			display:inline;
		}
		
		#nav_menu_wrapper .nav_menu li a {
			padding-top:3px;
			padding-bottom:6px;
			padding-left:6px;			
			padding-right:6px;
		}
		
		#nav_menu_wrapper .nav_menu a:link, #nav_menu_wrapper .nav_menu a:visited {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#333333;
			text-decoration:none;
			background-color:#EEEEEE;
		}

		#nav_menu_wrapper .nav_menu a:hover {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#FFFFFF;
			text-decoration:none;
			background-color:#0099FF;
		}

.nav_chat {
 height:400px;
 width:140px;

 position:absolute;
 bottom:20px;
 right:30px;
 display:none;

 background-color:#EEEEEE;
 border:#666666 solid 1px;
}

#tableDC
{
width:100%;
border-collapse:collapse;
}
#tableDC td, #tableDC th 
{
font-size:1em;
border:1px solid #98bf21;
padding:2px;
}
#tableDC th 
{
font-style:italic;
font-size:1.1em;
text-align:center;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
#tableDC tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}

.table_class{
	width:auto;
	height:auto;
}

.table_class td{
	font-variant:small-caps;
	font-weight:800;
}

#harang{
	margin:0;
	position: absolute;
	left:0px;
	top:0px;
	background-color:gray;
	visibility:hidden;
	z-index:1;
	filter:alpha(opacity=40);
	opacity:0.4;
}
#loading{
	position: absolute;
	visibility: hidden;
	z-index: 2;
}
.warning{
	margin:2px 0;
	font-weight:bold;
	width:auto;
	padding:2px;
	font-size:1.1em;
	color:#8a1f11;
	background-color:#FBE3E4;
	border:2px solid #FBC2C4;
	text-align:center;
}

.confirm{
	margin: 2px 0;
	font-weight:bold;
	width:auto;
	padding:2px;
	font-size:1.1em;
	background-color:#E6EFC2;
	border:2px solid #C6D880;
	text-align:center;
}
.popup{
	margin:0;
	width:auto;
	height:auto;
	position: absolute;
	border:1px solid #98bf21;
	background-color:#CCE3AC;
	visibility:hidden;
	z-index:2;
}
.fdiv{
	border:1px solid #98bf21;
	margin:5px;
	padding:5px;
	background-color:white;
	clear:both;
}

#nav{
	
	padding:0;
	width:100%;
}

#navul{
	padding:0;
	margin:0;
	width:690px;
}

#navul li{
	list-style:none;
	padding:0;
	margin:1px 0;
	text-align:center;
	float:left;
	display:block;
}


.nav1:link, .nav1:visited{
	padding:5px;
	margin:0;
	display:block;
	width:auto;
}

.nav1:hover, .nav1:active{
	background:#2D9627;
	color:#00FF00;
	text-decoration:none;
}

#navli:link, #navli:visited{
	padding:4px;
	margin:0;
	border:1px solid #CCE3AC;
	display:block;
	width:auto;
	background-color:#CCE3AC;
}

#navli:hover, #navli:active{
	border:1px solid black;
	text-decoration:none;
}

SPAN.hint {FONT:normal normal normal 8pt Arial;
BORDER:black 1px solid;PADDING:2px;
LEFT:0px;VISIBILITY:hidden;
TEXT-TRANSFORM:none;WIDTH:200px;COLOR:black;
TEXT-ALIGN:left;POSITION:absolute;TOP:0px;
BACKGROUND-COLOR:oldlace;TEXT-DECORATION:none}

SPAN.Folder {VISIBILITY:hidden}

SPAN.Msg {FONT:normal normal normal 8pt Arial;
BORDER:black 1px solid;PADDING:2px;LEFT:0px;
VISIBILITY:hidden;TEXT-TRANSFORM:none;WIDTH:400px;
COLOR:black;TEXT-ALIGN:left;POSITION:absolute;
TOP:0px;BACKGROUND-COLOR:oldlace;TEXT-DECORATION:none}

div.#fline:first-letter {color: #008800;font-size:300%;float: left;text-align: justify;}
div.#fline {text-align: justify;}

div.img
  {
  margin:3px;
  border:1px solid silver;
  width:auto;
  float:left;
  text-align:center;
  }

div.img #img
  {
  display:block;
  margin:5px auto;
  border:1px solid silver;
  max-width:110px;
  max-height:90px;
  }

* html div.img #img { 
   height: expression( this.scrollHeight > 89 ? "90px" : "auto" ); /* sets max-height for IE */
   width: expression( this.scrollWidth > 109 ? "110px" : "auto" ); /* sets max-width for IE */
}

a:hover #img, a:active #img
  {
  border:1px solid black;
  }
div.desc
  {
  font-weight:normal;
  text-align:center;
  line-height:150%;
  width:100%;
  }