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:visited {text-decoration: none; color:225590}
A:hover {text-decoration: none; color: Red; background-color: white}
A:link {text-decoration: none; color: 225590}
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:3px 7px 2px 7px;
}
#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;
}
#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:100%;
	font-size:1.1em;
	color:#FF3300;
	border:2px solid;
	text-align:center;
}

.confirm{
	margin: 2px 0;
	font-weight:bold;
	width:100%;
	font-size:1.1em;
	color:#00CC00;
	border:2px solid;
	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;
}