/** Override HTML Tag **/ /* Body */
body {
	
}

/* All Input Font */
input {
	font-family: Arial;
	font-size: 12px;
	border: solid 1px;
}

/* Select Font (List) */
select {
	font-family: Arial;
	font-size: 12px;
}

/**
 *  Table Style
 *
 **/ /* Table Cell Header Font */
th {
	font-family: Arial;
	font-size: 12px;
	height: 25px;
	color: #FFFFFF;
	background-color: #01826e;
}

/* Table Cell Font */
td {
	font-family: Arial;
	font-size: 12px;
}

/* Table Cell Header Font */
.thheader {
	font-family: Arial;
	font-size: 12px;
	height: 25px;
	color: #FFFFFF;
	background-color: #01826e;
}

/* Table Cell Font */
.gridbody {
	background-color: #e7e7e7;
}

/** End Overide HTML Tag **/ /**
 *  Input Style
 *
 **/ /* Normal Button */
.button {
	font-family: Arial;
	font-size: 12px;
	height: 25px;
	width: 75px;
	border: solid 1px;
	background-color: #e7e7e7;
	color: black;
}

/* When Button clicked */ /*
.button:active
{
	background-color: #ff0000; 
}
*/ /* Small Button */
.smallbutton {
	font-family: Arial;
	font-size: 12px;
	height: 25px;
	width: 40px;
	border: solid 1px #bbbbbb;
}

/* Large Button */
.largeButton {
	font-family: Arial;
	font-size: 12px;
	height: 25px;
	width: 100px;
	border: solid 1px #bbbbbb;
}

/* Dialog Button */
.dialogButton {
	font-family: Arial;
	font-size: 12px;
	width: 17;
	font-size: 10pt;
	border: solid 1px;
	background-color: #e7e7e7;
	color: black;
}

/* Left align text */
.textBoxLeft {
	text-align: left;
	border-style: groove;
}

/* Center align text */
.textBoxCenter {
	text-align: center;
	border-style: groove;
}

/* Right align text */
.textBoxRight {
	text-align: right;
	border-style: groove;
}

/* Mandatory Left align text */
.mandatoryTextBoxLeft {
	text-align: left;
	background-color: #ffffe0;
	border-style: groove;
}

/* Mandatory Center align text */
.mandatoryTextBoxCenter {
	text-align: center;
	background-color: #ffffe0;
	border-style: groove;
}

/* Mandatory Right align text */
.mandatoryTextBoxRight {
	text-align: right;
	background-color: #ffffe0;
	border-style: groove;
}

/* Optional Left align text */
.optionalTextBoxLeft {
	text-align: left;
	background-color: #ffffff;
	border-style: groove;
}

/* Optional Center align text */
.optionalTextBoxCenter {
	text-align: center;
	background-color: #ffffff;
	border-style: groove;
}

/* Optional Right align text */
.optionalTextBoxRight {
	text-align: right;
	background-color: #ffffff;
	border-style: groove;
}

/* ReadOnly Left align text*/
.readonlyTextBoxLeft {
	text-align: left;
	background-color: #e7e7e7;
	border-style: groove;
}

/* ReadOnly Left align text*/
.readonlyTextBoxLeftWithNoBorder {
	text-align: left;
	background-color: #e7e7e7;
	border-style: none;
}


/* ReadOnly right align text*/
.readonlyTextBoxRight {
	text-align: right;
	background-color: #e7e7e7;
	border-style: groove;
}

/* Header of some content */
.header {
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

/* Caption of Login Page */
.captionlogin {
	font-family: Arial;
	font-size: 20px;
	color: #0B5189;
	font-weight: bold;
}

/* Caption of AP-WORKS Login */
.captionAPWORKS {
	font-family: Arial;
	font-size: 24px;
	color: #0B5189;
	font-weight: bold;
}

/* Caption of Header */
.captionheader {
	font-family: Arial;
	font-size: 12px;
	color: #0B5189;
	font-weight: bold;
}

/* Caption of some content */
.caption {
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}

/* Caption of Critical & Timeout*/
.captionError {
	font-family: Arial;
	font-size: 24px;
	font-weight: bold;
}

/* menubar */
.menu {
	background-color: #01826e;
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
}

/**
*	a href
*
**/ /* Link  */
.alink {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

/**
*	AJAX style
*
**/ /* Hidden value */
.hidden {
	display: none;
}

/* Visible value */
.visible {
	visibility: visible;
}

/* Invisible value */
.invisible {
	visibility: hidden;
}

/**
*	Error Style
* 
**/ /* Error */
.error {
	font-family: Arial;
	font-size: 14px;
}

/**
*	Layout Styles
*
**/
.pageHeader {
	font-family: serif;
	font-size: 30px;
	font-weight: bold;
}

.pageDialogHeader {
	font-family: serif;
	font-size: 16px;
	font-weight: bold;
}

.leftAlignment {
	margin-left: 10%;
}

/* Disable color */
.disableCombo {
	background-color: #afeeee;
}