BODY {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-SIZE: 10px; 
	PADDING-BOTTOM: 0px;
	MARGIN: 0px; 
	COLOR: #000000;
	PADDING-TOP: 0px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #ffffff
}
SELECT {
	BORDER-RIGHT: #E24E26 1px solid;
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #E24E26 1px solid; 
	PADDING-LEFT: 0px; 
	FONT-SIZE: 12px; 
	PADDING-BOTTOM: 0px; 
	BORDER-LEFT: #E24E26 1px solid; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #E24E26 1px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
}
INPUT {
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 1px;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 1px; 
	PADDING-TOP: 2px;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
}
#mncontent TABLE.buttontable {
	PADDING-RIGHT: 10px;
	WIDTH: 100%; 
	TEXT-ALIGN: center
}
/*.buttoncls {
	BORDER-RIGHT: #990000 1px solid;
	BORDER-TOP: #990000 1px solid;
	FONT-WEIGHT: bold; 
	BACKGROUND-IMAGE: url(../images/button.jpg);
	VERTICAL-ALIGN: top; 
	BORDER-LEFT: #990000 1px solid; 
	COLOR: #ffffff; 
	BORDER-BOTTOM: #6d799b 1px solid;
	FONT-FAMILY: Arial font-size : 
	12px; HEIGHT: 25px
}*/
.buttoncls{
    background-color: #0C0A3F; /* Green */
    border-radius:10px;
    color: white;
    padding: 4px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.8s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}
.buttoncls{
background-color: white; 
      color: black; 
	 font-weight: bold;
  
}
.buttoncls:hover {
    background-color: #2A517C;
    color: white;
}
.rights {
	PADDING-RIGHT: 10px;
	FONT-SIZE: 12px; 
	COLOR: #878787;
	FONT-FAMILY: Arial;
	TEXT-ALIGN: right
}
#mncontent {
	BORDER-RIGHT: 0px;
	PADDING-RIGHT: 0px;
	BORDER-TOP: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px;
	MARGIN: -1px 0px 10px;
	BORDER-LEFT: 0px; 
	WIDTH: 100%; 
	PADDING-TOP: 0px;
	BORDER-BOTTOM: 0px; 
	BORDER-COLLAPSE: collapse
}
#mncontent #welcome {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 2px; BORDER-TOP: 0px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; MARGIN: 0px 0px 0px 4px; BORDER-LEFT: 0px; WIDTH: 100%; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; BORDER-COLLAPSE: collapse; HEIGHT: 35px; align: center
}
.screenmode {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #b21010; FONT-FAMILY: arial
}
#mncontent TABLE.noborder {
	BORDER-RIGHT: 0px solid; BORDER-TOP: #ffffff 0px solid; MARGIN-BOTTOM: 0px; BORDER-LEFT: #ffffff 0px solid
}
#mncontent TABLE.selection {
	BORDER-RIGHT: #bcbcbc 1px solid; BORDER-TOP: #bcbcbc 1px solid; MARGIN-BOTTOM: 10px; BORDER-LEFT: #bcbcbc 1px solid; WIDTH: 80%; BORDER-BOTTOM: #bcbcbc 1px solid
}
#mncontent TABLE.selectioninner {
	WIDTH: 80%
}
#mncontent TABLE.selection TH {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 18px; PADDING-BOTTOM: 4px; COLOR: #16275f; PADDING-TOP: 4px; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: left
}
#mncontent TABLE.selection TH.center {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 10px; PADDING-BOTTOM: 4px; COLOR: #2b5361; PADDING-TOP: 4px; BACKGROUND-COLOR: #dfdfdf; TEXT-ALIGN: center
}
#mncontent TABLE.selection TH.right {
	PADDING-RIGHT: 2px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 10px; PADDING-BOTTOM: 4px; COLOR: #2b5361; PADDING-TOP: 4px; BACKGROUND-COLOR: #dfdfdf; TEXT-ALIGN: right
}
#mncontent TABLE.selection TD {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
#mncontent TABLE.selection TD.multiple {
	FONT-SIZE: 12px
}
#mncontent TABLE.insidetable {
	BORDER-RIGHT: #ec2e21 0px solid; BORDER-TOP: #ec2e21 0px solid; MARGIN-BOTTOM: 0px; BORDER-LEFT: #ec2e21 0px solid; WIDTH: 90%
}
#mncontent TABLE.insidetable TH {
	BORDER-RIGHT: #dfdfdf 0px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 10px; PADDING-BOTTOM: 1px; COLOR: #16254e; PADDING-TOP: 1px; BORDER-BOTTOM: #ec2e21 0px solid; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center
}
#mncontent TABLE.insidetable TD {
	BORDER-RIGHT: #dfdfdf 0px solid; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 10px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BORDER-BOTTOM: #ec2e21 0px solid; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
