.footer {
	width:100%;
	min-width:100%;
	clear:both;
	text-align:center;
	left:0;
	bottom:0;
	position: absolute;
}

body 
{ 
    background-image: url(images/bg_loginpage.gif);
    background-repeat: repeat;
    margin-left:0;
    margin-right:0;
    margin-top:0;    
}

.BodyBG
{
    /*
    background-image: url(images/bg_loginpage.gif);
    background-repeat: repeat;
*/
}


.forCopyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}

.forTexts
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    line-height: 20px;
    text-align: justify;
}

.forForms 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border: 1px inset;
}

.forButton 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border: 1px outset;
}

.Info
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: center;
    padding-top: 10px;
    color: #ff9900;
    font-weight: bold;
    height: 30px;
}

div.Progress
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #000099;
    line-height: 12px;
    background-image: url(./images/progress_bar1.gif);
    background-repeat: no-repeat;
    background-position-x: right;
}

td.TopBG
{
    background-color: #5b6db5;
    height:12px;
}

td.Header
{
    background-image: url(images/SmartInventory_Logo.Bmp);
    height: 55px;
    background-repeat: no-repeat;
    text-align: center;
}

tr.HeaderBG
{
    background-image:url(images/top_bg.jpg);
    background-repeat:repeat-x;
    height:72px;
}

td.Welcome
{
    text-align: right;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color:Maroon ;
}

td.Footer
{
    height:40px;  
    background-image:url(./Images/Bottom_bg.Gif);
}

td.Bar
{
    background-image:url(./Images/Menu_BG.gif);
    height: 22px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 20px;
    background-image: url(images/navigation_bg.gif);
}

td.MenuBackGround
{
    background-image: url(images/navigation_bg.gif);
}


td.LeftMenu
{
    background-color:#E9EFF5; 
    vertical-align:top;  
}

td.MenuHeader
{
    background-color: #80A0C6;
    height: 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    border-style:outset;
    border-width:1px;  
    border-color:#D9E3EE; 
}

td.PanelHeader
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #003366;
    text-align: justify;
    font-weight: bold;
}

td.Panel
{
    background-color: #EFF3F8;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    line-height: 20px;
    border-color: #5b6db5;
    border-style: solid;
    border-width: 1px;
    padding :5px;
}

td.ErrorPanel
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FF0000;
    line-height: 12px;
    text-align: justify;
    border-top: #5b6db5 2px double;
}

td.LAlign
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    line-height: 20px;
    text-align: left;
    width :5px;
}

td.LAlignD
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    line-height: 20px;
    text-align: left;
    width : 50%;
}

td.RAlign
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #336699;
    line-height: 20px;
    text-align: right;
    font-weight: bold;
}

td.CAlign
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    line-height: 20px;
    text-align: center;
    
}

td.LError
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FF0000;
    line-height: 20px;
    text-align: left;    
    
}


td.LLText
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    line-height: 20px;
    text-align: left;   
}



td.LRText
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    line-height: 20px;
    text-align: right;   
}

.txtBox
{
    background-color:#F5F5F5;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    text-align: justify;
    border-color: #DCDCDC;
    border-style: inset;
    border-width: 1px;
    height: 14px;
    text-transform: uppercase;
}

A.lnkBar:link
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px; /*color: #003366;*/
    line-height: 20px;
    color: #003366;
}

A.lnkBar:visited
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    /*color: #003366;*/
    color:#003366;
    line-height: 20px;
}

A.lnkBar:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    /*color: #003366;*/
    color:#003366;
    line-height: 20px;
}

A.lnkHeader:link
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px; /*color: #003366;*/
    line-height: 20px;
    /*color: #ffffff;*/
   color:#330000
    
}

A.lnkHeader:visited
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    /*color: #003366;*/
    color:#ffffff;
    line-height: 20px;
}

A.lnkHeader:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    /*color: #003366;*/
    color:#ffff99;
    line-height: 20px;
}

