/* Page */    
.page
	{ 
		width: 99%;
		margin-left: auto;
		margin-right: auto;
	}
.pageHeader 
	{
		height: 73px;
		background-image: url(./images/SiteHeader.gif);
		background-repeat: repeat-x;
	}
	
.customSiteTitle 
	{
	    float: left;
	    color: #4d5d85;
        padding: 0px;
	    margin: 0px;
	    font-size: 16px;
	    padding-left: 3px;
	    width: 30%;
	    padding-top: 2px;
	}
	
.siteTitle
	{
	    position: relative;
	    top: 13px;
        color: #4d5d85;
	    font-size: 16px;
	    padding-left: 4px; 
	    float:left;  
	}
	
#PageHeader h2 
	{
	    float: right;
        color: #C4C2C3;
        padding: 0px;
	    margin: 0px;
	    font-size: 14px;
	    padding-right: 3px;
	    margin-top: 3px;
	    width: 60%;
		text-align: right;
	}
#PageHeader .pageNavigation 
	{
	    position: relative;
	    top: -23px;
		padding: 0px;
	    height: 31px;
	    float: left;
	    width: 100%;
	    text-align: center;
	    position:relative; 
	    z-index: 10;
	}   
	 
.curveMenuBar 
{
    border:1px solid #EFEFEF;
    -ms-border-radius:5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.showDocumentNavigation
{
    position: relative;
	padding: 0px;
	height: 31px;
	float:right;
	text-align: center;
	position:relative; 
	z-index: 1;
	margin-bottom: 10px;
}
.showDocumentButtonsBar 
{
    border:1px solid #EFEFEF;
    -ms-border-radius:5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
    float:right;
    margin:5px;
    width:520px;
}
#ExpenseTravelTypes_container {
    -moz-min-width: 99%;
    -ms-min-width: 99%;
    -o-min-width: 99%;
    -webkit-min-width: 99%;
    min-width: 99%;
}

#CarProfiles_container{
    -moz-min-width: 99%;
    -ms-min-width: 99%;
    -o-min-width: 99%;
    -webkit-min-width: 99%;
    min-width: 99%;
}
#ExpenseUsers_container{
    -moz-min-width: 99%;
    -ms-min-width: 99%;
    -o-min-width: 99%;
    -webkit-min-width: 99%;
    min-width: 99%;
}
#Projects_container{
    -moz-min-width: 99%;
    -ms-min-width: 99%;
    -o-min-width: 99%;
    -webkit-min-width: 99%;
    min-width: 99%;
}

.igdw_BodyContent{
	overflow: hidden !important;
}
/* Forms */	    
form
    {
        border: 0;
        margin: 0;
        padding: 0;
    }  
.formRow
{
    position: relative;
    float: left;
    left: 0.00%;
    width: 100.00%;
    padding-bottom: 3px;
}
.formLabel
{
    color: #15428B;
    vertical-align: middle;
    cursor: default;
    text-align: right;
}
.formLabel.pageTitle 
{
    margin: 0 auto; 
    font-size: 14px; 
    font-weight: bold;
}
.DocAuthWidgetformLabel 
{
	width:250px;
	margin-left:-70px;
}
.formValue
{
    text-align: left !important;
}
.formLabelControl
{
    position: relative;
}
.formColumnLeft
{
    position: relative;
    float: left;
    top: 5px;
    left: 0.00%;
    width: 20.00%;
    height: 100%;
}
.formColumnLeftAlt
{
    position: relative;
    float: left;
    left: 0.00%;
    width: 39.50%;
    height: 100%;
    margin-left: 0.50%;
}
.formColumnRight
{
    position: relative;
    float: right;
    right: 0.00%;
    width: 79.50%;
    height: 100%;
}
.formColumnRightAlt
{
    text-align: left !important;
    position: relative;
    float: right;
    right: 0.00%;
    width: 39.00%;
    height: 100%;
}

.noUserFieldSetMessage{
    padding:10px 0 !important;
    text-align: center;
}

/* Links */
a 
    {
        text-decoration: underline; 
        border: none;
        outline: none;
        cursor: pointer;
        color: #15428B; 
    }   
a:focus 
    {
        outline: none; 
    }
a:link 
    {
        text-decoration: none; 
        border: none;
        outline: none;
        color: #15428B; 
    }
a:visited 
    {
        text-decoration: none; 
        border: none;
        outline: none;
        color: Purple;
    }
a:active 
    {
        text-decoration: none; 
        border: none; 
        outline: none;
    }
a:hover 
    {
        text-decoration: underline; 
        border: none;
        outline: none;
    }
a img
    {
        text-decoration: none; 
        border: none; 
        outline: none;
    } 
a .disabled
    {
        color: #EBEBEB !important;
    }  
    
.igdm_MenuItemVerticalDisabled > a
    {
        color: Gray;
        text-decoration: none;
        cursor: default;
    } 
.igdm_MenuItemHorizontalDisabled > a
    {
        color: Gray;
        text-decoration: none;
        cursor: default;
    } 
.igdm_MenuItemHorizontalParent > a
    {
	    text-decoration: none;
	    cursor: default;
	    
    }
.igdm_MenuItemVerticalParent > a
    {
	    text-decoration: none;
	    cursor: default;
    }  
    
/* Change Password  */      
#ChangePasswordContainer
    {
        margin-top: 10%;
        border: solid 2px #b7ddf2;
        background: #ebf4fb;
        margin-bottom: 10%;
    }
.changePasswordForm
    {
        margin: 0 auto;
        width: 345px;
    }
#ChangePasswordContainer .changePasswordFormHeader 
    {
        padding-top: 2px;
        padding-bottom: 2px;
        display: block;
        text-align: center;
        border-bottom: solid 2px #b7ddf2;
        margin-bottom: 4px;
        background-image: url(./Images/header.gif);
    }      
#ChangePasswordContainer h1
    {
        font-size: 12px;
        font-weight: bold;
        display: inline-block;
        padding: 0px;
        margin: 0px;
    }   
#ChangePasswordContainer .formItem
    {
        display: inline-block;
        text-align: right;
        width: 130px;
        float: left;
        vertical-align: middle;
        padding-top: 4px;
    }   
#ChangePasswordContainer .formValue
    {
        margin: 0 0 2px 3px;
        float: left;
        width: 200px;
    } 
#ChangePasswordContainer .errorMessage
    {
        display: block;
        text-align: center;
        color: Red;
        width: 100%;
    }   
#ChangePasswordContainer .passwordValidator
    {
        margin: 2px 0 3px 0;
        float: left;
        text-align: center;
        color: Red;
    }  
#ChangePasswordContainer .changePasswordButtons
    {
        display: block;
        text-align: center;
        padding: 4px 0px 3px 0px;
    }
    
/* Logon */
.loginContainer
    {
        display: block;
        width: 370px;
        margin-left: auto; 
        margin-right: auto; 
        padding-top: 13%;
    }
.logonForm
{
    display: block;
    margin-left: 4px;
    margin-top: 2px;
    width: 100%;
}
.logonFormLabel
{
    display: block;
    width: 80px;
    float: left;
    padding-right: 4px;
    padding-top: 4px;
    margin-top: 3px;
}
.logonFormValue
{
    display: block;
    float: left;
    width: 260px;
    margin-top: 3px;
}
.logonFormButton
{
    display: block;
    float: right;
    text-align: right;
    width: 100%;
    padding-top: 4px;
    padding-right: 10px;
}
.logonFormRememberMe
{
    display: block;
    float: left;
    text-align: center;
    width: 100%;
}
.logonFormValidator
{
    display: block;
    float: left;
    color: Red;
    padding-top: 2px;
    padding-left: 2px;
    text-align: center;
}
.logonFormError
{
    display: block;
    float: left;
    color: Red;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
    word-wrap: break-word;
    width: 98%;
}  

/* Password Expired */
.passwordExpiredContainer
    {
        display: block;
        width: 410px;
        margin-left: auto; 
        margin-right: auto; 
        padding-top: 13%;
    }

.password-expired-label {
    display: block;
    width: 130px;
    float: left;
    padding-right: 4px;
    padding-top: 4px;
    margin-top: 3px;
}


/* Password Reset */
.resetPasswordContainer
    {
        display: block;
        width: 400px;
        margin-left: auto; 
        margin-right: auto; 
        padding-top: 13%;
    }
    
.resetPasswordForm
{
    display: block;
    margin-left: 4px;
    margin-top: 2px;
    width: 100%;
}

.resetPasswordFormLabel
{
    display: block;
    width: 100px;
    float: left;
    padding-right: 4px;
    padding-top: 4px;
    margin-top: 3px;
}
.resetPasswordFormValue
{
    display: block;
    float: left;
    width: 260px;
    margin-top: 3px;
}

.resetPasswordFormButton
{
    display: block;
    float: right;
    text-align: right;
    width: 100%;
    padding-top: 4px;
    padding-right: 10px;
}

.resetPasswordFormValidator
{
    display: block;
    float: left;
    color: Red;
    padding-top: 2px;
    padding-left: 2px;
    text-align: center;
}

.resetPasswordFormError
{
    display: block;
    float: left;
    color: Red;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
    *word-wrap: break-word;
    width: 98%;
}    
/* Document Search  */    
.searchHeader 
    {
        width: 520px; 
        margin-top: 4px;
        margin-left: auto; 
        margin-right: auto; 
        padding-bottom: 7px;
    }  
.searchCriteriaContainer
{
        margin-right: 8px; 
        margin-top: 3px;
}
.searchButton
    {
        padding-top: 2px;
        text-align: center !important;
    }
.searchResults
    {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 5px;
        min-width: 700px;
        width: 80%;
    }
.searchInformation
    {
        border: solid 2px #b7ddf2;
        background: #ebf4fb;
        width: 250px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 8px;
        color: Red;
    } 
    
.tooltip{
	margin:8px;
	padding:8px;
	border:2px solid #808080;
	background-color:#FFFFFF;
	position: absolute;
	z-index: 2;
	color:#808080;
}
     
/* Drop Down */
.dropDownHeader
{
    min-height: 15px;
    height: 18px;
    padding-top: 4px;
    text-align:center;
    background-image: url(./Images/header.gif);  
    font-size: 11px;
}
.dropDownItem
{
    text-align: left !important;
}
.dropDownLeft
{
    float: left;
}
.dropDownRight
{
    float: left;
}
.dropDown35Left
{
    width: 40%;
}
.dropDown65Right
{
    width: 60%;
}
.dropDown40Left
{
    width: 40.50%;
}
.dropDown60Right
{
    width: 59.50%;
}
.dropDown100Left
{
    width: 100%;
}

/* WebImageButton */
.WebImageButton 
{
    color: #15428b; 
    font-family: Arial; 
    font-size: 10pt; 
    border-top-width: 0px; 
    border-right-width: 0px; 
    border-bottom-width: 0px; 
    border-left-width: 0px; 
    background-image: none; 
    background-attachment: scroll; 
    background-repeat: repeat; 
    background-position-x: 0%; 
    background-position-y: 0%; 
    background-color: transparent;
}
        
/* Generic */   
body 
    {
        font-family: verdana, arial, helvetica, sans-serif;
        background-color: #E1EEEE;
		padding: 0;
		margin: 0;
		font-size: 12px;
		overflow-x: hidden;
    }
