﻿* 
{
    padding:0px ;
    margin:0px;
    font-family:Arial;
}

body{
	font-size:14px;
}


.centeredContent
{
	width: 1259px;
	margin: auto;
}

.notes
{
  font-family:SimSun;
  font-size:12px;
  /*padding-bottom:10px;*/
  margin-bottom:10px;
}

.font12
{
	font-size:12px;
}

.font14
{
	font-size:14px;
}

.center{
	margin-left:auto;
	margin-right:auto;
}

.floatLeft
{
 float:left;
}

.floatRight
{
 float:right;
}

.clearFloat{
	clear:both;
}

td{
	padding-left:0px;
}

.paddingLeft{
	padding-left:50px;
}
.ulLiFloatLeft li{
	float:left;
	padding:10px;
}

li
{
    list-style:none;
}


.divMain
{
    width:860px;
    height:620px;
    background-image:url(Image/Background.png);
    background-repeat:no-repeat;
    padding:10px;
    
}

.divRemarks
{
    padding:5px;
    width:700px;
}

.divContent
{
    padding:10px;
}


.UlPadding
{
    padding-top:20px;
}

.UlPadding li
{
    margin:25px 0;
}

.UlLeftPadding
{
    margin-left:20px;
}

.UlLeftPadding ul
{
    margin:20px 0;
}

.UlLeftPadding li
{
    margin:5px 0;
}


.textBoxX
{
    width:250px;
    
}


.textBox
{
    width:150px;
    
}
.textBoxSmall
{
    width:110px;
    
}


.tableVerticaTop td
{
    vertical-align:top;
}

.tableHorizontalPadding td{
	padding-left:0px;
	padding-right:0px;
	
}

.tableVerticaPadding td
{
    padding-top:0px;
    padding-bottom:0px;
    
}


.tdTextRight
{
    text-align:right;
}

/* button */
.btnConfirm{
	background-image:url(Image/Confirm.png); 
	cursor:pointer;
	width:48px; 
	height:48px;
	display:block;
}

.btnCancel{
	background-image:url(Image/Cancel.png); 
	cursor:pointer;
	width:48px; 
	height:48px;
	display:block;
}


/* Login Page */

.width500
{
    width:500px;
}
#divFormDownLoad
{
    margin:5px 0px;
}


/*Home Page*/
.buttonFormSubmit
{
    width:330px;
    height:35px;
}

.tableInputCaseNo
{
	margin:30px;
	
}

.buttonPadding
{
	height:35px;
	padding-left:0px;
	padding-right:0px;
}

/*Download Page*/

.buttonFormDownload
{
    width:250px;
    height:35px;
}

/* Upload.aspx */
.tdReset{
 padding-left:50px;
}

.width150
{
    width:150px;
}
.divMainUpload
{
    width:760px;
    height:600px;
    background-image:url(Image/Background.png);
    background-repeat:no-repeat;
    
}

/* ChangePassword.aspx */
.divMainChangePassword
{
    width:450px;
    height:210px;
    padding:20px;
    background:#b5cb85;
    
}



.divLeftMain,.divRightMain {
	background-color:Transparent;
 
	float:left;
	height:100%;
	min-width:129px;
	width:135px;

	min-height:1px;
    height:auto;	 
}


/* ----------------- Search Result GridView -------------*/

.SearchResultGridView{
	
	border-width:thin;
    font-size :12px;
    width:98%;
    height: 25px; 
    margin-left:1%;  
}

.SearchResultGridView select, 
.SearchResultGridView input, 
.SearchResultGridView span,
.SearchResultGridView a{
 font-size:12px;
	
}

.SearchResultGridViewHead
{
	text-decoration: none;
	font-size: 12px;
	color: #FFFFFF;
	font-family: Arial;
	background-color: #526823;
	text-align: center;
	height: 25px;
	font-weight: normal;

}

.SearchResultGridViewHead a
{
	text-decoration: none;
	color: #FFFFFF;
}


.SearchResultGridViewRow{

	font-weight: normal;
	font-size: 12px;
	font-family: Arial;
	text-align: center;
	vertical-align: middle;
	width: 95%;
	height: 25px;
}

