* {
	margin: 0;
	padding: 0;
}

body, th, td {
	font-family: Tahoma, "MS Sans Serif";;
	font-size: 11px;
	color: #000;
}
a {
	color: #069;
}
a:link, a:visited, a:active {
	text-decoration: none;
}
a: hover {
	text-decoration: underline;
}

img {
	border: none;
	-ms-interpolation-mode: bicubic;
}
.preload { 
	display: block; 
	background: #fff url(../IMAGES/EMPVIEW/LOADING.gif) no-repeat 50% 50%; 
}
/*---------------------------------------------------
 Table Contents : Vertical style
-----------------------------------------------------*/
.table-content {
	color: #000;
	font-size: 11px;
	background: #FFF;
}
.table-content td a, .table-content td a:visited {
	color: #000;
	text-decoration: underline;
}
.table-content .column-label, .table-content .column-nolabel {
	background: #CADCE6;
	/*font-weight: bold;*/
	text-align: right;
	vertical-align: text-top;
	padding: 0 6px;
	line-height: 20px;
}
.table-content .column-label-left, .table-content .column-nolabel {
	background: #CADCE6;
	font-weight: bold;
	text-align: left;
	vertical-align: text-top;
	padding: 0 6px;
	line-height: 20px;
}
.table-content .column-label:after { 
	content: " : "; 
}
.table-content .column-text {
	background: #F4F4F4;
	font-weight: normal;
	padding: 0 6px;
	line-height: 20px;
}
.table-content .column-input {
	background: #F4F4F4;
	padding: 0;
	line-height: 20px;
}
/*---------------------------------------------------
 Table Contents 2 : Horizontal style
-----------------------------------------------------*/
.table-content-list {
	color: #000;
	font-size: 11px;
	background: #FFF;
}
.table-content-list td a, .table-content-list td a:visited {
	color: #000;
	text-decoration: underline;
}
.table-content .column-header, .table-content-list .column-header { 
	background: #CADCE6;
	font-weight: bold;
	text-align: center;
	padding: 0 2px;
	line-height: 20px;
}
.table-content-list .column-header-left {
	background: #CADCE6;
	font-weight: bold;
	text-align: left;
	padding: 0 6px;
}
.table-content-list .column-header-right {
	background: #CADCE6;
	font-weight: bold;
	text-align: right;
	padding: 0 6px;
}
.table-content-list .column-text {
	background: #F4F4F4;
	font-weight: normal;
	padding: 0 6px;
	line-height: 20px;
}
.table-content-list .column-text-center {
	background: #F4F4F4;
	font-weight: normal;
	text-align: center;
	padding: 0 6px;
	line-height: 20px;
}
.table-content-list .column-text-right {
	background: #F4F4F4;
	font-weight: normal;
	text-align: right;
	padding: 0 6px;
	line-height: 20px;
}
p.indent {
	margin: 0;
	padding: 5px 5px 10px 5px;
	text-indent: 20px
}
.content-header {
	margin: 0;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	border-collapse: separate;
	background: url(../IMAGES/EMPVIEW/CONTENT-HEADER-BG-2.gif) top left repeat-x;
}
.content-header h2 {
	margin: 0;
	padding: 0 10px 13px 35px;
	background: url(../IMAGES/EMPVIEW/CONTENT-HEADER-BG.gif) top left no-repeat;
	white-space: nowrap;
	font-size: 11px;
	font-weight: bold;
}
.content-title {
	padding: 0 10px;
	background: #DDD;
	font-size: 11px;
	font-weight: bold;
	line-height: 22px;
}.content-title3 {
	padding: 0 10px;
	background: #DDD;
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;
}
.content-title2 {
	padding: 0 10px;
	background: #EFEFEF;
	font-size: 11px;
	font-weight: bold;
	line-height: 22px;
}
.content-footer {
	margin: 0;
	padding: 0;
	height: 3px;
	line-height: 3px;
	font-size: 3px;
	background: #1A9DD2;
}
.remarks {
	padding: 0 5px;
}
/*----------------------------------------------------------------------*/
.content-box {
	margin: 5px 0 15px 0;
	border: 1px solid #000;
	font-size: 11px;
	color: #000;
}
content-box p {
	margin: 0;
	padding: 5px 5px 10px 5px;
}

