/*
|| general format
|| these style sheet commands provide general formatting for the
|| body and basic html structures of the advance web framework.
*/

/* general font settings */
body, td {
    color : black;
    font-family : Tahoma, Arial, Sans-Serif;
    font-size : 8pt;
}

body {
	background-color: White;
    margin-top: 0px;
    margin-left: 1px;
    margin-right: 0px;
}

/* default.aspx styles*/

/* change the background-image here to replace the graphic at the top (was titleBody in previous versions)
   important note: url is relative to css directory, so images are ../images */
#mainBody
{
    margin: 0px 2px 0px 2px;
    background-image: url(../images/awaHEADER.jpg);
    background-repeat: no-repeat;
    height: 100%;
}

/* change this height to make the top area above the tabs taller */
#menu
{
    height: 50px;
    vertical-align: top;
    text-align: right;
    width: 700px;
}

/* WMJ  5/6/2014 hide title and borders for dialog on mass add */
.modalSelectLocation .ui-dialog-titlebar { display:none; }
.modalSelectLocation .ui-widget-header { display:none; }
.modalSelectLocation .ui-corner-all { display:none; }
.modalSelectLocation .ui-helper-clearfix { display:none; }
.modalSelectLocation .ui-resizeable-handle { display:none; }
.modalSelectLocation .ui-widget { display:none; }
.modalSelectLocation .ui-widget-content { display:none; }

/* widths of the three frames across each tab */
.navTree { width: 160px;
           margin-left: 0px;
           margin-right: 3px;
           vertical-align: top; }
.action { margin-left: 0px;
          margin-right: 0px;
          min-width: 565px;
          vertical-align: top; }
.rightPane { width: 0px;  /*SET TO  0 to start the right frame as collapsed - was 235px  WMJ */
             margin-left: 0px;
             margin-right: 0px;
             vertical-align: top; }
             
     
.accessibilityHiddenFrame { display: none; visibility: hidden; }
/* location of VCR */
#VCR { position: absolute;
       height: 70px;
       width: 225px;
       right: 8px;
       top: 100px;
       background-color: White;
       border: solid 1px gray; }
.VCROff { display: none }
/* styling of each tab */
#tabs div { padding: 0px; vertical-align: top; }
#tabs { white-space: nowrap; }
.tabSecondLine { font-size: 0.85em;
                 font-weight: normal }
.closeTab { display: inline-block;
            padding-top: 5px;
            font-size: 1.3em;
            color: gray;
            cursor: default }
.closeTab:hover { color: red; }

/* branding footer attributes */
#footer { height: 30px;
         background-color: #E4E4E4;
         font-size: 11pt;
         color: #666666;
         margin: 0px; }
#footer div { height: 30px;
              margin-bottom: 0px;
              vertical-align: bottom; }

/* Go To Popup styles */
#GotoPopup { display: none }
#goto-list { border-collapse: collapse; }
#goto-list td { padding-left: 1em; padding-right: 1em; }
#goto-list-container { margin-top: 5px; clear: both; height: 85%; overflow-y: scroll; } 
.goto-fields { float: left; }
#goto-control-container { float: left; white-space: nowrap; margin-top: 10px; margin-bottom: 10px; width: 75%; }
#goto-control-container div.label { width: 75px; text-align: right; padding-right: 3px; float: left; }
.goto-row { cursor: pointer }
.goto-row:hover { background-color: #ABBCC9; }
.goto-row td { padding-left: 1em; }

/* Recent Activity popup style */
#LastViewed div { font-size: 8pt; white-space: nowrap; line-height: 16px }
#LastViewed button { margin-left: -1em; }
.LastViewedMore { margin-top: .5em; padding: .5em; background-color: #EEEEEE; }


/* Frame body styles, used to set background color or images on frames */

#treeBody, #treeBody div#theHeader
{
    /*background-color: #f0f0f0;*/
    margin-top: 0px;
}

/* blankBody is used both for the right pane when there are no details
   and while the tree is loading */
#blankBody
{
    /*background-color: #f0f0f0;*/
}

#rightPaneBody
{

}

/* headers used for screen reader, but should not appear differently */
h1, h2 { font-size: 1em; display: inline; }

body a:link, body a:visited {
    text-decoration: none;
	color: blue;
}

body a:hover {
	text-decoration: underline; /* tts added*/
}

a div
{
    cursor: pointer;
}

/* next three sections allow for fixed header with scrolling body */
div#theHeader {
	position: fixed;
	top: 0px;
	padding-top: 5px;
	width: 100%;
	background-color: White;
	z-index: 150;
}

div#theHeader img
{
    margin-top: 1px;
}

/* prevent double scrollbars */
body 
{
	overflow: visible;
}

div#theBody {
    overflow: visible;
    min-height: 0; /* added to give layout for IE7 */
	margin-bottom: 0;
}

