body
{
	background: url(images/bg1.gif) top left no-repeat #eef3ef;
	font-family: Trebuchet MS, arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align: left;
	color: #333;
	padding: 0;
	margin: 0;
}
.topTable
{
    padding: 10px;
}
.mainContent 
{     
    border: solid 1px #c9c9c9;
    padding-top: 10;
    padding-bottom: 10px;
    width: 100%;
}

.leftMenuPane 
{     
    border: solid 1px #c9c9c9;
    padding: 1px;
    background-color: #eef3ef;
    width: 200px;
}

.rightContentPane 
{     
    border: solid 1px #c9c9c9;
    padding: 10px;
    background-color: #ffffff;
    width: auto;
}

.controlsPaneTop
{
    border: solid 1px #c9c9c9;
    padding: 5px;
    background-color: #eef3ef;    
    width: auto;
}
.controlsPane
{
    padding: 10px;
    background-color: #ffffff;
    width: auto;
}
.searchPaneTop
{
    border: solid 1px #c9c9c9;
    padding: 5px;    
    background-color: #ffffff;
}
    
.searchPane
{
    padding: 10px;
    background-color: #f1f1f1;
    width: auto;
}

.pageTitle
{
    font-size: 12pt;
    font-weight: bold;
    color: #000;
}
.panelTile
{
    font-size: 9pt;
    font-weight: bold;
    color: #000;
}