#mncontent TABLE.customtable {
	BORDER-RIGHT: #4e4e4e 1px solid; BORDER-TOP: #4e4e4e 1px solid; MARGIN-BOTTOM: 10px; BORDER-LEFT: #4e4e4e 1px solid; WIDTH: 65%; BORDER-BOTTOM: #4e4e4e 1px solid; BORDER-COLLAPSE: collapse
}
#mncontent TABLE.customtable TH {
	BORDER-RIGHT: #6e6e6e 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 10px; PADDING-BOTTOM: 6px; COLOR: #000000; PADDING-TOP: 5px; BORDER-BOTTOM: #ffffff 0px solid; BACKGROUND-COLOR: #f0f0f0; TEXT-ALIGN: left
}
#mncontent TABLE.customtable TH.right {
	BORDER-RIGHT: #6e6e6e 1px solid; PADDING-RIGHT: 6px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 10px; PADDING-BOTTOM: 6px; COLOR: #000000; PADDING-TOP: 5px; BORDER-BOTTOM: #ffffff 0px solid; BACKGROUND-COLOR: #f0f0f0; TEXT-ALIGN: right
}
#mncontent TABLE.customtable TD {
	BORDER-RIGHT: #d9d9d9 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 5px; FONT-SIZE: 10px; PADDING-BOTTOM: 6px; COLOR: #000000; PADDING-TOP: 5px; BORDER-BOTTOM: #ffffff 0px solid; LETTER-SPACING: 1pt; BACKGROUND-COLOR: #f7f7f7; TEXT-ALIGN: left
}
#mncontent TABLE.customtable TD.light {
	BORDER-RIGHT: #afafaf 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #4e4e4e 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 10px; PADDING-BOTTOM: 6px; COLOR: #000000; PADDING-TOP: 5px; LETTER-SPACING: 1pt; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
#mncontent TABLE.customtable TD.lightright {
	BORDER-RIGHT: #afafaf 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #4e4e4e 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 10px; PADDING-BOTTOM: 6px; COLOR: #000000; PADDING-TOP: 5px; LETTER-SPACING: 1pt; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: right
}
#mncontent TABLE.datatable {
	BORDER-RIGHT: #4e4e4e 1px solid; BORDER-TOP: #4e4e4e 1px solid; MARGIN-BOTTOM: 10px; BORDER-LEFT: #4e4e4e 1px solid; WIDTH: 98%; BORDER-BOTTOM: #4e4e4e 1px solid; BORDER-COLLAPSE: collapse
}
#mncontent TABLE.datatable TH {
	BORDER-RIGHT: #f7f7f7 1px solid; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: normal; FONT-SIZE: 10px; PADDING-BOTTOM: 5px; COLOR: #000000; PADDING-TOP: 5px; BORDER-BOTTOM: #888888 1px solid; BACKGROUND-COLOR: #dadada; TEXT-ALIGN: center
}
#mncontent TABLE.datatable TD {
	BORDER-RIGHT: #ffdcda 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #ffffff 0px solid; LETTER-SPACING: 1pt; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
#mncontent TABLE.datadisplay {
	BORDER-RIGHT: #4e4e4e 1px solid; BORDER-TOP: #4e4e4e 1px solid; MARGIN-BOTTOM: 10px; BORDER-LEFT: #4e4e4e 1px solid; WIDTH: 98%; BORDER-BOTTOM: #4e4e4e 1px solid; BORDER-COLLAPSE: collapse
}
#mncontent TABLE.datadisplay TH {
	BORDER-RIGHT: #f7f7f7 1px solid; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: normal; FONT-SIZE: 10px; PADDING-BOTTOM: 5px; COLOR: #000000; PADDING-TOP: 5px; BORDER-BOTTOM: #888888 1px solid; BACKGROUND-COLOR: #dadada; TEXT-ALIGN: center
}
#mncontent TABLE.datadisplay TD {
	BORDER-RIGHT: #ffdcda 1px solid; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BORDER-BOTTOM: #ffffff 0px solid; LETTER-SPACING: 1pt; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
