/*
// +--------------------------------------------------------------------------+
// |                                                                          |
// |                       ***** CONFIDENTIAL *****                           |
// |                                                                          |
// |  Author:  Flowan Software, Inc.                                          |
// |  Date:    June 23, 2004                                                  |

// |  Desc:    Style sheet for Flowan HelpDesk Custom Web                     |
// |                                                                          |
// +--------------------------------------------------------------------------+
*/

/*
// +--------------------------------------------------------------------------+
// |  General styles applied to standard html elements.                       |
// +--------------------------------------------------------------------------+
*/
BODY
{
   background-color: white;
   color: black;
   font-family: : Arial, SansSerif;
   font-size: 9pt;
   margin: 0px 10px 10px 0px;
}

SELECT
{
   font-size: 9pt;
   font-family: arial, verdana, sansserif;
}

INPUT
{
   font-size: 9pt;
   font-family: arial, verdana, sansserif;
}

TEXTAREA
{
   font-size: 9pt;
   font-family: arial, verdana, sansserif;
}

TABLE
{
   empty-cells: show;
}
IMG
{
   border-right: medium none;
   border-top: medium none;
   border-left: medium none;
   border-bottom: medium none;
}


/*
// +--------------------------------------------------------------------------+
// |  Styles for the side menu.                                               |
// +--------------------------------------------------------------------------+
*/
.menuitem
{
   font-weight: bold;
   font-size: 8pt;
   color: white;
   font-family: Arial;
   text-align: left;
}

.menuitem A
{
   display: block;
   font-weight: bold;
   font-size: 8pt;
   color: white;
   font-family: Arial;
   text-align: left;
   text-decoration: none;
}

.menuitem A:hover
{
   color: white;
   text-decoration: underline;
   border-bottom: #cce3ff 0px solid;
}

.menuitemselected
{
   font-weight: bold;
   font-size: 8pt;
   color: #ffd95d;
   font-family: Arial;
   text-align: left;
}

.menuitem IMG 
{
   display:block;
   float:left;
}

.menuitemselected IMG 
{
   display:block;
   float:left;
}

.menuitemselected A
{
   display: block;
   color: #ffd95d;
   text-decoration: none;
}

.menuitemselected A:hover
{
   text-decoration: underline;
}

TABLE.menutable TR TH
{
   padding: 2px 0px 2px 5px;
   vertical-align:middle;
}
TABLE.menutable TR TD 
{
   padding: 2px 5px 2px 0px;
   vertical-align:middle;
}

/*
// +--------------------------------------------------------------------------+
// |  Styles for labels.                                                      |
// +--------------------------------------------------------------------------+
*/
.labelwhite
{
   font-size: 9pt;
   color: white;
   font-family: Arial;
}

.note
{
   font-size: 9pt;
   color: #000099;
   font-family: Arial;
}
.loginerror
{
   font-family:Arial;
   color: black;
   font-size: 9pt;
   font-weight: bold;
}
/*
// +--------------------------------------------------------------------------+
// |  Styles for timedout page.                                               |
// +--------------------------------------------------------------------------+
*/
.timeoutheading
{
   font-family: Arial;
   font-size: 12pt;
   font-weight: bold;
   padding: 5px 5px 20px 5px;
}
.timeoutmessage
{
   font-family: Arial;
   font-size: 10pt;
   padding: 5px 5px 20px 5px;
}
/*
// +--------------------------------------------------------------------------+
// |  Styles to define a table-free page layout.  Used when we need to        |
// |  display a wait message for the user and have the browser show progress. |
// +--------------------------------------------------------------------------+
*/
div#wrap
{
   width: 100%;
   float: left;
   height: 90%;
}

div#top
{
   width: 100%;
}

div#main
{
   width: 96%;
   float: left;
   height: 80%;
}

div#sep
{
   float: left;
   background-color: white;
   width: 2%;
}

div#nav
{
   width: 100%;
}

