body {	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


.dropdown{
	width:250px;
	border: 1px solid #cfcfcf;
	height: auto;
	border-radius: 5px;
	padding:3px 4px 4px;
	position: relative;
	z-index: 0;
	overflow:hidden;
	}

.dropdown select{
	border: none;
	background-color: transparent;
	outline: none;
	padding: 1px 0 0 5px;
	width:165%;
background-position: 55%;
	}
	

.tda {
    display:block;
    width:100%;
}

input {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	border: 1px solid #C8C8C8;
	background:#FFFFFF
}

noBorder {
    border: 0px;
    padding:0; 
    margin:0;
    border-collapse: collapse;
}

select {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	border: 1px solid #C8C8C8;
	background:#FFFFFF
}
/* styles for tooltip */
div#tipDiv {
    font-size:11px; line-height:1.2;
    color:#000; background-color:#E1E5F1; 
    border:1px solid #667295; 
    width:220px; padding:4px;
}
    
textarea {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 12px;
	border: 1px solid #C8C8C8;
	background:#FFFFFF
}
/*
button {
	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	height: 18px;
	border: 1px solid #C8C8C8;
	background:#FFFFFF
}*/
.form {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	height: 17px;
	width: 212px;
	border: 1px solid #C8C8C8;
}
.form1 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	height: 17px;
	width: 304px;
	border: 1px solid #C8C8C8;
}
.form2 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	height: 88px;
	width: 304px;
	border: 1px solid #C8C8C8;
	overflow:auto;
}
.form3 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	height: 14px;
	width: 120px;
	border: 1px solid #C8C8C8;
}
.contentbold {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E26A0C;
	text-decoration: none;
	text-align: justify;
	font-weight: bold;
}
.content {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	text-align: justify;
}
.content:link {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	text-align: justify;
}
.content:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	text-align: justify;
}
.link {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #C22425;
	text-decoration: none;
}
.link:link {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #C22425;
	text-decoration: none;
}
.link:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #DD0709;
	text-decoration: underline;
}
.link2 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C22425;
	text-transform: none;
	text-decoration: none;
}
.link2:link {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C22425;
	text-transform: none;
	text-decoration: none;
}
.link2:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C22425;
	text-transform: none;
	text-decoration: underline;
}
.content2 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	text-decoration: none;
}

.content4 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	font-style: normal;
	color: #333333;
	text-decoration: none;
}

.content4_small {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	font-style: normal;
	color: #333333;
	text-decoration: none;
}

.content5 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.content5_small {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	font-style: normal;
	color: #333333;
	text-decoration: none;
}

.link4 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A2162A;
	text-decoration: none;
}
.link4:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A2162A;
	text-decoration: underline;
}
.link4:link {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A2162A;
	text-decoration: none;
}
.link5 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A2162A;
	text-decoration: underline;
}
.link5:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DE2338;
	text-decoration: underline;
}
.link5:link {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A2162A;
	text-decoration: underline;
}
.link6 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: underline;
}
.link6:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}
.link6:link {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: underline;
}
.linkbutton {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	height: 18px;
	width: 45px;
	border: 1px solid #CDCDCD;
	background:#FCFFDB
}
.link3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	line-height: 18px;
}
.link3:link {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	line-height: 18px;
}
.link3:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0000FF;
	text-decoration: none;
	line-height: 18px;
}
.kuning {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FBF23D;
}
.line {
	color: #CCCCCC;
}
.boxer {
	border: 1px solid #CCCCCC;
	background-color: #FFFFCC;
	line-height: 18px;
	padding-left: 8px;
	padding-right: 8px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.boxer2 {
	background-color: #FFFFE6;
	border-top: 0px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding-left: 8px;
	padding-right: 8px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.boxer3 {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	line-height: 18px;
	padding-left: 8px;
	padding-right: 8px;
}
.orencurve {
	border: 1px dotted #2b5329;
}

.greencurve {
	border: 1px dotted #9ccc9c;
}
.oren {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #E58032;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: -1px;
}
.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}
.content3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #333333;
	text-align: justify;
}



.bold {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
	text-align: justify;
	font-weight: bold;
}


.tbl_head {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #283F46;
	background-color: #A8D7DB;
}

.tbl_head2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: bold;
	color: #283F46;
	background-color: #A8D7DB;
}
.tbl_label {
 color:#15428b;
	font-weight:bold; 
    font-size: 11px;
    font-family: tahoma,arial,verdana,sans-serif;
    border-color:#99bbe8;
	background-image:url('http://localhost/emars/extjs/css/resources/images/default/panel/white-top-bottom.gif');
	

	
}