ul.bullet-arrow-blue li {
	background: url(../IMAGES/EMPVIEW/BULLETS/BULLET-ARROW-BLUE.gif) 5px center no-repeat;
	text-indent: 25px;
	padding-left: 10px;
}
ul.bullet-arrow-orange li {
	background: url(../IMAGES/EMPVIEW/BULLETS/BULLET-ARROW-ORANGE.gif) 5px center no-repeat;
	text-indent: 25px;
}

/*=
--------------------------------------------------------------------------------------*/
.content-box1 {
	margin: 5px 0 15px 0;
	border: 1px solid #000;
	font-size: 11px;
	color: #000;
}
.content-box1 p,.content-box2 p {
	margin: 0;
	padding: 5px 5px 10px 5px;
}
/*---------------------------------------------------
 Listing Contents
-----------------------------------------------------*/
.content-box2 li {
	line-height: 17px;
}
.content-box2 {
	margin: 5px 0 15px 0;
	padding: 0px;
	border: 1px solid #000;
	background: #CADCE6;
	font-size: 11px;
	color: #000;
}
.content-box2 ol {
	list-style-position: inside;
	list-style-type: decimal;
	margin: 10px 10px 20px 5px;
}
.content-box2 ol li {
	margin: 3px 5px;
	padding: 0 10px 0px 10px;
}
.content-box2 ul {
	list-style-type: none;
	margin: 10px 10px 20px 10px;
}
.content-box2 ul li {
	background: url(../IMAGES/EMPVIEW/BULLETS/BULLET-ARROW-BLUE.gif) left center no-repeat;
	text-indent: 20px;
}
.content-box2 li a {
	color: #000;
	text-decoration: none;
}
.content-box2 li a {
	color: #000;
	text-decoration: underline;
}
.content-box2 li em {
	color: #0078D7;
	font-style: normal;
	font-weight: bold;
	margin: 0 3px;
}
.show-all {
	margin: 0 10px 10px 5px;
	text-align: right;
}
.show-all a {
	color: #000;
	text-decoration: underline;
}
.column-label em {
	margin-left: 5px;
	font-style: normal;
}

/*---------------------------------------------------
 FAQs
-----------------------------------------------------*/
.faq {
	padding : 0;
	margin: 0 0 20px 0;
	background: #F4F4F4;
	
	font-size: 17px;
	color: #000;
}
.faq .content-title {
	color: #000;
	margin: 0;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	padding: 2px 5px 2px 25px;
	background: #CADCE6 url(../IMAGES/EMPVIEW/BULLETS/BULLET-FAQ-Q.gif) 5px center no-repeat;
}
.faq .content-title2 {
	color: #000;	
	margin: 0;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	padding: 2px 5px 2px 25px;
	background: #CADCE6 url(../IMAGES/EMPVIEW/BULLETS/BULLET-ARROW-BLUE.gif) 5px center no-repeat;
}
.faq p {
	margin: 0;
	padding: 5px 5px 10px 5px;
}

/*---------------------------------------------------
 Form elements
-----------------------------------------------------*/
input, select, textarea {
	font-size: 13px;
}

div.holiday {
	background: url(../IMAGES/EMPVIEW/CALENDAR.jpg) left top no-repeat;
	height: 570px;
	margin: 0;
}
div.holiday div {
	margin: 0 auto auto 0;
	padding: 160px 10px 5px 10px;
	width: 165px;
	white-space: nowrap;

}
div.holiday li {
	list-style: none;

} 

.linkimage {
	background: url(../IMAGES/EMPVIEW/BULLETS/ICON-ATTACH.gif) 2px center no-repeat;
	padding-left: 20px;
}



.box-search-condition {
	border: 1px solid #000;
	margin-bottom: 20px;
}
.box-search-condition .content-title {
	padding: 0 5px;
	background: #CADCE6;
	border-bottom: 1px solid #000;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	color: #000;
	line-height: 20px;
}