/* forces similar display of hr in multiple browsers */
hr {
    height: 1px;
}

div.biotitlebar {
    margin: 0;
}

/* all table cells are vertically aligned by default */
td {
    vertical-align: top;
}

th {
	text-align: center;
	font-weight: bold;
	font-size: 8pt;
}

/*
|| format only styles
|| these styles provide additional formatting for advance web framework
|| forms objects.
*/
.bottomspacer {
	height: 100%;
}
.boldtext {
    font-weight: bolder;
    text-decoration: none;
}
.borderbottom {
	border-bottom: 1px solid #330099;

}
.topalign {
	vertical-align: top;
}

.bottomalign {
	vertical-align: bottom;
}

.error, .error a:link, .error a:visited {
	color: #dc143c; /* crimson */
}

.error-row td
{
    color: #dc143c;
    font-weight: bold;
}

.error a:link, .error a:visited {
	/*text-decoration: none;*/
}

.advance-error {
	margin-top: 3px;
	width: 498px;
}

.advance-error div
{
	padding: 0 .7em;
}

.advance-error div p
{
	font-size: 8pt;
}

.advance-error div p span.ui-icon 
{
	float: left;
	margin-right: .3em;
}

.advance-error div p a
{
	display: inline-block;
}

.foreigncurrency {
	color: blue;
}

.foreigncurrency2 {
	color: green;
}

.negativevalue {
	color: red;
	white-space: nowrap;
}

.matchtranslist {
	color: Black;
	font-style: italic;
}

.rightalign {
	text-align:right;
}

.padright {
	padding-right: 1em;
}
.padleft {
	padding-left: 1em;
}


.fillwidth {
    width:100%;
}
/* used in forms to indicate a value is a total */
.total {
	border-top: solid 1px black;
}
.degreedetail {
    font-weight : bolder;
    text-decoration : none;
}

/* used to hide items when in inquiry mode */
.displaymaintenancei, .displayinquirym, .displayn {
	display: none;
}

.revmodtransindicator {
	color: #dc143c; /* crimson */
}

.revmodheaderindicator {
	color: gray;
	font-size: 1.75em;
	margin-top: 0.5em;
}

.datepopuptitle tr td {
	color: white;
}
.datepopuptitle tr td a
{
	font-weight: normal;
}

.goalamountbar 
{
    background-color: #0000A0;
}

.currentamountbar 
{
    background-color: #00FFFF;
}

.goalparticipationpercentbar 
{
    background-color: green;
}

.currentparticpationpercentbar 
{
    background-color: yellow;
}

/*
|| menu items
|| these style sheet commands provide style commands to format
|| hyperlink items in the advance menus
*/
			 
#menuItems, #navIcons 
{
    height: 20px;
    position: absolute;
    top: 20px;
	padding-top: 2px;
	padding-right: 3px;
}

#menuItems
{
    left: 330px;
    border: 0px;
}

#navIcons 
{
	left: 630px;
}

#navIcons img 
{
    padding-left: 3px;
    padding-right: 3px;
}

#userName 
{
    font-weight: bold;
}

.main a:link, .main a:visited, .main a:hover, .main td a:hover {
    text-decoration : underline;
}
/* menutitle is the top row of links. menu nav is the back/forward/refresh */
.menu a:link, .menu a:visited, .menutitle a:link, .menutitle a:visited, .menunav a:link, .menunav a:visited {
	color: black;
	text-decoration: none;
}
.menutitle a img 
{
	border-width: 0;
	padding-left: 4px;
	padding-right: 4px;
}

/* menuroot and menuchild are the page tree item styles */
.menuroot {
	color: #333333; 
	font-weight: bold; 
	text-decoration: none;
}
.menuchild {
	color: #333333; 
	font-weight: bold; 
	text-decoration: none;
}
.main a:hover, .menu a:hover, .menutitle a:hover, .menunav a:hover {
   text-decoration: underline;
}