.checkbox label
    {
        position: relative;
        top: -2px;
    } 
.spacer
    {
        clear: both;
        height: 0px;
    }
.center 
    {
        text-align: center !important;
    }
.controlCenter 
    {
        margin-left: auto;
        margin-right: auto;
    }    
.hidden
{
    display: none !IMPORTANT;
    visibility: hidden;
}	
.clearFix
{
    float: none;
    clear: both;
}

/* Grid Cells */
.disabledCell
    {
        background-color: #EBEBEB !important;
    }
    .disabledCell:hover
    {
        background-color: #EBEBEB !important;
    }  
.requiredCell
    {
        background-color: #FFCCCC !important;
    }
    .requiredCell:hover
    {
        background-color: #FFCCCC !important;
    }    
.invalidCell
    {
        background-color: orange !important;
    }
    .invalidCell:hover
    {
        background-color: orange !important;
    }
.ig_AjaxIndicator
    {
        z-index: 9999999 !IMPORTANT;
    }
tbody>tr>td .centeredCell 
    {
    	text-align:center;
    }
tbody>tr>td .rightAlignedCell
    {
        text-align: right;
    }
tbody>tr>td .rightAlignedPaddedCell
    {
        text-align: right;
        padding-right: 2px;
    }
tbody>tr.disabledRow>td
	{
		background-color: #EBEBEB;
		color: #15428B; 
		font-weight: bold;
	}  
tbody>tr>td.disabledCell
	{
		background-color: #EBEBEB;
		color: #15428B; 
	}  
tbody>tr.deletedRow>td
	{
		background-color: #F76D74 !important;
	}  
tr.igg_FilterRow>td
    {
        text-align: left !important;
    }
tbody>tr.highlightRow>td
	{
		background-color: #FFCCCC !important;
	}
tbody>tr>td .discount 
    {
    	background-color: #FFFFCC !important;
    }	
    
/* Web Part Zones */
.mainContentLeftColumn
	{
		vertical-align: top;
		float: left;
	}
.mainContentCenterColumn
	{
		vertical-align: top;
		float: left;
	}
.mainContentRightColumn
	{
		vertical-align: top;
		float: right;
	}
	    
/* Web Parts */
.webPartTitleStyle
    {
        height: 22px;
    } 
.webPartTitleStyle > table
    {
        width: 100%;
    } 
.webPartTitleContainer
{
	position: relative; 
	left: -8px;
}
.webPartHeaderCaption
    {
        cursor: default;
        padding-left: 3px;
    }
.webPartHeaderIcon
    {
        padding-top: 3px;
    }
.webPartTopLeft
    {
	height: 100%;
	padding-right: 14px;
        background-image: url(./Images/WebParts/WebPart_TopLeft.gif);
        background-repeat: no-repeat;
        background-position: left top;
    }
.webPartTopCenter
    {
	height: 100%;
        background-image: url(./Images/WebParts/WebPart_TopMiddle.gif);
        background-repeat: repeat-x;
    }
.webPartTopRight
    {
	height: 100%;
	padding-left: 14px;
        background-image: url(./Images/WebParts/WebPart_TopRight.gif);
        background-repeat: no-repeat;
        background-position: right top;
    }    
.webPartMiddleLeft
{
    height: 100%;
    padding: 0px 1px 10px 0px;
    background-image: url(./Images/WebParts/WebPart_MiddleSide.gif);
    background-repeat: repeat-y;
    background-position: left top;
}
.webPartMiddleRight
    {
        height: 100%;
        padding: 0px 1px 10px 0px;
        background-image: url(./Images/WebParts/WebPart_MiddleSide.gif);
        background-repeat: repeat-y;
        background-position: left top;
    }
.webPartMiddleCenter
    {
        width: 100%; 
        white-space: nowrap; 
        background-color: WhiteSmoke;
    }     
.webPartBottomLeft
    {
        height: 100%;
        padding: 0px 0px 10px 10px;
        background-image: url(./Images/WebParts/WebPart_BottomLeft.gif);
        background-repeat: no-repeat;
        background-position: top left;
    }
.webPartBottomCenter
    {
        height: 100%;
        width: 100%;
        padding: 0px 0px 10px 10px;
        background-image: url(./Images/WebParts/WebPart_BottomMiddle.gif);
        background-repeat: repeat-x;
        background-position: top left;
        white-space: nowrap;
    }
.webPartBottomRight
    {
        height: 100%;
        padding: 0px 0px 10px 15px;
        background-image: url(./Images/WebParts/WebPart_BottomRight.gif);
        background-repeat: no-repeat;
        background-position: top right;
    }
.webPartStyle
    {
        width: 100%;
        height: 100%;
    }
.webPartFooterStyle
    {
        height: 15px;
    }
.WebPartButtons
{
    padding-top: 3px;
    border-style: none;
    border-width: 0px;
}   
.webPartEditorProperties
{
    color: #15428B;
}
.webPartEditorButtons
{
    border: 1px solid #b7ddf2;
    background: #ebf4fb;
    color: #15428B;
    margin-right: 1px;
    margin-left: 1px;
}
.webPartEditorButtonsHover
{
    border: 1px solid #b7ddf2;
    background: #BBE0FC;
    color: #0D3D8C;
    margin-right: 1px;
    margin-left: 1px;
}
.webPartEditorProperties > table
{
    margin-left: auto;
    margin-right: auto;
}
.webPartEditorButtonContainer
{
    text-align: center;
}
.webPartEditorItemContainer
{
    border: 1px solid gray;
    widows: 100%;
    padding-top: 8px;
    padding-bottom: 5px;
}
.webPartMiddleCenter > div > label
{
    color: #15428B;
}
.webDesignerInstructionContainer
{
    text-align: center;
    padding: 10px;
}
.webCatalogContainer
{
    float: left;
}
.webDesignerCheckBox
        {
            padding-left: 4px;
            padding-right: 4px;
        }
.webDesignerCheckBoxLabel
{
    position: relative;
    top: -3px;
    color: #15428B;
    vertical-align: middle;
    font-weight: 500;
}
.webDesignerCheckBoxImage
        {
            height: 16px;
            width: 16px;
            padding-right: 4px;
            text-align: center;
        }
.webPartTitleImage 
{
    background-image: url('Images\WebParts\ExploreCompass16.png');
}
/* Messages */   
.successful
    {
        color: Green;
        font-weight: bold;
        cursor: default;
    }
.error
    {
        color: Red;
        font-weight: bold;
        cursor: default;
    }
.errorPlain
    {
        color: Red !important;
        cursor: default;
    }   
tbody > tr > td .errorPlain
    {
        color: Red !important;
        cursor: default;
    }
    
/* Edit User Email Dialog */
.editUserEmailAddressContainer
{
    display: block;
    float: left;
    width: 99%;
    padding-top: 3px;
}
.editUserEmailAddressFormItem
{
    text-align: right;
    width: 90px;
    display: block;
    float: left;
    padding-right: 4px;
    padding-top: 4px;
}
.editUserEmailAddressFormButtons
{
    display: block;
    float: left;
    text-align: right;
    width: 99%;
    padding-top: 4px;
}
.editUserEmailAddressFormValue
{
    display: block;
    float: left;
    width: 231px;
}
.editUserEmailAddressModalContainer
{
    width: 355px;
    height: 89px;
        
}
.editUserEmailAddressImageContainer
{
    width: 115px;
    margin-top: 15px;
    margin-left: 120px;
}
.editUserEmailAddressStatusMessage
{   
    position: relative;
    top: -3px;
    padding-right: 3px;
}
        
/* Purchase Document Header */
.purchaseDocumentHeader
{
    margin-top: 4px;
    width: 830px;
    margin-left: auto;
    margin-right: auto;
} 
.purchaseDocumentHeaderContainer
{
    display: block;
    width: 100%;
    margin-top: 3px;
}
.purchaseDocumentHeaderColumnLeft
{
    float: left;
    width: 33%;
}
.purchaseDocumentHeaderColumnCenter
{
    padding-left: 10px;
    float: left;
    width: 32%;
}
.purchaseDocumentHeaderColumnRight
{
    float: right;
    width: 32%;
    margin-right: 8px;
}
.purchaseDocumentHeaderFormRowFillRight
{
    text-align: right !important;
}
.purchaseDocumentHeaderFormRowFillCenter
{
    text-align: center !important;
}
.purchaseDocumentHeaderFormColumnLeft
{
    position: relative;
    float: left;
    left: 0.00%;
    width: 38%;
    height: 100%;
    padding-top: 4px;
}
.purchaseDocumentHeaderFormColumnRight
{
    position: relative;
    float: right;
    right: 0.00%;
    width: 61%;
    height: 100%;
}
.purchaseDocumentHeaderButtons
{
    padding-top: 3px;
}

/* Purchase Document Details */
.purchaseDocumentDetailsContainer
    {
        padding-top: 5px;
    }
.purchaseDocumentDetailsButtons
    {
        clear: both;
        padding-top: 4px;
        text-align: center;
        width: 100%;
    }
.purchaseDocumentDetailsButtons input
    {
        display:none;
    }
.purchaseDocumentDetailsCaption
     {
        display: inline-block;
        font-weight: bold;
        text-align: center;
        float: left;
        width: 100%;
        padding-top: 4px;
     } 
.purchaseDocumentDetailsDropDownItem
    {
        display: inline-block;
        width: 40%;
         width: 100%;
        vertical-align: middle;
        color: Black;
    }   
        
/* Sales Document Header */

.salesDocumentHeader
{
    margin-top: 4px;
    width: 830px;
    margin-left: auto;
    margin-right: auto;
} 
.salesDocumentHeaderContainer
{
    display: block;
    width: 100%;
    margin-top: 3px;
}
.salesDocumentHeaderColumnLeft
{
    float: left;
    width: 33%;
}
.salesDocumentHeaderColumnCenter
{
    padding-left: 10px;
    float: left;
    width: 32%;
}
.salesDocumentHeaderColumnRight
{
    float: right;
    width: 32%;
    margin-right: 8px;
}
.salesDocumentHeaderFormRowFillRight
{
    text-align: right !important;
}
.salesDocumentHeaderFormRowFillCenter
{
    text-align: center !important;
}
.salesDocumentHeaderFormColumnLeft
{
    position: relative;
    float: left;
    left: 0.00%;
    width: 38.50%;
    height: 100%;
    top: 3px;
}
.salesDocumentHeaderFormColumnRight
{
    position: relative;
    float: right;
    right: 0.00%;
    width: 61%;
    height: 100%;
}
.salesDocumentHeaderFormColumnLeft2
{
    position: relative;
    float: left;
    left: 0.00%;
    width: 24.50%;
    height: 100%;
    top: 3px;
}
.salesDocumentHeaderFormColumnRight2
{
    position: relative;
    float: right;
    right: 0.00%;
    width: 75%;
    height: 100%;
}

.salesDocumentHeaderButtons
{
    padding-top: 3px;
}
 
 /* Sales Document Details */
.salesDocumentDetailsContainer
 {
     padding-top: 5px;
 }
