body{
margin:0;
padding:0;
overflow-x:hidden;
}

.main_content {
padding:10px;
position:absolute;
top:150px;
left:0px
}

tr th {
background-color: #162447;
text-align: center;
padding:5px;
}
tr td{
overflow:hidden;
text-overflow: ellipsis;
}
.hr_item_x>td{
padding: 5px;
overflow: hidden;
}
tr.setting td{
background-color: #FBFAFA;
}
tr.odd:hover, tr.even:hover {
background-color: #ca5116;
color:#fff;
}
tr.odd {
background-color: #f1d1d1;
}
tr.even {
background-color: #f3e1e1;
}
tr.selected {
background-color: #1f4068;
}
tr.item-checked {
background-color: #1f4068;
}
tr.sync-news, tr.sync-news td a{
color:#0113b8;	
}
tr.unconfirm-visible, tr.unconfirm-visible td a{
color:#e07b04;	
}
tr.synceven {
background-color: #FFCF73;
}
tr.syncodd {
background-color: #F9FF48;
}
table#ntb { 
border: 1px;
font-size:1.0em;
table-layout: fixed;
}
table#ntb img {
border:0px; 
}
table thead {
color:#F3F6FB;	
}
th.sortable {
cursor: pointer;
text-decoration: none;
color:#ffffff;
}
th.sortable:hover {
text-decoration: underline;
color:#fff;
}

.search_keyword{
float:left;	
width:100%;
text-align:center;
}

.search_keyword #boxSearchKeyword{
position: relative;
background-image: url(images/search.png);
padding: 0px;
margin: 0px;
background-repeat: no-repeat;
width: 310px;
height: 30px;
margin:0 auto;
}
.search_keyword #boxSearchKeyword #keyword {
font-size: 13px;
width: 200px;
padding: 3px;
background-color: transparent;
border: 0px;
left: 8px;
top: 5px;
color: #3F3F3F;
position: absolute;
}
.search_keyword #on-search-data{
display: none;
}

.field-data-x {
padding:5px;
word-break: break-all;
}

.signup-item-x td {
background-color:#FE8A00;
}

.signup-x {
color:#0000ff;
}

.main_toolbar{
width:100%;
background-color:#fff;
position:fixed;
z-index:2;
border-bottom: 1px solid #ccc;
}
#boxTopControlBar{
width:100%;
height:30px;
}
#boxTopControlBar #login_info{
left:10px;
color:#000;
float:left;
height:30px;
font-size:1.0em;
padding-top:3px;
position:absolute;
color:#000;
}
#boxTopControlBar #login_info #login{
font-size:0.9em;
}
#boxTopControlBar #login_info #logout{
font-size:0.9em;
}
#boxControlBar{
width:100%;
}
#boxControlBar #nav-left{
float:left;
padding:10px;
}
#boxControlBar #nav-left a{
margin:2px;
}
#boxControlBar #nav-right{
float:right;
font-size:0.8em;
}
#account_option{
background-image: url(images/account.png);	
width:20px;
height:20px;
float:right;
cursor:pointer;
margin:8px 10px;
}
.search_advance #boxSearchField{
text-align: center;
font-size: 0.8em;
width: 100%;
margin: 0 auto;
}
#input_advance_search{
font-size:14px;
color:#0000ff;
text-decoration: none;
position: absolute;
right:0px;
bottom:2px;
cursor:pointer;
}
#input_advance_search:hover{
color:#ff0000;
text-decoration: underline;
}

/* .signup-report-x{
text-decoration: underline;
font-size:0.9em;
color:#00005c;
cursor: pointer;
} */

.project-edit-x {
box-shadow:inset 0px 1px 0px 0px #9acc85;
background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
background-color:#74ad5a;
border:1px solid #3b6e22;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:13px;
font-weight:bold;
padding:2px 4px;
text-decoration:none;
margin:5px;
}
.prohect-edit-x:hover {
background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
background-color:#68a54b;
}
.project-edit-x:active {
position:relative;
top:1px;
}

.project-repair-x {
box-shadow:inset 0px 1px 0px 0px #9acc85;
background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
background-color:#74ad5a;
border:1px solid #3b6e22;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:13px;
font-weight:bold;
padding:2px 4px;
text-decoration:none;
margin:5px;
}
.prohect-repair-x:hover {
background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
background-color:#68a54b;
}
.project-repair-x:active {
position:relative;
top:1px;
}

.project-review-x {
box-shadow:inset 0px 1px 0px 0px #9acc85;
background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
background-color:#74ad5a;
border:1px solid #3b6e22;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:13px;
font-weight:bold;
padding:2px 4px;
text-decoration:none;
margin:5px;
}
.prohect-review-x:hover {
background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
background-color:#68a54b;
}
.project-review-x:active {
position:relative;
top:1px;
}

.project-export-x {
box-shadow:inset 0px 1px 0px 0px #9acc85;
background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
background-color:#74ad5a;
border:1px solid #3b6e22;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:13px;
font-weight:bold;
padding:2px 4px;
text-decoration:none;
margin:5px;
}
.project-export-x:hover {
background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
background-color:#68a54b;
}
.project-export-x:active {
position:relative;
top:1px;
}

.project-delete-x {
box-shadow:inset 0px 1px 0px 0px #fc8210;
background:linear-gradient(to bottom, #fc8210 5%, #bb3b0e 100%);
background-color:#fc8210;
border:1px solid #bb3b0e;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:13px;
font-weight:bold;
padding:2px 4px;
text-decoration:none;
margin:5px;
}
.project-delete-x:hover {
background:linear-gradient(to bottom, #fc8210 5%, #bb3b0e 100%);
background-color:#fc8210;
}
.project-delete-x:active {
position:relative;
top:1px;
}

span.btn {
/* width: 60px;
height: 16px; */
font-size: 0.8em;
text-align: center;
text-decoration: none;
color: #B1B1B1;
margin: 1px;
/*background: url(../img/tdbutton.png) left no-repeat;*/
border: 1px solid #ccc;
border-radius: 5px;
padding: 2px 5px;
margin: 3px;
cursor: pointer;
}
span.btn a{
text-decoration:none;
color:#656565;
}
span.btn a:hover{
text-decoration:none;
color:#A40000;
}
span.btn a:focus{
text-decoration:none;
color:#A40000;
}
span.btn.disablebtn a{
text-decoration:none;
color:#d5d5d5;
}
span.btn.disablebtn a:hover{
text-decoration:none;
color:#d5d5d5;
}
span.btn.disablebtn a:focus{
text-decoration:none;
color:#d5d5d5;
}
.export-table-x td{
padding:5px;
}
.user_upload_file {
/* position: relative; */
-moz-box-shadow: inset 0px 39px 0px -24px #e67a73;
-webkit-box-shadow: inset 0px 39px 0px -24px #e67a73;
box-shadow: inset 0px 39px 0px -24px #e67a73;
background-color: #e4685d;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #ffffff;
display: inline-block;
cursor: pointer;
color: #ffffff;
font-family: Arial;
font-size: 14px;
padding: 3px;
text-decoration: none;
text-shadow: 0px 1px 0px #b23e35;
}
.file-list-x{
padding: 15px;
margin: 5px;
word-break: break-word;
}
.project-review-comment-x{
width:80%;
margin:5px;
height:100px;
}
.project-review-confirm-x{
width:80%; 
margin:5px;   
}