/* mgw - these styles are used for the nodes in the navigation tree */
.selectednoderoot, .selectednodechild  {
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
}

/*
|| awf form control: datatable
|| these styles are provided to format the awf form control datatable
|| style classes are provided to format the datatable, header row,
|| odd rows and even rows (to allow greenbar formatting)
|| default: gray header with white text; odd rows colored with black text;
||			even rows white with black text; borders visible
*/
.datatable {
}
.tablelist {
	text-align: center;
	border: 1px;
	width: 555px;
}
.tablelistth {
	background-color: transparent;
	font-weight: bold;
	text-align: center;
}
.tablelisttr {
    background-color: #EEEEEE;
}
.tablelist2tr {

}
.tablegrid td {
	border-left: 1px solid silver;  /*tts added */
	width: 555px;
}

/*
|| awf controls
|| the following styles are provided to create general formatting for
|| awf controls used to build web forms.
*/

.textbox, .datebox, .currencybox, .select, .smallselect, .mediumselect, .wideselect, .widestselect, .datebox,
.pdatebox input, .currencybox, .parenbox, .operatorbox, .textarea, .widetextarea, .widesttextarea, .fullwidthtextarea, .textboxcreditcard,
.dataentryselect input, .widedataentryselect input, .entitybox, input.lookup, input.mediumlookup, input.mediumlargelookup, input.narrowlookup, input.lookup100percent,
input.allocationlookup, input.mediumallocationlookup, input.inlinelookup, input.stdlookup, .numericbox, .textboxoverride, .lookupdropdownselect, .epreports, .ddmenuitemheader, .tinydataentryselect .dataentryselect-inputcell input {
	font-size: 8pt;
    font-family : Tahoma, Arial, Sans-Serif;
	margin-bottom: 2px;
	margin-left: 0px;
}

.textbox, .numericbox {
    width: 175px;
    vertical-align: top;
}

.select {
    width: 180px;
    vertical-align: top;
}

.smallselect {
    width: 150px;
}

.mediumselect {
	width: 205px;
}

.wideselect {
	width: 300px;
}

.widestselect {
	width: 450px;
}

input.lookup, input.narrowlookup, input.mediumlookup, input.lookup100percent, input.stdlookup{
   width: 110px;  /* was 80px wmj changed for  larger appeal code and spyglass additon in lookups */
}

input.allocationlookup, input.mediumallocationlookup {
    width: 120px;
}

.datebox, .currencybox {
    width: 65px;
}

.dataentryselect input, .widedataentryselect input {
	width: 55px;
}

.wideboxdataentryselect input {
	width: 110px;
}

.tinydataentryselect .dataentryselect-inputcell input 
{
	width: 10px;
}

.textboxhalf, .selecthalf {
    width: 100px;
}
.operatorbox {
	width: 8.5em;
	vertical-align: top;
	margin-right: 2px;
}
.parenbox {
	width: 5em;
	vertical-align: top;
}
.entitybox {
	width: 120px;
}
/*.lookuplabel
{
	width: 105px;
}*/
.labeltext, .labeltextlarge, .labeltextverticalspace, .outlookheadertext 
{
	font-weight: bold;
	/*overflow:hidden;*/
	white-space:nowrap;
}
.labeltextwithwrap {
	font-weight: bold;
	/*overflow:hidden;*/
	white-space: normal;
}
.labeltextlarge, .labellarge {
	font-size: 1.25em;
}
.verticalspace, .labeltextverticalspace {
	padding-top: .75em;
	padding-bottom: .5em;
}
.labeltextdisable {
	color:black;
	white-space:nowrap;
}
.labeltextinline 
{
	font-weight: bold;
	/*overflow:hidden;*/
	white-space:nowrap;
    display: inline;
}

.textarea {
    width: 400px;
}

.widetextarea {
    width: 650px;
}
.widesttextarea {
    width: 1200px;
}

.fullwidthtextarea {
    width: 532px;
}

div.textarea, div.widetextarea , div.widesttextarea
{
    white-space: pre-wrap;
}

.ui-datepicker-trigger, .dataentryselect-trigger  { 
	vertical-align: top;
	margin-top: 1px;
	margin-left: 1px;
	border: 0;
}

.ui-datepicker 
{
    z-index: 160 !important; /* datepicker going behind fixed header */
}