.salesDocumentDetailsButtons
{
    clear: both;
    padding-top: 4px;
    text-align: center;
    width: 100%;
}
.salesDocumentDetailsCaption
{
    display: inline-block;
    font-weight: bold;
    text-align: center;
    float: left;
    width: 100%;
    padding-top: 4px;
} 
.salesDocumentDetailsDropDownItem
{
    display: inline-block;
    width: 40%;
    width: 100%;
    vertical-align: middle;
    color: Black;
}  
 
 
 /* Journal Document Header */
 .journalDocumentHeader
{
    margin-top: 4px;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
} 
.journalDocumentHeaderContainer
{
    display: block;
    width: 100%;
    margin-top: 3px;
}
.journalDocumentHeaderColumnLeft
{
    float: left;
    width: 45%;
}

/*.journalDocumentHeaderColumnCenter
{
    padding-left: 10px;
    float: left;
    width: 32%;
}*/

.journalDocumentHeaderColumnRight
{
    float: right;
    width: 50%;
    margin-right: 8px;
}
.journalDocumentHeaderFormRowFillRight
{
    text-align: right !important;
}
.journalDocumentHeaderFormRowFillCenter
{
    text-align: center !important;
}
.journalDocumentHeaderFormColumnLeft
{
    position: relative;
    float: left;
    left: 0.00%;
    width: 38.50%;
    height: 100%;
    top: 3px;
}
.journalDocumentHeaderFormColumnRight
{
    position: relative;
    float: right;
    right: 0.00%;
    width: 61%;
    height: 100%;
}
.journalDocumentHeaderFormColumnLeft2
{
    position: relative;
    float: left;
    left: 0.00%;
    width: 24.50%;
    height: 100%;
    top: 3px;
}
.journalDocumentHeaderFormColumnRight2
{
    position: relative;
    float: right;
    right: 0.00%;
    width: 75%;
    height: 100%;
}

.journalDocumentHeaderButtons
{
    padding-top: 3px;
}
 
 /* Purchase Document Details */
.journalDocumentDetailsContainer
 {
     padding-top: 5px;
 }
.journalDocumentDetailsButtons
{
    clear: both;
    padding-top: 4px;
    text-align: center;
    width: 100%;
}
.journalDocumentDetailsCaption
{
    display: inline-block;
    font-weight: bold;
    text-align: center;
    float: left;
    width: 100%;
    padding-top: 4px;
} 
.journalDocumentDetailsDropDownItem
{
    display: inline-block;
    width: 40%;
    width: 100%;
    vertical-align: middle;
    color: Black;
}  
 
 
/* Periods Dialog */
.searchPeriodForm
{
    margin-left: 4px;
    margin-top: 2px;
}
.searchPeriodFromCriteria
{
    display: block;
    float: left;
    width: 99%;
    padding-bottom: 2px;
} 
.searchPeriodFormItem
{
    text-align: right;
    width: 40px;
    float: left;
    padding-right: 4px;
    padding-top: 4px;
} 
.searchPeriodFormButton
{
    text-align: right;
    width: 99%;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 2px;
} 
.searchPeriodFormValue
{
    width: 200px;
}
tbody > tr .searchPeridDisabled > td
    {
        background-color: #EBEBEB !important;
    }
    
/* Users Dialog */
.searchUserForm
{
    margin-left: 4px;
    margin-top: 2px;
}
.searchUserFromCriteria
{
    display: block;
    float: left;
    width: 99%;
    padding-bottom: 2px;
} 
.searchUserFormItem
{
    text-align: right;
    width: 60px;
    float: left;
    padding-right: 4px;
    padding-top: 4px;
} 
.searchUserFormButton
{
    text-align: right;
    width: 99%;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 2px;
} 
.searchUserFormValue
{
    width: 200px;
}
tbody > tr .searchUserDisabled > td
    {
        background-color: #EBEBEB !important;
    }
    
/* Workflow Files Dialog */
.workflowFilesPickerForm
{
    margin-left: 4px;
    margin-top: 2px;
}
.workflowFilesPickerTreeFormButton{
    text-align: right;
    width: 99%;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 2px;
}  

/* Supplier Dialog */
.searchSupplierForm
    {
        margin-left: 4px;
        margin-top: 2px;
    }   
.searchSupplierHeader
{
    margin-top: 2px;
}
.searchSupplierFormCriteria
{
    display: block;
    float: left;
    width: 99%;
    padding-bottom: 2px;
}
.searchSupplierFormItem
{
    text-align: right;
    width: 90px;
    float: left;
    padding-right: 4px;
    padding-top: 4px;
}
.searchSupplierFormButton
{
    text-align: right;
    width: 99%;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 2px;
}
.searchSupplierFormValue
{
    width: 200px;
}
.searchSupplierItemsOnly
{
    padding-left: 61px;
}
.searchSupplierItemsOnly > label
{
    position: relative;
    top: -3px;
}

/* Location Dialog */
.searchLocationForm
{
    margin-left: 4px;
    margin-top: 2px;
}
.searchLocationHeader
{
    margin-top: 2px;
}
.searchLocationFormCriteria
{
    display: block;
    float: left;
    width: 99%;
    padding-bottom: 2px;
}
.searchLocationFormItem
{
    text-align: right;
    width: 50px;
    float: left;
    padding-right: 4px;
    padding-top: 4px;
}
.searchLocationFormButton
{
    text-align: right;
    width: 99%;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 2px;
}
.searchLocationFormValue
{
    width: 200px;
}     

/* Edit Location Dialog */
.editLocationHeader
{
    width: 100%;
    margin-top: 2px;
}
.editLocationHeaderFormTitle
{
    text-align: right;
}
.editLocationFormButton
{
    text-align: right;
    margin-left: 6px;
    padding-top: 6px;
}
.editLocationUpdateMessage
{
     position: relative;
     top: -2px;
}

/* Contacts Dialog */
.searchContactForm
{
    margin-left: 4px;
    margin-top: 2px;
}  
.searchContactsHeader
{
    margin-top: 2px;
}
.searchContactsFromCriteria
{
    display: block;
    float: left;
    width: 99%;
    padding-bottom: 2px;
}
.searchContactsFormItem
{
    text-align: right;
    width: 65px;
    float: left;
    padding-right: 4px;
    padding-top: 4px;
}
.searchContactsFormButton
{
    text-align: right;
    width: 99%;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 2px;
}
.searchContactsFormValue
{
    width: 200px;
}

/* Edit Contacts */
.editContactContainer
{
    height: 185px;
    margin-top: 2px;
    height: auto;
}
.editContactGridContainer
{
    width: 300px;
} 
.editContactFormContainer
{
    vertical-align: top;
    width: 315px;
}
.editContactFormItem
{
    margin-bottom: 2px;
}
.editContactFormItemDropDownFix
{
    margin-bottom: 0;
}
.editContactFormItem > span:first-child 
{
    position: relative;
    top: -3px;
    width: 80px;
}
.editContactFormItem > span.formLabelDropDownFix 
{
    position: relative;
    top: -7px;
}
.editContactFormItem .editContactFormDropDownValue
{
    width: 204px;
}
.editContactFormItem .editContactFormValue
{
    width: 200px;
}
.editContactContainer .editContactFormButton
{
    width: 100%;
    text-align: center;
}
.editContactContainer .editContactMessage
{
    position: relative;
    padding-top: 13px;
    padding-bottom: 13px;
    text-align: center;
}

/* KeyListKey Dialog */
.searchKeyListKeyTreeForm
{
    margin-left: 4px;
    margin-top: 2px;
}
.searchKeyListKeyTreeFormButton
{
    text-align: right;
    width: 99%;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 2px;
}
.searchKeyListKeyStatusMessage
{   
    position: relative;
    top: -3px;
    padding-right: 3px;
}
           
/* Comments Dialog */
.editCommentsContainer
    {
        margin-top: 2px;
        margin-left: 2px;
        width: 99%;
    }
.editCommentsFormButton
    {
        text-align: right;
        width: 97%;
        padding-top: 4px;
        padding-bottom: 2px;
        margin-left: 2px;
    } 
   
/* Account Dialog */
.searchAccountForm
{
    margin-left: 4px;
    margin-top: 2px;
}  
.searchAccountFromCriteria
{
    display: block;
    float: left;
    width: 99%;
    padding-bottom: 2px;
} 
.searchAccountFormItem
{
    text-align: right;
    width: 60px;
    float: left;
    padding-right: 4px;
    padding-top: 4px;
} 
.searchAccountFormButton
{
    text-align: right;
    width: 99%;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 2px;
}  
.searchAccountFormValue
{
    width: 200px;
}

/* Nominal Dialog */
.searchNominalForm
{
    margin-left: 4px;
    margin-top: 2px;
}
.searchNominalHeader
{
    margin-top: 2px;
}
.searchNominalFromCriteria
{
    display: block;
    float: left;
    width: 99%;
    padding-bottom: 2px;
}
.searchNominalFormItem
{
    text-align: right;
    width: 50px;
    float: left;
    padding-right: 4px;
    padding-top: 4px;
}
.searchNominalFormButton
{
    text-align: right;
    width: 99%;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 2px;
}
.searchNominalFormValue
{
    width: 200px;
}

/* Stock Item Dialog */
.searchStockItemForm
{
    margin-left: 4px;
    margin-top: 2px;
}
.searchStockItemHeader
{
     margin-left: 4px;
    margin-top: 2px;
}
.searchStockItemHeader
{
    margin-top: 2px;
}   
.searchStockItemFromCriteria
{
    display: block;
    float: left;
    width: 99%;
    padding-bottom: 2px;
}
.searchStockItemFormItem
{
    text-align: right;
    width: 90px;
    float: left;
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 4px;
}
.searchStockItemFormButton
{
    text-align: right;
    width: 99%;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 2px;
}   
.searchStockItemFormValue
{
    width: 200px;
}

/* Stock Type Dialog */
.searchStockTypeForm
{
    margin-left: 4px;
    margin-top: 2px;
}
.searchStockTypeHeader
{
    margin-top: 2px;
}
.searchStockTypeFromCriteria
{
    display: block;
    float: left;
    width: 99%;
    padding-bottom: 2px;
}
.searchStockTypeFormItem
{
    text-align: right;
    width: 50px;
    float: left;
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 4px;
}
.searchStockTypeFormButton
{
    text-align: right;
    width: 99%;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 2px;
}
.searchStockTypeFormValue
{
    width: 200px;
}

/* Edit Attachments Dialog */
.editAttachmentsForm
    {
        margin-left: 4px;
        margin-top: 2px;
    }
.editAttachmentsFromCriteria
{
    display: block;
    float: left;
    width: 99%;
    padding-bottom: 2px;
}
.editAttachmentsFormItem
{
    text-align: right;
    width: 65px;
    float: left;
    padding-right: 4px;
    padding-top: 4px;
}
.editAttachmentsFormButton
{
    text-align: right;
    width: 99%;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 2px;
}
.editAttachmentsFormValue
{
    width: 200px;
}

/* Edit Splits Dialog */
.editSplitsForm
    {
        margin-left: 4px;
        margin-top: 2px;
    }
