@charset "UTF-8";

/*-----------------------------------------------------------------------------
File name : LAYOUT-TWO.css
Description : Style for two-columns page layout 
Version :   1.0
Author :    James
Date : 
-----------------------------------------------------------------------------*/
body {
	background: #BEBFC0 url(../IMAGES/EMPVIEW/BG.gif) repeat;
	text-align: center;
}

/* =Page Wrapper
-------------------------------------------------*/
#wrapper {
	background: #FFFFFF /*url(../IMAGES/EMPVIEW/BG_SIDEBAR_206.gif) repeat-y */;
}

#container {
}

/* =Main Content
-----------------------------------------------------------------------------*/
#content {
	/*margin: 10px 15px 0 215px;*/
	padding: 0;
	/*width: 735px;*/
	/*float: right;*/
	background: #FFFFFF;
	height: auto;
	/* edit by pas �����������ö��ҹ��Ѻ IE 6 ����*/
	margin: 10px 15px 10px 10px;
	float:center;
	width: 98%;
}

/* =Side Bar
-----------------------------------------------------------------------------*/
#sidebar {
	width: 200px;
	float: left;
	font-size: 11px;
	line-height: 16px;
	padding: 0 0 30px 0;
	/*position: absolute;*/
}
#sidebar a {
	color: #FFFFFF;
}
#sidebar .user-info {
	margin: 0;
	padding: 10px;
	background: #2583D6 url(../IMAGES/EMPVIEW/BOX_P.gif) left top no-repeat;
	color: #000000;
	text-align: center;
}
.user-info .employee-pic {
	padding: 0 0 5px 0;
}
.user-info .username {
	font-weight: bold;
}
.user-info .admin-menu {
	font-weight: bold;
	color: #FFFFFF;
}
.user-info .admin-menu a {
	padding: 0 4px;
	color: #FFFFFF;
}

#sidebar .box-gray-left {
	background: #787A7B;
	margin: 0 auto;
	text-align: right;
	padding : 5px 0;
	color: #FFFFFF;
}
.box-gray-left span {
	font-weight: bold;
	margin: 0px 22px 0px 7px;
}

#sidebar .box-gray {
	background: #787A7B;
	margin: 0 auto;
	text-align: center;
	padding : 5px 0;
	color: #FFFFFF;
}
.box-gray span {
	font-weight: bold;
}
.box-gray #inbox {
	margin: 0 2px 0 5px;
}
.box-gray #pm {
	margin: 0 5px 0 2px;
}

#sidebar .left-nev {
	margin: 0;
	padding: 0px 10px 10px 10px;
	font-size: 12px;
}
#sidebar .content {
	margin: 0;
	padding: 10px 5px;
}
.left-nev ul li {
	color: #FFF;
	padding: 1px 0;
	border-bottom:1px dashed #FFF; /* ��鹻���բ�� */
	line-height: 25px; 
}
.left-nev ul li a {
	text-decoration: none;
}

#content1 {
/*
	margin: 10px 15px 0 215px;
	padding: 0;
*/
	padding: 10px 10px 0 5px;
	margin:0;
	width:82%;
	float: right;
	background: #FFFFFF;
	height: auto;
}

#content2 {
/*TREMP002 TREMP010*/
	padding: 0;
	background: #FFFFFF;
	height: auto;
	margin: 10px 10px 10px 10px;
	float:left;
	width: 825px;
}