.dataentryselect-echo 
{
	margin-left: 2px;
}

.dataentryselect-inputcell
{
	width: 80px;
	white-space: nowrap;
	vertical-align: top;
}

.tinydataentryselect .dataentryselect-inputcell
{
	width: 35px;
}


/*
|| data entry select
|| the following style classes provide formatting for the data entry select control
*/
.data-entry-select-autocomplete {
	max-height: 140px;  /*Nisha: 08/06/2016 : Fix for TT#21047 - Cant access all TMS reason codes
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	z-index: 200!important; /* appear on top of the header - important to override element style */
}

.ui-autocomplete li 
{
    white-space: nowrap;
    /* add padding to account for vertical scrollbar (important because jQuery .ui-menu css was overriding*/
	padding-right: 20px!important;
}

.dropdowninactive, option.dropdowninactive {
	color: gray!important;
}
.other-user-group-tms {
	font-style: italic;
}
.dropdowncontainer {
	width: 170px;
}
.narrowlookup 
{
    display:inline-block;    /* Firefox 3 - IE lets you assign a width to an inline element */
    width: 180px;
}

span.sggrid.narrowlookup
{
    display:inline-block;
    width: 120px;
}

span.sggrid.mediumlookup
{
    display: inline-block;
    width: 140px;
}

/* 5/6/08 CC TT6860 - images of dddw not showing on same line for FireFox changed width from 70 to 170*/
/* 6/27/08 Hamel TT10642 - Changed to 80, was making form too wide at 170*/
.dropdowncontainernoecho {
	width: 80px;
}
.widedataentryselect .dropdowncontainer, .lookup .lookupcontainer, .lookup .dropdowncontainer, .allocationlookup .lookupcontainer, .allocationlookup .dropdowncontainer {
	width: 400px;
}
.lookup100percent .lookupcontainer, .lookup100percent .dropdowncontainer {
	width: 100%;
}

.mediumlookup .lookupcontainer, .mediumallocationlookup .lookupcontainer {
	width: 250px;
}

.mediumlargelookup .lookupcontainer {
	width: 310px;
}

.lookup-search-trigger
{
    vertical-align: bottom;
    margin-left: -20px;
    cursor: pointer;
}

/* Lookups page */
/* '04/01/2011 LMV TT17116 */
input[type="text"].inlinelookup 
{
    width: 80px !important;
	margin-bottom: 2px;
	margin-left: 0px;
}

/* Lookups page */
/* '04/01/2011 LMV TT17116 */
span.inlinelookup
{
    display:inline-block;    /* Firefox 3 - IE lets you assign a width to an inline element */
    width: 250px;
    margin-bottom: 2px;
    white-space: normal;
}
span.stdlookup 
{
    display:inline-block;    /* Firefox 3 - IE lets you assign a width to an inline element */
    width: 345px;
    margin-bottom: 2px;
    white-space: normal;
}

.inlinelookup table.lookupcontainer tr td span, .stdlookup table.lookupcontainer tr td span 
{
    display: inline-block;
}

/*
|| title bar and heading style sheets
|| the following style classes provide formatting for each header bar
|| associated with an advance module.
*/
/* base styles */

.biotitlebar, .formheaderbar, .formheaderbarleft, .formheaderbarmiddle, .formheaderbarright, .formheaderbardiv,
.appheaderbar, .appheaderbarleft, .appheaderbarmiddle, .appheaderbarright 
{
	font-family: Arial;
    text-align : left;
    color : white;
    background-repeat : repeat-x;
    height : 20px;
    padding : 1px;
    text-indent: 10px; /*tts added*/
    margin-top : 4px; /*3px; tts changed */
    background-position: center center;
}

.formheaderbarleft, .appheaderbarleft, .formheaderbardiv  {
    background-image: url(../images/newbluebar4.jpg);
}

td.appheaderbar, .appheaderbarmiddle, .formheaderbarmiddle, .biotitlebar {
    background-image: url(../images/newbluebar4.jpg);
}

.appheaderbarright, .formheaderbarright {
    background-image: url(../images/newbluebar4.jpg); 
}

.appheaderbarleft, .formheaderbarleft, .formheaderbardiv
{
	padding-left: 5px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
}

.appheaderbarright, .formheaderbarright, .formheaderbardiv
{
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}