div#pagefooter
{
   width: 98%;
   float: right;
}
/*
// +--------------------------------------------------------------------------+
// |  Styles for the Flowan Application display box tables.                   |
// +--------------------------------------------------------------------------+
*/
TABLE.evendisplay
{
   border-right: black 2px solid;
   border-top: black 2px solid;
   border-left: black 2px solid;
   border-bottom: black 2px solid;
   background-color: #dcdcdc;
}

TABLE.evendisplay TR TD.bold
{
   font-weight: bold;
   font-size: 9pt;
   font-family: Arial;
}

TABLE.oddisplay
{
   border-right: black 2px solid;
   border-top: black 2px solid;
   border-left: black 2px solid;
   border-bottom: black 2px solid;
   background-color: #a9a9a9;
}

TABLE.evendisplay TR TD.bold
{
   font-weight: bold;
   font-size: 9pt;
   font-family: Arial;
}


/*
// +--------------------------------------------------------------------------+
// |  Styles for the general Flowan Application tables                        |
// +--------------------------------------------------------------------------+
*/
TABLE.general
{
   background-color: white;
}

TABLE.general TR TD
{
   font-family: arial, verdana, sansserif;
   font-size: 9pt;
}

TABLE.general TR TD.bold
{
   font-weight: bold;
}

TABLE.general TR.heading TD
{
   text-align: left;
   font-family: arial;
   font-size: 12pt;
   font-weight: bold;
   margin-top: 5px;
   margin-bottom: 5px;
}

/*
// +--------------------------------------------------------------------------+
// |  Styles for the data entry forms.                                        |
// +--------------------------------------------------------------------------+
*/
TABLE.entryform
{
}

TABLE.entryform TR TH
{
   padding-left: 0px;
   font-weight: bold;
   font-size: 9pt;
   color: black;
   background-color: white;
   text-align: left;
   vertical-align: top;
   font-family: Arial;
}

TABLE.entryform TR TH.heading
{
   border-right: black 1px solid;
   padding-right: 5px;
   border-top: black 1px solid;
   padding-left: 5px;
   font-weight: bold;
   font-size: 9pt;
   padding-bottom: 5px;
   vertical-align: bottom;
   border-left: black 1px solid;
   color: black;
   padding-top: 5px;
   border-bottom: black 1px solid;
   font-family: arial, sansserif;
   background-color: #adbbe2;
   text-align: center;
}

TABLE.entryform TR TD
{
   font-weight: normal;
   font-size: 9pt;
   font-family: Arial;
   vertical-align: top;
   padding-bottom: 2px;
   padding-top: 2px;
   border-left: black 0px solid;
}

TABLE.entryform TR TD.centered
{
   font-weight: normal;
   font-size: 9pt;
   font-family: Arial;
   vertical-align: top;
   padding-bottom: 2px;
   padding-top: 2px;
   border-left: black 0px solid;
   text-align: center;
}

TABLE.entryform TR TD.bold
{
   font-weight: bold;
   font-size: 9pt;
   font-family: Arial;
}

TABLE.entryform TR TD.heading
{
   border-right: black 0px solid;
   padding-right: 2px;
   border-top: black 0px solid;
   padding-left: 2px;
   font-weight: bold;
   font-size: 9pt;
   padding-bottom: 5px;
   border-left: black 0px solid;
   color: black;
   padding-top: 5px;
   border-bottom: black 0px solid;
   font-family: Arial;
   background-color: white;
   text-align: left;
   text-decoration: underline;
}

TABLE.entryform TR TD.divider
{
   border-right: black 1px solid;
   padding-right: 2px;
   border-top: black 1px solid;
   padding-left: 2px;
   font-weight: bold;
   font-size: 9pt;
   padding-bottom: 5px;
   border-left: black 1px solid;
   color: black;
   padding-top: 5px;
   border-bottom: black 1px solid;
   font-family: Arial;
   background-color: #dcdcdc;
   text-align: center;
   text-decoration: none;
}

.updatelink
{
   font-weight: bold;
   font-size: 9pt;
   vertical-align: middle;
   color: #005e20;
   font-family: Arial;
   text-decoration: underline;
}