.SearchResultGridViewRowAlt
{
	font-size: 12px;
	font-family: Arial;
	background-color: #E6FFE6;
	vertical-align: middle;
	text-align: center;
	height: 25px;
}

.SearchResultGridViewRowMouseOver
{
	text-align: center;
	vertical-align: middle;
	height: 25px;
	cursor: pointer;
	background-color: #FFDDFF;
}


::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #FCFCFC;
}

/* Buttons */
::-webkit-scrollbar-button:single-button {
  background-color: #FCFCFC;
  display: block;
  border-style: solid;
  height: 8px;
  width: 8px;
}

/* Up */
::-webkit-scrollbar-button:single-button:vertical:decrement
{
  border-color: transparent transparent #404040 transparent;
}

::-webkit-scrollbar-button:single-button:vertical:decrement:hover
{
  border-color: transparent transparent #505050 transparent;
}


/* Down */
::-webkit-scrollbar-button:single-button:vertical:increment
{
  border-color: #404040 transparent transparent transparent;
}

::-webkit-scrollbar-button:single-button:vertical:increment:hover
{
  border-color: #505050 transparent transparent transparent;
}


/* Left */
::-webkit-scrollbar-button:single-button:horizontal:decrement
{
  border-color: transparent #404040 transparent transparent;
}

::-webkit-scrollbar-button:single-button:horizontal:decrement:hover
{
  border-color: transparent #505050 transparent transparent;
}


/* Right */
::-webkit-scrollbar-button:single-button:horizontal:increment
{
  border-color: transparent transparent transparent #404040;
}

::-webkit-scrollbar-button:single-button:horizontal:increment:hover
{
  border-color: transparent transparent transparent #505050;
}


::-webkit-scrollbar-thumb {
  background: #8B8B8B;
  border-radius: 20px;
}

::-webkit-scrollbar-thumb:hover {
  background: #636363;
}


textarea {
  resize: none;
}


/* ------------------------- banner and menu -----------------------------*/
.MenuBarDetail{
  background-color: #526823;
  visibility:hidden;
  color:#FFF;
  position:absolute;
     
}

.MenuBarDetail a ,.MenuBarDetail a:visited,.MenuBarDetail a:active
{  
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	padding:5px 18px 5px 18px;
	display:block;
	font-family:@Arial;
}

.MenuBarDetail a:hover
{
	color: #FFFF00;
}

#banner {
	width: 1259px;
}


.Menu {
	width: 100%;
	height: 27px;
	/*background-image:url(Image/Manual.png);*/
	background: #8FAA4D;
	background-repeat: repeat-x;
}

.Menu li{
	float:left;
	padding:0px;
	height:27px;
}

.Menu .Home{
	display:block;
	/*background-image:url(Image/ManualHome.png); */
	background-repeat:no-repeat; 
	/*width:72px; */
	height:27px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	align-content:center;
	font-size: 16px;
	font-weight: bold;
}

.Menu .Home:hover{
	display:block;
	background-repeat:no-repeat; 
	/*width:72px; */
	height:27px;
	padding-left:10px;
	padding-right:10px;
	background-color: #57672E;
	text-decoration: none;
	text-align: center;
	align-content:center;
	font-size: 16px;
	font-weight: bold;
	/*background-image:url(Image/ManualHome_Selected.png); */
}

.Menu .Inbox{
	display:block;
	/*background-image:url(Image/ManualInbox.png); */
	background-repeat:no-repeat;
	/*width:72px; */
	height:27px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	align-content:center;
	font-size: 16px;
	font-weight: bold;
}

.Menu .Inbox:hover{
	display:block;
	background-repeat:no-repeat; 
	/*width:72px; */
	height:27px;
	padding-left:10px;
	padding-right:10px;
	background-color: #57672E;
	text-decoration: none;
	text-align: center;
	align-content:center;
	font-size: 16px;
	font-weight: bold;
	/*background-image:url(Image/ManualInbox_Selected.png); */
}

.Menu .NewSubmission{
	display:block;
	/*background-image:url(Image/ManualNewSubmission.png);*/ 
	background-repeat:no-repeat; 
	/*width: 133px;*/ 
	height:27px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	align-content:center;
	font-size: 16px;
	font-weight: bold;
}