.appheaderbarright, .formheaderbarright 
{
    width: 20px;
}

.appheaderbarleft h1
{
	font-size: 1.6em;
	font-weight: normal;
}
.formheaderbarleft h2, .formheaderbarleft span, .formheaderbardiv h2
{
	font-size: 1.1em;
}
.appheaderbarmiddle, .formheaderbarmiddle
{
	vertical-align: bottom;
	white-space: nowrap;
}
.formheaderbarright 
{
    vertical-align: middle;
}

.formheaderbar td h2, .formheaderbardiv h2
{
	font-weight: bold;
}

.headertable 
{
    margin-top: 5px;
    margin-bottom: 5px;
}


.formminmaxbutton
{
    margin-left: 4px;
    margin-right: 3px;
}

@media print 
{
 .appheaderbarleft, .formheaderbarleft { padding-left: 0; text-indent: 0; color: Black; padding-top: 2em; padding-bottom: 1em;}
 .formheaderbarleft, .appheaderbarleft, td.appheaderbar, .appheaderbarmiddle, .formheaderbarmiddle, .biotitlebar, .appheaderbarright, .formheaderbarright { background: silver; }
 .formminmaxbutton { display: none; }
}

/* overrides */

.separatorbar {
	background-color: #e5e5e5;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
}

.separatorbar input[type=radio] 
{
    margin-top: 0;
    margin-bottom: 0;
}

.textboxcreditcard {
	width: 120px;
}

.textboxoverride {
    vertical-align:top;
}
/* used in titlebars to set elements to not be bold */
.notbold {
	font-weight: normal;
}
.reportheader {
    font-weight : bolder;
    text-decoration : underline;
}
.detailheading {
    font-weight : bolder;
}


/*
|| awf: master/list detail presentation class
|| these styles provide formatting for master detail pages and list forms
*/
/* style or master forms. it is assigned by setting the form_css form option */
.masterform, .listform, .gridlistform, .wraplistform {
	table-layout:fixed;
	border-right: solid 1px silver;
	/*border: ridge thin gainsboro;*/
	  /*TTS added*/
}

.wraplistform tr td, .listform tr td, .gridlistform tr td, .masterform tr td
{
    padding-left: 1px;
    padding-right: 2px;
    border-left: solid 1px silver;   
    
    border-collapse: collapse;
}

.listformwrap tr td, .gridlistformwrap tr td, .masterformwrap tr td {
	/*border: silver 1px solid;*/
    text-overflow: ellipsis; /* for browsers that support it */
    overflow: hidden; /* for other browsers */
    white-space: wrap; /* force one-line text */
    line-height: 18px;
}

.listform tr td, .gridlistform tr td, .masterform tr td {
	/*border: silver 1px solid;*/
    text-overflow: ellipsis; /* for browsers that support it */
    overflow: hidden; /* for other browsers */
    white-space: nowrap; /* force one-line text */
    line-height: 18px;
}
.masterrow, .masterrowselected {
	cursor: pointer;
}
.masterrowfiller {
	cursor: default!important;
}
/* defines unhighlighted row in master detail list */
.masterrow td, .masterrowselected td {
	/*border: silver 1px solid;*/
}
.masterrow td .dropdowncontainer td, .masterrowselected td .dropdowncontainer td {
	border-style: none;
}

.dropdowncontainer td 
{
    vertical-align: top;
}
/* defines highlight in master detail list */
.masterrowselected td {
	background-color: #CDD7DE!important;
}
.masterrowhover td {
	background-color: #ABBCC9!important;           
}

.masterrownbselected {
}
.masterrownb {
	cursor:pointer;
}
/* defines unhighlighted row in master detail list */
.masterrownb td {

}
/* defines highlight in master detail list */
.masterrownbselected td {
	background-color: #CDD7DE!important;
}

/*
|| awf: list presentation class
|| these styles provide formatting for list pages
*/
.listheader {
	font-weight: bold;
	text-align: center;
}