.updatelink:hover
{
   font-weight: bold;
   font-size: 9pt;
   font-family: Arial;
   vertical-align: middle;
   color: #005e20;
   text-decoration: underline;
}

/*
// +--------------------------------------------------------------------------+
// |  Styles for the tree tables.                                             |
// +--------------------------------------------------------------------------+
*/
TABLE.tree
{
}

TABLE.tree TR TH
{
   padding-left: 7px;
   font-weight: bold;
   font-size: 9pt;
   color: black;
   text-align: left;
   vertical-align: top;
   font-family: Arial;
}

TABLE.tree TR TD
{
   font-weight: normal;
   font-size: 9pt;
   font-family: Arial;
   color: black;
   text-decoration: none;
   padding-left: 0px;
   padding-right: 0px;
}

.treelink
{
   font-weight: normal;
   font-size: 9pt;
   font-family: Arial;
   color: black;
   text-decoration: none;
}

.treelink:hover
{
   font-weight: normal;
   font-size: 9pt;
   font-family: Arial;
   color: black;
   text-decoration: none;
   border-bottom: black 1pt solid;
}

.menulink
{
   font-weight: normal;
   font-size: 9pt;
   font-family: Arial;
   color: #ffd95d;
   text-decoration: none;
   vertical-align: middle;
}

.menulink:hover
{
   font-weight: normal;
   font-size: 9pt;
   font-family: Arial;
   color: #ffd95d;
   text-decoration: underline;
   vertical-align: middle;
}

TABLE.tree TR TD.bold
{
   font-weight: bold;
   font-size: 9pt;
   font-family: Arial;
}

TABLE.tree TR TD img
{
   vertical-align: baseline;
}

/*
// +--------------------------------------------------------------------------+
// |  Styles for displaying rows of data in a grid.                           |
// +--------------------------------------------------------------------------+
*/
TABLE.lists
{
   margin-top: 2px;
   margin-bottom: 0px;
}

TABLE.lists TR.even
{
   background-color: #eeeeee;
}

TABLE.lists TR TD
{
   font-size: 9pt;
   padding: 4px 5px 4px 5px;
   vertical-align: top;
   font-family: Arial;
}

TABLE.lists TR TD.bold
{
   font-weight: bold;
   font-size: 9pt;
   font-family: Arial;
}

TABLE.lists TR TH, TABLE.lists TR.header TD
{
   border-right: black 1px solid;
   padding-right: 5px;
   border-top: black 1px solid;
   padding-left: 5px;
   font-weight: bold;
   font-size: 9pt;
   padding-bottom: 5px;
   vertical-align: bottom;
   border-left: black 1px solid;
   color: black;
   padding-top: 5px;
   border-bottom: black 1px solid;
   font-family: arial, sansserif;
   background-color: #adbbe2;
   text-align: center;
}

TABLE.lists TR TH, TABLE.lists TR.header TD A
{
   font-weight: bold;
   font-size: 9pt;
   font-family: Arial;
   color: black;
   text-decoration: underline;
}

TABLE.lists TR TD img
{
   vertical-align: baseline;
}

.blacklink
{
   font-weight: normal;
   font-size: 9pt;
   font-family: Arial;
   color: black;
   text-decoration: underline;
}

.boldblacklink
{
   font-weight: bold;
   font-size: 9pt;
   font-family: Arial;
   color: black;
   text-decoration: underline;
}

/*
// +--------------------------------------------------------------------------+
// |  Styles for common page formatting.                                      |
// +--------------------------------------------------------------------------+
*/
.applicationname
{
   color: black;
   font-weight: bold;
}