.tbl_label2 {
 	color:#15428b;
	font-weight:bold; 
    font-size: 12px;
    font-family: tahoma,arial,verdana,sans-serif;
    border-color:#99bbe8;
	background-image:url('http://localhost/emars/extjs/css/resources/images/default/panel/white-top-bottom.gif');
}


.tbl_header {
	font-family: Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
}

.tbl_row1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4F6B72;
	
}
.tbl_row1_black {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	/* background-color: #FFFFFF; */
}
.tbl_row_line {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4F6B72;
	border-left-width: 2px;
	/* background-color: #FFFFFF; */
}
.tbl_row_line_grey {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4F6B72;
	border-left-width: 3px;
	background-color: #CCCCCC;
}

.tbl_row_box_selected {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	border-left-width: 1px;
	background-color: #99CCFF;
}

.tbl_row_box_none {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	border-left-width: 1px;
	background-color: #99CCFF;
}

.tbl_row2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #2c3e50;
	background-color: #F5FAFA;
}

.tbl_row3 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #2c3e50;
	
}

.tbl_row_small_1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9.5px;
	font-weight: normal;
	color: #4F6B72;
	background-color: #FFFFFF;
}
.tbl_row_small_2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9.5px;
	font-weight: normal;
	color: #2c3e50;
	background-color: #F5FAFA;
}

.title {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
	letter-spacing: -1px;
}

.buttonred
{ 
	font-size: 13px; font-family: arial, Trebuchet MS, verdana, helvetica, san-serif; padding: 4px;
	line-height: 13px; color: #FFFFFF; text-align: center; background: #FF0000; font-weight: bold;
}

.buttonsmallred
{ 
	font-size: 11px; font-family: arial, Trebuchet MS, verdana, helvetica, san-serif; padding: 3px;
	line-height: 10px; color: #FFFFFF; text-align: center; background: #FF0000; font-weight: bold;
}

.roundedbox
{
	/*overflow:hidden;*/
	zoom:1; 
	min-height:100%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.10);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.10);
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.10);
}

.roundedbox-h
{
	/*overflow:hidden;*/
	zoom:1; 
	min-height:100%;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.10);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.10);
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.10);
}



.TESTcpYearNavigation,
	.TESTcpMonthNavigation
			{
			background-color:#6677DD;
			text-align:center;
			text-decoration:none;
			color:#FFFFFF;
			font-weight:bold;
			}
	.TESTcpDayColumnHeader,
	.TESTcpYearNavigation,
	.TESTcpMonthNavigation,
	.TESTcpCurrentMonthDate,
	.TESTcpCurrentMonthDateDisabled,
	.TESTcpOtherMonthDate,
	.TESTcpOtherMonthDateDisabled,
	.TESTcpCurrentDate,
	.TESTcpCurrentDateDisabled,
	.TESTcpTodayText,
	.TESTcpTodayTextDisabled,
	.TESTcpText
			{
			font-family:arial;
			font-size:8pt;
			}
	TD.TESTcpDayColumnHeader
			{
			text-align:right;
			border:solid thin #6677DD;
			border-width:0 0 0 0;
			}
	.TESTcpCurrentMonthDate,
	.TESTcpOtherMonthDate,
	.TESTcpCurrentDate
			{
			text-align:right;
			text-decoration:none;
			}
	.TESTcpCurrentMonthDateDisabled,
	.TESTcpOtherMonthDateDisabled,
	.TESTcpCurrentDateDisabled
			{
			color:#D0D0D0;
			text-align:right;
			text-decoration:line-through;
			}
	.TESTcpCurrentMonthDate
			{
			color:#6677DD;
			font-weight:bold;
			}
	.TESTcpCurrentDate
			{
			color: #FFFFFF;
			font-weight:bold;
			}
	.TESTcpOtherMonthDate
			{
			color:#808080;
			}
	TD.TESTcpCurrentDate
			{
			color:#FFFFFF;
			background-color: #6677DD;
			border-width:1;
			/*border:solid thin #000000;*/
			}
	TD.TESTcpCurrentDateDisabled
			{
			
			
			}
	TD.TESTcpTodayText,
	TD.TESTcpTodayTextDisabled
			{
			border:solid thin #6677DD;
			
			}
	A.TESTcpTodayText,
	SPAN.TESTcpTodayTextDisabled
			{
			height:20px;
			}
	A.TESTcpTodayText
			{
			color:#6677DD;
			font-weight:bold;
			}
	SPAN.TESTcpTodayTextDisabled
			{
			color:#D0D0D0;
			}
	.TESTcpBorder
			{
			border:solid thin #6677DD;
			}