.noformatting {
}
/* this style is used in master forms to prevent cells from wrapping */
.nowrap  {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.menunowrap
{
   white-space:nowrap;
}

.wrap  {
	white-space:normal;
}

.TreeNodeSelected {
	background-color: #f7f4e0;
}

.lookupsexpertmoderow 
{
    white-space: nowrap;
}

.lookupsexpertmodebutton 
{
	/* 7/6/2011 Hamel - Update to standard button style */
	margin-right: 2px;
	vertical-align: top;
	text-align:center;
	font-size: 8pt;
}

/*this style is used to render action buttons in a flat style*/
.flatbutton {
	border-right: snow 2px double;
	border-top: snow 2px double;
	font-weight: normal;
	font-size: 8pt;
	vertical-align:bottom;
	border-left: snow 2px double;
	color: white;
	border-bottom: snow 2px double;
/*	font-family: verdana; */
	background-color: #0084D5;
	text-align: center;
	width:60px;
}

.drilldown-button 
{
    height: 16px;
    padding: 2px;
}

/* this style is used for master forms with the greenbar option set */
/* even rows*/
.greenbar td {
	background-color: #EEEEEE;
}
/* odd rows*/
.greenbar2 td {
	/*background-color: white;*/
}

.cal_listform td {
    border-width:1px;
    border-style:solid;
    border-color:#CCC;
    border-collapse:collapse;
    
    width:128px;
    vertical-align:top;
    height: 50px;
    
    white-space:normal;
}

.cal_listform div {
    width:128px;
    white-space:normal;
    word-wrap:break-word;
}

/*
|| awf: action buttons
|| these classes define style sheets to be used by action buttons in
|| the web framework.
*/
.actiontable {
}
.actionmenucell {
	width:50px;
}
.actionbuttongray, .actionbutton, .activeactionbutton {
/*    font-family : verdana; */
    font-size : 8pt;
}

.actionbutton, .activeactionbutton {
	border: none;
	font-weight: normal;
	text-align: center;
    vertical-align:top;
}

.actionbutton {
	color: black; /*white; tts changed */
    background-color: transparent; /* #61748b; tts changed */
}
.activeactionbutton {
	background-color: white;
	color: #0084D5;
}
.menuactionbutton {
    border-color: #0084D5;
    border: none none;
}
.menuactiveactionbutton {
    border-color: white;
    border: 1px inset
}
/*
|| awf: detail presentation class
|| these styles provide formatting for detail pages
*/
/* style for detail forms. it is assigned by setting the form_css form option */
.detailform {
	border: ridge thin gainsboro;
	margin-top: 5px;
	padding: 2px;
}

.detailform td 
{
    padding-right: 2px;
}

.summaryform 
{
    background-color: #D3D3D3; /* lightgray */
}

.notavailable {
    color: black;
}

/*
|| awf: nested presentation class
|| these styles provide formatting for nested forms
*/
/* style for nested forms. it is assigned by setting the form_css form option */
.nestedform {
	padding-left: 1em;
}

/*
|| awf: navigation tree
|| these classes define style sheets to be used by the navigation tree items
|| found in the awf navigation frame. these classes format both the tree header and tree objects
*/
/* title styles */
.navheader {
	font-weight:bold;
	vertical-align: top;
}

.pagename 
{
    font-size: 1.25em;
	margin-top: 8px;
	white-space: nowrap;
}

/* these styles control the look and feel of menu controls */

.menumouseover {
	background-color: #f7f4e0!important;
}

.menumouseout {
	background-color: #dce7ed!important;
}

.ddmenuitemheader {
	border: outset thin;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	visibility: hidden;
}

.ddmenuitemheader td {
	background-color: #dce7ed;
}

/* wsn(bsr) - these styles are used for text fonts*/
.blueheaderbar {
    color: blue;
    font-weight: bold;
}

.redheaderbar {
    color: red;
    font-weight: bold;
}

.labelfontsize {
    font-size: 14pt;
}

/* these styles are used for the paging controls */
.pagingcontrols {
	/*visibility: hidden;*/
}

.PagingStart
{
    vertical-align: baseline!important;
}

.PagingControls img 
{
    vertical-align: top;
}

.pagingfirst, .pagingprevious, .pagingnext, .paginglast {
	cursor: pointer;
}

.hovernode {
	color: #666666; /*from corp palette-em*/
	font-weight: bold; /*tts added */
	text-decoration: underline; /*tts added */
	cursor:pointer;
}

.epbutton {
    font-size : 8pt;
    color : black;
/*    font-family : verdana; */
    width : 80px;
}

.borderedlabel {
	border-style:solid;
	border-width:1px;
	border-color:silver;
}

.verticallyborderedlabel {
	border-left-style:solid;
	border-right-style:solid;
	border-right-width:1px;
	border-left-width:1px;
	border-left-color:silver;
	border-right-color:silver;
}

.horizontallyborderedlabel {
	border-top-style:solid;
	border-top-width:1px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-color:silver;
	border-bottom-color:silver;
}

.currencyerrorborder {
	border-style:solid;
	border-width:thin;
	border-color:maroon;
	font-size: 8pt;
/*	font-family: verdana; */
	margin-bottom: 2px;
	width: 75px;
}

.allocationlookuperrorborder {
	border-style:solid;
	border-width:thin;
	border-color:maroon;
	font-size: 8pt;
/*	font-family: verdana; */
	margin-bottom: 2px;
	width: 120px;
}

.errortitlebar {
    margin : 0;
    font-weight : bolder;
    font-size : 8pt;
    text-align : left;
    color : white;
    background-repeat : no-repeat;
    height : 18px;
    padding : 1px;
    margin-top : 3px;
    background-color : maroon;
    white-space : nowrap;
}

.hiddenlabel {
	visibility:hidden;
}

/* 6/7/2005 mgw(bsr) */
@media print
{
	.excludeinprint
	{
		display:none;
	}
}

.crtoolbar {
    display: none;
}

/*--- order matters advance action menus ---*/
.headerform_menucontainer {
    color: white;
	background-color: transparent; /*#61748b; tts changed */
	/*border-bottom: #61748b 0px solid;
	border-left: #61748b 0px solid;
	border-top: #61748b 0px solid;
	border-right: #61748b 0px solid;*/
}
.headerform_menubar , .headerform_menubar td {
	color: white;
	cursor: pointer;
    height: 16px;
	font-weight: normal;
	font-style: normal;
	background-color: transparent;
	/*background-color: transparent;*/
}
.headerform_menuitem /*, .headerform_menuitem tr*/ {
	cursor: pointer;
	color: darkblue; /*#61748b; tts changed */
/*	font-family: verdana; */
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
    border-top: 0px solid transparent;
    border-bottom: 1px solid transparent;
	/*background-color: transparent;*/
}
.headerform_menuicon /*,.headerform_menuicon td*/ {
	cursor: pointer;
	border-top: 0px solid transparent; 
	border-left: 1px solid transparent; 
	border-bottom: 1px solid transparent;
	text-align: center;
	width: 16px;
	height: 16px;
	/*z-index: -1;*/
}

.headerform_submenu, .headerform_submenumac 
{
	z-index: 1000;
	cursor: pointer;
	background-color: white;
	border: solid 1px silver;
	padding: 1px 1px 1px 1px;
	/* transparency */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity=95);
	opacity: 0.95;
	/* shadow */ 
    -ms-filter: progid:dximagetransform.microsoft.shadow(color='#999999', direction=135, strength=3);
	filter: progid:dximagetransform.microsoft.shadow(color='#999999', direction=135, strength=3);
	-moz-box-shadow: 4px 4px 3px #999999;
}
.headerform_submenu table /* for IE */
{  
    background-color: white;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
}

