﻿body
{
	background-image:url(bg.gif);
	color:#000;
	margin:0px;
	font-family:Verdana, Arial;
	text-align: center;
}

td
{
	font-family: Verdana, Arial;
	font-size: 75%; 
	vertical-align:top;
}

table
{
	border:0;
	border-collapse:collapse;
	width:100%;
}

img
{
	border:0;
}

form
{
	border:0;
	margin:0;
}

a 
{
	color:#004FDF;
	text-decoration:none;
}

a:hover 
{
	color:red;
	text-decoration:underline;
}

select
{
	font-size: 100%; 
}

.hide
{
	display:none;
}


.height100
{
	height:100%;
}

.width100
{
	width:100%;
}

#button
{
	font-size:95% !important;
	background-color:#E4E4E4;
	padding:5 0 1 0;
	cursor:pointer;
	border-left:1px solid #F0F0FF;
	border-top:1px solid #F0F0FF;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
    margin-top:2px;
	letter-spacing:5pt;
	color:#444;
}

#scroller
{
	position:absolute; 
	width:100%; 
	height:100%; 
	z-index:1; 
	overflow: auto; 
	top:0px; 
	left:0px
}


#scroller2
{
	position:absolute; 
	width:100%; 
	height:100%; 
	z-index:1; 
	overflow: auto; 
}

#noresult td
{
	padding:30px;
	font-size: 110%;
	color:#F97C00;
}

#noresult div
{
	padding:30px;
	font-size: 80%;
	color:#000000;
	line-height: 30px;
}

#printsel img
{
	vertical-align:middle;
}


#printsel td
{
	padding:30px;
	font-size: 110%;
	color:#F97C00;
}

#printsel td table td
{
	padding: 5px !important;
	font-size: 100%;
	color:#000000;
}


#printsel div
{
	padding: 0 0 0 20;
	font-size: 90%;
	font-weight:lighter;
	color:#000000;
}

#printsel img
{
	vertical-align:middle;
}
/*===================== mlayout ===================== */

#mlayout
{
	/*width:expression(switch (screen.width){case 800: this.width = '780px'; break; case 1024: '95%'; break; default : '90%';});*/
	width:100%;
	height:100%;
	border:1px solid #FFF;
	background-color:#FFF;
}

/*===================== head ===================== */

#head1
{
	width:100%;
}

#head1 a 
{
	color:#6C6C6C;
	text-decoration:underline;
}

#head1 a:hover 
{
	color:orange;
}

#head1 td
{
	width:10%;
}

/*===================== view ===================== */

#view1
{
	color:#FF0000;
	border-top:1px solid #E8E8E8;
	border-bottom:1px solid #CCC;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#FFFFFF' ,endColorStr= '#CECECE' ,gradientType= '0' );
	height:26px;
	width:100%;
}

#view1 td
{
	padding:6 8 0 12;
}

#view2
{
	border-left:1px solid #DDD;
	color:#474747;
}

/*===================== dashboard ===================== */

#dashboard
{
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#DAEAFE' ,endColorStr= '#5BABD7' ,gradientType= '0' );
	height:79px;
	width:100%;
}

#dashboard td
{
	width:50%;
}

#resident_t
{
	color:#FFF;
	font-weight:bold;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#ADADAD' ,endColorStr= '#666666' ,gradientType= '0' );
	height:23px;
	padding:5 8 0 10 !important;
	width:100%;
}

#resident
{
	color:#CFCFCF;
	background-color:F2F2F2;
	border:1px solid #989898;
	width:100%;
	height:100%;
}

#resident td
{
	padding:10;
	width:100% !important;
}

#notice_t
{
	color:#FFF;
	font-weight:bold;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#FFCA79' ,endColorStr= '#F99500' ,gradientType= '0' );
	height:23px;
	padding:6 8 0 10 !important;
	width:100%;
}

#notice
{
	color:#CFCFCF;
	background-color:#FFF8EC;
	border:1px solid #F90;
	width:100%;
}

#notice td
{
	padding:10;
	width:100% !important;
}

/*===================== main ===================== */

#main
{
	width:100%;
}

#main td
{
	width:25%;
	height:100%;
	color:#474747;
}

#main_textcolor
{
	color:#474747;	
}

#main input
{
	width:100%;
}

#main_1
{
	width:100%;
	height:100%;
	padding:10;
	border-top:1px solid #DDD;
	border-right:1px solid #DDD;	
}

#main_1 td
{
	width:100%;
	height:0 !important;
}