#mncontent #innertable TABLE {
	BORDER-RIGHT: #ec2e21 0px solid; BORDER-TOP: #ec2e21 0px solid; MARGIN-BOTTOM: 0px; BORDER-LEFT: #ec2e21 0px solid; WIDTH: 100%; BORDER-BOTTOM: #ec2e21 0px solid; BORDER-COLLAPSE: collapse
}
#mncontent #innertable TD {
	BORDER-RIGHT: #ffdcda 0px solid; PADDING-RIGHT: 2px; PADDING-LEFT: 3px; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ffffff 0px solid; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
#mncontent #innertable TD.center {
	BORDER-RIGHT: #ffdcda 0px solid; PADDING-RIGHT: 2px; PADDING-LEFT: 3px; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ffffff 0px solid; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center
}
#mncontent #innertable TD.right {
	BORDER-RIGHT: #ffdcda 0px solid; PADDING-RIGHT: 2px; PADDING-LEFT: 3px; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ffffff 0px solid; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: right
}
#mncontent #innertable TD.even {
	BORDER-RIGHT: #ffdcda 0px solid; PADDING-RIGHT: 2px; PADDING-LEFT: 3px; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ffffff 0px solid; LETTER-SPACING: 1pt; BACKGROUND-COLOR: #fff8f7; TEXT-ALIGN: left
}
#mncontent #innertable TD.evencenter {
	BORDER-RIGHT: #ffdcda 0px solid; PADDING-RIGHT: 2px; PADDING-LEFT: 3px; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ffffff 0px solid; LETTER-SPACING: 1pt; BACKGROUND-COLOR: #fff8f7; TEXT-ALIGN: center
}
#mncontent #innertable TD.evenright {
	BORDER-RIGHT: #ffdcda 0px solid; PADDING-RIGHT: 2px; PADDING-LEFT: 3px; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ffffff 0px solid; LETTER-SPACING: 1pt; BACKGROUND-COLOR: #fff8f7; TEXT-ALIGN: right
}
A{
	COLOR: #ff6600; TEXT-DECORATION: underline
}
A:hover {
	COLOR: #ff6600; TEXT-DECORATION: none
}
A:link {
	COLOR:#070483; TEXT-DECORATION: underline
}
A:active {
	COLOR: #ec2e21; TEXT-DECORATION: underline
}
A:visited {
	COLOR: #ec2e21; TEXT-DECORATION: underline
}
A.footer {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #16275f; FONT-FAMILY: arial; TEXT-DECORATION: none
}
A.footer:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #16275f; FONT-FAMILY: arial; TEXT-DECORATION: underline
}
.footerpos {
	POSITION: absolute; TOP: 1060px
}
.selectcls {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fdfdfd
}
.inputcls {
	PADDING-RIGHT: 0px; PADDING-LEFT: 2px; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; MARGIN: 2px 4px 0px 2px; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fdfdfd
}
.inputnumcls {
	PADDING-RIGHT: 3px; PADDING-LEFT: 2px; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; MARGIN: 2px 4px 0px 2px; PADDING-TOP: 2px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fdfdfd; align: right; text-width: 50px
}
.buttonclsone {
	PADDING-RIGHT: 0px; BORDER-TOP: #6d799b 1px solid; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: top; BORDER-LEFT: #6d799b 1px solid; COLOR: #ffffff; PADDING-TOP: 0px; BORDER-BOTTOM: #6d799b 1px solid; FONT-FAMILY: Arial font-size :   12px; BACKGROUND-COLOR: #243569
}
.textareacls {
	BORDER-RIGHT: #b5c4c9 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #b5c4c9 1px solid; PADDING-LEFT: 0px; SCROLLBAR-FACE-COLOR: white; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; SCROLLBAR-HIGHLIGHT-COLOR: white; BORDER-LEFT: #b5c4c9 1px solid; SCROLLBAR-3DLIGHT-COLOR: #b5c4c9; SCROLLBAR-ARROW-COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #b5c4c9 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; SCROLLBAR-DARKSHADOW-COLOR: white; SCROLLBAR-BASE-COLOR: white; BACKGROUND-COLOR: white
}
.textareaclsin {
	BORDER-RIGHT: #b5c4c9 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #b5c4c9 1px solid; PADDING-LEFT: 2px; SCROLLBAR-FACE-COLOR: white; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; SCROLLBAR-HIGHLIGHT-COLOR: white; BORDER-LEFT: #b5c4c9 1px solid; WIDTH: 100%; SCROLLBAR-3DLIGHT-COLOR: #b5c4c9; SCROLLBAR-ARROW-COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #b5c4c9 1px solid; FONT-FAMILY: Verdana; SCROLLBAR-DARKSHADOW-COLOR: white; SCROLLBAR-BASE-COLOR: white; BACKGROUND-COLOR: white
}
.combocls {
	BORDER-RIGHT: #b5c4c9 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #b5c4c9 1px solid; PADDING-LEFT: 2px; SCROLLBAR-FACE-COLOR: white; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; SCROLLBAR-HIGHLIGHT-COLOR: white; BORDER-LEFT: #b5c4c9 1px solid; SCROLLBAR-3DLIGHT-COLOR: #b5c4c9; SCROLLBAR-ARROW-COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #b5c4c9 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; SCROLLBAR-DARKSHADOW-COLOR: white; SCROLLBAR-BASE-COLOR: white; BACKGROUND-COLOR: white
}
IMG {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
.white {
	BACKGROUND: #ffffff
}
.darkgray {
	BACKGROUND: #e0e0e0
}
.gray {
	BACKGROUND: #eaeaea
}
.lightgray {
	BACKGROUND: #efefef
}
.smaller {
	FONT-SIZE: smaller
}
.center {
	TEXT-ALIGN: center
}
.left {
	TEXT-ALIGN: left
}
.right {
	TEXT-ALIGN: right
}
.justify {
	TEXT-ALIGN: justify
}
.bold {
	FONT-WEIGHT: bold
}
.msg {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 10px; COLOR: #ff0000; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none
}
SELECT.voucher {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 200px
}
.newcss {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: #14649e; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.loginbott {
	HEIGHT: 18px
}
.fieldcls1 {
	BORDER-RIGHT: #b5c4c9 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #b5c4c9 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; BORDER-LEFT: #b5c4c9 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #b5c4c9 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: white
}
.loginuser {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #143989; FONT-FAMILY: Arial, Helvetica, sans-serif
}
A.forgot {
	FONT-SIZE: 12px; COLOR: #808080; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.gobut {
	FONT-SIZE: 12px; WIDTH: 30px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #234bab
}
.loginhead {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: bottom; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.loginarr {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.loginhr {
	WIDTH: 92%; COLOR: #c4c4c4; HEIGHT: 1px
}
.login_footer {
	PADDING-RIGHT: 40px; PADDING-LEFT: 90px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; COLOR: #8c8c8c; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}
.bluefooter {
	FONT-SIZE: 10px; COLOR: #1b2540; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.login_logo {
	MARGIN: 0px 50px 0px 0px
}
.readonly {
	BORDER-RIGHT: #14245f 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #14245f 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; BORDER-LEFT: #14245f 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #14245f 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: white
}
.mandatory {
	BORDER-RIGHT: #14245f 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #14245f 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; BORDER-LEFT: #14245f 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #14245f 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: #b9bfcf
}
.error {
	BORDER-RIGHT: #bcbcbc 1px solid; PADDING-RIGHT: 60px; BORDER-TOP: #bcbcbc 1px solid; MARGIN-TOP: 100px; PADDING-LEFT: 60px; FONT-SIZE: 20px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 60px; BORDER-LEFT: #bcbcbc 1px solid; WIDTH: 60%; COLOR: #a70d0f; PADDING-TOP: 60px; BORDER-BOTTOM: #bcbcbc 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: center
}
.TableFixedHeader {
	FONT-SIZE: x-small; ; LEFT: expression(this . offsetParent . scrollLeft-2); POSITION: relative; ; TOP: expression(this . offsetParent . scrollTop-2)
}
#mncontent TABLE.datatableborder {
	BORDER-RIGHT: #d4d4e9 1px solid; BORDER-TOP: #d4d4e9 1px solid; MARGIN-BOTTOM: 20px; BORDER-LEFT: #d4d4e9 1px solid; WIDTH: 100%; BORDER-BOTTOM: #d4d4e9 1px solid;
}
#mncontent TABLE.datatableborder TH {
	BORDER-RIGHT: #d4d4e9 1px solid; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; COLOR: #000000; PADDING-TOP: 5px; BORDER-BOTTOM: #d4d4e9 1px solid;  TEXT-ALIGN: center; background-color:#ffffff;color:#172738;font-size:11px;font-family:verdana,arial;
}
#mncontent TABLE.datatableborder TD {
	BORDER-RIGHT: #d4d4e9 1px solid; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 10px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BORDER-BOTTOM: #d4d4e9 1px solid; LETTER-SPACING: 1pt; BACKGROUND-COLOR: #ffffff; font-family:verdana,arial;
}
.newcss {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: #14649e; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.loginbott {
	HEIGHT: 18px
}
.fieldcls {
	BORDER-RIGHT: #a0a0cf 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #a0a0cf 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; MARGIN: 0px 5px 0px 0px; BORDER-LEFT: #a0a0cf 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0cf 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: white
}
.loginuser {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #a0a0cf; FONT-FAMILY: Arial, Helvetica, sans-serif
}
A.forgot {
	FONT-SIZE: 12px; COLOR: #808080; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.gobut {
	FONT-SIZE: 12px; WIDTH: 30px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #234bab
}
.loginhead {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: bottom; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.loginarr {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.hr {
	WIDTH: 92%; COLOR: #c4c4c4; HEIGHT: 1px
}
.bluefooter {
	FONT-SIZE: 10px; COLOR: #1b2540; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.logo {
	MARGIN: 0px 50px 0px 0px
}
.newcss {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: #14649e; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.loginbott {
	HEIGHT: 18px
}
.loginuser {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #143989; FONT-FAMILY: Arial, Helvetica, sans-serif
}
A.forgot {
	FONT-SIZE: 12px; COLOR: #808080; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.gobut {
	FONT-SIZE: 12px; WIDTH: 30px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #234bab
}
.loginhead {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: bottom; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.loginarr {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.hr {
	WIDTH: 92%; COLOR: #c4c4c4; HEIGHT: 1px
}
.logo {
	MARGIN: 0px 50px 0px 0px
}
#mncontent TABLE.traderscreen {
	BORDER-RIGHT: #6d799b 1px solid; BORDER-TOP: #6d799b 1px solid; MARGIN-BOTTOM: 10px; BORDER-LEFT: #6d799b 1px solid; WIDTH: 97%; BORDER-BOTTOM: #6d799b 1px solid
}
#mncontent TABLE.traderscreen TH {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 18px; PADDING-BOTTOM: 4px; COLOR: #16275f; PADDING-TOP: 4px; BACKGROUND-COLOR: #e8f0fd; TEXT-ALIGN: left
}
#mncontent TABLE.traderscreen TD {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.buttonclsfortrade {
	BORDER-RIGHT: #6d799b 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #6d799b 1px solid; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: top; BORDER-LEFT: #6d799b 1px solid; WIDTH: 138px; COLOR: #000000; PADDING-TOP: 0px; BORDER-BOTTOM: #6d799b 1px solid; FONT-FAMILY: Arial font-size :   10px; BACKGROUND-COLOR: #f3f7fe
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}
<!-- below classes has been used for lhome Page, start -->
.errormsg {
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
}
.logintxt {
	font-size: 14px;
	font-weight: bold;	
	color: #1e1a1a;
	
}
.logininput {
	font-size: 11px;
	color: #000000;
	border:1px solid #990000;
	padding-left:5px;
	height:20px;
	width:150px;
}
.loginbut1 {
	font-size: 11px;
	font-weight: bold;
	display: inline-block;
    border-radius: 5px;
	cursor:pointer;
	color: #FFFFFF;
	border:1px solid #FF0000;
	/*background-image:url(../images/button.jpg);*/
	background-color: green;
	height:23px;
	width:80px;
}
.loginbut9{
    background-color: #4CAF50; /* Green */
    border-radius:10px;
    color: white;
	font-weight:bold;
    padding: 3px 6px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.8s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}
.loginbut9{
background-color: white; 
    color: #663399; 
 }
.loginbut9:hover {
    background-color: #132C14;
    color: white;
}
loginbut1 :hover {
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}
.login1
      {
    BORDER-RIGHT: #990000 1px solid;
	BORDER-TOP: #990000 1px solid;
	FONT-WEIGHT: bold; 
	BACKGROUND-IMAGE: url(https://ucob.siplsaas.co.in/UCOB/view/images/Background.jpg);
	VERTICAL-ALIGN: top; 
	BORDER-LEFT: #990000 1px solid; 
	COLOR: #0e0e0e; 
	BORDER-BOTTOM: #6d799b 1px solid;
	FONT-FAMILY: Arial font-size : 
	12px; HEIGHT: 25px
}
/*.login1 {
	font-size: 11px;
	font-weight: bold;
	color:#396857;
	border:2px solid #666699;
	background-color:#859674;
	/*background-image:url(../images/button.jpg);*/
	/*height:23px;
	width:80px;
}*/
/*.loginTable{
	 width:50%
	 border:0 
	 align:center 
	 cellpadding:0 
	 float:right; 
	 margin-top:-15px 
	 cellspacing:0
}*/
.bg-image {
		background-image: url(https://ucob.siplsaas.co.in/UCOB/view/images/Background.jpg);
		height: 93%; 
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
.mainLeft{
	width:40%; 
	height: 100%; 
	float:left; 
	/*background-color:#dedeeb;*/
	/*main right color=background-color:#f5ecee;*/
}
.leftDivContent{
	margin-top:25px; 
	color:#d9462c; 
	font-size:15px; 
	font-family:ui-monospace; 
	width:500px; 
	font-weight:bold; 
	margin-left:50px;
}
.mainRight{
	width:50%;
	height: 100%; 
	float:right;
}

@media only screen and (min-width: 500px) and (max-width: 650px) {
  .mainLeft {
    display:none;
  }
  .leftDivContent{
	margin-top:20px; 
	color:#d9462c; 
	font-size:13px; 
	font-family:ui-monospace; 
	width:280px; 
	font-weight:bold; 
	margin-left:10px;
}
 .mainRight{
	width:110%;
	height: 100%; 	
}

}

@media only screen and (min-width: 651px) and (max-width: 800px) {
  .mainLeft {
    display:block;
	width:100%;
	height:30%;
	margin-top:-20px;
  }
  .leftDivContent{
	  width:640px;
	color:#d9462c; 
	font-size:12px; 
	font-family:ui-monospace; 
	font-weight:bold; 
	margin-left:10px;
}
 .mainRight{
	width:107%;
	margin-top:-25px; 	
}

}

@media only screen and (min-width: 801px) and (max-width: 950px) {
  .mainLeft {
    display:block;
	width:27%;
	height:100%;
  }
  .leftDivContent{
	width:250px;
	color:#d9462c; 
	font-size:12px; 
	font-family:ui-monospace; 
	font-weight:bold; 
	margin-left:10px;
}
 .mainRight{
	width:73%;
	height:100%;
}

}

@media only screen and (min-width: 950px) and (max-width: 1200px) {
  .mainLeft {
    display:block;
	width:40%;
	height:100%;
  }
  .leftDivContent{
	width:100%;
	color:#d9462c; 
	font-size:15px; 
	font-family:ui-monospace; 
	font-weight:bold; 
	margin-left:10px;
}
 .mainRight{
	width:60%;
	height:100%;
}

}

.securitymsg{
border:2px solid #565C4A;
background-color:#FFFFFF;
font-size: 11px;
margin-left: 155px;
margin-top:21px;
width:390px; 
margin-top: 260px;
height: 100px;
}

.newfooter{
background-color:#2B2F2D;
color:#FFFFFF;
font-size: 11px;
height: 45px;
padding-top: 2px;
}
<!-- to change link color start-->
.newloglink{
	font-size: 11px;
	font-weight: bold;	
	color:#000000;
	text-decoration:none;
}
.newloglink1:hover{
	font-size: 11px;
	font-weight: bold;
	color: #113359;
	text-decoration:underline;
}
<!-- for main.do jsp page start(logout page)-->
.about{
 font-size:1;
 color:#FF0000;
}
.exp{
 font-size:1.5;
 color:#000000;
}
.view{
 text-align:center;
 font-family:verdana;
 font-size:9px;
 color:#121812;
}
<!--main.do jsp page end-->
<!-- stepstologin.jsp page start-->
.style1 {
	color: #FF0000;
	font-weight: bold;
}
.logo1{
 font-size: 13pt;
 color: #315987;
 font-family: Arial;
}
.steps{
 font-weight: normal; 
 font-size: 9pt; 
 color: #000000; 
 font-family: Arial;
}
.steps1{
 font-size: 12pt;
 color: #315987;
 font-family: Arial;
}
<!-- stepstologin.jsp page end-->