.taskheading
{
   text-align: center;
   width: 100%;
   font-family: arial;
   font-size: 11pt;
   font-weight: bold;
   margin-top: 5px;
   margin-bottom: 5px;
}
.task
{
   color: black;
   width: 99%;
   font-weight: bolder;
   font-size: 11pt;
   padding-top: 0px;
   font-family: verdana, arial;
   text-align: center;
   margin-top: 5px;
}
.taskleft
{
   margin-top: 30px;
   margin-bottom: 5px;
   font-size: 10pt;
   font-weight: bold;
   font-family: Arial;
}
.area
{
   font-size: 9pt;
   font-family: arial, verdana, sansserif;
}
/*
// +--------------------------------------------------------------------------+
// |  Style for the popup warning window.                                     |
// +--------------------------------------------------------------------------+
*/
.tooltip
{
   position: absolute;
   margin-top: 10px;
   padding: 7px 7px 7px 7px;
   color: #4d4d4e;
   background-color: #ffffe1;
   font-weight: normal;
   border: 1px inset blue;
   width: 400px;
   text-align: left;
}

/*
// +--------------------------------------------------------------------------+
// |  Style to set the background color of an object to be transparent.       |
// +--------------------------------------------------------------------------+
*/
.transparent
{
   background-color: transparent;
}

/*
// +--------------------------------------------------------------------------+
// |  Style to change the background color for alternate rows in a result set.|
// +--------------------------------------------------------------------------+
*/
.even
{
   background-color: #eeeeee;
}

.highlight
{
   background-color: #fffacd;
}

/*
// +--------------------------------------------------------------------------+
// |  Style to display a red '*' for required fields.                         |
// +--------------------------------------------------------------------------+
*/
.requiredfield
{
   font-size: 12pt;
   width: 10px;
   color: #b22222;
}

/*
// +--------------------------------------------------------------------------+
// |  Style to create a dividing line on the page.                            |
// +--------------------------------------------------------------------------+
*/
.divider
{
   border-right: black 1px inset;
   padding-right: 2px;
   border-top: black 1px inset;
   padding-left: 2px;
   font-weight: bold;
   font-size: 9pt;
   padding-bottom: 5px;
   border-left: black 1px inset;
   color: black;
   padding-top: 5px;
   border-bottom: black 1px inset;
   font-family: Arial;
   text-align: center;
   background-color: #dcdcdc;
   text-decoration: none;
}

.line
{
   border-top: black 2px solid;
   height: 2px;
   font-size: 2px !important;
}

.bottomline
{
   border-bottom: black 2px solid;
}

.calendarTitle
{
   padding-left: 2px;
   padding-right: 2px;
   background-image: url(../images/lf_heading_bar.jpg);
   padding-bottom: 7px;
   color: black;
   font-family: Arial;
   padding-top: 7px;
}

/*
// +--------------------------------------------------------------------------+
// |  Styles for tabs.                                                        |
// +--------------------------------------------------------------------------+
*/
.tab_background
{
   background-color: #d5dcf0;
}

/*
// +--------------------------------------------------------------------------+
// |  Styles for the footer table                                             |
// +--------------------------------------------------------------------------+
*/
TABLE.footer
{
   background-color: white;
}

TABLE.footer TR TD
{
   font-family: arial;
   font-size: 8pt;
   color: #484848;
}

/*
// +--------------------------------------------------------------------------+
// |  Style to create an Action Link.                                         |
// +--------------------------------------------------------------------------+
*/
.imagebutton
{
   vertical-align: top;
}

.linkbutton
{
   vertical-align: top;
}

.linktop
{
   font-weight: bold;
   font-size: 9pt;
   vertical-align: top;
   color: #005e20;
   font-family: Arial;
   letter-spacing: 0pt;
   text-decoration: none;
}

.linktext
{
   vertical-align: text-top;
}

.link
{
   font-weight: bold;
   font-size: 9pt;
   vertical-align: middle;
   color: #005e20;
   font-family: Arial;
   letter-spacing: 0pt;
   text-decoration: none;
}

.link:hover
{
   font-weight: bold;
   font-size: 9pt;
   vertical-align: middle;
   color: #005e20;
   border-bottom: #005e20 1pt solid;
   font-family: Arial;
   text-decoration: none;
   letter-spacing: 0pt;
}