.headerform_menubreak {
/*	border-bottom: 1px solid #dce7ed;
	border-left: 0 solid #dce7ed;
	border-top: 1px solid #dce7ed;
	border-right: 0 solid #dce7ed;
	background-color: #dce7ed;*/
	height: 1px;
}
.headerform_menuitemsel , .headerform_menuitemsel td {
	cursor: pointer;
	color: white; /*red; tts changed */
/*    font-family: verdana; */
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	background-color: #196C9E;
	opacity: 1.0 !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.headerform_menuarrow {
	font-family: webdings;
	font-size: 8pt;
	cursor: pointer;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-top: 0 solid #ffffff;
}
.headerform_rootmenuarrow {
	font-family: webdings;
	font-size: 8pt;
	cursor: pointer;
	background-color: #0084D5;
}
.headerform_menutbl {
   color: white;
   background-color: #0084D5;
}
.filetextbox {
    font-size : 8pt;
    color : black;
/*    font-family : verdana; */
    width : 475px;
    margin-top : 2px;
    margin-bottom : 1px;
}
.shortfiletextbox {
    font-size : 8pt;
    color : black;
/*    font-family : verdana; */
    width : 430px;
    margin-top : 2px;
    margin-bottom : 1px;
}

.pageselect select {
    height: 18px;
/*    font-family: Verdana; */
    font-size: 8pt;
    border-style:none;
}

.dataloadercolumnheader 
{
    background-color: Silver;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 3px;
}

/*10/02/2008 Sweatt - TT# 9020 Oultook Sync */
.outlookheadertext 
{
    text-transform:uppercase;
    color:#66CCFF;  
}

/*05/25/2009 SICOM - For implementing centering and hidding of
  Mass Update (Add) Types of Data chkboxes */
.tablelistcentered 
{ 
    padding-left:70px;   
}
.ctrldisplay
{    
	visibility :hidden;
}


/***===================================== MGW Modified =============================================***/
/* Styles starting with "sf" are for dropdown menus */

.menu-container 
{
	white-space: nowrap;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	display:        inline;
}
.sf-menu {
	line-height:	1.0;
}
@media print
{
    .sf-menu { display:none; }
}

.sf-menu ul {
	position:		absolute;
	vertical-align: middle;
	top:			-999em;
	/*width:			10em;*/ /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	margin:         0px 8px 0px 0px;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			1.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** Advance skin for menus ***/
.sf-menu {
	float:			left;
	z-index:        1;
}

.sf-menu a {
    padding: 		    .25em .25em;
    text-decoration:    none;
}

.sf-menu a, .sf-menu a:visited, .sf-menu a:link { /* visited pseudo selector so IE6 applies text colour*/
	color:			    White; /** text color on header bar buttons; **/
    font-size:          8pt;
    font-weight:        normal;
    text-decoration:    none;
    text-indent:        0px;
}

.sf-with-ul a, .sf-with-ul a:visited, .sf-with-ul a:link { /* visited pseudo selector so IE6 applies text colour*/
	color:			    Blue; /** text color on header bar buttons; **/
    font-size:          8pt;
    font-weight:        normal;
    text-decoration:    none;
    background-color:   white;
    text-indent:        10px;
    z-index:            140;
}

.sf-menu li 
{
    background: transparent;
    /***MGW Modified***/
	/***background:		#0084D5;***/ /* background on header bar buttons */
}

.sf-menu ul 
{
	padding: 2px;
	background-color: White; /* dropdown menu background color */
}

.sf-menu ul li 
{
	min-height: 1px;
}

.sf-menu ul li hr
{
	border: 0;
	height: 1px;
	color: #333333;
	background-color: #333333;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		 #196C9E;
	outline:		 0;
	text-decoration: none;
	color:           white;
	z-index:         2;
}

.sf-with-ul li:hover, .sf-with-ul li.sfHover,
.sf-with-ul a:focus, .sf-with-ul a:hover, .sf-with-ul a:active 
{
    background-color: #196C9E;
    color: White;
    z-index: 140;
}

.sf-with-ul li {
    text-align: left;
    z-index:    140;
}

.menu-shortcut-key 
{
	text-decoration: underline;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute; 
	display:		block; 
	right:			.75em; 
	top:			1.05em;  /* IE6 only */
	width:			0px;  /* 10 */
 	height:			0px; /* 0 */
	text-indent: 	-999em; 
	overflow:		hidden; 
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px;  /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	 top:			.8em; 
	 background-position: 0 -100px;  /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { /* background-position:  -10px 0; */}
.sf-menu ul a > .sf-sub-indicator { /* background-position:  0 0; */}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

.date_title 
{
    background-color: #c0c0c0;
    font-weight: bold;
    width: 100%;
    text-align: left;
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
	width: 12em;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/* jQuery tablesorter plugin*/
table.tablesorter thead tr .header {
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp 
{
    color: White;
    background-color: #72A4C5;
}
              
              
/* 08/09/2012 - CLO - TT17049 - Styles starting with "qq" are for file uploader plugin  */

.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    display:block; /* or inline-block */
    width: 105px; padding: 7px 0; text-align:center;    
    background:#0084D5; border-bottom:1px solid #ddd;color:#fff;
}
/* 10/03/2012 CLO - TT18419 - Add color to avoid desapearing the button text in IE8 */
.qq-upload-button-hover {background:#196C9E; color: #fff;} 
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#FF9797; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#FF7171;}

.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}   

.sggrid-column-error { border:2px solid Red; } 
.labeltextinline 
{
    font-weight: bold;
    /*overflow:hidden;*/
    white-space:nowrap;
    display: inline;
}