.ctlLable
{
    font-size: 11px;    
    color: #000;
}
.emptyRow
{
    font-size: 6px;
    height: 10px;
}
.textBox
{
    border: solid 1px #aeaeae;
    color: #000;
    background-color: #fff;
    font-size: 11px;
    width: 180px;
    font-family: Trebuchet MS, arial, helvetica, sans-serif;
}
.disabledTextBox
{
	border: solid 1px #aeaeae;
	color: #000;
	background-color: #EEEEEE;
	font-size: 11px;
	width: 180px;
}
.mandatory
{    
    color: red;    
    font-size: 12px;
    font-weight: bold;
    
}
table.tabFrame
{
	width: 100%;
	border: none;
	border-collapse: collapse;
}
.tabRow 
{	
		background-image : url(images/tabRowBg.gif);
		border-color: #999;
		height: 20px;
		background-position: top;
		background-repeat: repeat-x;	
		border-bottom: solid 1px;
}
.currentTab
{
    font-size: 14px;
    font-weight: bold;
    padding-top: 1px;
    padding-left: 3px;
    padding-right: 5px;
    padding-top: 5px;
    background-position: center top;
    border-bottom: solid 1px;
    background-image : url(images/currentTab.gif);
		background-repeat: no-repeat;
		border-color: #fff;
}	
	.currentTabLeft
	{
	    background-image : url(images/currentTab.gif);
		background-repeat: no-repeat;
		border-color: #fff;
		background-position: left top;
        background-repeat: no-repeat;
	}
 
	.currentTabRight 
	{
	    background-image : url(images/currentTab.gif);
		background-repeat: no-repeat;
		border-color: #fff;
		background-position: right top;
        background-repeat: no-repeat;
	}

    a.currentTabLink
	{
	    color: #990033;
	    text-decoration: none;
	} 
	a.currentTabLink:link
	{
	    color: #990033;
	    text-decoration: none;
	} 
	a.currentTabLink:visited 
	{
		color: #990033;
		text-decoration: none;
	}
	a.currentTabLink:hover 
	{
		color: #990033;
		text-decoration: underline;
	}
		
	.otherTabLeft
	{
	    color: #333333;
		background-image : url(images/otherTab.gif);
		background-repeat: no-repeat;
		border-color: #999;
		background-position: top left;
		border-bottom: solid 1px;
	} 
	.otherTabRight
	{
	    color: #333333;
		background-image : url(images/otherTab.gif);
		background-repeat: no-repeat;
		border-color: #999;
		background-position: top right;
		border-bottom: solid 1px;
	}
	.otherTab 
	{
		color: #333333;
		background-image : url(images/otherTab.gif);
		background-repeat: no-repeat;
		border-color: #999;
		font-size: 14px;
		font-weight: bold;
		padding-left: 3px;
		padding-right: 5px;
		padding-top: 5px;
		background-position: top center;
		border-bottom: solid 1px;
	}
	a.otherTabLink:link
	{
	    color: #444444;
	    text-decoration: none;
		padding-top: 0px;
	}
	a.otherTabLink:visited 
	{
		color: #444444;
		text-decoration: none;
		padding-top: 0px;
	}
	a.otherTabLink:hover 
	{
		color: #990033;
		text-decoration: underline;
	}
	
	.subtabs 
	{
	    background-image: url(images/bgGray.gif);
		border-bottom-color: #999;
		height: 21px;
		border-bottom: 1px solid;
		background-repeat: repeat-x;
		background-position: bottom;
	
	}
	.headerTable
	{
	    height: 60px;
	   
	}
	.welcomeText
	{
	    font-size: 12px;
	    font-weight: bold;
	    color: #333;
	}
	.headerText
	{
	    font-size: 12px;
	    font-weight: bold;
	    color: #333;
	}
	
	a.headerLink:link
	{
	    font-size: 12px;
	    font-weight: bold;
	    color: #1864a7;
	    text-decoration: none;
	}
	a.headerLink:visited 
	{
		font-size: 12px;
	    font-weight: bold;
	    color: #1864a7;
	    text-decoration: none;
	}
	a.headerLink:hover 
	{
		font-size: 12px;
	    font-weight: bold;
	    color: #1864a7;
	    text-decoration: underline;
	}
	.btnLogout
	{
	    border: solid 1px #1864a7;
	    background: url('images/btn_fon.gif') repeat-x 0px 0px; 
	    text-align: center; 
	    text-decoration: none;	    
	    color: #1864a7;
	     padding: 3px 5px 3px 5px;
	     height:25px;
	     font-size: 11px;
	}
	a.btnLogout:link
	{
	    border: solid 1px #1864a7;
	    background: url('images/btn_fon.gif') repeat-x ; 
	    text-align: center; 
	    text-decoration: none;	    
	    color: #1864a7;
	     padding: 0px 5px 3px 5px;
	}
	a.btnLogout:visited 
	{
		border: solid 1px #1864a7;
	    background: url('images/btn_fon.gif') repeat-x ; 
	    text-align: center; 
	    text-decoration: none;	    
	    color: #1864a7;
	     padding: 0px 5px 3px 5px;
	}
	a.btnLogout:hover 
	{
		border: solid 1px #1864a7;
	    background: url('images/btn_fon.gif') repeat-x ; 
	    text-align: center; 
	    text-decoration: none;	    
	    color: #1864a7;
	     padding: 0px 5px 3px 5px;
	    text-decoration: underline;
	}
	
	.SubmitButton
	{
	    border-style: solid; 
	    border-width: 1px; 
	    background: url('images/btn_fon.gif') repeat-x 0px 0px; 
	    text-align: center; 
	    text-decoration: none;	    
	    color: #1864a7;
	    height: 22px;
	    
	}
	.leftColumnModuleHead 
	{	
		color: #444;
		background-color: #fff;
		border-color: #999;
		background-image: url(images/bgGray.gif);
		text-align: left;
		padding-left: 6px;	
		padding-top: 4px;
		padding-bottom: 4px;
		border-top: 1px solid;
		background-repeat: repeat-x;
		background-position: top;
		
	}
	
	.leftColumnModuleName {
		padding-left: 3px;	
		padding-top: 4px;
		padding-bottom: 4px;
		text-transform: uppercase;
		font-weight:bold;
		color: #1864a7;
	}
	
		
	
		
		.subMenu 
		{
		width: 100%;		
		font: normal 11px Trebuchet MS,Arial, Verdana, Helvetica, sans-serif;
		
		border-top: 1px solid;
		border-color: #ccc;
		color: #444444;
		background-color: #fff;
		}
		a.subMenuItem  
		{
		width: 100%;		
		font: normal 11px Trebuchet MS,Arial, Verdana, Helvetica, sans-serif;
		
		/*border-color: #ccc;*/
		/*color: #444444;*/
		color: #1864a7;
		/*background-color: #fff;*/
		text-decoration: none;
		padding: 0px;
		}
		a.subMenuItem:link
		{
		width: 100%;		
		font: normal 11px Trebuchet MS,Arial, Verdana, Helvetica, sans-serif;
		
		/*border-color: #ccc;*/
		/*color: #444444;*/
		color: #1864a7;
		
		text-decoration: none;
		padding: 0px;
		}
		
		a.subMenuItem:hover
		{
		width: 100%;		
		font: normal 11px Trebuchet MS,Arial, Verdana, Helvetica, sans-serif;
		
		/*border-color: #ccc;*/
		/*color: #444444;*/
		color: #1864a7;
		
		text-decoration: underline;
		padding: 0px;
		}
		
	.errorHighLight
	{
	    border: solid 1px red;
	    background-color: #fbdbdb;
	}
	.errorPopup
	{
	    background-color: #fbdbdb;
	    border: solid 1px red;
	    color: Red;
	    font-family: Trebuchet MS;
	    font-size: 11px;
	    font-weight: bold;
	    z-index: 99999;	    
	}
	.errorPopup div, .errorPopup td {border:solid 1px red;background-color:#feeaea;z-index: 99999;}
	
	.noticeHeading
{
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
	background-color: #e6f4fc;
	background-image: url('Images/bg_nav.gif');
	text-align: left;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.error_message_box_header
{
    text-align:left;
    padding-left:5px;
    padding-top:3px;
    padding-bottom:3px;
    background-color:#c90707; 
    color: #ffffff;   
    font-weight:bold;
    font-size:12px;
    font-family:Trebuchet MS;
    text-decoration: underline;
}
.noticeBody
{
	font-family: Trebuchet MS;
	font-size: 12px;
	color: Black;
	background-color: #ffffff;	
}
.noticeBodywithBorder
{
	font-family: Trebuchet MS;
	font-size: 12px;
	color: Black;
	background-color: #ffffff;	
	border: solid 1px #000000;
}


.loadingPane
{
    padding: 10px;
    background-color: #ffffff;
    border: solid 1px #000000;
    width: 150px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
a.gridLink:link
	{
	    font-size: 10px;
	    
	    color: #1864a7;
	    text-decoration: none;
	}
	a.gridLink:visited 
	{
		font-size: 10px;
	    
	    color: #1864a7;
	    text-decoration: none;
	}
	a.gridLink:hover 
	{
		font-size: 10px;
	    
	    color: #1864a7;
	    text-decoration: underline;
	}
	.errorMsg
	{
	    font-size: 12px;
	    font-family: Trebuchet MS;
	    color: Red;
	}
	.loginPanel
	{
	    border: solid 10px #1864a7;
	    background-color: #fff;
	}
	.loginPageHeader
	{
	    color: #1864a7;
	    font-size: 14pt;
	    font-weight: bold;
	    font-family: Trebuchet MS;
	}
	.loginLables
	{
	    font-size: 14px;
	    font-weight: bold;
	    font-family: Trebuchet MS;
	    
	}
	.loginTextBox
	{
	    font-size: 14px;
	    font-weight: bold;
	    font-family: Trebuchet MS;
	    border: solid 1px #000000;
	    
	}
	.loginErrorPanel
	{
	    background-color: #fff;
	    border: solid 1px red;
	    color: Red;
	    font-family: Trebuchet MS;
	    font-size: 12px;
	    font-weight: bold;
	}
	.signoutPanel
	{
	    background-color: #fffbcc;
	    border: solid 1px #cfad66;
	    color: #000;
	    font-family: Trebuchet MS;
	    font-size: 12px;
	    font-weight: bold;
	    text-align: center;
	}
	a.forgotPassword:link
	{
	    font-size: 12px;	    
	    color: #1864a7;
	    text-decoration: underline;
	    padding:3px;
	}
	a.forgotPassword:visited 
	{
		font-size: 12px;	    
	    color: #1864a7;
	    text-decoration: underline;
	    padding:3px;
	}
	a.forgotPassword:hover 
	{
		font-size: 12px;	    
	    color: #fff;
	    text-decoration: underline;
	    background-color: #1864a7;
	    padding:3px;
	}
	a.pageLinks:link
	{
	    font-size: 12px;
	    
	    color: #1864a7;
	    text-decoration: none;
	}
	a.pageLinks:visited 
	{
		font-size: 12px;
	    
	    color: #1864a7;
	    text-decoration: none;
	}
	a.pageLinks:hover 
	{
		font-size: 12px;
	    
	    color: #1864a7;
	    text-decoration: underline;
	}
	.autocomplete_completionListElement 
{  
    margin : 0px!important;
    border: solid 1px #c9c9c9;
    background-color: #eef3ef;	
	cursor : 'default';
	overflow : auto;
	height : 100px;
    text-align : left; 
    list-style-type : none;
    color: #000;
}

.autocomplete_highlightedListItem
{
	/*background-color: #ffff99;*/
	background-color: #1864a7;
	color: #fff;
	padding: 1px;
	padding-left: 5px;
}
.autocomplete_listItem 
{
	background-color : #eef3ef;
	color: #000;
	padding : 1px;
	padding-left: 5px;
}

.watermarked {	
	padding:2px 0 0 2px;
	border:1px solid #aeaeae;
	background-color:#fff;
	color:#333;
	font-size: 12px;
	font-family: Trebuchet MS;
}	

.optionsMenuPanel
{
    border: solid 1px #c9c9c9;
    padding: 5px;
    background-color: #f1f1f1;
    width: auto;
    text-align: left;
    padding: 5px;
}
.MaskedEditFocus
{
  /* background-color: #ffffcc;*/
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.invoiceHeading
{
    font-size: 32px;
    font-weight: bold;
    color: #000000;
}
.invoiceCompany
{
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}
.invoiceItemHeading
{
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}
.invoiceItem
{
    font-size: 14px;
    color: #000000;
}
.rcbHeader ul,
.rcbFooter ul,
.rcbItem ul, .rcbHovered ul, .rcbDisabled ul
{
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.multipleRowsColumns .rcbItem, .multipleRowsColumns .rcbHovered
        {
            float: left;
            margin: 0 1px;
            min-height: 13px;
            overflow: auto;
            padding: 2px 19px 2px 6px;
            width: 125px;
        }
.comboGridcol
{
    float: left;
    width: 120px;
    margin: 0;
    padding: 0 5px 0 0;
    line-height: 14px;
}

.comboGridcol1
{
    float: left;
    width: 200px;
    margin: 0;
    padding: 0 5px 0 0;
    line-height: 14px;
}

.comboGridcol2
{
    float: left;
    width: 200px;
    margin: 0;
    padding: 0 5px 0 0;
    line-height: 14px;
}

.comboGridcol21
{
    float: left;
    width: 300px;
    margin: 0;
    padding: 0 5px 0 0;
    line-height: 14px;
}

textarea
{
    font-family: Trebuchet MS, arial, helvetica, sans-serif;
}
select
{
    font-family: Trebuchet MS, arial, helvetica, sans-serif;
}

.tblStatusReport
{
	border: solid 1px #000;
	margin: 10px 0px;
	width: 100%;
}

.lblColumnStatusReport
{
	border: solid 1px #000;
	padding-left: 5px;
	font-family: 12px;
	font-weight: bold;
	width: 200px;
}

.ctlColumnStatusReport
{
	border: solid 1px #000;
	padding-left: 5px;
}