.editSplitsFromCriteria
{
    padding-bottom: 2px;
}
.editSplitsFormItem
{
    text-align: right;
    width: 60px;
    padding-right: 4px;
    padding-top: 6px;
}
.editSplitsFormButton
{
    text-align: right;
    width: 99%;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 2px;
}
.editSplitsFormValue
{
    width: 200px;
}
.editSplitsMessagesInvalid
{
    display: block; 
    float: left; 
    padding-left: 7px; 
    padding-top: 6px; 
    color: Red; 
    font-weight: bold;
}
.editSplitsTotals
{
    padding-left: 7px; 
    padding-top: 6px;  
}
.editSplitsMessagesValid
{
    display: block; 
    float: left; 
    padding-left: 7px; 
    padding-top: 6px; 
    color: Green; 
    font-weight: bold;
}

/* Detail Lines Dialog */
.searchDetailLineForm
{
    margin-left: 4px;
    margin-top: 2px;
}
.searchDetailLineHeader
{
    margin-top: 2px;
}
.searchDetailLineFromCriteria
{
    display: block;
    float: left;
    width: 99%;
    padding-bottom: 2px;
    height: 20px;
}
.searchDetailLineFormItem
{
    text-align: right;
    width: 70px;
    float: left;
    padding-right: 4px;
    padding-top: 4px;
}
.searchDetailLineFormButton
{
    text-align: right;
    width: 99%;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 2px;
}
.searchDetailLineFormValue
{
    width: 200px;
}
.searchDetailLineModalContainer
{
    position: absolute;
    width: 800px;
    height: 467px;
}
.searchDetailLineImageContainer
{
    width: 115px;
    margin-top: 195px;
    margin-left: 355px;
}

/* Edit Detail Extra Information Dialog */
.editDetailExtraInformationForm
{
    margin-left: 4px;
    margin-top: 2px;
}
.editDetailExtraInformationFromCriteria
{
    display: block;
    float: left;
    width: 99%;
    padding-bottom: 2px;
}
.editDetailExtraInformationFormItem
{
    text-align: right;
    width: 175px;
    float: left;
    padding-right: 4px;
    padding-top: 4px;
}
.editDetailExtraInformationFormButtons
{
    display: block;
    text-align: right;
    width: 99%;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-right: 2px;
}
.editDetailExtraInformationFormValue
{
    width: 200px;
}

/* Simple Nominal */
.searchSimpleNominalForm
{
    margin-left: 4px;
    margin-top: 2px;
}  
.searchSimpleNominalFromCriteria
{
    display: block;
    float: left;
    width: 99%;
    padding-bottom: 2px;
} 
.searchSimpleNominalFormItem
{
    text-align: right;
    width: 100px;
    float: left;
    padding-right: 4px;
    padding-top: 4px;
} 
.searchSimpleNominalFormButton
{
    text-align: right;
    width: 99%;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 2px;
}  
.searchSimpleNominalFormValue
{
    width: 200px;
}

/* Document Events Dialog */
.searchDocumentEventsForm
{
    margin-left: 4px;
    margin-top: 2px;
}
.searchDocumentEventsFromCriteria
{
    display: block;
    float: left;
    width: 99%;
    padding-bottom: 2px;
} 
.searchDocumentEventsFormItem
{
    text-align: right;
    width: 40px;
    float: left;
    padding-right: 4px;
    padding-top: 4px;
} 
.searchDocumentEventsFormButton
{
    text-align: right;
    width: 99%;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 2px;
} 
.searchDocumentEventsFormValue
{
    width: 200px;
}

/* Document Links Dialog */
.searchDocumentLinksForm
{
    margin-left: 4px;
    margin-top: 2px;
}
.searchDocumentLinksFromCriteria
{
    display: block;
    float: left;
    width: 99%;
    padding-bottom: 2px;
} 
.searchDocumentLinksFormItem
{
    text-align: right;
    width: 40px;
    float: left;
    padding-right: 4px;
    padding-top: 4px;
} 
.searchDocumentLinksFormButton
{
    text-align: right;
    width: 99%;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 2px;
} 
.searchDocumentLinksFormValue
{
    width: 200px;
}

/* Show Document */
.showDocumentPurchaseContainer 
{
    margin-top: 5px;
    width: 99%;
}
.showDocumentHeaderContainer
{
    text-align: left;
    width: 100%;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
}
.showDocumentHeaderData
{
    width: 40%;
    float: left;
    margin-left: 5px;
    line-height: normal;
}
.showDocumentHeaderButtons
{
    width: 1%;
    float: right;
    margin-right: 1px;
}
.showDocumentAuthContainer 
{
     width: 100%;
     float: left;
}
.showDocumnetAuthLabel 
{
    float: left; 
    display: block; 
    padding-top: 5px;
}
.showDocumentAuthButtonContainer 
{
    margin-left: 15px;
    padding: 2px;
    float: left; 
    display: block; 
    border: solid 2px #8AC9EA;
    background-color: #b7ddf2; 
}
.showDocumentSummaryRow
    {
        text-align: right !important;
        padding-right: 2px;
    }
.showDocumentCancelButtonContainer {
	margin-left: 15px;
    padding: 2px;
    float: left; 
    display: block; 
    border: solid 2px #8AC9EA;
    background-color: #b7ddf2; 
}
.showDocumentCancelButtonContainer > span 
{
    position: relative;
	top: -2px;
}
.showDocumentGridContainer 
{
    width: 99%;   
}

/* Search KeyLists Dialog */
.searchKeyListsForm
{
    margin-left: 4px;
    margin-top: 2px;
}  
.searchKeyListsFromCriteria
{
    display: block;
    float: left;
    width: 99%;
    padding-bottom: 2px;
} 
.searchKeyListsFormItem
{
    text-align: right;
    width: 60px;
    float: left;
    padding-right: 4px;
    padding-top: 4px;
} 
.searchKeyListsFormButton
{
    text-align: right;
    width: 99%;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 2px;
}  
.searchKeyListsFormValue
{
    width: 200px;
}

/*Expense Dialog */
.searchExpenseForm
{
    margin-left: 4px;
    margin-top: 2px;
}  
.searchExpenseFromCriteria
{
    display: block;
    float: left;
    width: 99%;
    padding-bottom: 2px;
} 
.searchExpenseFormItem
{
    text-align: right;
    width: 50px;
    float: left;
    padding-right: 4px;
    padding-top: 4px;
} 
.searchExpenseFormButton
{
    text-align: right;
    width: 99%;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 2px;
}  
.searchExpenseFormValue
{
    width: 200px;
}
  
/*Travel Dialog */
.travelForm
{
    padding-top: 3px;
}
 
.travelFormCriteria
{
    padding-bottom: 2px;
} 

.travelFormItem
{
    vertical-align: middle;
    width: 125px;
    display:inline-block;
}

.travelFormValue
{
    width: 220px;
    display:inline-block;
    vertical-align: middle;
}

.travelFormButton
{
    text-align: right;
    width: 99%;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 2px;
}
     
/*Expense Dialog */
.searchVehicleForm
{
    margin-left: 4px;
    margin-top: 2px;
}  
.searchVehicleFromCriteria
{
    display: block;
    float: left;
    width: 99%;
    padding-bottom: 2px;
} 
.searchVehicleFormItem
{
    text-align: right;
    width: 75px;
    float: left;
    padding-right: 4px;
    padding-top: 4px;
} 
.searchVehicleFormButton
{
    text-align: right;
    width: 99%;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 2px;
}  
.searchVehicleFormValue
{
    width: 200px;
}
  

/* Show Nominal */
.showNominalForm
    {
        width: 80%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 7%;
    }
.showNominalAnalysisContainer
    {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 10px;
    }
    
/* Show Ledger */
.showLedgerForm
    {
        width: 80%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 7%;
    }
    
/* Show Account */
.showAccountForm
{
    width: 82%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10%;
}       
.showAccountGridContainer
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    padding-top: 10px;
}

/* Show Contact */
.showContactForm
    {
        width: 80%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 7%;
    }
    
/* Show Location */
.showLocationForm
    {
        width: 80%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 7%;
    }    
    
/* Show Stock Item */
.showStockItemForm
    {
        width: 80%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 7%;
    }    
    
/* Show Stock Type */
.showStockTypeForm
    {
        width: 80%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 7%;
    }    

/* Show Claim Type */
.showClaimTypeForm
    {
        width: 82%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 10%;
    }

/* Show Project */
.showProjectForm
    {
        width: 82%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 10%;
    }

/* Basic Navigation */
.basicNavigationContainer
    {
        text-align: center; 
        width: 100%; 
        padding-top: 3px;
        padding-bottom: 6px;
    }    

/* Authorise Document */
.authoriseDocumentForm
    {
        margin-left: 4px;
        margin-top: 2px;
    }
.authoriseDocumentMessageContainer 
    {
        vertical-align: middle;
        text-align: center;
        height: 100px;
    }
.authoriseDocumentFormButton 
    {
        text-align: right;
        width: 99%;
        padding-top: 4px;
        padding-bottom: 4px;
        margin-right: 2px;
    }

/* Settings Message Panel */
.settingsMessagePanel 
{
   border: 1px solid #2E9430;
   background-color: #BBF0BC;
   color: Green; 
   width: 240px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   margin-top: 4px;
}

/* General Tab */
.generalSettingsButtons
    {
        text-align: center;
        width: 99%;
        padding-top: 4px;
        padding-bottom: 4px;
    }   
.generalSettingsTab
{
    margin-top: 3px;
    width: 480px;
    margin-left: auto;
    margin-right: auto;
}
.generalSettingsTabFormColumnLeft
{
    position: relative;
    top: 4px;
    float: left;
    left: 0.00%;
    width: 37.50%;
    height: 100%;
}
.generalSettingsTabFormColumnRight
{
    position: relative;
    float: right;
    right: 0.00%;
    width: 62.00%;
    height: 100%;
}

    
/* Format Tab */
.generalSettingsFormatTab
{
    margin-top: 3px;
    width: 500px; 
    margin-left: auto; 
    margin-right: auto;
}
.generalSettingsFormatTabFormColumnLeft
{
    position: relative;
    top: 4px;
    float: left;
    left: 0.00%;
    width: 35.00%;
    height: 100%;
}
.generalSettingsFormatTabFormColumnRight
{
    position: relative;
    float: right;
    right: 0.00%;
    width: 64.50%;
    height: 100%;
}
    
/* Accounting Tab */
.generalSettingsAccountingTab
{
    margin-top: 3px;
    width: 500px; 
    margin-left: auto; 
    margin-right: auto;
}
.generalSettingsAccountingTabFormColumnLeft
{
    position: relative;
    top: 4px;
    float: left;
    left: 0.00%;
    width: 35.00%;
    height: 100%;
}
.generalSettingsAccountingTabFormColumnRight
{
    position: relative;
    float: right;
    right: 0.00%;
    width: 64.50%;
    height: 100%;
}

/* Reporting */
.generalReportSettingsTab
{
    margin-top: 3px;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}
.generalReportSettingsTabFormColumnLeft
{
    position: relative;
    top: 4px;
    float: left;
    left: 0.00%;
    width: 35.00%;
    height: 100%;
}
.generalReportSettingsTabFormColumnRight
{
    position: relative;
    float: right;
    right: 0.00%;
    width: 64.50%;
    height: 100%;
}