.Menu .NewSubmission:hover{
	display:block;
	background-repeat:no-repeat; 
	/*width: 133px;*/ 
	height:27px;
	padding-left:10px;
	padding-right:10px;
	background-color: #57672E;
	text-decoration: none;
	text-align: center;
	align-content:center;
	font-size: 16px;
	font-weight: bold;
	/*background-image:url(Image/ManualNewSubmission_Selected.png);*/ 
}

.Menu .SubmittedRecords{
	display:block;
	/*background-image:url(Image/ManualSubmittedRecords.png); */
	background-repeat:no-repeat; 
	/*width:153px; */
	height:27px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	align-content:center;
	font-size: 16px;
	font-weight: bold;
}

.Menu .SubmittedRecords:hover{
	display:block;
	background-repeat:no-repeat; 
	/*width:153px; */
	height:27px;
	padding-left:10px;
	padding-right:10px;
	background-color: #57672E;
	text-decoration: none;
	text-align: center;
	align-content:center;
	font-size: 16px;
	font-weight: bold;
	/*background-image:url(Image/ManualSubmittedRecords_Selected.png); */
}

.Menu .CaseAssignment{
	display:block;
	/*background-image:url(Image/ManualCaseAssignment.png);*/ 
	background-repeat:no-repeat; 
	/*width:143px; */
	height:27px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	align-content:center;
	font-size: 16px;
	font-weight: bold;
}

.Menu .CaseAssignment:hover{
	display:block;
	background-repeat:no-repeat; 
	/*width:143px; */
	height:27px;
	padding-left:10px;
	padding-right:10px;
	background-color: #57672E;
	text-decoration: none;
	text-align: center;
	align-content:center;
	font-size: 16px;
	font-weight: bold;
	/*background-image:url(Image/ManualCaseAssignment_Selected.png);*/ 
}

.Menu .StaffAccounts{
	display:block;
	/*background-image:url('Image/ManualStaffAccounts.png');*/
	background-repeat:no-repeat; 
	/*width:117px; */
	height:27px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	align-content:center;
	font-size: 16px;
	font-weight: bold;
}

.Menu .StaffAccounts:hover {
	display:block;
	background-repeat:no-repeat; 
	/*width:117px; */
	height:27px;
	padding-left:10px;
	padding-right:10px;
	background-color: #57672E;
	text-decoration: none;
	text-align: center;
	align-content:center;
	font-size: 16px;
	font-weight: bold;
	/*background-image:url(Image/ManualStaffAccounts_Selected.png);*/
}

/*----------------------- Toolbar -------------------------*/

/*table Allocation*/



.columnFieldMain {
	text-align: right;
	float: left;
	min-height: 22px;
	padding-right: 10px;
	width: 150px;
}

.columnFieldTextLeft {
	text-align: left;
	min-height: 25px;
	float: left;
	width: 135px;
}


.columnFieldMain3 {
	text-align: right;
	float: left;
	min-height: 22px;
	padding-right: 10px;
	width: auto;
	/*background:gray;*/
}


.columnContentMain {
	text-align: left;
	min-height: 25px;
	font-weight: bold;
	float: left;
	width: 750px;
}


.columnContentMain2 {
	text-align: left;
	min-height: 25px;
	font-weight: bold;
	float: left;
	width: 175px;
	/*    background:red;     */
}

.columnContentMain3 {
	text-align: left;
	min-height: 25px;
	font-weight: bold;
	float: left;
	padding-right: 8px;
	/*    background:red;     */
}


/*Double*/
.columnFieldDouble {
	text-align: right;
	float: left;
	min-height: 22px;
	width: 120px;
	padding-right: 10px;
}

.columnContentDouble {
	text-align: left;
	min-height: 25px;
	font-weight: bold;
	width: 410px;
	float: left;
	padding-left: 5px;
}

.columnContentDouble2 {
	padding-left: 5px;
	text-align: left;
	min-height: 25px;
	font-weight: bold;
	width: 145px;
	float: left;
}




/*Single*/



.Row {
	padding-top: 3px;
	padding-bottom: 3px;
	clear: both;
}

.columnFieldSingle {
	text-align: right;
	float: left;
	min-height: 22px;
	width: 130px;
	padding-right: 10px;
}

.columnContentSingle {
	text-align: left;
	min-height: 25px;
	font-weight: bold;
	width: 480px;
	float: left;
	padding-left: 5px;
}