.table-search-condition {
	background: #FFF;
	color: #000;
	margin: auto;
}
.table-search-condition .column-input {
	padding: 0 5px 0 0px;
	background: #F4F4F4;
	line-height: 20px;
}
.table-search-condition .column-label {
	padding: 0 5px 0 0px;
	background: #F4F4F4;
	text-align: right;
	line-height: 20px;
}
/*remove by james
.column-label label {
	padding-right: 20px;
	background: #F4F4F4;
	text-align: right;
}*/

/* =Help
-----------------------------------------------------*/
.table-help-condition {
	/*background: #FFF;*/
	color: #000;
	margin: 0 auto;
}
.table-help-condition .column-input {
	padding: 0 5px 0 0px;
}
.table-help-condition .column-label {
	padding: 0 5px 0 0px;
}
.table-help-condition label {
	padding-right: 20px; 
}
#searchinfo {
	margin: 5px auto 5px auto;
}
#searchinfo #recordfound {
	text-align: left;
	padding: 0;
	float: left;
	line-height: 20px;
}
#searchinfo #pagetag {
	text-align: right;
	padding: 0;
	float: right;
	line-height: 20px;
}
#pagetag img, #pagetag a {
	height: 14px;
	width: 14px;
	border: 0 none;
}
#pagetag select {
	line-height: 20px;
	font-size: 12px;
	height: 16px;
}
#searchinfo select {
	font-size: 12px;
}
.table-help-list {
	margin: 0px auto 10px auto;
	font-size: 11px;
}
.table-help-list .column-header {
	background-color: #CADCE6;
	color: #000;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	padding: 0 3px 0 3px;
}
.table-help-list .column-text {
	padding: 0 3px 0 3px;
	background-color: #F4F4F4;
	color: #000;
	text-align: left;
	line-height: 18px;
}
.table-help-list .column-text-right {
	padding: 0 3px 0 3px;
	background-color: #F4F4F4;
	color: #000;
	text-align: right;
	line-height: 18px;
}
.table-help-list .column-text-center {
	padding: 0 3px 0 3px;
	background-color: #F4F4F4;
	color: #000;
	text-align: center;
	line-height: 18px;
}
.table-help-list a {
	color: #000;
	text-decoration: underline !important;
}


.table-content2 {
	color: #000;
	line-height: 20px;
	font-size: 11px;
	background: #FFF;
}
.table-content2 td a, .table-content2 td a: visited {
	color: #000;
	text-decoration: underline;
}
.table-content2 .column-label {
	background: #F4F4F4;
	font-weight: bold;
	text-align: right;
	padding: 0 6px;
}
.table-content2 .column-text {
	background: #F4F4F4;
	font-weight: normal;
	padding: 0 6px;
}
.table-content2 .column-input {
	background: #F4F4F4;
	padding: 0;
}

.content-group1{
	text-indent: 0px;
	margin: auto auto 10px auto;
}
.content-group2{
	text-indent: 10px;
}
.content-group1 ol {
	margin: auto auto auto 25px;
}

.link-attach {
	background: url(../IMAGES/EMPVIEW/BULLETS/ICON-ATTACH.gif) 2px center no-repeat;
	padding-left: 20px;
	line-height: 17px;
}
li em {
	color: #0078D7;
	font-style: normal;
	margin: 0 3px;
}
li em span {
	color: #000 !important;
	font-weight: normal;
}
li em a {
	color: #000;
	font-weight: bold;
	text-decoration: underline !important;
}

.left {
	text-align: left !important;
}
.center {
	text-align: center !important;
}
.right {
	text-align: right !important;
}
.strong {
	font-weight: bold !important;
}
.padding {
	padding: 10px !important;
}


#toolTipLayer {
	background: #D7EBFF;
	z-index: 2001;
}

.table-list {}
.table-list td, table-list th {
	line-height: 17px;
}
.table-list .column-header {
	font-weight: bold;
	text-align: center;
}
.table-list .column-text {}

.word_wrap {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}