/*****************************************************************************/
/* MAIN FONT*/
/*****************************************************************************/
Body
{
    font-family: Arial;
}
.MultiLineTextBox
{
	font-family: Arial;
}
/*****************************************************************************/
/* LAYOUT */
/*****************************************************************************/
#pageArea
{
    left: 0px;
    top: 0px;
    position: absolute; 
    width: 100%;
}
#rightNav
{
    float:left;
    width: 17%;
    /*border-right: silver thin solid;*/
    /*border-top: black 1px solid;
    border-left: black 1px solid;*/
    border: black 1px solid;
    margin-left: 10px;
    margin-top: 10px;
    overflow:auto;
}
#headerArea
{
    background-image: url(../Images/JAR-background3.gif);
    background-repeat: repeat-x;
    height: 102px;
	
}
#header
{
	position: absolute; 
	left:0px;
    width:auto;
        /*border-right: silver thin solid;*/
    /*border-left: silver thin solid;*/
    float:left;
    color:Gray;
}

#headerRight
{

	float: right;
	/*background-image: url(../Images/JAR-backgroundend.jpg);
    background-repeat:no-repeat ;
    height: 102px;
    width: 748px;*/
}

#MainMenu
{
	padding-left: 17px;
	background-color: #446481;
	border-top: black 1px solid;
	border-bottom: black 1px solid;
	color:White;
	padding-bottom: 2px;
	padding-top:2px;
	font-size: 0.9em;
}

#workingArea
{
    /*border-top: black 1px solid;
    border-right: black 1px solid;*/
    border: black 1px solid;
    background-color: white;
    padding-bottom: 5px;
    overflow:auto;
    height: 100%;
    width:100%;


    
    /*height: 500px;
    border-left: silver thin solid;
    */
}
#branding
{
    height: 80px;
    background-image: url(../Images/BlueGradStyle/OutlookBlueBiggest.gif);
    vertical-align:middle;
    text-align: center;
}
#menuItems
{
    top: 80px;
    background-color: #FFFAF0;
}
#headerAndWorkingArea
{
	float: left;
    margin-left: 10px;
    margin-top: 10px;
    width:70%;
}
#MenuSI
{
	text-align: right;
	background-color: Silver;
	color:White;
	border-bottom: black 1px solid;
	border-left: black 1px solid;
	border-right: black 1px solid;
	font-size: 0.8em;
	padding-top: 3px;
	width:100%;
}
.horizontalLine 
{
	border-top: black 1px solid;
	border-left: none; 
    border-bottom: none;
    border-right: none;
	
}
.PageContent
{
	font-size: 0.8em;
}


/*****************************************************************************/
/* HEADER */
/*****************************************************************************/
#HeaderLabel
{
    top: 0px;
    left: 0px;
    vertical-align: middle;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 8px;
    padding-top: 10px;
    font-weight: bold;
    color: white;
    font-size: 1.1em;
}
#HeaderLinks
{
    vertical-align: middle;
    padding-right: 10px;
    padding-left: 10px;
    text-align: right;
    font-weight: bold;
    font-size: 0.8em;
    margin-top: 0.5em;
}
#HeaderLinks a
{
    text-decoration: none;
    color: black;
}
#HeaderLinks a:hover
{
    text-decoration: none;
    color: red;
}

