/*
Colors
    FP Orange = #f0831f
    FP Blue = #143964
*/

.fp-tooltip-styling {
    background-color: darkblue;
    color: white
}

.SessionTimoutPanel {
    width: 100%;
    height: 100%;
    background-color: #ACC0E9;
    filter: alpha(opacity=70);
    opacity: .5;
    text-align: center;
    vertical-align: middle;
}

.SessionTimeoutDialogue {
    width: 300px;
    height: 100px;
    background-color: White;
    text-align: center;
    border-color: Black;
    border-width: medium;
    /*vertical-align:middle;*/
    position: absolute;
    top: 50%;
    left: 30%;
}

/* Session Timout Text style */
.SessionTimeoutDialogue span
{
    position:relative;
    top:10px;
    display:block;
}

/* Session Timout Cancel Button style */
.SessionTimeoutDialogue input
{
    position:relative;
    top:40px;
    left:100px;
    display:block;
}

.UIComponentIsBusyOverlay 
{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: lightgray;
    opacity: 0.5;
/*    filter: alpha(opacity=80); */
}

.UIComponentIsBusyImage
{
    width: 64px;
    height: 64px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -32px 0 0 -32px;
}

BODY
{
    font-family:Segoe UI,Tahoma,Arial;
    font-size: 12px;
    background-color: white;
    /*overflow: hidden;*/
    margin: 0px;
}

textarea 
{
    font-family: Segoe UI,Tahoma,Arial;
    font-size: 12px;
    color: #143964;
}

.FormHeader
{
    top: 0px;
    /*overflow: auto;  //2015-5-4 AL-removed to implement new tab layout*/
    width: 100%;
    /*position: absolute;*/
}

.FormHeaderSeparatorBar
{
    height: 1px;
    width: 100%;
    border-bottom: 1px dotted #f0831f;
}

.FormBody
{
    overflow: auto; 
    bottom: 0;
    width: 100%;
    height: 0px;    /*hack to get mobile safari and mobile chrome to report valid form height*/
    -webkit-overflow-scrolling: touch;
}

.FormTabTable {
    padding: 0;
    border-spacing: 0;
    width: 100%;
}

.FormClientAreaPanel 
{
    background-color: white;
    position: relative;
    overflow-x: hidden; /*systemform autosizing IFrame needs horizontal scrollbar suppressed*/
    height: 100%; /*req'd for absolute layout forms*/
}

/* systemtable Tab DIV Settings */
.TableViewSelector
{
    /*margin-left: -1px;
    margin-top: -15px;*/
	position:absolute;
	background-color: #ffffff;
	z-index: 999999;
    border: 1px solid #143964;
    padding-right: 30px;
}   

/* systemtable rendered in a formtablefield needs height trimmed to fit small height when the table is empty*/
.FormTableViewSelector
{
    height: 110px; /*capped at 150px so it will fit in formtablefields*/
    overflow-y: auto;
    overflow-x: hidden;
}   


.Tab
{
    cursor: pointer;
	font-size: 14px;
 /*    line-height: 25px; //2015-05-04 AL-removed to implement new tab layout*/
    display: inline-block; /*2015-05-04 AL-added to implement new tab layout*/
}

.Tab:hover{
    color: #ffffff;
    background-color: #143964;
}

.FormTabLinkButton 
{
    text-decoration: none;
    color: white;
    padding-left: 3px;
}

.TableTabLinkButton 
{
    text-decoration: none;
    color: black;
    padding-left: 3px;
}

.TableTabLinkButton:hover 
{
    color: white;
}

.TabStripContainer
{
	width: 100%;  /*2015-05-04 AL-changed from 250px; to implement new tab layout*/
	/* border: 1px solid #d6d6d6;  //2015-05-04 AL- removed to implement new tab layout*/
	/*display: none; /*phil undo this*/
}

.TabStrip 
{
	width: 100%;
}

.WorkflowHistoryWrapperPanel 
{
    overflow-x: auto;
    width: 100%;
    height: 100%;
}

.WorkflowHistoryTable
{
    width: 100%;
}

.WorkflowHistoryCell
{
    height: 20px;
    background-color: #f0831f; 
    color: #ffffff;
    white-space: nowrap;
    cursor: pointer;
    display:inline-block; 
    border: solid 1px;
}

.WFTailContainer
{
    width: 20px;
    height: 100%;
    background: url('../Images/ActiveWorkflowHistoryTail.png') left center no-repeat;
}

.WFHistoryStatus{
    line-height: 20px;
}

.WFHeadContainer
{
    height: 100%;
    background: url('../Images/ActiveWorkflowHistoryHead.png') right center no-repeat;
    width: 20px;
}

.WorkflowToolBarBackGround
{
	/*border-bottom: 16px solid #f0831f;*/
	padding-bottom: 2px;
	color: white;
	padding-top: 2px;
}

