<!--
/*

Developed By 	: 	Karthik.B.S.   Boltzmann Consulting (India) Pvt Ltd.
Date			:	12-Feb-2007.

*/
-->


<!--
/* BODY, INPUT, TD, UL, SELECT and TEXTAREA ATRIBUTES SETTING            #EFEFEF    #E6F1F2  :#9A9A9A*/
/*BODY {SCROLLBAR-FACE-COLOR:#999999; SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; SCROLLBAR-SHADOW-COLOR: #FFFFFF; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR:  #FF0000; SCROLLBAR-TRACK-COLOR: #FFFFFF; SCROLLBAR-DARKSHADOW-COLOR: #000000; }*/
body	{
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image:url(../Jsp/Images/dashboard_background.png);
    background-size: 100% 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    font-family:Segoe UI;
    font-size: 16pt;
    height: 120%;
}

INPUT    {  font-family:Verdana;  font-size:9pt;  color:black;  border-style:groove;   }
UL, P    {  font-family:Verdana;  font-size:9pt;  color:black;  }

/*---------------------------------------------------------------------------------------------*/

TD       {  font-family:Verdana;  font-size:8pt;  color:#000000; }
TH       {  font-family:Verdana; height:15pt; background-color:#DDD5CA; font-size:8pt;  color:#003366;  }
TEXTAREA {  font-family:Verdana;  font-size:10pt;  color:#006633;   border-style:groove; }
SELECT   {  font-family:Verdana;  font-size:8pt;  color:black;  border:none;          }
IMG      {  font-family:Verdana; font-size:9pt;  color:black;  border:none;           }

.MenuBarTable {padding: 0px 5px 0px 15px;width:100%;
               background-image:url(../Jsp/Images/menubar.png);
               height:28px;
               background-repeat:repeat-x;
}
.MenuBarTable TD {
    font-family:Verdana;
}
.MenuBarTable TD a:link{color:#000066; font-size:7pt; font-weight:normal; text-decoration:none; 	}
.MenuBarTable TD a:active {color:#000066; font-size:9pt; font-weight:normal; text-decoration:none; 	}
.MenuBarTable TD a:visited {color:#000066; font-size:9pt; font-weight:normal; text-decoration:none; 	}


/*---------------------------------------------------------------------------------------------*/


.ReminderTH       {  font-family:Verdana; height:20pt; background-color:#DFCBBF;  font-size:10pt;  color:#CCCCCC;  }
.ReminderTable	{background-position: center top; background-color:#FFFFFF;
                width:80%;border-style:dotted;border-width:1px;color:#669966;
                font-family:Verdana; font-size:12px;}


/*---------------------------------------------------------------------------------------------*/
.SideTable {background-color:#A8A8A8;}

.SideTable1 {background-color:#FFCC33;}

.SideTableTD {background-color:#FAFDBB;}

.AlternativeTD {background-color:#EEF2FB;}
/*.AlternativeTD {background-color:#EEF2FB;}*/


.TopTableTD {background-color:#333333;}
.TopTableSelectedTD {background-color:#669999;}
/*	.TopTableSelectedTD {background-color:#CCCCCC;}*/

th.displayTagReportHead{
    font-family: Verdana;
    size: 2;
    background-color:#E6E7E8;
    color:#000000;
    padding:1px;
}

tr.odd,tr.oddMouseOver {
    background-color: #E1F3FC;
}
tr.even,tr.evenMouseOver {
    background-color: #C7EAFB;
}

/*---------------------------------------------------------------------------------------------*/



.MainTable	{background-position: center top;width:90%; border-style: solid; border-color: #C0C0C0; border-width:1px; font-family:Verdana; font-size:11px;}
.TableBody1	{background-position: center top;width:98%; border-style: solid; border-color: #C0C0C0; border-width:0px;color: #800000; font-family:Verdana; font-size:15px; background-color:#ffffff;}
.TableBodyBgYellow	{background-position: center top; background-color:#FFFFE8;width:90%; border-style: solid; border-color: #C0C0C0; border-width:0px;color: #800000; font-family:Verdana; font-size:15px;}

.TableDisplay1	{background-position: center top; background-color:#FFFFE8; width:90%;border-style:dotted;border-width:0px;color: #800000;  font-family:Verdana; font-size:12px;}
.TableDisplay2	{background-position: center top;  width:82%;border-style:dotted;border-width:0px;color: #800000;  font-family:Verdana; font-size:12px;}


.TableDisplay100	{background-position: center top; background-color:#F7F5F2; width:98%;border-style:dotted;border-width:0px;color: #800000;  font-family:Verdana; font-size:12px;}
th.TableDisplay100{
    font-family: Verdana;
    size: 2;
    background-color:#000000;
    color:#FFFFFF;
    font-weight:bold;
    padding:1px;
}

.TableBGBlue	{background-position: center top; background-color:#ffffff; width:98%;border-style:dotted;border-width:0px;color: #800000;  font-family:Verdana; font-size:12px;}



.TableDisplay80	{background-position: center top;  width:80%;border-style:ridge;border-width:0px;color: #800000;  font-family:Verdana; font-size:8px;}

.TableDisplay90	{background-position: center top; background-color:#ABCBC4; width:80%;border-style:ridge;border-width:0px;color: #800000;  font-family:Verdana; font-size:8px;}

.TableDisplay70	{background-position: center top;  width:70%;border-style:ridge;border-width:0px;color: #800000;  font-family:Verdana; font-size:8px;}


.TableDisplay800	{background-position: center top;  width:80%;border-style:ridge;border-width:0px;color: #800000;  font-family:Arial,sans-serif; font-size:8px;}




.TableBody100	{background-position: center top;width:100%; border-style:dotted; border-color:#EAEAEA; border-width:0px; color: #800000; font-family:Verdana; font-size:11px;}


.TableBodyBorder100	{background-position: center top;width:100%; border-style: solid; border-color: #C0C0C0; border-width:2px; font-family:Verdana; font-size:11px;}
.TableBorder50	{background-position: center top;width:50%; border-style: solid; border-color: #C0C0C0; border-width:1px; font-family:Verdana; font-size:11px;}



.TableFontColor100 { font-family: Verdana; font-size: 8pt; color: #009900;width:100%; }

.TableFontColor80	{  font-family:Verdana;font-size:11px; color:#CC6666; border-color: #C0C0C0; border-width:0px; }



.BodyHeader {font-family:Verdana,Arial,tahoma,sans-serif; font-size:12px; color:#000000;}


.TableDisplayTr1   {  color: #800000; font-family: Verdana; font-size:12px; text-transform: capitalize ; font-weight:  bold; text-align: Center; background-color: #FF9966;                border-style: solid; border-color: #FF0000 }

.TableTrRedRight  { font-family: Verdana;font-size:11px; color:#03717C; text-transform: none ; font-weight:  bold; text-align: right;            }
.TableTrRedLeft   { font-family: Verdana;font-size:11px; color:#03717C; text-transform: none ; font-weight:   bold; text-align: left;             }
.TableTrRedCenter { font-family: Verdana;font-size:11px; color:#03717C; text-transform:none ; font-weight:   bold; text-align: center;             }

th.displayTagReportHead{
    font-family: Verdana;
    size: 2;
    background-color:#E6E7E8;
    color:#000000;
    padding:1px;
}
tr.odd,tr.oddMouseOver {
    background-color: #E1F3FC;
}
tr.even,tr.evenMouseOver {
    background-color: #C7EAFB;
}

.AlertMedium { font-family: Verdana;font-size:17px; color:#800040;  font-weight:normal; text-align: center;}

/* ---------------------------Button Colors And Font Style -------------------*/


.ButtonRed {font-family: Verdana; font-size: 11px; color:#FFFFFF; font-weight: bold; border: 1px inset #990000; padding: 1; background-color:#990000;height:20px;text-decoration:none;cursor:default;}

.ButtonPink {font-family:Segoe UI;
             font-size:14px;
             font-weight:bold;
             color:#FFF;
             border:none;
             padding:5px 15px 5px 15px;
             background-color: #00AFEF;
             background-repeat:repeat-x;}
.ButtonNoResize {font-family: Arial; font-size: 11px; color:#000000; font-weight: bold; border: 1px inset #990000; padding: 1; background-color:#FFFFFF; height:20px;text-decoration:none;cursor: default;width: 150px;}
.tb1placeholderPOS {
    font-family:Segoe UI;
    font-size:12px;
    padding:1px;
    border:none;
    background-color: #D8D8D8;
    height:30px;
    width:250px;
    color:black;
}
.sbmtbuttonMax1 {
    font-family:Segoe UI;
    font-size:16px;
    font-weight:bold;
    color:#FFF;
    border:none;
    width: 120px;
    padding:5px;
    background-color: #00AFEF;
    background-repeat:repeat-x;

}
.ComboBoxNewgrayPOS{
    background-color: #D8D8D8;
    BORDER-BOTTOM:gray 0px solid;
    BORDER-LEFT: gray 0px solid;
    BORDER-RIGHT: gray 0px solid;
    BORDER-TOP: gray 0px solid;
    COLOR: black;
    FONT: 40px Verdana;
    WIDTH: 250px;
    height: 30px;
    font-size: 12px;

}
.sbmtbuttonnew {
    font-family:Segoe UI;
    font-size:12px;
    font-weight:bold;
    color:#FFF;
    border:none;
    padding:5px;
    background-color: #00AFEF;
    background-repeat:repeat-x;
    width: 100px;
}

/*-----------------------------------------------------------------------------*/

/* ---------------------------title Bar Colors And Font Style -------------------*/
.FontWhite{font-size:13pt; color:#FFFFFF; font-weight:bold;}

.TopTitlefont{font-size:15pt; color:#666600; font-weight:bold;}
.TopRightTitlefont{font-size:8pt; color:#CC0000;}

.titlefont{font-size:9pt; color:red; font-weight:bold;}
.titlefontTime{ font-family:Arial,sans-serif;font-size:15px; font-weight:100; color:#ffffff; font-weight:itallic;}
.titlebarTime{background:#CC9999;font-size:10; color:#ffffff;font-weight:itallic;}
.titlebar{background:#993333;font-size:9pt; color:black;font-weight:bold;}

.SideTitlefont{font-size:9pt; color:#CC3333; font-weight:bold;}

/*-----------------------------------------------------------------------------*/


/*----------------Combo Box Style---------------------------------------------------------------------*/

.ComboBoxMedium1 {
    BACKGROUND:white;
    BORDER-BOTTOM: white 1px solid;
    BORDER-LEFT: white 1px solid;
    BORDER-RIGHT: white 1px solid;
    BORDER-TOP: white 1px solid;
    COLOR:#000066;
    FONT: 10px Verdana;
    WIDTH: 150px;
}
.ComboBoxMedium4 {
    BACKGROUND:white;
    BORDER-BOTTOM: white 1px solid;
    BORDER-LEFT: white 1px solid;
    BORDER-RIGHT: white 1px solid;
    BORDER-TOP: white 1px solid;
    COLOR:#000066;
    FONT: 10px Verdana;
    WIDTH: 100px;
}
.ComboBoxMedium2 {
    BACKGROUND:white;
    BORDER-BOTTOM: white 1px solid;
    BORDER-LEFT: white 1px solid;
    BORDER-RIGHT: white 1px solid;
    BORDER-TOP: white 1px solid;
    COLOR:#000066;
    FONT: 10px Verdana;
    WIDTH: 130px;
}
.ComboBoxMedium3 {
    BACKGROUND:white;
    BORDER-BOTTOM: white 1px solid;
    BORDER-LEFT: white 1px solid;
    BORDER-RIGHT: white 1px solid;
    BORDER-TOP: white 1px solid;
    COLOR:#000066;
    FONT: 10px Verdana;
    WIDTH: 100px;
}
.ComboBoxMedium4 {
    BACKGROUND:white;
    BORDER-BOTTOM: white 1px solid;
    BORDER-LEFT: white 1px solid;
    BORDER-RIGHT: white 1px solid;
    BORDER-TOP: white 1px solid;
    COLOR:#000066;
    FONT: 10px Verdana;
    WIDTH: 140px;
}

.ComboBoxSmall {
    BACKGROUND:white;
    BORDER-BOTTOM: white 1px solid;
    BORDER-LEFT: white 1px solid;
    BORDER-RIGHT: white 1px solid;
    BORDER-TOP: white 1px solid;
    COLOR:#003366;
    FONT: 12px Verdana;
    WIDTH: 75px;
}

.SearchCombo1 {
    BACKGROUND:#FCF7EF;
    BORDER-BOTTOM: white 1px solid;
    BORDER-LEFT: white 1px solid;
    BORDER-RIGHT: white 1px solid;
    BORDER-TOP: white 1px solid;
    COLOR:#003366;
    FONT: 12px Verdana;
    FONT-WEIGHT:normal;
    WIDTH: 150px;

}

.ComboBox1 {
    BACKGROUND:white;
    BORDER-BOTTOM: white 1px solid;
    BORDER-LEFT: white 1px solid;
    BORDER-RIGHT: white 1px solid;
    BORDER-TOP: white 1px solid;
    COLOR:#000066;
    FONT: 10px Verdana;
    WIDTH: 200px;
}

/*---------------------------------------------------------------------------------------------*/

.FieldSet1 { border-color:#000000; border-width:thin; background-color:#F7F5F2;}

.fieldset1	{background-position: center top;width:100%; border-style: solid; border-color:#000000; border-width:1px;color:#FF9966; font-family:Verdana; font-size:12px;}
.fieldset2	{background-position: center top;width:100%; border-style: solid; font-family:Verdana; font-size:12px; padding:5px 1px 5px 1px;}
.FieldSet3 {background-position: center top;width:100%; border-style: solid; border-color:#000000; border-width:1px;color:#FF9966; font-family:Verdana; font-size:12px; padding:5px 0px 5px 0px;}

.fieldsetBilling	{background-position: center top;width:100%; border-style: solid; border-color:#EBEBEB; border-width:1px;color:#797979; font-family:Verdana; font-size:12px;}

/*------------------------textbox Style ---------------------------------------------------*/


.inputBox1 {
    BACKGROUND:#D8D8D8;
    BORDER-BOTTOM: #D8D8D8 1px solid;
    BORDER-LEFT: #D8D8D8 1px solid;
    BORDER-RIGHT: #D8D8D8 1px solid;
    BORDER-TOP: #D8D8D8 1px solid;
    COLOR:black;
    FONT: 11px Verdana;
    WIDTH: 150px;
    height:30px
}

.ScanInputBox {
    BACKGROUND:#D8D8D8;
    BORDER-BOTTOM: #D8D8D8 2px solid;
    BORDER-LEFT: #D8D8D8 2px solid;
    BORDER-RIGHT: #D8D8D8 2px solid;
    BORDER-TOP: #D8D8D8 2px solid;
    COLOR:black;
    FONT: 13px Verdana;
    WIDTH: 200px;
    height:40px;

}
.GrandAmount {
    BACKGROUND:#D8D8D8;
    BORDER-BOTTOM: #D8D8D8 2px solid;
    BORDER-LEFT: #D8D8D8 2px solid;
    BORDER-RIGHT: #D8D8D8 2px solid;
    BORDER-TOP: #D8D8D8 2px solid;
    COLOR:red;
    FONT: 18px Verdana;
    WIDTH: 120px
}
.inputBoxMandatory {
    BACKGROUND:#D8D8D8;
    BORDER-BOTTOM: #D8D8D8 1px solid;
    BORDER-LEFT: #D8D8D8 1px solid;
    BORDER-RIGHT: #D8D8D8 1px solid;
    BORDER-TOP: gray 1px solid;
    COLOR:Black;
    FONT: 11px Verdana;
    WIDTH: 100px

}

.inputBox2 {
    BACKGROUND:#D8D8D8;
    BORDER-BOTTOM: #D8D8D8 1px solid;
    BORDER-LEFT: #D8D8D8 1px solid;
    BORDER-RIGHT: #D8D8D8 1px solid;
    BORDER-TOP: #D8D8D8 1px solid;
    COLOR: black;
    FONT: 11px Verdana;
    WIDTH: 200px;
    height: 30px;
}
.inputBoxMulti {
    BACKGROUND:#D8D8D8;
    BORDER-BOTTOM: #D8D8D8 1px solid;
    BORDER-LEFT: #D8D8D8 1px solid;
    BORDER-RIGHT: #D8D8D8 1px solid;
    BORDER-TOP: #D8D8D8 1px solid;
    COLOR: black;
    FONT: 11px Verdana;
    WIDTH: 200px;
    height: 75px;
}

.inputBox6 {
    BACKGROUND:#D8D8D8;
    BORDER-BOTTOM: #D8D8D8 1px solid;
    BORDER-LEFT: #D8D8D8 1px solid;
    BORDER-RIGHT: #D8D8D8 1px solid;
    BORDER-TOP: #D8D8D8 1px solid;
    COLOR: black;
    FONT: 11px Verdana;
    WIDTH: 200px;
    height: 30px;
}
.inputBoxmax {
    BACKGROUND:white;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    COLOR: #inputBox2;
    FONT: 11px Verdana;
    WIDTH: 170px
}
.inputBox3 {
    BACKGROUND:white;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    COLOR: #inputBox2;
    FONT: 11px Verdana;
    WIDTH: 90px
}
.DateMandatory {
    BACKGROUND:lightyellow;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    COLOR: #000066;
    FONT: 11px Verdana;
    WIDTH: 130px
}

.inputBoxSmall {
    BACKGROUND:white;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    COLOR: #FF0000;
    FONT: 11px Verdana;
    WIDTH: 50px
}

.inputBoxSmall1 {
    BACKGROUND:white;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    COLOR: #FF0000;
    FONT: 11px Verdana;
    WIDTH: 75px
}


.inputBoxSmall2 {
    BACKGROUND:white;
    BORDER-BOTTOM: white 1px solid;
    BORDER-LEFT: white 1px solid;
    BORDER-RIGHT: white 1px solid;
    BORDER-TOP: white 1px solid;
    COLOR: #FF0000;
    FONT: 11px Verdana;
    WIDTH: 50px
}

.inputBoxAmount {
    BACKGROUND:#D8D8D8;
    BORDER-BOTTOM: #D8D8D8 1px solid;
    BORDER-LEFT: #D8D8D8 1px solid;
    BORDER-RIGHT: #D8D8D8 1px solid;
    BORDER-TOP: #D8D8D8 1px solid;
    COLOR: black;
    FONT: 11px Verdana;
    WIDTH: 75px;
    height: 30px;
}
.inputBoxAmount1 {
    BACKGROUND:#D8D8D8;
    BORDER-BOTTOM: #D8D8D8 1px solid;
    BORDER-LEFT: #D8D8D8 1px solid;
    BORDER-RIGHT: #D8D8D8 1px solid;
    BORDER-TOP: #D8D8D8 1px solid;
    COLOR: red;
    FONT: 11px Verdana;
    WIDTH: 75px;
    height: 30px;
}
.inputBoxAmountwhite {
    BACKGROUND:#F3F3F3;
    COLOR: black;
}

.inputBoxAmount1 {

    border:none;
    /*	    BACKGROUND:;
            BORDER-BOTTOM: gray 1px solid;
            BORDER-LEFT: gray 1px solid;
            BORDER-RIGHT: gray 1px solid;
            BORDER-TOP: gray 1px solid;
    */
    COLOR: #FF0000;
    FONT: 11px Verdana;
    WIDTH: 75px
}
.ComboBoxNewgray1{
    background-color: #D8D8D8;
    BORDER-BOTTOM:gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    COLOR: black;
    WIDTH: 200px;
    height: 30px;
    FONT: 11px Verdana;
    font-size: 11px;
}
.ComboBoxNewgray2{
    background-color: #D8D8D8;
    BORDER-BOTTOM:gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    COLOR: black;
    WIDTH: 100px;
    height: 30px;
    FONT: 11px Verdana;
    font-size: 11px;
}




.inputBox10 {
    BACKGROUND:white;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    COLOR:#FF0000;
    FONT: 11px Verdana;
    WIDTH: 50px
}
.inputBox111 {
    BACKGROUND:white;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    COLOR:#FF0000;
    FONT: 11px Verdana;
    WIDTH: 80px
}
.inputBox10Mandatory {
    BACKGROUND:lightyellow;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    COLOR:#000066;
    FONT: 11px Verdana;
    WIDTH: 50px
}
.inputBox101Mandatory {
    BACKGROUND:lightyellow;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    COLOR:#000066;
    FONT: 11px Verdana;
    WIDTH: 150px
}
.inputBox11 {
    BACKGROUND:white;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    COLOR:#FF0000;
    FONT: 11px Verdana;
    WIDTH: 35px
}
.inputBox4 {
    BACKGROUND:#D8D8D8;
    BORDER-BOTTOM: #D8D8D8 1px solid;
    BORDER-LEFT: #D8D8D8 1px solid;
    BORDER-RIGHT: #D8D8D8 1px solid;
    BORDER-TOP: #D8D8D8 1px solid;
    COLOR:black;
    FONT: 11px Verdana;
    WIDTH: 170px;
    height:30px
}
.inputBox11Mandatory {
    BACKGROUND:white;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    COLOR:#FF0000;
    FONT: 11px Verdana;
    WIDTH: 35px
}

.inputBox20Mandatory {
    BACKGROUND:lightyellow;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    COLOR:#000066;
    FONT: 11px Verdana;
    WIDTH: 30px
}
.inputBox22Mandatory {
    BACKGROUND:#D8D8D8;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    COLOR:black;
    FONT: 11px Verdana;
    WIDTH: 75px;
    height:30px;
}
.inputBox200Mandatory {
    BACKGROUND:lightyellow;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    COLOR:#000066;
    FONT: 11px Verdana;
    WIDTH: 100px
}
.inputBox201Mandatory {
    BACKGROUND:lightyellow;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    COLOR:#000066;
    FONT: 11px Verdana;
    WIDTH: 140px
}
.inputBox1Mandatory {
    BACKGROUND:lightyellow;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    COLOR:#000066;
    FONT: 11px Verdana;
    WIDTH: 100px
}
/*---------------------------------------------------------------------------------------------*/
/*----------------------------------text area-------------------------------------------------*/

.textarea1 {
    BACKGROUND:white;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    COLOR: #000000;
    FONT: 11px Verdana;
    WIDTH: 70px

}
/*---------------------------------------------------------------------------------------------*/


/*	CLASS DEFINITIONS */
.mobileTextboxPOS1 {
    font-family:Verdana;
    font-size:12px;
    padding:1px;
    border:none;
    background-color: #D8D8D8;
    height:30px;
    width:150px;
    color:black;
}

.ComboBoxNewgrayPOS1{
    background-color: #D8D8D8;
    BORDER-BOTTOM:gray 0px solid;
    BORDER-LEFT: gray 0px solid;
    BORDER-RIGHT: gray 0px solid;
    BORDER-TOP: gray 0px solid;
    COLOR: black;
    FONT: 40px Verdana;
    WIDTH: 150px;
    height: 30px;
    font-size: 12px;
}

.ComboBoxNewgray45{
    background-color: #D8D8D8;
    BORDER-BOTTOM:gray 0px solid;
    BORDER-LEFT: gray 0px solid;
    BORDER-RIGHT: gray 0px solid;
    BORDER-TOP: gray 0px solid;
    COLOR: black;
    FONT: 40px Verdana;
    WIDTH: 145px;
    height: 30px;
    font-size: 12px;

}

.mobileCountryCodeTextboxPOS {
    font-family:Verdana;
    font-size:12px;
    padding:1px;
    border:none;
    background-color: #D8D8D8;
    width:40px;
    height:30px;
    color:black;
}

.sbmtbuttonPaymentOptions {
    font-family:Verdana;
    font-size:12px;
    font-weight:bold;
    color:#FFF;
    border:none;
    width: 150px;
    height:40px;
    padding:5px;
    background-color: #00AFEF;
    background-repeat:repeat-x;
}
.sbmtbuttonMax2 {
    font-family:Verdana;
    font-size:12px;
    font-weight:bold;
    color:#FFF;
    border:none;
    width: 150px;
    height:40px;
    padding:5px;
    background-color: #00AFEF;
    background-repeat:repeat-x;
}
.sbmtbuttonMaxsave {
    font-family:Verdana;
    font-size:12px;
    font-weight:bold;
    color:#FFF;
    border:none;
    width: 305px;
    height:40px;
    padding:5px;
    background-color: #00AFEF;
    background-repeat:repeat-x;
}

.tb1placeholder145 {
    font-family:Verdana;
    font-size:12px;
    padding:1px;
    border:none;
    background-color: #D8D8D8;
    height:30px;
    width:145px;
    color:black;
}
.textarea2 {width:200; height:120;  font-size:11pt;}
.textarea3 {width:250; height:60;   font-size:11pt;}
.textarea4 {width:250; height:120;  font-size:11pt;}
.textarea5 {width:300; height:60;   font-size:11pt;}
.textarea6 {width:300; height:120;  font-size:11pt;}
.textarea7 {width:200; height:60;   font-size:11pt;BACKGROUND:#D8D8D8;
            BORDER-LEFT: gray 1px solid;
            BORDER-RIGHT: gray 1px solid;}
.textarea8 {width:500; height:60;   font-size:11pt;}


.textareaBill {width:250; height:45;   font-size:9pt;BACKGROUND:#D8D8D8;
               BORDER-LEFT: gray 1px solid;
               BORDER-RIGHT: gray 1px solid;
               COLOR: black;
               resize: none;
}
.textareaGstBill {width:195; height:55;   font-size:9pt;BACKGROUND:#D8D8D8;
               BORDER-LEFT: gray 1px solid;
               BORDER-RIGHT: gray 1px solid;
               COLOR: black;
               resize: none;
}
.textarearemarks {width:260; height:70;   font-size:9pt;
               BORDER-LEFT: gray 1px solid;
               BORDER-RIGHT: gray 1px solid;
               COLOR: black;
               resize: none;
}



.textbox1 {width:40;}
.textbox2 {width:80;}
.textbox3 {width:120;}
.textbox4 {width:180;}
.textbox5 {width:250;}
.textbox6 {width:320;}
/* OLD CLASS DEFINITION */
.TEXTAREA0 {height:40; width:300;}
.TEXTAREA1 {height:70; width:300;}
.TEXTAREA1a {height:70; width:400;}
.TEXTAREA2 {height:150; width:400;}
.TEXTAREA3 {height:200; width:400;}
.TEXTAREA4 {height:400; width:500;}
.rowcolor1 {background:#dcdcdc}
.rowcolor2 {background:#ffffff}



.titlebarSALMAT{background:#BABBF5;font-size:9pt; color:black;font-weight:bold;}
.titlebarCSIRO{background:#38BFD4;font-size:9pt; color:black;font-weight:bold;}

.titlebarPM{background:#F4CEAA;font-size:9pt; color:black;font-weight:bold;}
.titlebarM{background-color:#BABBF5;background-image:URL(../images/metalLineSilver.gif);font-size:9pt; color:black;font-weight:bold;}

.heading {background:#DCDCDC;font-size:8pt; color:black;font-weight:bold; }
.tableHeadusage { background:#F0E0FF;font-size:9pt; color:black;font-weight:bold;}
.txtgraph{ font-family:Verdana; font-size:7pt; color:black }
.rptfont {font-family:Verdana;font-size:10pt; color:black;font-weight:none;}
.txtboxSmall {width:100;}
.txtboxLong {width:400;}
.txtboxShort {width:150;}
.txterror {color:red;}

.CheckBox{ border: 0px solid #000080; padding: 0;}

.RadioButton {border-style: solid; border-width: 0px;}

/* ANCHOR LINK ATTRIBUTE SETTING */

a:link, a:active, a:visited {color:#000066; font-size:9pt; font-weight:normal; text-decoration:none; 	}
a:hover {color:#000066;	font-size:9pt;text-decoration:underline;	}
.a1{ color:#CC6699; font-size:9pt; text-decoration:none; font-weight:bold }
.YellowMenuBar{
    background-image:url(../Jsp/Images/menu_bkg_04.jpg);
    height:28px;
    width: 500px;
    background-repeat:repeat-x;
    padding-top:6px;
}
.inputBoxD {
    BACKGROUND:#D8D8D8;
    BORDER-BOTTOM: #D8D8D8 1px solid;
    BORDER-LEFT: #D8D8D8 1px solid;
    BORDER-RIGHT: #D8D8D8 1px solid;
    BORDER-TOP: #D8D8D8 1px solid;
    COLOR:black;
    FONT: 11px Verdana;
    WIDTH: 80px;
    height:30px
}
.bodydiv{
    background-color:#FFFFFF;
    width:1020px;
    /*height:400px;*/
    border-radius:15px;
    word-wrap: break-word;
    overflow: auto;
    overflow-y: hidden;
    white-space: nowrap;
    margin: auto;
    /*padding:30px 30px 30px 30px;*/
    left:0;
    right:0;
}
table.datatable tfoot tr:first-child{
    position: relative;
    top: 32px;
    text-align: right;
}
#pagetot{
    position: relative;
    top: -32px;
    text-align: right;
}
textarea:focus {
    outline: none !important;
    border-color: #0b60e0;
}
input[type='text']:focus{
    outline: none !important;
    border-color: #0b60e0;
}
input[type='password']:focus{
    outline: none !important;
    border-color: #0b60e0;
}
select:focus{
    outline: none !important;
    border-color: #0b60e0;
}