#main_1 li
{
	color:#A00;
	margin-left:-10;
	line-height:16pt;
}

#main_1 ul
{
	margin-top:-10;
	margin-bottom:3;
}

#main_t
{
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#E9EFF3' ,endColorStr= '#FFFFFF' ,gradientType= '0' );
}

#main_t td
{
	padding:5 0 0 7;
	font-weight:bold;
	letter-spacing:4pt;
}

#main_t1
{
	border-left:5px solid #C6C6C6;
	border-top:1px solid #C6C6C6;
	width:100%;
}

#main_t2
{
	border-left:5px solid #FFC700;
	border-top:1px solid #FFC700;
	width:100%;
}

#main_t3
{
	border-left:5px solid #6BC9E3;
	border-top:1px solid #6BC9E3;
	width:100%;
}

#main_t4
{
	border-left:5px solid #B6DA5C;
	border-top:1px solid #B6DA5C;
	width:100%;
}

#main_t5
{
	border-left:5px solid #BD0030;
	border-top:1px solid #BD0030;
	width:100%;
}

#main_t6
{
	border-left:5px solid #8080FF;
	border-top:1px solid #8080FF;
	width:100%;
}

#main_t7
{
	border-left:5px solid #84CEAE;
	border-top:1px solid #84CEAE;
	width:100%;
}

#main_t8
{
	border-left:5px solid #C17744;
	border-top:1px solid #C17744;
	width:100%;
}

#main_div
{
	margin-top:5px;
}

#main_Keyword
{
	font-size:95% !important;
	border:1px solid #B5B5B5;
	color:#555;
	margin-top:5px;
}

#main_SubmitSearch
{
	font-size:95% !important;
	background-color:#FFC600;
	padding:5 0 0 0;
	cursor:pointer;
	border-left:1px solid #FFEDA4;
	border-top:1px solid #FFEDA4;
	border-right:1px solid #8C6C00;
	border-bottom:1px solid #8C6C00;
    margin-top:8px;
	letter-spacing:5pt;
	color:#444;
}

#main_List
{
	font-size:95% !important;
	color:#555;
	margin-top:3px;
}	

/*===================== banner ===================== */

#banner
{
	border-top:1px solid #DDD;
	border-bottom:1px solid #FFF;
	background-color:#F1F1F1;
	height:100%;
	width:100%;
	border-collapse:separate;
}

#banner td
{
	border-top:1px solid #FFF;
	height:100%;
}


/*===================== bottom ===================== */

#bottom1
{
	border-top:1px solid #FFF;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#EEEEEE' ,endColorStr= '#F6F6F6' ,gradientType= '0' );
	height:8px;
	width:100%;
}

#bottom2
{
	color:#777;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#FAFAFA' ,endColorStr= '#D0D0D0' ,gradientType= '0' );
	font-size:70% !important;
	line-height:15pt;
	height:50px;
	text-align:center;
	vertical-align:bottom;
	width:100%;	
}

#bottom3
{
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#CECECE' ,endColorStr= '#BFBFBF' ,gradientType= '0' );
	height:8px;
	width:100%;
}

/*===================== leftmenu ===================== */

#id
{
	background-color:#F7FAFF;
	width:100%;
	padding:5 8 3 8 !important;
	border:1px solid #999;
	font-weight:bold;
	color:#555;
	height:0 !important;
}

#leftmenu
{
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#DAEAFE' ,endColorStr= '#5BABD7' ,gradientType= '0' );
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	height:100%;
	width:200px;
}

#leftmenu input
{
	width:98%;
}

#leftmenu table
{
	width:100%;
	padding:5 8 3 5;
}

#leftmenu table td
{
	width:100%;
	height:0 !important;
}

#leftmenu table li
{
	color:#444;
	margin-left:-2pt;
	line-height:16pt;
}

#leftmenu table ul
{
	margin-top: -5;
	margin-bottom:2;
}

#leftmenu table td table
{
	color:#444;
	font-weight:bold;
	letter-spacing:1.5pt;
}

/*===================== position ===================== */

#position
{
	padding:5 2 5 5;
}

/*===================== page ===================== */

#page
{
	text-align:right;
	padding:0 10 0 10;
}

/*===================== list ===================== */

#list
{
	width:100%;
	border:10px solid #FFF;
	border-top:5px solid #FFF;
	border-bottom:5px solid #FFF;
	border-collapse:separate;
}

#list td
{
	border:1px solid #555;
	color:#004FDF;
}