/* Purchase Settings */
.purchasingFromCriteria
{
    display: block;
    float: left;
    width: 99%;
    padding-bottom: 2px;
}
.purchaseSettingsButtons
{
    text-align: center;
    width: 99%;
    padding-top: 4px;
    padding-bottom: 4px;
}       
.purchasingFormValue
{
    width: 200px;
}

/* PIAuth Settings */
.piAuthFromCriteria
{
    display: block;
    float: left;
    width: 99%;
    padding-bottom: 2px;
}
.piAuthSettingsButtons
{
    text-align: center;
    width: 99%;
    padding-top: 4px;
    padding-bottom: 4px;
}       
.piAuthFormValue
{
    width: 200px;
}

/* Sales Settings */
.salesFromCriteria
{
    display: block;
    float: left;
    width: 99%;
    padding-bottom: 2px;
}
.salesSettingsButtons
{
    text-align: center;
    width: 99%;
    padding-top: 4px;
    padding-bottom: 4px;
}       
.salesFormValue
{
    width: 200px;
}

/* Posting Tab */
.settingsPostingTab
{
    margin-top: 3px;
    width: 630px;
    margin-left: auto;
    margin-right: auto;
}
.settingsPostingTabFormColumnLeft
{
    position: relative;
    top: 4px;
    float: left;
    left: 0.00%;
    width: 48.50%;
    height: 100%;
}
.settingsPostingTabFormColumnRight
{
    position: relative;
    float: right;
    right: 0.00%;
    width: 51.00%;
    height: 100%;
}
            
/* Authorisation Tab */
.settingsAuthorisationTab 
{
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}
.settingsAuthorisationTabFormColumnLeft
{
    position: relative;
    top: 9px;
    float: left;
    left: 0.00%;
    width: 15.00%;
    height: 100%;
    padding-right: 3px;
}
.settingsAuthorisationTabFormColumnLeftAlt
{
    position: relative;
    top: 4px;
    float: left;
    left: 0.00%;
    width: 35.00%;
    height: 100%;
}
.settingsAuthorisationTabFormColumnLeftLabel
{
    position: relative;
    top: 9px;
    float: left;
    left: 0.00%;
    width: 14.00%;
    height: 100%;
}
.settingsAuthorisationTabFormColumnRight
{
    position: relative;
    top: 4px;
    float: right;
    right: 0.00%;
    width: 35.00%;
    height: 100%;
}
.settingsAuthorisationTabCheckBoxContainer
    {
         display: block; 
         text-align: right; 
         margin-left: auto; 
         margin-right: auto;
         width: 180px;
    } 
.settingsAuthorisationTabCheckBox > label
    {
        position: relative;
        top: -3px;
    }  
       
/* Editing Tab */
.settingsEditingTab
{
    margin-top: 3px;
    width:500px; 
    margin-left: auto; 
    margin-right: auto;
}
.settingsEditingTabFormColumnLeft
{
    position: relative;
    top: 4px;
    float: left;
    left: 0.00%;
    width: 48.50%;
    height: 100%;
}
.settingsEditingTabFormColumnRight
{
    position: relative;
    float: right;
    right: 0.00%;
    width: 51.00%;
    height: 100%;
}
   
/* PIAuth Tab */
.settingsPIAuthTab
{
    margin-top: 3px;
    width:650px; 
    margin-left: auto; 
    margin-right: auto;
}
.settingsPIAuthTabFormColumn {
	position: relative;
    top: -4px;
}
.settingsPIAuthTabFormColumnLeft
{
    position: relative;
    top: 4px;
    float: left;
    left: 0.00%;
    width: 48.50%;
    height: 100%;
}
.settingsPIAuthTabFormColumnRight
{
    position: relative;
    float: right;
    right: 0.00%;
    width: 51.00%;
    height: 100%;
}
.settingsPIAuthValidator 
{
    width: 450px; 
    margin-left: auto; 
    margin-right: auto;
    margin-top: 6px;
}
    
/* Userfields */
.settingsUserFieldTab
{
    width: 650px; 
    height: 100%; 
    margin:3px auto 10px auto;
}
.settingsUserFieldTabValidator
{
    width: 99%;
    margin-left: auto; 
    margin-right: auto;
}
.settingsUserFieldMessage
{
    display: block;
    border: 1px solid #FFA74A;
    background: #FBFCE8;
    color: DarkOrange;
    font-weight: bold;
    text-align: center;
    width: 480px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 2px;
}

/* Reporting Tab */
.settingsReportsTab
{
    width: 350px; 
    height: 200px; 
    margin-left: auto; 
    margin-right: auto;
}

.settingsReportsTabMessage
{
    display: block;
    border: 1px solid #FFA74A;
    background: #FBFCE8;
    color: DarkOrange;
    font-weight: bold;
    text-align: center;
    width: 410px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 2px;
} 

.settingsUBSTabValidator
{
    width: 99%;
    margin-left: auto; 
    margin-right: auto;
}

/* User Information */
.userInformationContainer
    {
        width: 100%;
        height: 100%;
        
    }
.userInformationItemContainer
{
    display: block;
    float: left;
    width: 100%;
    padding-bottom: 2px;
}
.userInformationFormItem
{
    text-align: right;
    width: 135px;
    float: left;
    padding-right: 4px;
    padding-top: -4px;
}
.userInformationEmailAddress
{
    text-align: left;
    width: auto;
    float: left;
    padding-right: 4px;
    padding-top: -4px;
}
.userInformationFormValue
{
    float: left;
    cursor: default;
} 
.userInformationFormValueAlt
{
    float: left;
    cursor: default;
} 

/* Change Password WebPart */
.changeUserPasswordContainer
    {
        padding-top: 4px;
		width: 320px;
		padding-left: 3px;
		margin: 0 auto;
    }
.changeUserPasswordFormColumnLeft
{
	display: inline-block;
	width: 120px;
}
.changeUserPasswordFormColumnRight
{
    display: inline-block;
	width: 200px;
    text-align: left !important;
}
.changeUserPasswordButtons
{
    width: 309px;
    text-align: right;
    padding-top: 1px;
}
.changeUserPasswordValidator
{
    display: block;
    position: relative;
    left: -3px;
    padding-top: 5px;
    color: Red;
}
.changeUserPasswordConfirmValidator
{
    clear: both;
    display: block;
    padding-top: -4px;
    color: Red;
    font-size: smaller;
}
.changeUserPasswordSuccessful
{
    display: block;
    padding-top: 5px;
    color: Green;
    text-align: center;
    margin-bottom: 5px;
}
.changeUserPasswordMessageContainer
{
    width: 270px; 
    clear: both; 
    word-wrap: break-word;
}

/* Change Connection WebPart */
.changeConnectionContainer
{
    padding-top: 4px;
    width: 400px;
    padding-left: 3px;
	margin: 0 auto;
}

.changeConnectionColumnLeft 
{
	position: relative;
	bottom: 10px;
	display: inline-block;
	width: 120px;
}

.changeConnectionColumnRight {
	display: inline-block;
	width: 200px;
}
.changeConnectionButtons
{
    width: 325px;
	text-align: right;
}
.changeConnectionSuccessful
{
    display: block;
    padding-top: 5px;
    color: Green;
}
.changeConnectionMessageContainer
{
    width: 270px;
    clear: both;
    word-wrap: break-word;
}
.changeConnectionValidator
{
    display: block;
    float: left;    
    padding-top: 5px;
    color: Red;
}

/* Feature Unavaliable */
.featureUnavailableContainer
    {
        margin-top: 10%; 
        text-align: center;
    }
.featureUnavailableList
    {
        text-align: left; 
        width: 200px;
        padding-left: 60px;
        padding-top: 2px;
    }
       
/* Reports Web Part */
.privateReportItem
{
    float: left;
    text-align: center;
    width: 100px;
    margin-bottom: 2px;
}
.privateReportMainLayout
{
    width: 100%;
}
.privateReportNoData
{
    width: 75px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 5px;
}
.privateCategoryNoData
{
    width: 75px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}
#privateReportContainer legend
{
    border: 2px solid #b7ddf2;
    background: #ebf4fb;
    color: #15428B;
    vertical-align: middle;
    text-align: right;
    font-weight: 500;
    cursor: default;
    margin-top: 4px;
}    
#privateReportContainer fieldset
 {
 border: 1px solid #b7ddf2;
 }
 
 /* View Report */
.viewReportContainer
{
    width: 100%; 
    height: 100%; 
    position: relative; 
    top: 0px; 
    left: -1px; 
    margin: 0px 0px 0px 0px; 
    margin-top: 6px;  
    background-color: white;    
    z-index: 100;
}  
.viewReportContainerDialog
{
    width: 100%; 
    height: 100%; 
    position: relative; 
    top: -5px; 
    left: -1px; 
    margin: 0px 0px 0px 0px; 
    margin-top: 6px;  
    background-color: white;    
}  
.viewReportWPartContainer
{
    padding-left: 2px;
    margin-top: 3px;  
    
} 
.viewReportMainLayout
{
    color: #15428B; 
    background-color: white;    
}

/* Fixed Footer */
.footerContainer
{
    margin-top: 30px;
}
.footer
{
    display: block;
    position: fixed;
    left: 0px;
    bottom: 0px;
    height: 0px;
    width: 100%;
    background-image: url(Images/FixedFooter.jpg);
}   
.footerMenuItem
{
    display: inline-block;
    border: 1px solid #7AC5FF;
    background: #CBE4F7;
    color: #15428B;
    padding: 2px;
    margin-top: 4px;
    cursor: pointer;
}       
.footerMenuItemHover
{
    display: inline-block;
    border: 1px solid #489EE0;
    background: #89C1EB;
    color: #15428B;
    padding: 2px;
    margin-top: 4px;
    cursor: pointer;
}

/* Budget Check Dialog */
.budgetCheckForm
{
    margin-left: 6px;
    margin-top: 2px;
}
.budgetCheckHeader
{
    color: Red;
    font-weight: bold;
    font-size: 11px;
    text-align: right;
    position: relative;
    top: -2px;
    padding-right: 4px;
}
.budgetCheckFormButton
{
    float: right;
    text-align: right;
    width: 59%;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-right: 7px;
}   
.budgetCheckTypeSelector
{
    float: left;
    width: 40%;
    padding-top: 4px;
    padding-bottom: 4px;
}
.budgetCheckTypeSelectorButton
{
    margin-right: 3px;
}
.budgetCheckTypeSelectorButton > label
{
    position: relative;
    top: -2px;
}
.budgetCheckTypeSelectorButtonDisabled
{
    margin-right: 3px;
}
.budgetCheckTypeSelectorButtonDisabled > label
{
    position: relative;
    top: -2px;
    color: Gray !important;
}

/* General Preferences Tab */
.generalPreferencesButtons
    {
        text-align: center;
        width: 99%;
        padding-top: 4px;
        padding-bottom: 4px;
    }   