.header_button_help
{
    font-weight: bold;
    font-size: 1.0em;
    background-color: Transparent;
    color: black;
    cursor: hand;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
.header_button_help:hover
{
	color: red;
}
.header_button_contact_us
{
    width:6em;
    font-weight: bold;
    font-size: 1.0em;
    background-color: Transparent;
    color: black;
    cursor: hand;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
.header_button_contact_us:hover
{
	color: red;
}
.headerSiteInfo
{
	font-weight:bold;
}
/*****************************************************************************/
/* Print */
/*****************************************************************************/

.print 
{
	float:right;
	font-size: 0.8em;
}

.back
{
	font-size: 0.8em;
	padding: 10px;
}

/*****************************************************************************/
/* MENU */
/*****************************************************************************/
#menuItems dl
{
    margin:0;
}
#menuItems dt
{
	height: 1.5em;
    border-right: darkgray 1px solid;
    border-top: white 1px solid;
    background-image: url(../Images/JAR-background-small.gif);
    background-repeat:repeat-x;
    border-left: white 1px solid;
    width: inherit;
    border-bottom: darkgray 1px solid;
    font-weight: bold;
    font-size: 0.8em;
    color: black;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 2px;
}
#menuItems dd
{
    margin: 0;
    padding: 4px;
    vertical-align:middle;
    color: black;
}
#menuItems img
{
	width: 31px;
	height: 22px;
    vertical-align: middle;
}
#menuItems a
{
    padding: 4px;
    text-decoration: none;
    color: black;
    font-size: 0.7em;
}
#menuItems a:hover
{
	font-weight: bold;
	color: red;
}
.mainMenu_button
{
	color:White;
	border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    background-color: Transparent;
    text-decoration:none;
}
.mainMenu_button:hover
{
	font-weight: bold;
	background-color: Gray;
}
.menu_button
{
    background-color: Transparent;
    color: black;
    cursor: hand;
    font-size: 0.7em;
    padding-left: 14px;
    overflow: visible;
    /*width: 50px;*/
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
.menu_button:hover
{
	font-weight: bold;
	color: red;
}

.menu_button_info_links
{
    background-color: Transparent;
    color: white;
    cursor: hand;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
.menu_button_info_links:hover
{
	color: red;
}

/*****************************************************************************/
/* CRUMBTRAIL */
/*****************************************************************************/
#crumbtrail
{
    background-image: url(../Images/JAR-background-small.gif);
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    border-right: darkgray 1px solid;
    border-top: white 1px solid;
    border-left: white 1px solid;
    border-bottom: darkgray 1px solid;
}
#crumbtrail
{
    font-weight: bold;
    font-size: 0.8em;
    color: black;
}


#crumbtrail b
{
 color:#333333;
 text-decoration: none;
 font-weight:normal; 
}
.breadCrumbButton
{
    background-color: Transparent;
    color:Blue;
    cursor: hand;
    text-decoration: none;
    /*margin-left: 0px;
    margin-right: 0px;
    overflow:visible;
    width:30px;
    padding-left:2px;
    padding-right:2px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;*/
}

.breadCrumbButton:hover
{
    background-color: Transparent;
    color: Red;
}

/*****************************************************************************/
/* FOOTER */
/*****************************************************************************/
#footer
{
    color: navy;
    font-size: 0.8em;
    text-align: right;
}

/*****************************************************************************/
/* HELP */
/*****************************************************************************/
.helpPane
{
    color: navy;
    background-color: #ccffcc;
    font-size: 0.8em;
    float:right;
    width: 18%;
    margin-top:2px; 
    overflow:auto;
    height:300px;
}
.helpImage
{
	background-image:url(../Images/help.gif);

}
.pageTitle
{
    font-weight: bold;
    font-size: 1.1em;
}

/*****************************************************************************/
/* WORKING SECTION */
/*****************************************************************************/
#mainWorkingDiv
{
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}
#mainWorkingDiv h1
{
    font-size: 1em;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
}
#mainWorkingDiv h2
{
    font-size: 0.9em;
    font-style:italic;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
}
#mainWorkingDiv h3
{
    font-size: 1.4em;
}
#mainWorkingDiv h4
{
    font-size: 1.2em;
}
#mainWorkingDiv h5
{
    font-size: 1em;
}
#mainWorkingDiv p
{
    font-size: 0.8em;
}
.lblPrimaryContact
{
	font-size: 0.8em;
}
.sectionHeader
{
    font-size: 1.2em;
    color: black;
    white-space: nowrap;
	background-image: url(../Images/BlueGradStyle/OutlookYellowBiggest.gif);
}

/*****************************************************************************/
/* LOGIN, ERROR, ACCESS DENIED PAGE */
/*****************************************************************************/
#simpleLayoutDiv
{
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    border-bottom: black thin solid;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    background-image: url(../Images/lbg2.jpg);
}
#simpleLayoutDiv h1
{
    font-size: 1.2em;
}

#simpleLayoutDiv a
{
    color: blue;
}
#simpleLayoutDiv a:hover
{
    color: red;
}
#simpleLayoutDiv span
{
    font-size: 1em;
}

/*****************************************************************************/
/* Welcome Screen*/
/*****************************************************************************/
.welcomeText
{
    padding-bottom: 5px;
}
.welcomeDate
{
    font-size: 0.7em;
    padding-bottom: 10px;
}
.systemMessagesHeader
{
    font-size: 0.9em;
    font-weight: bold;
}
.systemMessagesText
{
    font-size: 0.8em;
}
.PageButton
{
    background-color: Transparent;
    color: blue;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    cursor: hand;
    text-decoration: underline;
    font-size: 0.8em;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
}
.message
{
	font-size: 0.8em;
    font-weight: bold;
    padding: 5px;
    color:Red;
}
/*****************************************************************************/
/* GENERIC LIST */
/*****************************************************************************/
caption

{
    font-weight: bold;
	font-size: 1.0em;
    color: black;
	font-style: italic;
	font-family: Arial;
	white-space: nowrap;
	text-align: right;
}
.grdLinks
{
	width:100%;
}
.recordCountLabel
{
    font-size: 0.8em;
    color: black;
    white-space: nowrap;
    float:left;
 
}
.gridOperationLinks
{
    font-size: 0.8em;
    white-space: nowrap;
    float:right; 
 }
.exportToWord
{
    background-color: Transparent;
    color: blue;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    cursor: hand;
    text-decoration: underline;
    font-size: 0.9em;
    white-space: nowrap;
    background-image: url(../Images/wordIconSmall.jpg);
    background-repeat: no-repeat;
}
.exportToExcel
{
    background-color: Transparent;
    color: blue;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    cursor: hand;
    text-decoration: underline;
    font-size: 0.9em;
    white-space: nowrap;
    background-image: url(../Images/excelIconSmall.jpg);
    background-repeat: no-repeat;
}
.exportToWordOLD
{
    font-size: 0.9em;
    color: blue;
    white-space: nowrap;
    padding-left: 18px;
    padding-top: 2px;
    padding-bottom: 8px;
    background-image: url(../Images/wordIconSmall.jpg);
    background-repeat: no-repeat;
}
.exportToExcelOLD
{
    font-size: 0.9em;
    color: blue;
    white-space: nowrap;
    padding-left: 18px;
    padding-top: 2px;
    padding-bottom: 8px;
    background-image: url(../Images/excelIconSmall.jpg);
    background-repeat: no-repeat;
}
.deleteConfirmationMessage
{
    padding-left: 5px;
    font-size: 0.8em;
    padding-bottom: 0px;
    color: black;
    padding-top: 0px;
    font-weight: bold;
}
.headerStyleClass
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 0.8em;
	padding-bottom: 0px;
	color: black;
	padding-top: 0px;
	white-space: nowrap;
	background-image: url(../Images/BlueGradStyle/OutlookBlueBiggest.gif);
}
.headerStyleClass a
{
    color: blue;
    text-decoration: none;
}
.headerStyleClass a:hover
{
   color: red;
}

.gl_text
{
	background-color:Lime;
	text-align:right;
}
.gl_numeric
{
	background-color:Green;
}
.gl_bool
{
	background-color:Gray;
}
.gl_datetime
{
	background-color:Fuchsia;
}
.gl_sort_button 
{
	background-color:Transparent;
}
.gl_button
{
    background-color: Transparent;
    color: blue;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    cursor: hand;
    text-decoration: underline;
    font-size: 0.8em;
}
.gl_button:hover
{
	color: red;
}
.rowStyleClass
{
	font-size: 0.8em;
	background-color: #FFFFFF;
	/*white-space: nowrap;*/
}
.alternatingRowStyleClass
{
	font-size: 0.8em;
	/*white-space: nowrap;*/
	background-color:#EDEDED;
}
.selectedRowStyle
{
	font-size: 0.8em;
	background-color: #ff9900;
	/*white-space: nowrap;*/
}
.boldRowStyle
{
	font-size: 0.8em;
	background-color: #FFFFFF;
	font-weight:bold;
	/*white-space: nowrap;*/
}

#recordCount
{
	font-size: 0.8em;
	white-space: nowrap;
}
.glAddNewLink
{
	background-color:Transparent;
	font-size:0.9em; 
	border: 0px solid;
	color: blue;
	text-decoration: underline;
	cursor:hand
}
    
.glFilterTableHeader
{
    padding-right: 5px;
    padding-left: 5px;
    font-size: 0.8em;
    padding-bottom: 0px;
    color: black;
    padding-top: 0px;
    background-image: url(../Images/BlueGradStyle/OutlookBlueBiggest.gif);
    text-align: left;
}
.glcolumnFilterDropDown
{
	width: 85%;
	/*height: 20px;*/
}
.glcolumnSelectButton
{
	/*width: 10%;
	height: 20px;*/
}
.glConditionFilterDropDown
{
	width: 98%;
	/*height: 20px;*/
}
.glFilterTextBox
{
	width: 83%;
}
.glDateSelectButton
{
	width: 30px;
	/*height: 20px;*/
}
.imgFloatRight
{
	float:right;
	padding-right:10px;
	padding-left:10px;
}
.floatRight
{
	float:right;
	padding-right:10px;
	padding-left:10px;
	font-size: 0.8em;
}
.floatRightDiv
{
	float:right;
	font-size: 0.8em;
}
.floatRightDiv:hover
{
	color: red;
}
.belowSearch
{
	
}
.dateOfUpdate
{
	float:right;
	padding-right:10px;
	padding-left:10px;
	font-size: 0.7em;
}
/*****************************************************************************/
/* TAB STRIP USER CONROL */
/*****************************************************************************/
.tabStrip {
 float: left;
 width: 100%;
 background-image: url(../Images/BlueGradStyle/OutlookBlueBiggest.gif);
}
.tabStrip div
{
	float:left;
	padding:2px 10px 2px 2px;
}
.tabStrip input
{
	font-size:0.8em;
	background-color: transparent;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
.tabStrip input:hover
{
	 color:red;
	 background: Highlight;
}
.tabStrip .selected
{
	color:White;
	background-image: url(../Images/BlueGradStyle/OutlookBlueBiggestReversed.gif);
}

/*****************************************************************************/
/* Page Fields*/
/*****************************************************************************/
.cntrl
{
	padding-top:5px;
	padding-left:5px;  
}

.page_column {
 float: left;
 width: 25%;
 padding-right: 10px;
}

.page_column_small {
 float: left;
 width: 15%;
 padding-right: 10px;
}

.page_column_wide {
 float: left;
 width: 80%;
 padding-right: 10px;
}

.ReadOnlyLabel
{
	font-weight: bolder;
}

.HeaderText
{
	border-bottom-color: black;
	text-transform: capitalize;
	color: black;
	border-bottom-style: double;
	padding:.5em 0 .5em .5em;
	font-size: 1.5em;
}
.fmlegend
{
 color: #0071BB;
 padding-left: 5px;
 padding-right: 5px;
 padding-top: 3px;
 padding-bottom: 5px;
 font-size: 1em;
 white-space:nowrap;
 font-weight:bold;
 background-color:White;
 border:solid 1px black;
 }
 .fmfieldset
{
	width: 75%;
	margin-left: .5em;
	background-color: White;
	padding: 10px 10px 10px 10px;
}

.fmlabel {
 font-size: 1em;
 font-weight:bold;
 font-style:italic;
 padding-top: 5px;
}

.displaylabel
{
	 font-weight:bold;
}

.fmfield {
 color: #003366;
 font-size: .9em;
 padding-top: 1px;
 white-space:nowrap; 
}
input
{
	font-size: .9em;
}
select
{
	font-size: .9em;
}

input[type='checkbox']
{
	height:.9em;
	padding:.2em;
}
textarea
{
	font-size:.9em;
}

.rightbutton {
 float: right;
 padding-right:2px;
}
.message 
{
	font-size: 0.8em;
    font-weight: bold;
    padding: 5px;
    color:Red;
}
#centre {
 margin-top:0px; 
 margin-left:45%;
}
.calendarButton
{
    width: 20px;
}
.forgot_pwd_button
{
    background-color: Transparent;
    color: blue;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    cursor: hand;
    text-decoration: underline;
    font-size: 0.8em;
    width: 50px;
    overflow: visible;
}

.box_item {
 padding: 5px 14px;
 font-size:0.9em; 
}
/*****************************************************************************/
/* XSLT XML->HTML*/
/*****************************************************************************/
.headerStyleClass1
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 5px;
	color: black;
	padding-top: 0px;
	white-space: nowrap;
	background-image: url(../Images/BlueGradStyle/OutlookBlueBiggest.gif);
}
.headerStyleClass2
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 3px;
	color: black;
	padding-top: 3px;
	white-space: nowrap;
	background-image: url(../Images/BlueGradStyle/OutlookBlueBiggest.gif);
}
.highlight
{
background-color: #EDEDED
}
.maintext
{
	font-family: Arial;
	background-color: #FFFAF0; 
	font-size: 0.8em;
}
/*****************************************************************************/
/* SPR Print*/
/*****************************************************************************/
@media print {
.noprint {display:none !important;}
.noshow {display:block !important;}
}

#workingAreaNoPrint
{
    width: 83%;
    top: 2.3em;
    position: relative;
    background-color: #FFFAF0;
    border-left: silver thin;
    border-top: none;
    margin-left:2px;  
    
    border-bottom: none;
    border-right: none;
    
}

/*****************************************************************************/
/* Site map etc
/*****************************************************************************/
.siteMapButton
{
    padding-left: 14px;
    overflow: visible;
    background-color: Transparent;
    color: blue;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    cursor: hand;
    text-decoration: underline;
    font-size: 0.8em;
}
.siteMapButton:hover
{
	color:Red;
}
#siteMap dl
{
    margin:0;
}
#siteMap dt
{
    height: 1.3em;
    vertical-align: baseline;
    width: inherit;
    padding-top: 2px;
    font-weight: bold;
    font-size: 0.8em;
    color: black;
}
#siteMap dd
{
    margin: 0;
    padding: 4px;
    vertical-align:middle;
    color: black;
}
#infoText p
{
    font-size: 1em;
}