body { font-family: "Arial","Helvetica", "sans-serif"; font-size: 12px; color: #000000; text-decoration: none;font-weight: lighter}

P {  font-size: 12px; text-align: center; font-family: "Arial", "Helvetica", "sans-serif"}


.fontsMark0 {  color: #FF0000; font-weight: bold; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 13px; text-decoration: none; font-style: normal}

.heading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    font-variant: normal;
    color: #FFF;
    text-decoration: none;
    background-color: #4d4d4d;
    text-align: left;
    text-indent: 5mm;
    line-height: 22px;
    vertical-align: middle;
    width: 960px;
    background-position: center center;
}

.subheading {
    border: 1px solid;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    font-weight: 700;
    color: #fff;
    background-color: #9f9f9f;
    text-decoration: none;
    background-position: center center;
}
 

.header {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    font-weight: lighter;
    color: #fff;
    background-color: #9f9f9f;
    text-decoration: none;
    text-align: center;
}
.footer { font-family: "Arial", "Helvetica", "sans-serif"; font-size:11px; font-style: normal; line-height: 17px; font-weight: bold; color: #FFFFFF;
background-color: #3399FF; text-indent: 20px; text-decoration: none ; text-align:left; vertical-align: middle}

 

.odd { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px;font-weight: lighter; color: #000000; text-decoration: none; background-color:
#F6F6F6; background-position: center center; font-style: normal; line-height:
15px; text-indent: 20px}

.even { font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px; font-weight: lighter; color: #000000; text-decoration: none;
background-color: #E4E4E4; background-position: center center; font-style: normal;
line-height: 15px ; text-align: left; vertical-align: middle; text-indent: 20px}

.highlight { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px;font-weight: lighter; color: #000000; text-decoration: none; background-color:
#F7FA00; background-position: center center; font-style: normal; line-height:
15px; text-indent: 20px}

.highlight2 { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px;font-weight: lighter; color: #000000; text-decoration: none; background-color:
#9ACD32; background-position: center center; font-style: normal; line-height:
15px; text-indent: 20px}

.highlight3 { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px;font-weight: lighter; color: #000000; text-decoration: none; background-color:
#FFC1C1; background-position: center center; font-style: normal; line-height:
15px; text-indent: 20px}

.highlight4 { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px;font-weight: lighter; color: #000000; text-decoration: none; background-color:
#FFA500; background-position: center center; font-style: normal; line-height:
15px; text-indent: 20px}

.highlight5 { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px;font-weight: lighter; color: #000000; text-decoration: none; background-color:
#FF0000; background-position: center center; font-style: normal; line-height:
15px; text-indent: 20px}

.message { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-style:
normal; line-height: normal; font-weight: lighter; font-variant: normal; color:
#000000; text-decoration: none}

 .warning { font-family: "Arial", "Helvetica","sans-serif"; font-size: 12px; font-style: normal; font-weight: bold; color: #FF3300;
text-decoration: none}

.page { font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px; font-style: normal; font-weight: lighter; color: #000000; text-decoration:
none; background-color: #DBDBDB}

.label {
    font-family: "Arial", "Helvetica", "sans-serif";
    font-size: 12px;
    font-style: normal;
    line-height: 15px;
    font-weight: bold;
    color: #000066;
    background-color: #E6E6E6;
    text-indent: 12px;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
    /*border: 1px solid;*/
}

 
.field {
    font-family: "Arial", "Helvetica", "sans-serif";
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #F6F6F6;
    background-position: center center;
    font-style: normal;
    line-height: 15px;
    text-indent: 12px;
    word-break: break-all;
    text-align: left;
     /*border: 1px solid;*/
}

 .field_warning { font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; background-color:
#FFFF00; background-position: center center; font-style: normal; line-height:
15px; text-indent: 12px ; clip:  rect(   );word-break:break-all}

.fieldinput { font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; background-color:
#F6F6F6; background-position: center center; font-style: normal; line-height:
15px; margin-left: 12px ; clip:  rect(   );word-break:break-all}

.evenfield { font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px;
font-weight: lighter; color: #000000; text-decoration: none; background-color: #FEFDED;
font-style: normal; line-height: 15px;text-align: left; text-indent: 2pt}

.oddfield { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px;
font-weight: lighter; color: #000000; text-decoration: none; background-color:#F6F6F6;
font-style: normal; line-height:15px; text-align: left; text-indent: 2pt}

.trfield:nth-child(even) {
	 font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px;
	font-weight: lighter; color: #000000; text-decoration: none; background-color: #FEFDED;
	font-style: normal; line-height: 15px;text-align: left; text-indent: 2pt
}
.trfield:nth-child(odd) {
	font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px;
	font-weight: lighter; color: #000000; text-decoration: none; background-color:#F6F6F6;
	font-style: normal; line-height:15px; text-align: left; text-indent: 2pt
}

.oddfield_warning { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px;
font-weight: lighter; color: #000000; text-decoration: none; background-color:#FFFF00;
font-style: normal; line-height:15px; text-align: left; text-indent: 2pt}

.evenfield_t { font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px;
font-weight: lighter; color: #000000; text-decoration: none; background-color: #FEFDED;
font-style: normal; line-height: 15px;text-align: left; text-indent: 3pt}

.oddfield_t { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px;
font-weight: lighter; color: #000000; text-decoration: none; background-color:#F6F6F6;
font-style: normal; line-height:15px; text-align: left; text-indent: 3pt}
 
 
  
.header2 { background-color: #6699CC; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; text-indent: 20px; text-align: left } 
.normal { 
	font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-style: normal; 
	font-weight: lighter; color: #000000; background-color: #F3F3F3;
	border: none ;/* solid; border-color: #000000 #000000 #000000 black;*/ 
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto; 
}

@media print {
 
	.normal td
	{
		border:   1px solid; border-color: #000000 #000000 #000000 black; 
	}	
}

.normal td
{
	padding:1px;
}
.normal_tb { 
	font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-style: normal; 
	font-weight: lighter; color: #000000; background-color: #F3F3F3;
	border: 1px solid; border-color: #000000 #000000 #000000 black; 
	border-collapse: collapse;
}
table {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-style: normal; font-weight: lighter; color: #000000}

.buttonleg {
    list-style-type: disc;
    background-image: url(/MSS/images/bg_orange_button.gif);
    vertical-align: 0;
    background-repeat: repeat;
    color: #fff;
    border: 0 solid #fff;
    border-radius: 5px;
    margin-top: 1px;
    background-position: center 100%;
    padding: 5px 10px;
}
.buttonleg:focus,
.buttonleg:active:focus,
.buttonleg.active:focus,
.buttonleg.focus,
.buttonleg:active.focus,
.buttonleg.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.buttonleg:hover,
.buttonleg:focus,
.buttonleg.focus {
  color: #ddd;
  text-decoration: none;
}
.buttonleg:active,
.buttonleg.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.buttonleg[disabled] {
	list-style-type: disc;
	background-image: url('/MSS/images/bg_buttondisabled.gif');
	vertical-align: 0;
	background-repeat: repeat;
	color: white;
	border: 0 solid #ffffff;
	margin-top: 1;
	background-position: center 100%
}

.buttonwhite {list-style-type: disc; background-color:#ffffff;vertical-align: 0; background-repeat: repeat; color: #ffffff; border: 0 solid #ffffff; margin-top: 0; background-position: center 100%}


.buttonwarning{
	list-style-type: disc;  vertical-align: 0; background-repeat: repeat; 
	border: 0 solid #ffffff; border-radius:5px;margin-top: 1; background-position: center 100%;
	padding-top:5px;padding-bottom:5px;padding-right:10px;padding-left:10px;
	background: #D74B00;
	color: white;
	display: inline-block;
	font-size: 14px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	min-width: 50px;
	}

.buttonwarning:disabled{
	background: #8f8f8f;
}
  

/* query/new/update/reset/delete buttons */
.queryButton{
	background-image: url('/MSS/images/search.gif');
	width:53px;
	height:19px;
	border:0px
}
.queryButton[disabled]{
	background-image: url('/MSS/images/search_disabled.gif');
	width:53px;
	height:19px;
	border:0px
}
.newButton{
	background-image: url('/MSS/images/new.gif');
	width:53px;
	height:19px;
	border:0px
}
.newButton[disabled]{
	background-image: url('/MSS/images/new_disabled.gif');
	width:53px;
	height:19px;
	border:0px
}
.resetButton{
	background-image: url('/MSS/images/reset.gif');
	width:53px;
	height:19px;
	border:0px
}
.resetButton[disabled]{
	background-image: url('/MSS/images/reset_disabled.gif');
	width:53px;
	height:19px;
	border:0px
}
.updateButton{
	background-image: url('/MSS/images/update.gif');
	width:53px;
	height:19px;
	border:0px
}
.updateButton[disabled]{
	background-image: url('/MSS/images/update_disabled.gif');
	width:53px;
	height:19px;
	border:0px
}
.deleteButton{
	background-image: url('/MSS/images/delete.gif');
	width:53px;
	height:19px;
	border:0px
}
.deleteButton[disabled]{
	background-image: url('/MSS/images/delete_disabled.gif');
	width:53px;
	height:19px;
	border:0px
}
.returnButton{
	background-image: url('/MSS/images/return.gif');
	width:53px;
	height:19px;
	border:0px
}
.returnButton[disabled]{
	background-image: url('/MSS/images/return_disabled.gif');
	width:53px;
	height:19px;
	border:0px
}

/*
add message styles
*/
.infoMessage {
	color: #00529B;
	background-color: #BDE5F8;
	
}

.successMessage {
	color: #4F8A10;
	background-color: #DFF2BF;
	
}

.warningMessage {
	color: #9F6000;
	background-color: #FEEFB3;
	
}

.errorMessage {
	color: #D8000C;
	background-color: #FFBABA;
	
}

/**center */
.centerDiv{
	margin-right: auto; 
	margin-left:auto;
	display: table;
	text-align:center;	
}
.normalTable{
	width: 760px;
	/* border: 1px solid;*/
	margin-right: auto; 
	margin-left:auto;
}
.normalTable td{
	/* border: 1px solid;*/
	vertical-align: bottom;
    border: 1px solid #777777;
}

.requiredLabel:before
{
	content:"*";
	color: #e71b00;
}

.text-align-right {
    text-align:right;
}
.text-align-center {
    text-align:center;
}
.text-align-left {
    text-align: left;
}
.text-nowrap {
    white-space: nowrap;
}