.generalPreferencesTab
{
    margin-top: 3px;
    width:300px; 
    margin-left: auto; 
    margin-right: auto;
}
.generalPreferencesTabFormColumnLeft
{
    position: relative;
    top: 4px;
    float: left;
    left: 0.00%;
    width: 60%;
    height: 100%;
}
.generalPreferencesTabFormColumnRight
{
    position: relative;
    float: right;
    right: 0.00%;
    width: 39%;
    height: 100%;
}
.generalPreferencesTabCheckBox > label
{
    position: relative;
    top: -3px;
}

/* Purchasing Preferences Tab */
.purchasingPreferencesButtons
    {
        text-align: center;
        width: 99%;
        padding-top: 4px;
        padding-bottom: 4px;
    }   
.purchasingPreferencesTab
{
    margin-top: 3px;
    width: 340px; 
    margin-left: auto; 
    margin-right: auto;
}
.purchasingPreferencesTabCheckBox > label
{
    position: relative;
    top: -3px;
}
.purchasingPreferencesItemSelectionTab 
{
    width: 760px;
    margin-left: auto;
    margin-right: auto;
}

/* Custom AJAX panel */
.gridLoadingStatusPanel
    {
        border: solid 2px #74B2D4;
        background: #D3E4ED;
    }  
    
/* Budget Check Dialog */
.budgetReviewForm
{
    margin-left: 6px;
    margin-top: 2px;
}
.budgetReviewHeader
{
    color: Red;
    font-weight: bold;
    font-size: 11px;
    text-align: right;
    position: relative;
    top: -2px;
    padding-right: 4px;
}
.budgetReviewFormButton
{
    float: right;
    text-align: right;
    width: 40%;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-right: 7px;
}   
.budgetReviewTypeSelector
{
    float: left;
    width: 50%;
    padding-top: 4px;
    padding-bottom: 4px;
}
.budgetReviewTypeSelectorButton
{
    margin-right: 3px;
}
.budgetReviewTypeSelectorButton > label
{
    position: relative;
    top: -2px;
}
.budgetReviewTypeSelectorButtonDisabled
{
    margin-right: 3px;
}
.budgetReviewTypeSelectorButtonDisabled > label
{
    position: relative;
    top: -2px;
    color: Gray !important;
}

/* Search Attachments Dialog */
.searchAttachmentsForm
{
    margin-left: 4px;
    margin-top: 2px;
}  
.searchAttachmentsFromCriteria
{
    display: block;
    float: left;
    width: 99%;
    padding-bottom: 2px;
} 
.searchAttachmentsFormItem
{
    text-align: right;
    width: 60px;
    float: left;
    padding-right: 4px;
    padding-top: 4px;
} 
.searchAttachmentsFormButton
{
    text-align: right;
    width: 99%;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 2px;
}  
.searchAttachmentsFormValue
{
    width: 200px;
}

.searchDocTypeDropDownHeader
    {
        width: 450px;
    }
.searchDocTypeDropDownItemSecondColumn
    {
        width: 65%;
    }
     
.legend
{
    border: 2px solid #b7ddf2;
    background: #ebf4fb;
    color: #15428B;
    vertical-align: middle;
    text-align: center;
    font-weight: 500;
    cursor: default;
    margin-top: 4px;
}    
.fieldset
 {
    border: 1px solid #b7ddf2;
 }
 
/* Save Template Dialog */
.saveTemplateForm
{
    margin-left: 4px;
    margin-top: 2px;
}
.saveTemplateFromCriteria
{
    display: block;
    float: left;
    width: 99%;
    padding-bottom: 2px;
}
.saveTemplateFormItem
{
    text-align: right;
    width: 75px;
    float: left;
    padding-right: 4px;
    padding-top: 4px;
}
.saveTemplateFormButtons
{
    display: block;
    text-align: right;
    width: 99%;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-right: 2px;
}

/* Report Categories */
.reportCategoriesValidator 
{
    width: 650px; 
    margin-left: auto; 
    margin-right: auto;
    margin-top: 6px;    
}
.reportCategoriesContainer
{
    width: 400px; 
    margin: auto; 
    padding: 5px;
}
    
/* PIAuth Search */
.piAuthSearchContainer
{
    width: 350px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
}

/* PIAuth Document Auth */
.piAuthDocumentContainer
{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
}