div.Progress
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #000099;
    line-height: 12px;
    background-image: url(./images/progress_bar1.gif);
    background-repeat: no-repeat;
    background-position : right;
}

td.Error
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #ff0000;
    text-align: justify;
    font-weight: bold;
}

tr.TRGridHeader
{
    padding:0;    
    border-style: none;
    
    border-width:0px;
    font-family:Verdana;
    Font-Size:10px; 
    background-color:#80A0C6;
    font-weight:bold;
    color:White;
}

.MyPanel123 {
	BACKGROUND: url(images/Panel1Left.gif) #c0d6e5 no-repeat
}

.MyPanel 
{
}

.MyPanelHeader
{
    background: url(images/PanelHeader.jpg) #c0d6e5 repeat-x right top;
    color: #336699;
    padding: 0px;
    margin: 0px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin-left: 0px;
    border-left: solid 1px #8eb4ce;
    border-right: solid 1px #8eb4ce;
    text-align:left;
}

.MyPanelBox
{
	BORDER: #8eb4ce 1px solid; 
	BACKGROUND-COLOR: #fff;
    background-color: white;
    padding-right: 11px;
    padding-left: 11px;
    padding-bottom: 4px;
    padding-top: 4px;
}

.MyPanelBoxFilled {
	BORDER: #8eb4ce 1px solid; 
	BACKGROUND-COLOR: #f4f8fa;
	PADDING-RIGHT: 11px; 
	PADDING-LEFT: 11px; 
	PADDING-BOTTOM: 4px; 
	PADDING-TOP: 4px
}

.MyPanelBoxFilledNoPadding {
	BORDER: #8eb4ce 1px solid; 
	BACKGROUND-COLOR: #f4f8fa;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px
}
.Seprator
{
    background-color: #f4f8fa;
    border-top: #8eb4ce 1px dashed;
    margin-top:10px;
    margin-bottom:10px;  
    padding-top: 10px;
    padding-bottom: 10px;
    height :5px;
}
.MidSeprator
{
    background-color: #f4f8fa;
    border-top: #8eb4ce 1px dashed;
    margin-top: 2px;
    margin-bottom: 1px;  
    padding-top: 2px;
    padding-bottom: 1px;
    height : 1px;
}
.SepratorBlank
{
    border-top: #8eb4ce 1px dashed;
    margin-top:10px;
    margin-bottom:5px;  
    padding-top: 10px;
    padding-bottom: 5px;
    height :3px;
}


/*******************************************************
********************************************************
**************      CSS For Menu      ******************
********************************************************
*******************************************************/

.Menu_bckgnd
{
    background-image: url(../../images/navigation_bg.gif);
}

.Footer_bckgnd
{
    background-image: url(../../images/navigation_bg.gif);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align:center;  
}

.menuSelectedItem td {
	/*background: #FFBBBB;*/
}

.quicklinkblacktxt{
    font-weight: normal;
    font-size: 10px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: left;
    border-left: 0px;
}

A.quicklinkblacktxt:hover {
	FONT-WEIGHT:normal; 
	FONT-SIZE: 10px; 
	COLOR: #D20000; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none; 
	text-align:left;
}

/* make link and visited the same look,set the background-color also in case images are not on*/
.menuItem a:link, .menuItem a:visited, .menuPopupItem a:link, .menuPopupItem a:visited {
	color: #000000;
	text-decoration: none;	
}

/* make hover by changing vertical position of background to -22px (the tab_dim2.gif is 44px high) */
.menuItem a:hover {	
	text-decoration: none;
	color: #A80000;
	font-weight:bold;	
}

/* make drop down menu container style */
.menuPopup {
  	border: 1px solid white;
	color: #C0C0C0;
	font-size:11px;
	border-collapse:separate;
}

/* make drop down menu item style   */
.menuPopupItem
{
    background: url(../../images/navigation_bg.gif);
    color: #000000;
    border-bottom: 1.1pt solid #4F95DA;
    border-left: 1.1pt solid #4F95DA;
    border-right: 1.1pt solid #4F95DA;
    padding-left: 3px;
    padding-right: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 11px;
    height: 25px;
    _min-height: 25px; /* For IE7*/
}