.WorkFlowButton
{
    margin-right: 10px;
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 5px;
    background-image: url('../images/btn_add_blue.svg');
    padding-top: 24px;
    cursor: pointer;
    background-position-x: center;
    background-position-y: 10%;
    background-repeat: no-repeat;
    text-align: center;
	color: #444444 !important;
    text-transform: uppercase;
    font-size: 11px;
    background-size: 16px 16px;
    border: 1px;
    background-color: #ffffff;
}

.WorkFlowButton:hover
{
    background-color: #143964;
    color: #e6e6e6 !important;
}

/* Toolbar Settings */
.ToolBar
{
    overflow-x:auto;    /*req'd for scrolling on phone (narrow form layout)*/
    width: 100%;
}

.ToolBarBackGround
{
    border-bottom: 1px dotted #f0831f;
}

.FieldpointSystemTableToolbar
{
    width:100%;
}

.ToolBarButtonContainer
{
	white-space: nowrap;
	padding-left: 10px;
	padding-right: 10px;
    /*line-height: 32px;*/
    padding-top: 18px;
    cursor: pointer;
    width: 50px;
    background-position-x: center;
    background-position-y: 10%;
    background-repeat: no-repeat;
    text-align: center;
	color: #444444 !important;
    background-size: 16px 16px;
}

.ToolBarButtonContainer:hover
{
    background-color: #143964;
    color: #e6e6e6 !important;
}

.ToolBarButtonSpacer
{
    width: 100%; /*used to right justify all buttons to the right of the spacer*/
    padding-left: 0px;
    padding-right: 0px;
}

.ToolBarButtonSeparator
{
    width: 2px;      
    padding-left: 0px;
    padding-right: 0px;
}

.ToolBarButton
{
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	text-transform: uppercase;
	text-decoration: none;
    color: inherit;
    font-size: 12px;
}

.tbar_vspacer {
    background-image: url('../Images/tbar_vspacer.png');
}

/*
    Keep the buttons below in alphabetical order so
    we can find them easier if needed.
    */




.btn_add                    {background-image: url('../Images/btn_add_blue.svg');}
.btn_add:hover              {background-image: url('../Images/btn_add.svg');}

.btn_addfield               {background-image: url('../Images/btn_addfield_blue.svg');}
.btn_addfield:hover         {background-image: url('../Images/btn_addfield.svg');}

.btn_addbutton              {background-image: url('../Images/btn_addbutton_blue.svg');}
.btn_addbutton:hover        {background-image: url('../Images/btn_addbutton.svg');}

.btn_addlabel               {background-image: url('../Images/btn_addlabel_blue.svg');}
.btn_addlabel:hover         {background-image: url('../Images/btn_addlabel.svg');}

.btn_addrow                 {background-image: url('../Images/btn_addrow_blue.svg');}
.btn_addrow:hover           {background-image: url('../Images/btn_addrow.svg');}

.btn_addsection             {background-image: url('../Images/btn_addsection_blue.svg');}
.btn_addsection:hover       {background-image: url('../Images/btn_addsection.svg');}

.btn_addtab                 {background-image: url('../Images/btn_addtab_blue.svg');}
.btn_addtab:hover           {background-image: url('../Images/btn_addtab.svg');}

.btn_addtable               {background-image: url('../Images/btn_addtable_blue.svg');}
.btn_addtable:hover         {background-image: url('../Images/btn_addtable.svg');}

.btn_browse                 {background-image: url('../Images/btn_browse_blue.svg');}
.btn_browse:hover           {background-image: url('../Images/btn_browse.svg');}

.btn_cancel                 {background-image: url('../Images/btn_cancel_blue.svg');}
.btn_cancel:hover           {background-image: url('../Images/btn_cancel.svg');}

.btn_close                  {background-image: url('../Images/btn_close_blue.svg');}
.btn_close:hover            {background-image: url('../Images/btn_close.svg');}

.wf_cancel                 {background-image: url('../Images/wf_cancel_blue.svg');}
.wf_cancel:hover           {background-image: url('../Images/wf_cancel.svg');}

.btn_copy                   {background-image: url('../Images/btn_copy_blue.svg');}
.btn_copy:hover             {background-image: url('../Images/btn_copy.svg');}

.btn_commit                  {background-image: url('../Images/btn_commit_blue.svg');}
.btn_commit:hover            {background-image: url('../Images/btn_commit.svg');}

.btn_commitparts             {background-image: url('../Images/btn_commitparts_blue.svg');}
.btn_commitparts:hover       {background-image: url('../Images/btn_commitparts.svg');}

.btn_converttorelativeform          {background-image: url('../Images/btn_converttorelativeform_blue.svg');}
.btn_converttorelativeform:hover    {background-image: url('../Images/btn_converttorelativeform.svg');}

.btn_creditcard {background-image: url('../Images/btn_creditcard.svg');}

