/**
	 *	Basic Layout Theme
	 * 
	 *	This theme uses the default layout class-names for all classes
	 *	Add any 'custom class-names', from options: paneClass, resizerClass, togglerClass
	 *
	 *	Download a more comprehensive stylesheet here:
	 *		http://layout.jquery-dev.net/demos/css/layout-default.css
	 */
 
	.ui-layout-pane { /* all 'panes' */ 
		padding: 5px; 
		overflow: auto;
	} 
	.ui-layout-center { /* all 'panes' */ 
		border-left: 1px solid #BBB; 
		border-right: 1px solid #BBB; 
		margin: 5px 0 0;
	} 
  
    /* the 'fix' for the datepicker */
	#ui-datepicker-div { z-index: 5; }
    
    /* Vertical Tabs
    ----------------------------------*/
   
    .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
    .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
    .ui-tabs-vertical .ui-tabs-nav li a { display:block; }
    .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; background-color: Blue; }
    .ui-tabs-vertical .ui-tabs-panel { padding-left: 0.1em; float: left; max-width:800px; }
    .ui-tabs.ui-tabs-nav li { }
    
    
    label.error  {
        color:red;
        font-style:italic;
    }
 
    div#tabhistory{ font-size:x-small;padding: 1em 0.4em  }
    div#tabhistory span.error{ color:Red; }
    div#tabhistory a.historylink{ font-size:smaller;text-decoration: none;}
    div#tabhistory a{ color:Green}
    div#tabhistory a.current{ color:White }

    div.MenuLineHeading2 
    {   
        font-size: small; 
        background-color: Gray;
        font-weight:bolder; 
        text-align: center; 
    }
    div.MenuLineLevel1
    {  
        padding: 2 2 2 10;
    }
    div.MenuLineLevel1 a
    {  
            text-decoration: none; 
            font-size: small;
    }
    
    #accordion div div {
       padding: 0 0 0 0;
    }

     
    .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
        padding: 0.0em;
    }
    
    .toolbar 
    {
        float: left;
        margin-left: 320px;
        padding: 5px;
        width: 300px;
    }
    textarea.html
    {
        width: 800px;
    }
    
    #header 
    {
            
        padding: 5px; 
        margin: 0pt; 
        overflow: auto; 
        visibility: visible; 
        display: block; 
        position: absolute; 
        z-index: 2; 
        top: 0pt; 
        bottom: auto; 
        left: 0pt; 
        right: 0pt; 
        width: auto; 
        height: 42px;
        background-repeat:no-repeat;
        background-position:left;
    }
    .ui-button-text-only .ui-button-text 
    {
        padding: 0.1em 0.5em;
    }
    #credentials
    {
        text-align: right; 
        float: right;
        padding: 2px;
        font-size: 0.8em;
        font-family: Calibri,sans-serif;
    }
    
    #credentials .ui-widget .ui-autocomplete-input {
        font-size: 0.9em;
        font-family: Calibri,sans-serif;
        
    }
    
    .ui-autocomplete-input
    {
        font-size: 0.9em;
        font-family: Calibri,sans-serif;
    }
    
    
    #logoff
    {
        text-align: right; 
        float: right;
        padding: 5px;
    }
    #navigation 
    {
        margin: 0pt; 
        overflow: auto; 
        visibility: visible; 
        display: block; 
        position: absolute; 
        z-index: 2; 
        left: 0pt; 
        right: auto; 
        top: 93px; 
        bottom: 44px; 
        height: 434px; 
        width: 178px;
    }
    #content
    {
       
        visibility: visible; 
        display: block; 
        position: absolute; 
        z-index: 2; 
        left: 206px; 
        right: 306px; 
        top: 93px; 
        bottom: 44px; 
        height: 434px; 
        width: 774px;
    }
    .hidden
    {
        display:none;
        padding:0px;
    }
    input.text-12
    {
        width:80px;
    }
    input.datepicker 
    {
        width:80px;
    }
    
    input.text-75
    {
        width:120px;
    }
    input.text-100
    {
       width:240px;
    }
    
    input.text-150
    {
        width:240px;
    }
    
    input.text-250
    {
        width:240px;
    }
    
    input.text-integer
    {
        text-align:right;
    }
    input.text-decimal
    {
        text-align:right;
    }
    
    .ui-widget {
        font-size: 0.9em;
    }
  
    .th-min-width
    {
        min-width:75px; 
    }
    
    td.matrix-header
    {
        text-align:center;
    }
    div.linkfromtable
    {
        text-align:center;
    }
    
    td.signeddecimal input
    {
        text-align:right;
    }
   
    td.decimal input
    {
        text-align:right;
    }
    td.integer input
    {
        text-align:right;
    }
    
    td.percentage input
    {
        text-align:right;
        width:80px;
    }
    
    td.text-static
    {
        max-width:800px;
    }