#list table
{
	border:1px solid #FFF;
}

#list table td
{
	border:1px solid #999;
	padding:5 8 3 8;
}

#list_t thead
{
	background-color:#DDD;
}

#list_t thead td
{
	color:#000;
	text-align:center;
	letter-spacing:2pt;
	cursor:pointer;
	white-space:nowrap;
}

#list_t tbody tr
{
	cursor:pointer;
}

#list_t tbody tr:hover 
{
	background-color: #E8F3FF;
}

.rr
{
	background-color:#E8F3FF;
}

.rt
{
	background-color:#FFFFFF;
}


/*===================== list2 ===================== */

#list2
{
	width:100%;
	border:10px solid #FFF;
	border-top:5px solid #FFF;
	border-bottom:5px solid #FFF;
	border-collapse:separate;
}

#list2 td
{
	border:1px solid #555;
	color:#555;
	vertical-align:middle;
	text-align:center;
	padding:0  !important;
}

#list2 table
{
	border:1px solid #FFF;
}

#list2 table td
{
	border:1px solid #999;
	padding:5 8 3 8!important;
}

#list_t2 tbody th
{
	text-align:right;
	font-weight:lighter;
	font-size:12px;
	border:1px solid #999;
	color:#555;
}

#list_t2 thead
{
	background-color:#DDD;
}

#list_t2 thead td
{
	color:#000;
	text-align:center;
	letter-spacing:2pt;
	cursor:pointer;
}

/*===================== detail ===================== */

#detail
{
	width:100%;
	border:1px solid #AAA;
	padding:8 5 6 8;
	background-color:#FFF;
}

#detail thead td{
position:relative;
top: expression(parentNode.parentNode.parentNode.parentNode.scrollTop); /* IE5+ only */
z-index: 20;
}

#detail_head
{
	background-color:#CCC;
	font-weight:bold;
	letter-spacing:2pt;	
}

#detail_fill
{
	font-size:95% !important;
	border:1px solid #FFF;
	border-bottom:1px solid #B5B5B5;
	color:#555;
	margin-top:-4px;
	width:100%;
}

.detail_fill
{
	font-size:95% !important;
	border:1px solid #FFF;
	border-bottom:1px solid #B5B5B5;
	color:#555;
	margin-top:-4px;
	width:100%;
}


#detail_listmenu
{
	font-size:95% !important;
	color:#555;
	margin-top:-3px;
	width:100%;
}

#detail div
{
	border-bottom:1px solid #B5B5B5;
	font-size:95% !important;
	color:#555;
}

#m_button
{
	background-color:#AAA;
}

#m_button table
{
	border:1px solid #AAA;
	background-color:#DDD;
	width:0 !important;
	border-collapse:separate;
}

#m_button table td
{
	padding:3 6 2 2;
	cursor:pointer;
	border-left:1px solid #FFF;
	border-top:1px solid #FFF;
	border-right:1px solid #888;
	border-bottom:1px solid #888;
	letter-spacing:5pt;
	color:#444;
	white-space:nowrap;
	width:0 !important;
    h: expression(onmouseover=new Function("this.style.backgroundColor='#EFEFEF'; "),
				   onmouseout=new Function("this.style.backgroundColor='#DDDDDD'; "));
}

#m_button table td:hover 
{
	background-color: #EFEFEF;
}

#m_button table img
{
	vertical-align:middle;
	margin:2 5 5 3;
}

#detaillist
{
	width:100%;
	border:1px solid #AAA;
	background-color:#FFF;	
}

#detaillist thead td
{
	padding: 5px
}

/*===================== Login ===================== */
#LoginFrame
{
	width:800px;
}

#LoginFrame tbody td
{
	height:335px;
	padding-top: 110px;
	padding-left: 71;
	background-image:url(login_m.jpg);
}

#Login
{
	width:300px;
}


#Login a
{
	color:#FFFFFF;
	text-decoration:none;
}

#Login a:hover
{
	color:#CC0000;
}


#Login td{
	padding:10px  !important;	
	height:0px !important;
	width:100%;
	background-image: none !important;
}

#Login th{
	white-space:nowrap;
	font-weight:lighter;
	font-size:15px;
	color:#FFFFFF;
}

#Login tbody input
{
	width:100%;
	border:1px solid #324158;
}


#Login tfoot td
{
	text-align:right;
}


#Login tfoot input
{
	border:1px solid #324158;
	background-color:#FFFFFF;
	padding: 4 18 0 18;
	letter-spacing: 6px;
}