.btn_CurrentTablePageLink          {text-decoration: none; font-weight: bold; font-size:16px; color: #143964; padding: 4px;}
.btn_CurrentTablePageLink:hover    {text-decoration: none; font-size:16px; color: #143964; padding: 4px;}

.btn_delete                 {background-image: url('../Images/btn_delete_blue.svg');}
.btn_delete:hover           {background-image: url('../Images/btn_delete.svg');}
.NavigationRow:hover .btn_delete {background-image: url('../Images/btn_delete.svg');}

.btn_design                 {background-image: url('../Images/btn_design_blue.svg');}
.btn_design:hover           {background-image: url('../Images/btn_design.svg');}

.btn_design_system          {background-image: url('../Images/btn_design_orange.svg');}
.btn_design_system:hover    {background-image: url('../Images/btn_design.svg');}

.btn_downloadmultiple        {background-image: url('../Images/btn_downloadmultiple_blue.svg');}
.btn_downloadmultiple:hover  {background-image: url('../Images/btn_downloadmultiple.svg');}

.btn_edit                   {background-image: url('../Images/btn_edit_blue.svg');}
.btn_edit:hover             {background-image: url('../Images/btn_edit.svg');}

.btn_email                   {background-image: url('../Images/btn_email_blue.svg');}
.btn_email:hover             {background-image: url('../Images/btn_email.svg');}

.btn_emailsearch             {background-image: url('../Images/btn_emailsearch_blue.svg');}
.btn_emailsearch:hover       {background-image: url('../Images/btn_emailsearch.svg');}

.btn_tax {background-image: url('../Images/btn_tax.svg');}

.btn_excel                  {background-image: url('../Images/btn_excel_blue.svg');}
.btn_excel:hover            {background-image: url('../Images/btn_excel.svg');}

.btn_first                   {background-image: url('../Images/btn_first_blue.svg'); }
.btn_first:hover             {background-image: url('../Images/btn_first.svg'); }
.btn_first_disable           {background-image: url('../Images/btn_first_grey.svg'); }

.btn_forward                 {background-image: url('../Images/btn_forward_blue.svg');}
.btn_forward:hover           {background-image: url('../Images/btn_forward.svg');}

.btn_fulfill                 {background-image: url('../Images/btn_fulfill_blue.svg');}
.btn_fulfill:hover           {background-image: url('../Images/btn_fulfill.svg');}

.btn_gototopofform          {width: 16px; height: 16px;}

.btn_help                   {background-image: url('../Images/btn_help_blue.svg');}
.btn_help:hover             {background-image: url('../Images/btn_help.svg');}

.btn_last                   {background-image: url('../Images/btn_last_blue.svg');}
.btn_last:hover             {background-image: url('../Images/btn_last.svg');}
.btn_last_disable           {background-image: url('../Images/btn_last_grey.svg');}

.btn_layoutform             {background-image: url('../Images/btn_layoutform_blue.svg');}
.btn_layoutform:hover       {background-image: url('../Images/btn_layoutform.svg');}

.btn_multipleupload          {background-image: url('../Images/btn_uploadmultiple_blue.svg');}
.btn_multipleupload:hover    {background-image: url('../Images/btn_uploadmultiple.svg');}

.btn_next                   {background-image: url('../Images/btn_next_blue.svg');}
.btn_next:hover             {background-image: url('../Images/btn_next.svg');}
.btn_next_disable           {background-image: url('../Images/btn_next_grey.svg');}

.btn_note                   {background-image: url('../Images/btn_note_blue.svg');}
.btn_note:hover             {background-image: url('../Images/btn_note.svg');}
.NavigationRow:hover .btn_note {background-image: url('../Images/btn_note.svg');}

.btn_noteempty              {background-image: url('../Images/btn_noteempty_blue.svg');}
.btn_noteempty:hover        {background-image: url('../Images/btn_noteempty.svg');}
.NavigationRow:hover .btn_noteempty {background-image: url('../Images/btn_noteempty.svg');}

.btn_previous                   {background-image: url('../Images/btn_previous_blue.svg');}
.btn_previous:hover             {background-image: url('../Images/btn_previous.svg');}
.btn_previous_disable           {background-image: url('../Images/btn_previous_grey.svg');}

.btn_previewaddform         {background-image: url('../Images/btn_previewaddform_blue.svg');}
.btn_previewaddform:hover   {background-image: url('../Images/btn_previewaddform.svg');}

.btn_previewmodifyform      {background-image: url('../Images/btn_previewmodifyform_blue.svg');}
.btn_previewmodifyform:hover {background-image: url('../Images/btn_previewmodifyform.svg');}

.btn_previewinquireform     {background-image: url('../Images/btn_previewinquireform_blue.svg');}
.btn_previewinquireform:hover  {background-image: url('../Images/btn_previewinquireform.svg');}

.btn_print                  {background-image: url('../Images/btn_print_blue.svg');}
.btn_print:hover            {background-image: url('../Images/btn_print.svg');}

.btn_properties             {background-image: url('../Images/btn_properties.svg');}
.btn_properties:hover       {background-image: url('../Images/btn_properties_blue.svg');}

.btn_properties_inverted             {background-image: url('../Images/btn_properties_blue.svg');}
.btn_properties_inverted:hover       {background-image: url('../Images/btn_properties_blue.svg');}

.btn_publish                {background-image: url('../Images/btn_publish_blue.svg');}
.btn_publish:hover       {background-image: url('../Images/btn_publish.svg');}

.btn_publishall             {background-image: url('../Images/btn_publishall_blue.svg');}
.btn_publishall:hover       {background-image: url('../Images/btn_publishall.svg');}

.btn_maximize 
{
    background-image: url('../Images/btn_maximize_blue.svg');
}

.btn_maximize:hover 
{
    background-image: url('../Images/btn_maximize.svg');
}

.btn_minimize 
{
    background-image: url('../Images/btn_minimize_blue.svg');
}

.btn_minimize:hover 
{
    background-image: url('../Images/btn_minimize.svg');
}

.btn_recalculate             {background-image: url('../Images/btn_recalculate_blue.svg');}
.btn_recalculate:hover       {background-image: url('../Images/btn_recalculate.svg');}

.btn_recordproperties        {background-image: url('../Images/btn_recordproperties_blue.svg');}

.btn_reply                   {background-image: url('../Images/btn_reply_blue.svg');}
.btn_reply:hover             {background-image: url('../Images/btn_reply.svg');}

.btn_remove                   {background-image: url('../Images/btn_remove_blue.svg');}
.btn_remove:hover             {background-image: url('../Images/btn_remove.svg');}

.btn_replyall                {background-image: url('../Images/btn_replyall_blue.svg');}
.btn_replyall:hover          {background-image: url('../Images/btn_replyall.svg');}

.btn_reset {
    background-image: url('../Images/btn_reset_blue.svg');
    background-size: 20px;
    background-position-y: 2px;
}
.btn_reset:hover            {background-image: url('../Images/btn_reset.svg');}

.btn_refresh                {background-image: url('../Images/btn_refresh_blue.svg');}
.btn_refresh:hover          {background-image: url('../Images/btn_refresh.svg');}

.btn_reminder             {background-image: url('../Images/btn_reminder_blue.svg');}
.btn_reminder:hover        {background-image: url('../Images/btn_reminder.svg');}

.btn_revert                 {background-image: url('../Images/btn_revert_blue.svg');}
.btn_revert:hover           {background-image: url('../Images/btn_revert.svg');}

.btn_revertall              {background-image: url('../Images/btn_revertall_blue.svg');}
.btn_revertall:hover        {background-image: url('../Images/btn_revertall.svg');}

.btn_save                   {background-image: url('../Images/btn_save_blue.svg');}
.btn_save:hover             {background-image: url('../Images/btn_save.svg');}

.btn_saveas                   {background-image: url('../Images/btn_saveas_blue.svg');}
.btn_saveas:hover             {background-image: url('../Images/btn_saveas.svg');}

.btn_saveandclose           {background-image: url('../Images/btn_saveandclose_blue.svg');}
.btn_saveandclose:hover     {background-image: url('../Images/btn_saveandclose.svg');}

.btn_search                 {background-image: url('../Images/btn_search_blue.svg');}
.btn_search:hover           {background-image: url('../Images/btn_search.svg');}

.btn_selectappfeature       {background-image: url('../Images/btn_selectappfeature_blue.svg');}
.btn_selectappfeature:hover {background-image: url('../Images/btn_selectappfeature.svg');}

.btn_selectfields           {background-image: url('../Images/btn_selectfields_blue.svg');}
.btn_selectfields:hover     {background-image: url('../Images/btn_selectfields.svg');}

.btn_selectbody             {background-image: url('../Images/btn_selectbody_blue.svg');}
.btn_selectbody:hover       {background-image: url('../Images/btn_selectbody.svg');}

.btn_selectheader           {background-image: url('../Images/btn_selectheader_blue.svg');}
.btn_selectheader:hover     {background-image: url('../Images/btn_selectheader.svg');}

.btn_setfieldorder          {background-image: url('../Images/btn_setfieldorder_blue.svg');}
.btn_setfieldorder:hover    {background-image: url('../Images/btn_setfieldorder.svg');}

.btn_settaborder            {background-image: url('../Images/btn_settaborder_blue.svg');}
.btn_settaborder:hover      {background-image: url('../Images/btn_settaborder.svg');}

.btn_setvisibleinsummary            {background-image: url('../Images/btn_setvisibleinsummary_blue.svg');}
.btn_setvisibleinsummary:hover      {background-image: url('../Images/btn_setvisibleinsummary.svg');}

.btn_showfieldnames         {background-image: url('../Images/btn_showfieldnames_blue.svg');}
.btn_showfieldnames:hover   {background-image: url('../Images/btn_showfieldnames.svg');}

.btn_spacer                 {background-image: url('../Images/btn_spacer_blue.svg');}
.btn_spacer:hover           {background-image: url('../Images/btn_spacer.svg');}

.btn_tablefieldproperties   {background-image: url('../Images/btn_properties.svg');}
.btn_tablefieldproperties:hover {background-image: url('../Images/btn_properties_blue.svg');}

.btn_TablePageLink          {text-decoration: none; font-size:16px; color: #143964; padding: 4px;}
.btn_TablePageLink:hover    {text-decoration: none; font-size:16px; color: #d6d6d6; padding: 4px;}

.btn_timer                  {background-image: url('../Images/btn_timer_blue.svg');}
.btn_timer:hover            {background-image: url('../Images/btn_timer.svg');}

.btn_timeSheet               {background-image: url('../Images/btn_timesheet_blue.svg');}
.btn_timeSheet:hover         {background-image: url('../Images/btn_timesheet.svg');}

.btn_uncommit                {background-image: url('../Images/btn_uncommit_blue.svg');}
.btn_uncommit:hover          {background-image: url('../Images/btn_uncommit.svg');}

.btn_uncommitparts           {background-image: url('../Images/btn_uncommitparts_blue.svg');}
.btn_uncommitparts:hover     {background-image: url('../Images/btn_uncommitparts.svg');}

.btn_word                   {background-image: url('../Images/btn_word_blue.svg');}
.btn_word:hover             {background-image: url('../Images/btn_word.svg');}

.btn_workflowhistory        {background-image: url('../Images/btn_workflowhistory_blue.svg');}
.btn_workflowhistory:hover  {background-image: url('../Images/btn_workflowhistory.svg');}


.FormButton
{
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    width: 21px;
    height: 21px;
}

.TableNavigationButton
{
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 5px;
    width: 21px;
    height: 21px;
}

.FormButton:hover
{
    background-color: #143964;
}

.FormBrowserButton          {background-image: url('../Images/btn_browse_blue.svg'); background-size: 18px 18px; z-index:1000/*force over neighbouring labels in abs layout*/; }
.FormBrowserButton:hover    {background-image: url('../Images/btn_browse.svg'); background-size: 18px 18px; filter: invert(0) !important; z-index:1000/*force over neighbouring labels in abs layout*/; }

.FormDateCalendar           {background-image: url('../Images/btn_calendar_blue.svg'); background-size: 18px 18px;}
.FormDateCalendar:hover     {background-image: url('../Images/btn_calendar.svg'); background-size: 18px 18px;}
.NavigationRow:hover .FormDateCalendar {background-image: url('../Images/btn_calendar.svg');}

.SmallButton
{
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    width: 16px;
    height: 16px;
    padding-left: 10px;
}


/*Form Settings*/
.Form
{
	background-color:White;
}

.FormTitleBar
{
	font-size: 27px;
	font-weight: lighter;
	color: rgb(26,26,26);
	white-space: nowrap;
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: 21px 24px;
    padding-left: 24px;
    cursor:  pointer;
}

.SelectedFormHeaderTable 
{
    background-color: #143964 !important;  /*darkblue*/
}

.SelectedFormHeaderTable .FormTitleBar
{
    color: #FFFFFF !important; /*white*/
}

.SelectedFormHeaderTable .FormHeaderField
{
    color: #FFFFFF !important; /*white*/
}

.SelectedFormHeaderTable .FormHeaderLabel
{
    color: #FFFFFF !important; /*white*/
}

.FormTitleBarUnclickable
{
    cursor: default !important;
}

.FormHeaderCell
{
    background-color: #f0831f;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
}

.FormHeaderLabel
{
    color: #143964;
}

.FormHeaderField
{
	font-size: 15px;
    border: 0px solid transparent;
    background-color: #f0831f;
    color: #444444;
    margin-left: -2px;
}

.FormButtonField
{
	height:20px;
	font-family: Segoe UI,Tahoma,Arial;
	border : 0px; /* solid #cccccc;  // 2015-05-04 AL-modified to style for FP10 */
    cursor: pointer;
    background-color:#143964;
    color: white; /*/*2015-05-04 AL-added to style for FP10 */
}

.FormLabel
{
	color: #143964;
    display: table-cell;    /*relative layout*/
    float:left;    /*relative layout*/
}

.MandatoryFormLabel
{
	color: #990000;
}

.FormField
{
	font-family: Segoe UI,Tahoma,Arial;
    font-size: 12px;
	padding-left:2px;
	border : 1px solid #7b9ebd;/*#649ACC;*/
}

.Design
{
    color: #6d6a6a;
}

.InvalidFormField
{
	border: 2px solid #990000;
}

.ActiveFormField
{
	border : 1px solid #cccccc;
	background-color: #F3F1F1;
}

.ReadOnlyFormField
{
	font-family: Segoe UI,Tahoma,Arial;
    font-size: 12px;
	color: #444444;
	padding-left:2px;
	border : 1px solid transparent;  /*#649ACC;*/
	font-weight:bold;
    border-bottom: 1px solid #cccccc;
}

.ReadOnlyFormNotesField
{
	font-weight:bold;
	font-family: Segoe UI,Tahoma,Arial;
	color: #444444;
	padding-left:2px;
	border : 1px solid transparent; /*#649ACC;*/
	overflow-y:auto;
	overflow-x:hidden;
    width:100%;
}

.FormNotesField
{
	font-family: Segoe UI,Tahoma,Arial;
	padding-left:2px;
	border : 1px solid #7b9ebd; /*#649ACC;*/
	overflow-x:hidden;
    font-size: 12px;
}

.RecordPropertiesCell
{
    font-family: Segoe UI,Tahoma,Arial;
    font-size: 12px;
	color: #444444;
	padding-left:2px;
}

.BrowserPanel 
{
	display: inline;
}


/*MenuPage Settings*/
.NavigationTitle
{
    font-family: Segoe UI,Tahoma,Arial;
    height: 50px;
    text-align:left; 
    font-size: 27px; 
    font-weight: lighter; 
    color: rgb(26,26,26);
    padding-left: 30px; 
    padding-top: 10px;
    white-space: nowrap;
}

.NavigationTableContainer
{
    white-space: nowrap;
    width: 300px;
}

.TableRow
{
    color: #143964;
    background-color: white;
}

.NavigationRow
{
    color: #143964;
    background-color: white;
}

.NavigationRow.EditMode
{
    border-bottom: 1px solid #7b9ebd;
}

.NavigationRow:hover
{
    color: #e6e6e6;
    cursor: pointer;
    background-color: #143964;
}

.NavigationRow:hover img {
    filter: invert(1);
}

.NavigationRow:hover input[type="image"] {
    filter: invert(1);
}

.NavigationRow.selected
{
    background-color: #0A1C32;
    color: #e6e6e6;
}

.AddNewRow 
{
    color: #143964;
    background-color: cyan;
}

.AddNewRow.EditMode 
{
    border-bottom: 1px solid #7b9ebd;
}

.NavigationRow.EditMode.EdittedNavigationRow 
{
    background-color: cornsilk
}

/*Stop the hover styling of .NavigationRow from making readonly fields 
    difficult to read when hovering over the row by applying the same
    hover logic that is applied to other navigation rows that haven't
    been edited
*/
.NavigationRow.EditMode.EdittedNavigationRow:hover
{
    color: #e6e6e6;
    cursor: pointer;
    background-color: #143964;
}

.NavigationCell {
    font-family: Segoe UI,Tahoma,Arial;
    font-size: 14px;
    font-weight: normal;
    color: inherit;
    text-decoration: none !important;
    border-top: 2px solid #f0831f;
    border-bottom: 2px solid #f0831f;
    height: 50px;
    cursor: pointer;
    padding-right: 20px;
    background-image: url(../images/menu_arrowright_blue.svg);
    background-position-x: 99%;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 14px 24px;
    display: none;
    padding-top: 5px;
    padding-bottom: 5px;
}

.TableNavigationFieldWrapperPanel
{
}

.NavigationCell.selected
{
    background-image: url(../images/menu_arrowright.svg);
    background-position-x: 99%;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 14px 24px;
    color: #e6e6e6;
}

.NavigationCell:hover
{
    background-image: url(../images/menu_arrowright.svg);
    background-color: #143964;
    color: #e6e6e6;
}

.TableNavigationFieldWrapperTable
{
    width: 100%;
    table-layout: fixed;
}

.NavigationLabel
{
    width: 40%;
    white-space: nowrap;
    overflow: hidden;
}

.NavigationField
{
    width: 60%;
    padding-left: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* Table Settings */

.HeaderTable 
{
    width: 100%;
    padding: 0px;
    border-spacing: 0px;
    border-width: 0px;
}

.HeaderSearchTable
{
    width: 100%;
    padding: 0px;
    border-spacing: 0px;
    border-width: 0px;
}

.HeaderSearchTable.EmptyTable
{
    table-layout: auto !important;      /*override HeaderSearchTable to make the header expand to available space */
}

.DataRowsTable 
{
    width: 100%;
}

.DataRowsTableWrapperPanel
{
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.DataRowsWrapperTableRow
{
    width: 100%;
    height: 100%;
} 

.DataRowsWrapperTableCell 
{
    width: 100%;
    height: 100%;
}

.TableContainer
{
    height: 100%;
    width: 100%;
    overflow:hidden;
}

.SystemTableRootTable 
{
    border-spacing: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.SystemTableBodyTableRow 
{
    border-bottom: 1px dotted #f0831f
}

.RowsAndColumnsWrapperPanel
{
	background-color: white;
    width: 100%;
    overflow-x: auto; /*2015-05-27 This allows horizontal scrolling of the table contents but breaks vertical scrolling of the page on Chrome-Android*/
}

.TableTitleBar /* The Table's title Bar*/
{
    width: 100%;
	font-size:27px;
	font-weight:lighter;
	color: rgb(26,26,26);
	padding-left: 10px;
    table-layout: fixed;
}

.TableViewSelectorTabStripContainer
{
	width: 100%;
}

.TableViewSelectorTabStrip
{
	width: 100%;
}

.SelectedTableTitleBar 
{
    background-color: #143964 !important;  /*darkblue*/
}

.SelectedTableTitleBar .TableTitleBarText
{
    color: #FFFFFF !important; /*white*/
}

.TableTitleBarText
{
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    padding: 10px
}

.TableTitleBarText.small
{
    font-size:20px;
    font-weight: 500;
}

.TableTitleBarButtons
{
    text-align: right;
    display: inline-block;
    float: right;
}

.ColumnHeadingRow
{
    height: 25px;
    overflow: hidden;
}

.SearchFieldRow
{
    height: 15px;
    vertical-align: middle;
    overflow: hidden;
}

.TableHeading /* The Column Heading that can be clicked to resort the table*/
{
    background-color: #143964;
	color:#ffffff;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	padding-left: 4px;
    padding-right: 7px;
}

td.TableHeading 
{
	background-image:url("../Images/tbar_vspacer.png");
	background-repeat: no-repeat;
	background-position: 100% 0px; 
	border-bottom: 3px solid #f0831f;
    overflow-x: hidden; /*TFS#2299*/
}

td.TableHeading:hover, a.TableHeading:hover
{
	/*background-color:#ABC0E7;*/
}

.MandatoryTableHeading /* The Column Heading that can be clicked to resort the table*/
{
	padding-top:2px;
	padding-right:2px;
	color:#f0831f;
	text-decoration:underline;
	padding-left: 5px;
    white-space: nowrap;   
}

/*.TableHeading2
{
 	border-bottom: 1px dotted #f0831f;
}*/

.DataRowsTableWrapperPanel
{
 	border-top: 1px dotted #f0831f;
}

.TotalField
{
 	border-top: 1px dotted #f0831f;
}

.TableMoreRecords td
{
 	border-top: 1px dotted #f0831f;
}

.TableHeading2, .TotalField /* Created to keep styling of TableHeading but remove the underline where not necessary (Firefox fix)*/
{
	padding-top:2px;
	padding-right:2px;
	color:Black;
	text-decoration:none;
	top: 0px;
	padding-left: 5px;
    white-space: nowrap;   
}

.SystemTableHeaderTableRow .TableHeaderPanel
{
    /*background-color: red;    Use this for debugging JS/CS on systemtables, change the color to visually confirm the browser is not caching content. */
    border-bottom: 1px dotted #f0831f;
}

.SelectedTableHeading /* The Selected Column Heading that can be clicked to resort the table*/
{
	color:#ffffff;
	cursor: pointer;
	white-space: nowrap;
    text-decoration: none;
}

.TableSearchField /* */
{
	font-size:9pt;
	border: 1px solid #7b9ebd;
}

.TableCell /*The cell(<td>) that contains the table field*/
{
	white-space: nowrap;
	vertical-align: top;
    padding-right: 10px;
    overflow: hidden; 
}

.TableField /*The input field that shows the data for the tablefield*/
{
    width: 100%;
	font-size:12px;
	font-weight:normal;
	color:#444444;
	padding-left: 2px;
	padding-right: 2px;
    border-width: 0px;
}

.TableField /*this overrides the whitespace setting in .ReadOnlyTableFieldWrapperPanel so we don't get text-wrapping within a connected table*/
{
    white-space: normal; 
}

.InvalidatedTableField /*The input field that shows the data for the tablefield*/
{
	font-size:12px;
	font-weight:normal;
	background-color:red;
	border-width: 0px;
	color:#444444;
	padding-left: 2px;
	padding-right: 2px;
}

.ReadonlyTableFieldWrapperPanel   /* Format panel residing inside the <td> containing everything displayed in readonly table fields */
{
   display: inline; /* don't wrap when placed in first row with workflow or delete button */
   white-space: nowrap; 
}


.TableFieldHyperLink
{
    cursor: pointer;
    text-decoration: underline;
 /* 2014/5/16 AL - removed because we don't want the click event to fire on the entire cell, just on the hyperlink text      display: block;   */
}

.ReadOnlyTableField     /* Format text displayed in the readonly table fields */
{
	font-size:12px;
	color:#444444;
	padding-left: 2px;
	padding-right: 2px;
	overflow: hidden;
}

.NotesTableFieldPreview /*The text box for previewing Note field text on a table*/
{
    resize: none;
    border: none;
    overflow: hidden;
    background: none;
}

.TableFooter 
{
    border-bottom: 1px dotted #f0831f; 
    color: #143964;
}

.PageXofYTableRow td span:nth-of-type(1) /* used to center the page x of y label (offset the width of the 'rows: ###' label */
{
    float: left;
    width: 70px;
}
.PageXofYTableRow td span:nth-of-type(3) /* right justify the 'rows: ###' label */
{
    float: right;
    width: 70px;
    padding-right: 7px;
}

.TableFooterText
{
    color: white;
}

.MultiUploadTable
{
    font-family: Arial;
    font-size:11px;
    height:18px;
    white-space:nowrap;
}

.MultiUploadTableField
{
    font-family: Segoe UI,Tahoma,Arial;
	font-size:11px;
}

.ui-dialog /*The outer container of the dialog. */
{
    border: 3px ridge ActiveBorder;
    background-color: white;
}

.ui-dialog-titlebar /*The title bar containing the dialog's title and close button. */
{
    background-color: #f0831f;
}

/*MenuPage Settings*/
.MenuPageTitle
{
    font-family: Segoe UI,Tahoma,Arial;
    height: 50px;
    text-align:left; 
    font-size: 27px; 
    font-weight: lighter; 
    color: rgb(26,26,26);
    padding-left: 30px; 
    padding-top: 10px;
    white-space: nowrap;
}

.MenuPageTableContainer
{
    white-space: nowrap;
}

.MenuPageMenuEntry
{
	font-family: Segoe UI,Tahoma,Arial;
	font-size: 14px;
	font-weight: normal;
	color: #143964;
	text-decoration: none;
    border-top: 2px solid #f0831f;
    border-bottom: 2px solid #f0831f;
    height: 50px;
    cursor: pointer;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.SubMenu
{
    background-image: url(../images/menu_arrowright_blue.svg);
    background-position-x: 99%;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 14px 24px;
}

.MenuPageMenuEntry:hover
{
    cursor: pointer;
}

.MenuPageMenuEntryIconCell
{
    cursor: pointer;
    border-top: 2px solid #f0831f;
    border-bottom: 2px solid #f0831f;
    padding-left: 30px;
    min-width: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.MenuPageMenuEntryIcon
{
    width: 24px;
    height: 24px;
}

/* BarChart Settings*/
.BarChart
{
    background: #acc0e9;
	border-width:1px;
	border-color:Navy;
}

.BarcharFont 
{
    font-size:9pt;
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    vertical-align:text-bottom;
}


.BarChartLoaderBody
{
	background-color: #acc0e9; 
	margin:0;
	padding:0;
	height:100% !important;	/* 2008.9.8 AL changed from 0px for XHTML support */
	overflow:auto;
}

.BarChartLoaderForm
{
	background-color: #acc0e9; 
	margin:0;
	padding:0;
	/*MIRCEA: commented out because when the chart wouldn't horizontally fit 
    in the frame the form (with this style) would get a horizontal scroll-bar
    and not the iFrame; in this situation if the content wouldn't fit vertically
    either the user has to scroll down to be able to see the form horizontal scroll.
	/*overflow-y:hidden;*/
}

.BarChartTitle
{
	background-color: #7288AC;
	font-family: Segoe UI,Tahoma,Arial;
	font-size: 10pt;
	color:White;
	height:15px;
}

.BarChartLabel
{
	font-family:Arial;
	font-size:11px;
	background-color:Transparent;
	text-align:right;
	color:Black;
	border-width:0px;
	padding:0px 0px 0px 0px;
	height:15px;
}

.BarChartFilterField
{
	font-family:Arial;
	font-size:11px;
	height:18px;		/*XHTML conversion */
}


/* Banner Settings */
.SmallBannerText 
{
	font-size: 11px;
}

.NormalBannerText
{ 
	font-size: 10pt;
}

.LargeBannerText
{
	font-size: 12pt;
	font-weight:bold;
	color: Red;
}

.BannerTitle
{
	font-size:10pt;
	color: Black;
	border-bottom: solid 1px red;
	font-weight: bold;
}

input[type="button"]:disabled {
    background: slategrey;
}

/* Used by the Form Table Field maximize/restore functionality */
.HiddenByMaximizedFormTableField
{
    display: none;
}
/* Used by the Form Table Field maximize/restore functionality */
.ShrunkByMaximizedFormTableField 
{
    border-width: 0px;
    padding: 0px;
    margin: 0px;
}

/* Used by the Form Table Field maximize/restore functionality */
.FormClientAreaPanelForMaximizedFormTableField
{
    overflow-y: hidden;
}

/* Used to disable Chromium auto-highlighting changes of input fields that are focused */
textarea:focus, input:focus
{
    outline: none;
}