.inline {
	display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*supplier request forms*/

.supplierFormsAlignmentFix
{
    display: inline-block;
    vertical-align:middle;
}

.supplierRequestForm
{
    width: 460px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 25px;
}  

.supplierConfirmationForm
{
    width: 765px;
    margin-left: auto;
    margin-right: auto;
    padding-top:25px;
}

.supplierConfirmation_RequestsGridPositioning
{
    float:left;
    margin-top:10px;
    margin-right:10px;
}

/* Alert Box */
 .alertBox
    {
        width: 99%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .alertBox_ImageContainer
    {
        vertical-align: middle;
        text-align: center;
        padding-left: 4px;
        width: 3%;
    }
    .alertBox_MessageContainer
    {
        vertical-align: middle;
        text-align: left;
        padding-left: 4px;
    }
.alertBox_ButtonRow
    {
        height: 1%;
    }
.alertBox_ButtonContainer
    {
        text-align: right; 
        margin-bottom: 4px;
    }
    
/* ToDoList styles */
.psf-todolist
{
    width: 100%;
    overflow: hidden;
}
    .psf-todolist-addEditDialog .messageLabel
    {
        width: 100%;
        display:inline-block;
    }
        /* ToDoList - IMAGES */
    .psf-todolist .StatusFlagRed16
        {
            width: 16px;
            height: 16px;
            background: url("Images/TaskStatus/StatusFlagRed16.png") 0 0;
            background-repeat: no-repeat;
            display: inline-block;
        }

        .psf-todolist .StatusFlagYellow16
        {
            width: 16px;
            height: 16px;
            background: url("Images/TaskStatus/StatusFlagYellow16.png") 0 0;
            background-repeat: no-repeat;
            display: inline-block;
        }

        .psf-todolist .StatusFlagGreen16
        {
            width: 16px;
            height: 16px;
            background: url("Images/TaskStatus/StatusFlagGreen16.png") 0 0;
            background-repeat: no-repeat;
            display: inline-block;
        }

        .psf-todolist .StatusFlagRedCheck16
        {
            width: 16px;
            height: 16px;
            background: url("Images/TaskStatus/StatusFlagRedCheck16.png") 0 0;
            background-repeat: no-repeat;
            display: inline-block;
        }

        .psf-todolist .StatusFlagYellowCheck16
        {
            width: 16px;
            height: 16px;
            background: url("Images/TaskStatus/StatusFlagYellowCheck16.png") 0 0;
            background-repeat: no-repeat;
            display: inline-block;
        }

        .psf-todolist .StatusFlagGreenCheck16
        {
            width: 16px;
            height: 16px;
            background: url("Images/TaskStatus/StatusFlagGreenCheck16.png") 0 0;
            background-repeat: no-repeat;
            display: inline-block;
        }

        /* ToDoList - Main ToDoList */
        .psf-todolist .headerButtons
        {
            text-align:center;    
        }
        .psf-todolist .accordionCountTotal
        {
            float: right;
            padding-right: 15px;
            color: #15428b;
        }

        .psf-todolist .ui-progressbar-value
        {
            font-weight: bolder;
        }
        .psf-todolist .container
        {
            width: 100%;
            margin: 15px;
        }

        .psf-todolist .mainAccordion
        {
            padding: 5px 1%;
            max-height: 477px;
            width: 98%;
            overflow-y: auto;
            overflow-x: hidden;
        }

            .psf-todolist .mainAccordion .ui-accordion-content 
            {
                padding: 3px;
            } 
            .todolist-group-body 
            {
                min-height: 50px;
            }

        .psf-todolist .headerButton
        {
            width: 125px;
            margin: 2px;
            display: inline-block !important;
            text-align:center;
        }

        .psf-todolist .accordionButton
        {
            margin-left: 2px;
            margin-top: 4px;
            float: right;
            width: 15px !important;
            height: 15px !important;
            display: inline-block;
        }
        
        .psf-todolist .accordionButton .ui-icon-trash
        {
            background-image: url("../../Content/css/themes/PSFCupertino/images/ui-icons_3d80b3_256x240.png");
            background-position: -176px -96px;
        }

        .psf-todolist .accordionButton .ui-icon-circle-plus
        {
            background-image: url("../../Content/css/themes/PSFCupertino/images/ui-icons_3d80b3_256x240.png");
            background-position: 0 -192px;
        }
        
        .psf-todolist .accordionButton .ui-icon-pencil
        {
            background-image: url("../../Content/css/themes/PSFCupertino/images/ui-icons_3d80b3_256x240.png");
            background-position: -64px -112px;
        }  
        
        .psf-todolist .ui-icon-closethick 
        {
            background-image: url("../../Content/css/themes/PSFCupertino/images/ui-icons_3d80b3_256x240.png");
            background-position: -96px -128px;
        }  
        
        .psf-todolist .ui-icon-check 
        {
            background-image: url("../../Content/css/themes/PSFCupertino/images/ui-icons_3d80b3_256x240.png");
            background-position: -64px -144px;
        }

        /*  ToDoList - Templates - TaskTemplate */
        .psf-todolist .AccordionHeader
        {
            padding-left: 10px;
            padding-right: 10px;
            background: #d7ebf9 url(../../Content/css/themes/PSFCupertino/images/ui-bg_glass_80_d7ebf9_1x400.png) 50% 50% repeat-x !important;
            color: #2779aa;
        }

        .psf-todolist .taskContent
        {
            overflow-x:hidden;
            overflow-y:scroll;
            max-width: 100%;
        }

        .psf-todolist .TaskContentBlock
        {
            display: inline-block;
            float: left;
            padding-left: 2px;
            padding-top: 2px;
            padding-bottom: 10px;
            height: 55px;
        }

        .psf-todolist .taskContentTitles
        {
            color: #15428b;
            text-align: right;
            width: 100px;
            float: left;
            padding-right: 5px;
            display: inline-block;
        }

        .psf-todolist .taskContentDetails
        {
            float: left;
            text-align: left;
            padding-right: 5px;
            min-width: 100px;
            max-width: 200px;
            height: 17px;
        }
        .psf-todolist .taskComplateDetail
        {
            display: inline-block;
        }
        .psf-todolist .TaskListDetails
        {
            overflow-x: auto;
            padding-left: 5px 1%;
            max-height: 300px;
            background-color:Window;
            width:98%;
        }
        .psf-todolist .toDoListTaskDetails
        {
            width: 0px; 
            display: inline-block;
        }
        .psf-todolist .taskComplateFix 
        {
             bottom: 3px; 
             position: relative;
        }
       .taskContentDetailsLabel 
       {
            color: #15428b;
            text-align: right;
            float: left;
            padding-right: 5px;
            display: inline-block;
           }

        /* ToDoList - Templates - GroupTemplate */
        .psf-todolist .accordionDisplay
        {
            float: right;
            margin-left: 2px;
            margin-top: 1px;
            display: inline-block;
            height: 15px;
        }

        .psf-todolist .groupButtonContainer
        {
            width: 40px;
            margin-left: 2px;
            float: right;
            display: inline-block;
        }

        .psf-todolist .accordionCount
        {
            height: inherit;
        }

        /* ToDoList - Templates - taskCount */
        .psf-todolist .CountIcon
        {
            display: inline-block;
            height: 16px;
            position: relative !important;
            top: 3px;
        }
        .psf-todolist .taskCountLabel
        {
            margin-left: 6px;
            display: inline-block;
            height: 16px;
            position: relative !important;
        }
        .psf-todolist .taskCountIconFix
        {
            top: 20% !important;
        }
        .psf-todolist .ui-Group-HeaderText
        {
            display: inline-block;
            overflow: hidden;
            width: 50%;
        }
    /* ToDoList - Add Edit Dialog */
    .psf-todolist-addEditDialog
    {
        overflow: visible !important;
    }

        .psf-todolist-addEditDialog .addEditBlock
        {
            width: 288px;
            height: 110px;
            float: left;
            padding-right: 5px;
        }

        .psf-todolist-addEditDialog .addEditLabel
        {
            width: 123px;
            display: inline-block;
            text-align: right;
            padding-right: 3px;
            padding-top: 2.5px;
            color: #15428b;
            float:left;
        }

        .psf-todolist-addEditDialog .htmlEditer
        {
            display: inline-block;
        }
        .psf-todolist-addEditDialog .ui-igtooltip
        {
            left: 350px !important;
            top: 200px !important;
        }
    /* ToDoList - Filter Dialog */
    .psf-todolist-filterDialog .filterLabel
    {
        float:left;
        padding-top: 2.5px;
        width: 110px;
        display: inline-block;
        text-align: right;
        padding-right: 3px;
        color: #15428b;
    }
    /* ToDoList - Link Document Dialog */
    .psf-todolist-linkDocumentDialog .linkDocumentLabel
    {
        float:left;
        padding-top: 2.5px;
        width: 145px;
        display: inline-block;
        text-align: right;
        padding-right: 3px;
        color: #15428b;
    }
        .psf-todolist-confirmDeleteDialog .alertIcon
        {
            float: left;
            margin: 0 7px 20px 0;
        }
        .psf-todolist-confirmDeleteDialog .confirmMessage
        {
            color: #15428b;
            padding-right: 1px;
            padding-top: 2.5px;
        }
        
    .psf-todolist-newGroup
    {
        
    }
        .psf-todolist-newGroup .newGroupLabel
        {
            color: #15428b;
            display: inline-block;
            text-align: right;
            padding-right: 3px;
            padding-top: 2.5px;
        }
        .psf-todolist .ui-message
        {
            text-align: center;
            color: #15428b;
            display: inline-block;
            padding: 2px;
            width: 100%;
        }
    /* JQuery Document Search Styles */
    .psf-DocumentSearch
    {
        width: 100%;
        overflow: hidden;
    }
    
    .ui-DocumentGrid 
    {
        width: 100% !important;
        overflow-x: hidden !important;
    }

    .psf-DocumentSearch-SearchCriteria
    {
    }

    .psf-DocumentSearch-SearchCriteria > span
    {
        margin-right:4px;
    }
        .psf-DocumentSearch .ui-message
        {
            text-align: center;
            color: red;
            display: inline-block;
            padding: 5px;
            width: 99%;
        }
        .psf-DocumentSearch .ui-message .ui-documentSearch-message-border 
        {

        }


    .psf-DocumentSearch-Accordion
    {
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 5px !important;
    }
        .psf-DocumentSearch-Accordion > h3
        {
            padding-left: 4px;
        }

        .psf-DocumentSearch-Accordion .ui-criteria-container
        {
            width: 100%;
            display:block;
            height: 267px
        }

        .psf-DocumentSearch-Accordion .ui-button-space
        {
            width: 100%;
            text-align:center;
            padding-bottom: 3px;
            padding-top: 2px;
            position:relative;
            display:block;
        }

    .psf-DocumentSearch-SearchCriteria > div > label
    {
        color: #15428b;
        width: 140px;
        display: inline-block;
        text-align: right;
        bottom: 5px;
        position: relative;
        padding-right: 3px;
    }

    .psf-searchSupplier-dialog > label
    {
        color: #15428b;
        width: 135px;
        display: inline-block;
        text-align: right;
        bottom: 5px;
        position: relative;
        padding-right: 1px;
    }

    .psf-saveFavorite-dialog > label
    {
        color: #15428b;
        width: 50px;
        display: inline-block;
        text-align: right;
        bottom: 5px;
        position: relative;
        padding-right: 3px;
    }

    .psf-searchSupplier-dialog > button
    {
        margin-bottom: 2px;
        margin-top: 1px;
    }

    .psf-loading .ui-loading-icon
    {
        width: 31px;
        height: 31px;
        display: block;
        position: absolute !important;
        z-index: 50002;
    }

    .psf-loading .ui-loading-background
    {
        background-color: rgba(175,208,222,0.6) !important;
        position: absolute !important;
        color: black;
        z-index: 50000;
        overflow:hidden;
    }
    .psf-loading .ui-loading-text
    {
        color: #15428B !important;
        cursor: default;
        position: absolute !important;
        display: block;
        z-index: 50002 !important;
        font-size:small !important;
        white-space:normal;
    }
    .psf-loading .ui-loading-border
    {
        position: absolute !important;
        display: block;
        border: 1px solid #74B2D4 !important;
        background-color: #D3E4ED !important;
        z-index: 500001;   
        width: 90px !important;
        height: 70px !important;
    }
    .uidocumentSearchheaderbuttons
    {
        width: 100%;
        text-align:center;
        padding-bottom: 3px;
        padding-top: 2px;
    }
    .uidocumentSearchheaderbuttons > button
    {
        width: 170px;
        margin: 2px;
    }
    .ui-documentComments-veiwDialog
    {
        text-align:center;
    }
    .ui-documentComments-veiwDialog > textarea
    {
        margin-bottom: 5px;
    }
    /* Override the CSS class ui-icon-triangle-1-s for the supplier text area
    *  this changes the icon to the ui-icon-search icon, due to the way the igwidget updates itself (when ever any action is done on the widget (i.e mouse over or button click)
    *  the widget resets its style classes, thus when changed to ui-icon-search as soon as user did anything class would change back too ui-icon-triangle-1-s.
    *  this methord seemed a lot cleaner than fighting with the widget to undo changes it made.*/

    .uiDocumentSearchSupplier > span .ui-icon-triangle-1-s
    {
        background-position: -160px -112px;
    }
    .psf-searchSupplier-dialog > span .ui-icon-triangle-1-s
    {
        background-position: -160px -112px;
    }
    .searchIconOverride
    {
        background-position: -160px -112px !important;
    }
    .ui-docsearch-controlcontainer
    {
        text-align:left;
        height:17px;
        width:60px;
    }
    .psf-confirm-dialog > span 
    {
        color: #15428b;
    }

/* Journal Validation Summary */
.journalValidationSummary 
{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

.journalValidationSummary .caption 
{
	text-decoration: underline;
}

.journalValidationSummary .content 
{
	text-align: left;
}

.journalValidationSummary .specialSection 
{
	width: 100%;
	text-align: center;
	padding-bottom: 5px;
}

#ClientAlertDialog
{
	vertical-align: middle;
    color: #15428b;
}

/* Journal Input Header */
.journalHeader
{
    margin-top: 4px;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
}

.journalInputHeaderContainer
{
    display: block;
    width: 100%;
    margin-top: 3px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    position: inherit;
}

.journalHeader .titleBar
{
    text-align: center;
	color: #15428b;   
}

.journalFormColumnLeft 
{
	width: 50%;
	text-align: right;
}

.journalFormColumnRight 
{
	width: 48%;
	display: inline-block;
	text-align: right;
	margin-left: 2%;
}

#JournalHeaderContent .formRow .columnLeft
{
	margin-left: 1%;
    padding-top: 4px;
    text-align: right;
    display: inline-block;
}

#JournalHeaderContent .formRow .columnRight
{
	width: 55%;
	margin-right: 1%;
    padding-left: 1%;   
    display: inline-block;
}

#JournalHeaderContent .formRow .columnLeft .journalLabel
{
	position: relative;
	bottom: 5px;
}

.clientButton
{
	height: 30px; 
	width: 200px;
}

.clientHeaderButton {
    margin-left: 100px;
	width: 120px; 
	height: 20px;
}

/* JQ Document Details */

.clientDocumentDetailsContainer
{
    width: 100%;
    height: 100%;
    margin-top: 10px;
}

.clientDocumentDetails
{
    width: 100%;
}

.clientButtonContainer
{
	margin-top: 10px;
	text-align: center;
	padding-bottom: 5px;
}

/* Expense Claim Document Header */
.expenseClaimHeader {
    padding-bottom: 8px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    -moz-min-width: 500px;
    -ms-min-width: 500px;
    -o-min-width: 500px;
    -webkit-min-width: 500px;
    min-width: 500px;
}

.expenseClaimHeaderLabel
{
    display: inline-block;
    width: 95px;
    text-align: right;
    vertical-align:middle;
}


.expenseClaimHeader .ui-accordion .ui-accordion-content
{
    padding: 5px;
    margin: 0;   
}

.expenseClaimHeaderContainer
{
    display: block;
    width: 100%;
    margin-top: 3px;
    padding: 0;
    position: inherit;
}

.expenseClaimHeader .titleBar
{
    text-align: center;
	color: #15428b;   
}

.expenseClaimFormColumn 
{
	width: 49%;
	display: inline-block;
	vertical-align:top;
}

#ExpenseClaimHeaderContent .formRow .columnLeft
{
    display: inline-block;
    padding-bottom:3px;
    vertical-align:middle;
}

#ExpenseClaimHeaderContent .formRow .columnRight
{
	width: 55%;
	min-width: 50px;
    display: inline-block;
    padding-bottom: 3px;
    vertical-align:middle;
}

#ExpenseClaimHeaderContent .formRow .columnRight span
{
    vertical-align:middle;
}


.expenseValidationTransition
{
    -webkit-transition:max-height 1s;
    -moz-transition:max-height 1s;
    -ms-transition:max-height 1s;
    -o-transition:max-height 1s;
    transition:max-height 1s;
}

.travelTypesGrid
{
    max-height: 350px;
    margin: 10px auto;
}

.travelTypesGridAlignLeft
{
    text-align: left;
}

/*Expense Profile */
.expenseProfileButtons
    {
        clear: both;
        padding-top: 4px;
        text-align: center;
        width: 100%;
    }

/* Validator Widget */
.psf-validator-errorIcon
{
    cursor: help;
    position: relative;
    top: -2px;
    padding-left: 2px;
}
.psf-validator-dataErrorIcon
{
    cursor: help;
    position: relative;
    top: -2px;
    padding-left: 2px;
}
.ui-icon-notice2
{
    display: inline-block !important;
    width: 10px !important;
    background-position-x: -35px;
    background-position-y: -144px;
}

.psf-validator-errorCombo
{
    background-color: #FFCCCC !important;
    color: #FC0808 !important;
}
.psf-validator-dataErrorCombo
{
    background-color: #FEF0DD !important;
    color: #FFBE30 !important;
}

td .showDocumentHeaderButtonFix
{
    position: relative;
    top: 2px;
    text-align: left !important;
    font-size: 12px;
    height: 100%;
    width: 100%;
    text-align: left;
    color: #15428b; 
    padding-left: 3px; 
    font-family: Arial; 
    font-size: 10pt; 
    border: 0;
    border-style: none;
}


/* Form Layout Item */
.formLayoutItem {
    margin-bottom: 3px;
}

.formLayoutItem .formLayoutItemLabel {
    text-align: right;
    display: inline-block;
    width: 28%;
    padding-right: 3px;
}
.formLayoutItem .formLayoutItemLabelWithValidator {
}
.formLayoutItem .formLayoutItemLabelFixWithValidator {
    position: relative;
    top: -5px;
}

.formLayoutItem .formLayoutItemEditor {
    display: inline-block;
    width: 55%;
}
.formLayoutItem .formLayoutItemEditorWithValidator {
}
.formLayoutItem .checkbox 
{
    position: relative;
    top: 2px;
}

.formLayoutItem .formLayoutItemValidator {
    display: inline-block;
    padding-left: 3px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .formLayoutItem .formLayoutItemValidator {padding-left: 0;}
}

/* Reports Control */
.reportsControl .formLayoutItem .formLayoutItemLabel {
     width: 20%;
}

/* Validation Summary */
.psf-validation-summary 
{
	width: 99%;
	margin:0 auto 4px auto;
}

.psf-validation-summary .caption 
{
	text-decoration: underline;
}

.psf-validation-summary .content 
{
	text-align: left;
}

.psf-validation-summary .specialSection 
{
	width: 100%;
	text-align: center;
	padding-bottom: 5px;
}

/* Search Details By Document Number Dialog */
.searchDetailsByDocumentNumberContainer 
{
    padding: 3px 5px 0px 5px;
}
        
.searchDetailsByDocumentNumberLabel 
{
    position: relative;
    top: -8px;
}

.searchDetailsByDocumentNumberUsageLabel
{
    display: block;
    color: DarkOrange;
    font-weight: bold;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.gridSummary 
{
	margin-right: 5px;
	text-align: right;
}

.positionedGrid 
{
	margin: 5px auto 10px auto;
}

.ui-icon-selected-favorite
{
    background-position: -224px -112px;
	background-image: url(../../Content/css/themes/PSFCupertino/images/ui-icons_ff7519_256x240.png) !Important;
}

/*AccountMaintenance*/
.accountMaintenance
{
    /*min-width: 800px;*/
}

.accountMaintenance .menu
{
    float: left;
    width: 350px;
    padding: 0 5px 0 0;
}

.accountMaintenance .main
{
    overflow:hidden;
}

.accountMaintenance #AccountAccordion label
{
    width:75px;
    display:inline-block;
}

#AccountAccordion #tab-general label 
{
    width:80px; 
}

#AccountAccordion #tab-general label, #AccountAccordion #tab-vat-limits label
{
    width:125px;
}

.accountMaintenance .indices
{
    float: left;    
    width: 65%;
}
.accountMaintenance .indexValues
{
    float:left;
    margin-left:1%;
    width: 30%;
}

.accountMaintenance #IndexDescription
{
    width: 100% !important;
    height: 20px;
    overflow:hidden;
}

/*Aligns editors wrapped in a container*/
.accountMaintenance .ui-igcombo, .accountMaintenance .ui-igedit-container
{
    vertical-align:middle;
}

.accountMaintenance .ui-accordion-header
{
    padding: 0 0 0 2.2em;
}

/*Alter accordion transparency when disabled*/
.accountDetails .ui-state-disabled {
	-ms-opacity : 0.80;
	opacity : 0.80;
	-webkit-filter: Alpha(Opacity=80);
	-moz-filter: Alpha(Opacity=80);
	-o-filter: Alpha(Opacity=80);
	filter: Alpha(Opacity=80);
    background-image: none;
}

.accountDetails .ui-accordion-content .ui-state-disabled {
	-ms-opacity : 0.35;
	opacity : 0.35;
	-webkit-filter: Alpha(Opacity=35);
	-moz-filter: Alpha(Opacity=35);
	-o-filter: Alpha(Opacity=35);
	filter: Alpha(Opacity=35);
    background-image: none;
}

table.ui-iggrid-table td.ui-state-hover
 {
	background: transparent;
	border-left: transparent;
	border-right: transparent;
}

.buttonPanel
{
    padding: 5px 2px
    }
    

.searchExpenseTypeForm
    {
        margin-left: 4px;
        margin-top: 2px;
    }
    
    .searchExpenseTypeFromCriteria
    {
        display: block;
        float: left;
        width: 99%;
        padding-bottom: 2px;
    }
    
    .searchExpenseTypeFormItem
    {
        text-align: right;
        width: 40px;
        float: left;
        padding-right: 4px;
        padding-top: 4px;
    }
    
    .searchExpenseTypeFormButton
    {
        text-align: right;
        width: 99%;
        padding-top: 4px;
        padding-bottom: 4px;
        margin-left: 2px;
    }
    
    .searchExpenseTypeFormValue
    {
        width: 200px;
    }
    .ui-igvalidator, .ui-widget .ui-igvalidator
    {
        font-size: 1.1em !important;
        visibility: hidden !important;
    }
    
/* Userfield Sets */    
.userFieldSetPanel
{
    height: 22px;
    display: block;
    width: 99%;
    padding: 2px;
}

.userFieldSetLabel
{
    padding-right: 4px;
    text-align: right;
    width: 30%;    
    position: relative;
    float: left;
    display: inline-block;
}

.userFieldSetEditorItem
{
    line-height: 20px;
}

.userFieldSetNoData 
{
    margin-left: 0 auto;
    margin-right: 0 auto;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 20px;
}

.userFieldSetPager 
{
    margin-bottom: 4px;
}

.userFieldSetsPaging
{
    margin: 0px 5px 0px 0px;
    cursor: pointer;
}

.userFieldSetsPagingActive {
    font-weight: bold;
}

td.psf-commandBar {
    text-decoration: none !important;
    -ms-opacity: 1 !important;
    opacity: 1 !important;
    width: 60px;
}

.ubs-header
{
    width:525px;
    margin:auto;
    text-align:left;
}
        
.ubs-label
{
    width:75px;
    display:inline-block;
    vertical-align:top;
}

/*Authorisation Widget*/ 
/* Container around widget  */

.documentsAwaitingAuthContainer
{
    width: 100%; 
    height: 100%; 
    position: relative;
    top: 0px; 
    left: -1px; 
    margin:6px auto 0;
}  

.webExplorerPanel 
{
	width:60%;
	margin:6px auto 0;
}

/* Authorisation Delegates */
.delegate
{
    width: 100%;
}
        
.delegate .container
{
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 98%;
}
        
.delegate .formLabel {
    position: relative;
    top: -8px;
    width: 10%;
    -moz-min-width:50px;
    -ms-min-width:50px;
    -o-min-width:50px;
    -webkit-min-width:50px;
    min-width:50px;
}

.delegate .editor
{
    width: 40%;
}
    
.delegate .buttonsContainer
{
    text-align: center;
    margin-bottom: 4px;
}
    
.delegateValidator 
{
    width: 40%;
    margin-left: auto; 
    margin-right: auto;
}
    
.delegateNoDataPanel 
{
    width: 360px;
    margin-bottom:10px;
}
    
#DelegateAdmin
{
    width: 70%;
    margin: 0 auto;
    float: none;
    clear: both;
}
        
#DelegateAdmin .titleContainer
{
    margin-bottom: 10px;
}
        
#DelegateAdmin .wrapper
{
    margin-top: 10px;
}
        
#DelegateAdmin .userList {
    float: left;
    width: 35%;
    margin-right:10px;
    margin-bottom:10px;
    -moz-min-width:350px;
    -ms-min-width:350px;
    -o-min-width:350px;
    -webkit-min-width:350px;
    min-width:350px;
}

#DelegateAdmin .form {
    float: left;
    width: 64%;
    -moz-min-width:350px;
    -ms-min-width:350px;
    -o-min-width:350px;
    -webkit-min-width:350px;
    min-width:350px;
}

/* Auth Widget Styles */
.authWidgetPanel 
{
    width:100%;
    height:100%;
	margin:0 auto 0;
	padding-top:5px;
}

.authWidgetPanel .spinnerButtonSize 
{
	height:20px;
	width:17px;
}

.authWidgetPanel .columnLeft
{
    position: relative;
    float: left;
    left: 0.00%;
    width: 38%;
    height: 100%;
    margin-top:10px;
}

.authWidgetPanel .columnRight
{
    position: relative;
    float: right;
    right: 0.00%;
    width: 61%;
    height: 100%;
    margin-top:5px;
}

.authWidgetPanel .editor
{
	position: relative;
    float: left;
    right: 0.00%;
    width: 90%;
    height: 100%;
    max-width:200px;
}

.authWidgetPanel .editorLeft
{
	position: relative;
    float: left;
    right: 0.00%;
    width: 45%;
    height: 100%;
    max-width: 200px;
}

.authWidgetPanel .editorRight
{
	position: relative;
    float: left;
    right: 0.00%;
    width: 45%;
    height: 100%;
    margin-left:2px;
    max-width: 200px;
}

.authWidgetPanel .NoDataPanel
{
    float:left;
    width:100%;
    text-align:center;
    margin-bottom:20px;
}

.authWidgetPanel .noDataFormLabel
{
	color: #363636;
    vertical-align: middle;
    font-weight: 500;
    cursor: default;
    text-align: right;
    background:#ffef8f;
    border:1px solid #f9dd34;
    margin:0 auto;
    font-size:12px;
}

.authWidgetPanel .documentsGrid
{
    margin:0 auto 10px;
    height:170px;
    width:99%;
}  

.authWidgetPanel .documentsGrid .authorisationGridSearchButton
{
    margin-top:2px;
    height:16px;
    width:16px;
}

.authWidgetPanel .documentsGrid .authorisationGridCommentButton
{
    margin-top:2px;
    height:16px;
    width:14px;
}

.authWidgetPanel .searchButton
{
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    margin:10px 0 20px;
}

.authWidgetPanel .changeCompanyButton
{
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    margin:5px 0 10px;
    text-align:left;
}

/*Checkbox outline class from bootstrap*/
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.donateClaimElement 
{
    vertical-align:middle;
}

.forgot-password-label {
    display: block;
    width: 100px;
    float: left;
    padding-right: 4px;
    padding-top: 4px;
    margin-top: 3px;
}

.forgot-password {
    padding: 3px;
}

.reset-password-container {
    display: block;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 13%;
}

.reset-password-label {
    display: block;
    width: 110px;
    float: left;
    padding-right: 4px;
    padding-top: 4px;
    margin-top: 3px;
}

.reset-password-form-value {
    display: block;
    float: left;
    width: 260px;
    margin-top: 3px;
}

.reset-password {
    display: block;
    margin-left: 4px;
    margin-top: 2px;
    width: 100%;
}

.externalUploads {
    text-align: center;
    border: 1px solid #b7ddf2;
    margin-bottom: 4px;
}

.externalUploads input[type="file"] {
    padding-bottom: 4px;
}

.externalUploads legend {
    border: 2px solid #b7ddf2;
    background: #ebf4fb;
    color: #15428B;
    vertical-align: middle;
    text-align: left;
    font-weight: 500;
    cursor: default;
    margin-top: 4px;
}