.columnContentSingle2 {
	padding-left: 5px;
	text-align: left;
	min-height: 25px;
	font-weight: bold;
	width: 180px;
	float: left;
}




.columnContentSingle3 {
	padding-left: 5px;
	text-align: left;
	min-height: 25px;
	font-weight: bold;
	width: auto;
	float: left;
}


.columnContentSingle *, columnContentDouble *, .columnContentSingle2 *, columnContentDouble2 *, columnContentMain3 * {
	margin-left: 0px;
}

.columnContentSingle span, .columnContentSingle2 span, .columnContentDouble span, columnContentDouble2 span,
.columnContentSingle3 span {
	margin-left: 5px;
}

.columnContentSingle select, .columnContentSingle2 select, .columnContentDouble select, .columnContentDouble2 select {
	margin-left: 0px;
}

.fielsetSelect .columnContentSingle select,
.fielsetSelect .columnContentSingle2 select,
.fielsetSelect .columnContentDouble select,
.fielsetSelect .columnContentDouble2 select {
	margin-left: 0px;
}


.panelView .columnContentSingle, .panelView .columnContentSingle2, .panelView .columnContentSingle3 {
	color: #bbbbbb;
}


.p {
	display: inline-block;
	color: #999999;
}


/* ------- End table Allocation ----------*/

/* case */
.fieldset {
	margin: 10px;
	padding: 10px;
	-moz-border-radius: 8px;
	/* Fix Chrome */
	min-width: inherit;
}

.fieldset fieldset {
	padding: 10px 5px;
	-moz-border-radius: 8px;
	/* Fix Chrome */
	min-width: inherit;
}

.fieldset select {
	margin-left: 5px;
}


fieldset legend {
	font-size: 16px;
	font-weight: 600;
	color: #506ba2;
}

/* Checkbox */

.checkBoxList input {
	margin-left: 2px;
	margin-right: 15px;
}

.checkBoxList label {
	margin-left: 2px;
	margin-right: 15px;
}

/* tab style sheet */
.MyTabContainerCSS .ajax__tab_header {
	font-family: Arial,verdana,tahoma,helvetica;
	font-size: 14px;
	background: url(Image/tab-line.gif) repeat-x bottom;
}

.MyTabContainerCSS .ajax__tab_outer {
	padding-right: 0px;
	background: url(Image/tab-right.gif) no-repeat right;
	height: 21px;
}

.MyTabContainerCSS .ajax__tab_inner {
	padding-left: 3px;
	background: url(Image/tab-left.gif) no-repeat;
}

.MyTabContainerCSS .ajax__tab_tab {
	height: 13px;
	padding: 4px;
	margin: 0;
	background: url(Image/tab.gif) repeat-x;
}

.MyTabContainerCSS .ajax__tab_hover .ajax__tab_outer {
	background: url(Image/tab-hover-right.gif) no-repeat right;
}

.MyTabContainerCSS .ajax__tab_hover .ajax__tab_inner {
	background: url(Image/tab-hover-left.gif) no-repeat;
}

.MyTabContainerCSS .ajax__tab_hover .ajax__tab_tab {
	background: url(Image/tab-hover.gif) repeat-x;
}

.MyTabContainerCSS .ajax__tab_active .ajax__tab_outer {
	background: url(Image/tab-active-right.gif) no-repeat right;
}

.MyTabContainerCSS .ajax__tab_active .ajax__tab_inner {
	background: url(Image/tab-active-left.gif) no-repeat;
}

.MyTabContainerCSS .ajax__tab_active .ajax__tab_tab {
	background: url(Image/tab-active.gif) repeat-x;
}

.MyTabContainerCSS .ajax__tab_body {
	font-family: Arial,verdana,tahoma,helvetica;
	border: 1px solid #999999;
	border-top: 0;
	padding: 8px;
	background-color: #ffffff;
}


.table {
	border-collapse: collapse;
	width: 100%;
}

.table td {
	border: solid #000;
	border-width: 1px !important;
	padding: 2px 4px;
	/*text-align:center;*/
}

.table th {
	border: solid #000;
	border-width: 1px;
	padding: 2px;
	background-color: #ebeadb;
}