.status
{
   font-weight: bold;
   font-size: 9pt;
   font-family: Arial;
   text-decoration: blink;
}

.grid_header
{
   border-right: black 1px solid;
   padding-right: 5px;
   border-top: black 1px solid;
   padding-left: 5px;
   font-weight: bold;
   font-size: 9pt;
   padding-bottom: 5px;
   vertical-align: bottom;
   border-left: black 1px solid;
   color: black;
   padding-top: 5px;
   border-bottom: black 1px solid;
   font-family: arial, sansserif;
   background-image: url(../images/lf_heading_bar.jpg);
   text-align: center;
}

.rpt_cat 
{
   font-family: Arial;
   font-size: 12pt;
   font-weight: bold;
   padding: 4px 5px 4px 5px;
}
.rpt_cat INPUT 
{
   margin-left: 2px;
   margin-right: 5px;
}

.rpt_item
{
   font-family: Arial;
   font-size: 10pt;
   margin-left: 30px;
   margin-bottom: 5px;
}
.rpt_item A, .rpt_item A:visited
{
   color: Blue;
   text-decoration: none;
}
.rpt_item A:hover
{
   text-decoration: underline;
}
.rpt_desc 
{
   font-size: 9pt;
   padding-left: 20px;
   color: #000020;
   padding-bottom: 5px;
}
.chat_history_panel, .chat_msg_panel
{
	border-color: #ededee;
	border-style: inset;
	border-width: 2px;
	background-color: #ffffff;
}
.chat_main_panel
{
	font-family: Arial;
   background-color: #d5dcf0;
	border: 2px solid white;
	padding: 5px 5px 5px 5px;
}


.ajax_flowan_calendar .ajax__calendar_container 
{ 
   FONT-SIZE: 9pt; 
   MARGIN: 0px; 
   padding: 0px 0px 0px 0px;
   FONT-FAMILY: arial, verdana, sansserif; 
   border: solid 1px #200020;
   background-color:#adbbe2;
   color:Black;
   text-align: center;
   font-weight:normal;
} 

.ajax_flowan_calendar .ajax__calendar_header 
{
   background-color: #adbbe2;
   font-weight:normal;
}

.ajax_flowan_calendar .ajax__calendar_prev 
{
   background-color: #adbbe2;
   font-weight:normal;
}
.ajax_flowan_calendar .ajax__calendar_title 
{
   background-color: #adbbe2;
   font-weight:normal;
}

.ajax_flowan_calendar .ajax__calendar_next 
{
   background-color: #adbbe2;
   font-weight:normal;
}

.ajax_flowan_calendar .ajax__calendar_body 
{
   background-color:white;
   color:Black;
   padding: 3px 0px 3px 0px;
}

.ajax_flowan_calendar .ajax__calendar_days 
{
   background-color: white;
   font-weight:bold;
   
   padding: 0px 0px 0px 0px;
   
}

.ajax_flowan_calendar .ajax__calendar_dayname
{
   background-color: #adbbe2;
   font-weight:bold;
   border:solid 1px #adbbe2;
} 

.ajax_flowan_calendar .ajax__calendar_day 
{
   background-color:white;
   border: none;
   color: #4d4d4e;
   font-weight:normal;
} 

.ajax_flowan_calendar .ajax__calendar_other .ajax__calendar_day
{
   background-color:#f5f5f5;
   border:none;
   color:#a0a0a0;
   font-weight:normal;
} 

.ajax_flowan_calendar .ajax__calendar_hover .ajax__calendar_day 
{
   background-color:white;
   border:none;
   color:#4d4d4e;
   font-weight:bold;
} 

.ajax_flowan_calendar .ajax__calendar_footer 
{
   background-color: #adbbe2;
   border-top:solid 1px black;
}

.ajax_flowan_calendar .ajax__calendar_today
{
   color: Black;
   background-color: #adbbe2;
}

.ajax_flowan_calendar .ajax__calendar_active .ajax__calendar_day  
{
   background-color: black;
   color: white;
   border: none;
}