menuPopupItem a
{   
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.menuPopupItemH {	
    color: #D20000;
    background:#DBEAF0; 
}

TD.newheadingbgImage
{
	font-weight: bold; 
	font-size: 8pt; 
	color: #0B5601; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	_height:20px;
	min-height:20px; /* For IE7*/
	background-image:url(../../Images/navigation_bg.gif)
	
}
A.MainNavigation 
{
	TEXT-DECORATION:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:9pt; 
}
A.MainNavigation:hover {
	TEXT-DECORATION:underline; COLOR: #016100
}

.Menu_bckgnd
 {
	background-image:url(../../Images/navigation_bg.gif);
 }
 H3.pg { page-break-after: always }


/**************************************************/
/**************************************************/
/******   Class added for Menu BackGround   *******/
/**************************************************/
/**************************************************/


/**************************************************/
/****************  NEW CODE FOR  ******************/
/****************  VERTICAL MENU ******************/

.quicklinkblacktxtver{
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    margin: 2px 1px 1px 1px 1px;
    border-left: 0px;
}


.level1
{
    color: White;
    background-color: Silver;    
    font-variant: small-caps;
    font-size: large;
    font-weight: bold;
}

.level2
{
    color: Blue;
    font-family: Gill Sans MT !important;
    font-size: medium;
    background-color: Gray;
}

.level3
{
    color: black;    
    /*background-image: url(images/Vertical_Img.jpg);*/
    background-image: url(images/PanelHeader.jpg);
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none; 
	text-align:left;
	FONT-SIZE: 10px;	
}

.hoverstyle
{
	FONT-WEIGHT:normal; 
	FONT-SIZE: 10px; 
	COLOR: #D20000; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none; 
	text-align:left;	
}
       
.sublevel1
{
    background-color: Gray !important;
    color: White !important;
    font-variant: small-caps;
}  

/********* New code for Back Colour for text box*********/
tr.TRGridRow
{
    background-color: #D9E3EE;
    color: #FF0000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;    
    line-height: 20px;
    text-align: center;  
}

/******** New code for Create User Page  ***************/
.Seprator2
{
    background-color: #f4f8fa;
    border-top: #8eb4ce 1px dashed;
    margin-top:0px;
    margin-bottom:0px;  
    padding-top: 0px;
    padding-bottom: 0px;
    height :1px;
}


.HomeBackGroung
{
    background-image: url(images/SCL_BG.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
}



/*****************************************************/
/***********   CSS FOR HO ADMIN PAGE    **************/
/*****************************************************/

.sidebox {
	margin: 0 auto; /* center for now */
	width: 31em;  /*ems so it will grow */	
	background: url(images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}

.boxhead {
	background: url(images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}

.boxhead h2 {
	background: url(images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}

.boxheadlef h2 {
	background: url(images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}

.boxbody {
	background: url(images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}


/*********************************************************************/
/*****************    CSS FOR GRID VIEW LINK    **********************/
/*********************************************************************/
A.gvlnk:link
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    /*color: #003366;*/
    color: #0066ff;
    line-height: 15px;
}

A.gvlnk:visited
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0066ff;
    line-height: 15px;
}

A.gvlnk:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #0066ff;
    line-height: 15px;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
}

.Content
{
    min-height:100%; 
    height:100%;
    margin-bottom:-26px;
}
    
.MyFooter {
	clear:both;
	width:100%;
	position: relative;
	height:26px;
	text-align:center;
}

.ClearFooter 
{
	clear:both;
	height:26px;
}

body
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    min-height:100%;
    height:100%;
}

html, body#main {height: 100%}

.MyContent
{
    display:block;
    overflow:auto;
}





.footer1 
{    
	width:100%;
	position: relative;
	height:26px;
	text-align:center;	
	bottom: 0;	
}

.content 
{
	padding: 10px;
	background-color: #6caad9;
	padding-bottom: 48px;
}