/* start devtask browsercompatibility */
*{
/* margin:0;  / removed to improve appearance */
/* padding:0; / removed to improve appearance */
    box-sizing:border-box;
}
/* removed -JB
   only the frameset body needs to fill the screen
   all other 'bodies' just need to be as long as they need
html, body{
    height:100%;
} */
:focus {
outline: 0;
}

html.main-frameset
{
	height:100%;
	*overflow:hidden; /*IE7 Only*/
}
.main-frameset body
{
	margin:0;
	padding:0;
	overflow:hidden;
}
.main-iframe-container
{
	height:100%;
}

.global-menu
{
	width:100%;
}
/* end devtask browsercompatibility */

.menucontainer
{
    BORDER-RIGHT: #666666 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    Z-INDEX: 2;
    VISIBILITY: hidden;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #666666 1px solid;
    WIDTH: 150px;
    COLOR: #666666;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #666666 1px solid;
    FONT-FAMILY: Arial;
    POSITION: absolute;
    TOP: 18px;
    HEIGHT: 80px;
    white-space:nowrap;               /* devtask browsercompatibility */
    cursor:pointer;                   /* devtask browsercompatibility */
    /* BACKGROUND-COLOR: #ffffff; devtask browsercompatibility */
    background-color:#eee; /* devtask browsercompatibility -JB */
    margin-top:-1px; /* devtask browsercompatibility -JB */
}
.menuitemover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    CURSOR: default;
    COLOR: darkorange; /* devtask browsercompatibility -JB */
    FONT-FAMILY: Tahoma
}
BODY
{
    OVERFLOW-Y: auto;			/* devtask browsercompatibility */
    OVERFLOW-X: hidden;
}
.menuitem
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: #666666;
    FONT-FAMILY: Tahoma
}
.topmenuover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    CURSOR: default;
    COLOR: orange;
    FONT-FAMILY: Tahoma
}
.menuitemdown
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: black;
    FONT-FAMILY: Tahoma
}
.submenu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: gray;
    FONT-FAMILY: Tahoma
}
.submenuover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: black;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: lightgrey
}
.submenudown
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: white;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: lightgrey
}
/* start devtask browsercompatibility */
a.submenu:hover{
    background-color: lightgrey;
}

.submenu a
{
    text-decoration:none;
    display:block;
    font-weight: bold;
    font-size: 7pt;
    color: #666;
    font-family: tahoma;
    /* background-color: #fff; - JB */
    background-color: #eee; /* devtask browsercompatibility -JB */
    padding:3px;
    cursor:pointer;
}
.submenu a:hover
{
    /* background-color: lightgrey; */
    background-color: darkorange; /* -JB */
    font-size: 7pt; /* -JB */
    font-weight:bold;
    color:white;
    text-decoration: none; 
}
/* end devtask browsercompatibility */
.modname
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: #666666;
    FONT-FAMILY: tahoma
}
/* start devtask browsercompatibility */
#main{
    /*the main iframe*/
    min-height:100%;
    height:100%;
}

#header{
        height:50px;
}
/* end devtask browsercompatibility */
.headerbutton
{
    CLEAR: both;
    BORDER-RIGHT: black 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: black 1px solid;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    BACKGROUND-IMAGE: url(../images/header/btn_back_up.gif);
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: black 1px solid;
    CURSOR: hand; /* only supported in ie5 */
    cursor: pointer; 
    COLOR: black;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: black 1px solid;
    BACKGROUND-REPEAT: repeat-x;
    FONT-FAMILY: Arial;
    HEIGHT: 16px;
    BACKGROUND-COLOR: transparent
}
.headerbuttonhover
{
    BORDER-RIGHT: black 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: black 1px solid;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    BACKGROUND-IMAGE: url(../images/header/btn_back_over.gif);
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: black 1px solid;
    CURSOR: hand; /* only supported in ie5 */
    cursor: pointer; 
    COLOR: black;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: black 1px solid;
    BACKGROUND-REPEAT: repeat-x;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: transparent
}
.formbutton {
	CLEAR: both;
	BORDER-RIGHT: black 1px solid;
	BORDER-TOP: black 1px solid;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	/*BACKGROUND-IMAGE: url(../images/styles/orange/btn_back_up.gif);*/
	BORDER-LEFT: black 1px solid;
	CURSOR: pointer; /* devtask browsercompatibility */
	COLOR: black;
	BORDER-BOTTOM: black 1px solid;
	BACKGROUND-REPEAT: repeat;
	FONT-FAMILY: Tahoma;
	HEIGHT: 18px;
	BACKGROUND-COLOR: #eee;
	margin-top: 1px;
	margin-bottom: 1px;
	line-height: 13px;
	*overflow-x: visible;
	*width: 10px;
	*padding-left: 5px;
	*padding-right: 5px;
	*line-height: 12px;
}
.formbuttonhover {
	BORDER-RIGHT: black 1px solid;
	BORDER-TOP: black 1px solid;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	/*BACKGROUND-IMAGE: url(../images/styles/orange/btn_back_orange_over.gif);*/
	BORDER-LEFT: black 1px solid;
	CURSOR: pointer; /* devtask browsercompatibility */
	COLOR: black;
	BORDER-BOTTOM: black 1px solid;
	BACKGROUND-REPEAT: repeat;
	FONT-FAMILY: Tahoma;
	HEIGHT: 18px;
	BACKGROUND-COLOR: #ffe6cc;
	margin-top: 1px;
	margin-bottom: 1px;
	line-height: 13px;
	*overflow-x: visible;
	*width: 10px;
	*padding-left: 5px;
	*padding-right: 5px;
	*line-height: 12px;
}
.navbutton {
	width: 20px;
	padding-left: 0px !important;
	padding-right: 0px !important;
	font-size: 8px !important;
	line-height: 9px !important;
}
SELECT
{
    FONT-SIZE: 11px;
    line-height:12px;
    height:18px;
    margin:0px;
    COLOR: black;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #fffff7;
    border:solid 1px silver;
}
.pageheader
{
    BORDER-RIGHT: #ff9900 2px solid;
    BORDER-TOP: #ff9900 2px solid;
    FONT-SIZE: 1px;
    BORDER-LEFT: #ff9900 2px solid;
    WIDTH: 15px;
    BORDER-BOTTOM: #ff9900 2px solid;
    HEIGHT: 15px;
    BACKGROUND-COLOR: #ffffff
}
.pagetitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #666666;
    FONT-FAMILY: Tahoma
}
.summaryheader
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    BORDER-LEFT: 0px;
    COLOR: #ffffff;
    TEXT-INDENT: 1pt;
    BORDER-BOTTOM: 0px;
    FONT-FAMILY: Tahoma;
    HEIGHT: 15pt;
    BACKGROUND-COLOR: #999999;
	padding: 2px;
}
.summaryheadersort
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;    
    BORDER-LEFT: 0px;
    COLOR: #794405;
    CURSOR: hand; /* only supported in ie5 */
    cursor: pointer; 
    TEXT-INDENT: 1pt;
    BORDER-BOTTOM: 0px;
    FONT-FAMILY: Tahoma;
    HEIGHT: 15pt;
    BACKGROUND-COLOR: #FDCA8E
}

.summaryheaderSelected
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;    
    BORDER-LEFT: 0px;
    COLOR: #FFFFFF;
    CURSOR: hand; /* only supported in ie5 */
    cursor: pointer; 
    TEXT-INDENT: 1pt;
    BORDER-BOTTOM: 0px;
    FONT-FAMILY: Tahoma;
    HEIGHT: 15pt;
    BACKGROUND-COLOR: #E2AB69
}

.summaryover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    CURSOR: hand; /* only supported in ie5 */
    cursor: pointer; 
    COLOR: #ff9900;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #dddddd
}
.pageno
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #ff9900;
    FONT-FAMILY: Tahoma
}
A
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    CURSOR: hand; /* only supported in ie5 */
    cursor: pointer; 
    COLOR: #000000;
    FONT-FAMILY: Tahoma;
    TEXT-DECORATION: underline
}
A:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    CURSOR: pointer; /* devtask browsercompatibility */
    COLOR: #ff9900;
    FONT-FAMILY: Tahoma;
    TEXT-DECORATION: underline
}
.filterback
{
    BORDER-RIGHT: #666666 1px solid;
    BORDER-TOP: #666666 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #666666 1px solid;
    COLOR: black;
    BORDER-BOTTOM: #666666 1px solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #eeeeee;
    text-align:left;
}
.inputbox
{
    margin:0px;
    height:18px;
    BORDER-RIGHT: silver 1px solid;
    BORDER-TOP: silver 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    BORDER-LEFT: silver 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: silver 1px solid;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #fffff7
}

.ib
{
    margin:0px;
    height:18px;
    BORDER-RIGHT: silver 1px solid;
    BORDER-TOP: silver 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    BORDER-LEFT: silver 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: silver 1px solid;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #fffff7
}
.selectbox
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Arial
}
.summarytext
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Tahoma;
}
.st
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Tahoma
}
.summarytextGreen
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #07B01F;
    FONT-FAMILY: Tahoma
}
.summarytextBlue
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #0000FF;
    FONT-FAMILY: Tahoma
}
.summaryTitleBlue
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #99CCFF
}
.summaryTitleYellow
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #FFFF99;
}
.SimpleError
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: red;
    FONT-FAMILY: Tahoma;
    TOP: 7px;
}
.StickyFilter
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: royalblue;
    FONT-FAMILY: Tahoma
}
.PageLinkDisabled
{
    FONT-WEIGHT: bold !important;
    FONT-SIZE: 8pt !important;
    CURSOR: default !important;
    COLOR: #aaa !important;
    TEXT-TRANSFORM: capitalize;
    FONT-FAMILY: Tahoma
}
.pagelinkup,
.pagelinkup:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: #666666;
    FONT-FAMILY: Tahoma;
    TEXT-DECORATION: underline
}
.pagelinkover,
.pagelinkover:hover /* :hover added for devtask browsercompatibility -JB */
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    TEXT-TRANSFORM: capitalize;
    CURSOR: hand; /* only supported in ie5 */
    cursor: pointer; 
    COLOR: #ff9900;
    FONT-FAMILY: Tahoma;
    TEXT-DECORATION: underline
}
.mailtolink {
	font-weight: bold;
	font-size: 8pt;
	color: #ff9900;
	font-family: Tahoma;
	text-decoration: none !important;
	border-bottom: dotted 1px #ff9900;
}
.mailtolink:hover {
	font-weight: bold;
	font-size: 8pt;
	color: #ff9900;
	font-family: Tahoma;
	text-decoration: none !important;
	border-bottom: dotted 1px #ff9900;
}
.mandatory
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    TEXT-TRANSFORM: capitalize;
    COLOR: #ff9900;
    FONT-FAMILY: Tahoma
}
.subcontainer
{
    BORDER-RIGHT: #666666 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #666666 1px solid;
    PADDING-LEFT: 0px;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0pt 0px 0px;
    BORDER-LEFT: #666666 1px solid;
    COLOR: black;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #666666 1px solid;
    FONT-FAMILY: tahoma;
    BACKGROUND-COLOR: #ffffff
}
.subcontainerhl {
	BORDER-RIGHT: #ff9900 1px solid;
	BORDER-TOP: #ff9900 1px solid;
	BORDER-LEFT: #ff9900 1px solid;
	BORDER-BOTTOM: #ff9900 1px solid;
	FONT-SIZE: 11px;
	PADDING: 4px;
	TEXT-ALIGN: center;
}
.contentheader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #666666;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #eeeeee
}
.contentsize {
    height: 100%;
    width: 100%;
}
.header
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    FONT-FAMILY: Tahoma;
    TEXT-DECORATION: underline
}
.headerlinkup
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: Tahoma;
    TEXT-DECORATION: underline
}
.headerlinkover,
.headerlinkover:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Tahoma;
    TEXT-DECORATION: underline
}
.whitetext
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    FONT-FAMILY: Tahoma
}
a.whitetext:hover{
    FONT-WEIGHT: bold;
	color:#000000;
}
.alphabutton
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #000000 1px solid;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: #000000 1px solid;
    WIDTH: 25px;
    CURSOR: hand; /* only supported in ie5 */
    CURSOR: pointer; 
    COLOR: #000000;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #000000 1px solid;
    FONT-FAMILY: Arial;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #ff9900;
    TEXT-ALIGN: center
}
.alphanone
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #000000 1px solid;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: #000000 1px solid;
    WIDTH: 25px;
    CURSOR: hand; /* only supported in ie5 */
    CURSOR: pointer;
    COLOR: #000000;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #000000 1px solid;
    FONT-FAMILY: Arial;
    POSITION: relative;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #cccccc;
    TEXT-ALIGN: center
}
.summaryheader2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    TEXT-INDENT: 1pt;
    FONT-FAMILY: Tahoma;
    HEIGHT: 15pt;
    BACKGROUND-COLOR: #cccccc
}
.error,.error:hover
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 5px;
    CURSOR: hand; /* only supported in ie5 */
    cursor: pointer;
    COLOR: red;
    LINE-HEIGHT: 15pt;
    PADDING-TOP: 5px;
    FONT-FAMILY: Tahoma;
    TOP: 5pt
}
.helpheader
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #000000 1px solid;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #000000 1px solid;
    COLOR: black;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #000000 1px solid;
    FONT-FAMILY: verdana;
    BACKGROUND-COLOR: lightgrey
}
.helpbody
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 9px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #000000 1px solid;
    COLOR: dimgray;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #000000 1px solid;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: justify;
}
.recordno
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-SIZE: 8pt;
    BORDER-LEFT: medium none;
    COLOR: darkorange;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: right
}

#Errors { padding-top:0px; padding-bottom:10px; }  /* UIXL */
#Errors.formspacer { padding-top:0px; padding-bottom:0px; }  /* UIXL */
#Errors:empty { padding-top:0px !important; padding-bottom:0px !important; } /* UIXL */

.errorheader
{
    BORDER-RIGHT: black 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: black 1px solid;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: black 1px solid;
    CLIP: rect(auto 1pt auto 1pt);
    COLOR: dimgray;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #eeeeee
}
.errorbody
{
    BORDER-RIGHT: black 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: black 1px;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: black 1px solid;
    COLOR: red;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Tahoma;
    text-align: left;
}
.calendarback
{
    BORDER-RIGHT: dimgray 1px solid;
    BORDER-TOP: dimgray 1px solid;
    BORDER-LEFT: dimgray 1px solid;
    BORDER-BOTTOM: dimgray 1px solid;
    BACKGROUND-COLOR: white
}
.calendarheader
{
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    FONT-SIZE: 7pt;
    BORDER-LEFT: gray 1px solid;
    COLOR: black;
    BORDER-BOTTOM: gray 1px;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #dddddd
}
.calendarday
{
    FONT-SIZE: 7pt;
    COLOR: black;
    FONT-FAMILY: Arial
}
.calendarbutton
{
    BORDER-RIGHT: medium none;
    BACKGROUND-POSITION: center 1px;
    BORDER-TOP: medium none;
    BACKGROUND-IMAGE: url(../images/styles/orange/calander_button_orange.gif);
    BORDER-LEFT: medium none;
    CURSOR: pointer;
    BORDER-BOTTOM: medium none;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: transparent;
    vertical-align: top;
    height: 16px;
    width: 18px;
}
.calendarbuttondisabled
{
    BORDER-RIGHT: medium none;
    BACKGROUND-POSITION: center 1px;
    *BACKGROUND-POSITION: center 0px; /* Old IE Only */
    BORDER-TOP: medium none;
    BACKGROUND-IMAGE: url("../images/styles/calendar_button_disabled.gif") !important;
    BORDER-LEFT: medium none;
    CURSOR: default;
    BORDER-BOTTOM: medium none;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: transparent;
    height: 16px;
    width: 18px;
}
.calcclose
{
    background-position:center center;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BACKGROUND-IMAGE: url(../images/styles/orange/calendar_close_orange.gif);
    BORDER-LEFT: medium none;
    WIDTH: 10pt;
    CURSOR: pointer;
    BORDER-BOTTOM: medium none;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 10pt;
    BACKGROUND-COLOR: transparent
}
.date, #txtToYear, #txtFromYear{
	vertical-align: baseline;	
}
.date {
	margin: 0px;
	line-height: 12px;
}
.calendarinput {
	BORDER-RIGHT: silver 1px solid;
	BORDER-TOP: silver 1px solid;
	BORDER-LEFT: silver 1px solid;
	BORDER-BOTTOM: silver 1px solid;
	BACKGROUND-COLOR: #fffff7 !important;
	position: relative;
	margin:0px;
	top: 0px;
	*top: -1px; /* Old IE Only */
	text-align: center;
	height: 18px;
	*height: 17px; /* Old IE Only */
	vertical-align:top;
}

.summarytextbold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Tahoma
}
.rowspacer
{
    BORDER-RIGHT: dimgray 1px;
    BORDER-TOP: dimgray 1px solid;
    BORDER-LEFT: dimgray 1px;
    BORDER-BOTTOM: dimgray 1px
}
.summarytextright
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Tahoma;
    TEXT-ALIGN: right
}
.summaryoverunedit
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: orange;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #dddddd
}
.recordnowhite
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    BORDER-LEFT: medium none;
    COLOR: white;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: right
}
.tdedit
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    CURSOR: hand; /* only supported in ie5 */
    cursor: pointer;
    COLOR: white;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: orange
}
TEXTAREA
{
    FONT-SIZE: 8pt;
    WIDTH: 145pt;
    COLOR: black;
    FONT-FAMILY: Arial;
    HEIGHT: 60pt;
    resize:none;
    overflow:auto;
    BACKGROUND-COLOR: #fffff7;
    border-color: silver;
    border-style: solid;
    border-width:1px;
}
.employeedetail
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #eeeeee
}
.dayofweek
{
    FONT-SIZE: 7pt;
    COLOR: black;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: darkgray
}
.calcontrol
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Arial
}
.calendardayover
{
    BORDER-RIGHT: orange 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: orange 1px solid;
    PADDING-LEFT: 0px;
    FONT-SIZE: 7pt;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: orange 1px solid;
    COLOR: black;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: orange 1px solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: lightgrey
}
.bulletincontainer
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px;
    BORDER-LEFT: black 1px;
    BORDER-BOTTOM: black 1px solid;
    BACKGROUND-COLOR: transparent
}
BODY
{
    OVERFLOW-Y: auto
}
.tabselected
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    BORDER-LEFT: black 1px solid;
    CURSOR: hand; /* only supported in ie5 */
    cursor: pointer;
    COLOR: black;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Tahoma;
    HEIGHT: 12pt;
    BACKGROUND-COLOR: #ffcc99
}
.taboff
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    BORDER-LEFT: black 1px solid;
    CURSOR: hand; /* only supported in ie5 */
    cursor: pointer;
    COLOR: black;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Tahoma;
    HEIGHT: 12pt;
    BACKGROUND-COLOR: #eeeeee
}
.tabon
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    BORDER-LEFT: black 1px solid;
    CURSOR: hand; /* only supported in ie5 */
    cursor: pointer; 
    COLOR: white;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Tahoma;
    HEIGHT: 12pt;
    BACKGROUND-COLOR: darkgray
}
.rowhilite
{
    BACKGROUND-COLOR: #ffcc99
}
.greytotal
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #dddddd
}
.alert
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: red;
    FONT-FAMILY: Arial
}
.inputboxnocolour
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    TEXT-TRANSFORM: capitalize;
    FONT-FAMILY: Arial
}
.hidden
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-SIZE: 0pt;
    BORDER-LEFT: medium none;
    COLOR: white;
    BORDER-BOTTOM: medium none
}
.weekendheader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: white;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: orange
}
.gantweekend
{
    BACKGROUND-COLOR: #dddddd
}
.gantselector
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    WIDTH: 100%;
    BORDER-BOTTOM: black 1px solid
}
.gantholiday
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: white;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #0099cc
}
.gantunauth
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: white;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: red
}
.gantlieu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: white;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: green
}
.gantabsence
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: white;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: orange
}
.gantday
{
    BACKGROUND-COLOR: #eeeeee
}
.subcontainerover
{
    BORDER-RIGHT: orange 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: orange 1px solid;
    PADDING-LEFT: 0px;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: orange 1px solid;
    CURSOR: hand; /* only supported in ie5 */
    cursor: pointer; 
    COLOR: black;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: orange 1px solid;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #eeeeee
}
.pagetitleorange
{
    FONT-SIZE: 10pt;
    COLOR: darkorange;
    FONT-FAMILY: Tahoma
}
.summaryheaderorange
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: dimgray;
    TEXT-INDENT: 1pt;
    FONT-FAMILY: Tahoma;
    HEIGHT: 15pt;
    BACKGROUND-COLOR: #ffcc99
}
.menuselected
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    CURSOR: hand; /* only supported in ie5 */
    cursor: pointer; 
    COLOR: orange;
    FONT-FAMILY: Tahoma
}
.menunormal
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: gray;
    FONT-FAMILY: Tahoma
}
.rowsummary1
{
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #ffe6cc
}
.rowsummary2
{
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #ffffff
}
.rowsummary1over
{
    FONT-SIZE: 11px;
    CURSOR: pointer;
    COLOR: black;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #dddddd
}
.rowsummary2over
{
    FONT-SIZE: 11px;
    CURSOR: pointer;
    COLOR: black;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #dddddd
}
.summarytable
{
    BORDER-RIGHT: gray 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: gray 1px solid;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: gray 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: gray 1px solid
}
#AvailableTableList, #AssignedTableList {
    text-align: left;
}
.greytext
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: gray;
    FONT-FAMILY: Tahoma
}
.inputright
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: arial;
    TEXT-ALIGN: right
}
.quicklinkup
{
    BORDER-RIGHT: darkorange 2px solid;
    BORDER-TOP: darkorange 2px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: darkorange 2px solid;
    COLOR: black;
    BORDER-BOTTOM: darkorange 2px solid;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}
.quicklinkover
{
    BORDER-RIGHT: darkorange 2px solid;
    BORDER-TOP: darkorange 2px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: darkorange 2px solid;
    CURSOR: hand; /* only supported in ie5 */
    cursor: pointer; 
    COLOR: black;
    BORDER-BOTTOM: darkorange 2px solid;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #ffdead;
    TEXT-ALIGN: center
}
.menugreen
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: green;
    FONT-FAMILY: Tahoma
}
.menured
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: red;
    FONT-FAMILY: Tahoma
}
.tabclicked
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    BORDER-LEFT: black 1px solid;
    CURSOR: hand; /* only supported in ie5 */
    cursor: pointer; 
    COLOR: white;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Tahoma;
    HEIGHT: 12pt;
    BACKGROUND-COLOR: orange
}
.rowsummary3
{
    FONT-SIZE: 8pt;
    COLOR: gray;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #eeeeee
}
.shifton
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    BACKGROUND-IMAGE: url(../images/grey_dot.gif);
    COLOR: white;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: lightgrey
}
.summarytextbgyellow
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: lightyellow
}
.summarytextbgpink
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: seashell
}
.bookam
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    WIDTH: 15pt;
    BORDER-BOTTOM: black 1px solid;
    HEIGHT: 15pt;
    BACKGROUND-COLOR: #eeeeee
}
.bookpm
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    WIDTH: 15pt;
    BORDER-BOTTOM: black 1px solid;
    HEIGHT: 15pt;
    BACKGROUND-COLOR: #dddddd
}
.bookeve
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    WIDTH: 15pt;
    BORDER-BOTTOM: black 1px solid;
    HEIGHT: 15pt;
    BACKGROUND-COLOR: #bbbbbb
}
.gantdayheader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: white;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #999999
}
.ganttext
{
    FONT-SIZE: 7pt;
    FONT-FAMILY: Tahoma
}
.ganttextover
{
    FONT-SIZE: 7pt;
    CURSOR: hand; /* only supported in ie5 */
    cursor: pointer; 
    COLOR: darkorange;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #dddddd
}
.formspacer
{
    HEIGHT: 10px
}
.year
{
    BORDER-RIGHT: gray 2px;
    BORDER-TOP: gray 2px;
    FONT-SIZE: 8pt;
    BORDER-LEFT: gray 2px;
    BORDER-BOTTOM: gray 2px;
    FONT-FAMILY: Tahoma
}
INPUT {
    FONT-SIZE: 11px;
    FONT-FAMILY: Tahoma;
}
input[ type="text" ],
input[ TYPE="password"  AUTOCOMPLETE="off"  ]
{
    BACKGROUND-COLOR: #fffff7
}
input:disabled{
    color: gray;
}
optgroup{
	background-color : #FFE6CC;
	font-style:normal;
}
optgroup option{
	color:black;
	background-color : white;
}
.topmenuback
{
    BACKGROUND-COLOR: #eeeeee
}
.companyname
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #ff9900;
    TEXT-INDENT: 4pt;
    FONT-FAMILY: Arial
}
.linkover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: orange;
    FONT-FAMILY: Tahoma;
    TEXT-DECORATION: underline
}
.moduledropdown
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10pt;
    COLOR: darkblue;
    FONT-FAMILY: Tahoma
}
.selectoption
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: darkorange
}
.moduleselector
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: white
}
.modname
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    TEXT-TRANSFORM: uppercase;
    COLOR: #666666;
    FONT-FAMILY: tahoma
}
.menuitem
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: #666666;
    FONT-FAMILY: Tahoma
}
.topmenuover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    CURSOR: default;
    COLOR: orange;
    FONT-FAMILY: Tahoma
}
.menuitemdown
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: black;
    FONT-FAMILY: Tahoma
}
.submenu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: gray;
    FONT-FAMILY: Tahoma
}
.submenuover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: black;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: lightgrey
}
.submenudown
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: white;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: lightgrey
}

.menuitemover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: #ff9900;
    FONT-FAMILY: Tahoma
}
.spacer
{
    BACKGROUND-COLOR: black;
	/* START devtask browsercompatibility -JB */
		height:1px;
		font-size:0;
	/* END devtask browsercompatibility -JB */
}
.checkbox
{
    BACKGROUND-COLOR: transparent
}
.radiobutton
{
 
}
.linkup
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: black;
    FONT-FAMILY: Tahoma;
	TEXT-DECORATION: none;
}
/* START devtask browsercompatibility -JB */
.linkup, .linkup u,
.linkover, .linkover u,.linkover:hover
{
	padding-left:1px;
	padding-right:1px;
	font-family:Tahoma, sans-serif;
	font-weight:bold;
	font-size:7pt;
}
/* END devtask browsercompatibility -JB */

.previewPayElementEmployee
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #66ccff
}
.previewPayElementTotals
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #ffff99
}
.groupsml
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: darkorange;
    FONT-FAMILY: Verdana
}
.portalsml
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: gray;
    FONT-FAMILY: Verdana
}
.grouplge
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 14pt;
    COLOR: orange;
    FONT-FAMILY: Verdana
}
.portallge
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 14pt;
    COLOR: gray;
    FONT-FAMILY: Verdana
}
.progressbarfront
{
    BACKGROUND-COLOR: orange
}
.progressbarback
{
    BACKGROUND-COLOR: gainsboro
}
.modselectup
{
    BACKGROUND-IMAGE: url(../images/ModSelector/drop_arrow_up.gif);
    WIDTH: 20px;
    HEIGHT: 20px
}
.modselectover
{
    BACKGROUND-IMAGE: url(../images/ModSelector/drop_arrow_over.gif);
    WIDTH: 20px;
    CURSOR: hand; /* only supported in ie5 */
    cursor: pointer; 
    HEIGHT: 20px
}
.loginusername
{
    BACKGROUND-POSITION: left bottom;
    BACKGROUND-IMAGE: url(../images/styles/orange/username_orange.gif);
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 17pt;
    BACKGROUND-COLOR: transparent
}
.loginpassword
{
    BACKGROUND-POSITION: left bottom;
    BACKGROUND-IMAGE: url(../images/styles/orange/password_orange.gif);
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 17pt
}
.loginbutton
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BACKGROUND-IMAGE: url(../images/styles/orange/btn_login_up_orange.gif);
    BORDER-LEFT: medium none;
    WIDTH: 61px;
    BORDER-BOTTOM: medium none;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 61px;
    BACKGROUND-COLOR: transparent
}
.loginbuttonover
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BACKGROUND-IMAGE: url(../images/styles/orange/btn_login_over_orange.gif);
    BORDER-LEFT: medium none;
    WIDTH: 61px;
    CURSOR: hand; /* only supported in ie5 */
    cursor: pointer; 
    BORDER-BOTTOM: medium none;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 61px;
    BACKGROUND-COLOR: transparent
}
.modselect
{
    /* FONT-SIZE: 14pt; devtask browsercompatibility -JB */
    font-size: 10pt; /* devtask browsercompatibility -JB */
    COLOR: black;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #ffcc99
}
.dimheader
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #ffcc99
}
.draggable 
{
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: help;
	background-image: url("../images/styles/draggable_light.png");
}
.help
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BACKGROUND-IMAGE: url(../images/styles/orange/helpicon_orange.gif);
    BORDER-LEFT: medium none;
    WIDTH: 16px;
    CURSOR: hand; /* only supported in ie5 */
    cursor: pointer; 
    BORDER-BOTTOM: medium none;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px
}
.info
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BACKGROUND-IMAGE: url(../images/styles/orange/infoicon_orange.gif);
    BORDER-LEFT: medium none;
    WIDTH: 16px;
    CURSOR: hand; /* only supported in ie5 */
    cursor: pointer; 
    BORDER-BOTTOM: medium none;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px
}
.line
{
    BORDER-RIGHT: orange 1px;
    BORDER-TOP: orange;
    BORDER-LEFT: orange;
    BORDER-BOTTOM: orange solid
}
.warning
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BACKGROUND-IMAGE: url(../images/styles/orange/warning_icon_orange.gif);
    BORDER-LEFT: medium none;
    WIDTH: 16px;
    CURSOR: hand; /* only supported in ie5 */
    cursor: pointer; 
    BORDER-BOTTOM: medium none;
    BACKGROUND-REPEAT: repeat-x;
    HEIGHT: 16px
}

.timer { /* UIXL */
    border-left: black 1px solid;
    padding-right: 10px;
    padding-left: 10px;
    margin: 0px;
    color: #888;
    font-weight: bold;
    font-size: 8pt;
    font-family: Tahoma;
    background-color: white;
    text-align: center;
    vertical-align: middle;
    min-width: 60px;
    line-height: 10px;
    white-space: nowrap;
    height: 100%;
}
.timer.normal { color:#888; } /* UIXL*/
.timer.countdown { color:red; } /* UIXL*/
.timerdivider { border-left:solid 1px #000; } /* UIXL*/
.maintenance { background-color:#fff; border-left:solid 1px #000; padding-left:5px; padding-right:5px; } /* UIXL*/

/* payslip CSS */
.paysliprow1  { border-top:solid 1px #bbb; border-left:solid 1px #bbb; border-right:solid 1px #bbb; }
.paysliprow2  { border-left:solid 1px #bbb; border-right:solid 1px #bbb; border-top:dotted 1px #888; }
.paysliprow3A { border-left:solid 1px #bbb; border-top:dotted 1px #888; }
.paysliprow3B { border-left:dotted 1px #888; border-right:solid 1px #bbb; border-top:dotted 1px #888; }
.paysliprow4A { border-left:solid 1px #bbb; border-top:dotted 1px #888; }
.paysliprow4B { border-left:dotted 1px #888; border-right:solid 1px #bbb; border-top:dotted 1px #888; }
.paysliprow5  { border-left:solid 1px #bbb; border-right:solid 1px #bbb; border-top:dotted 1px #bbb; }
.paysliprow6  { border-left:solid 1px #bbb; border-right:solid 1px #bbb; border-top:dotted 1px #bbb; }
.paysliprow7  { border-left:solid 1px #bbb; border-right:solid 1px #bbb; border-top:dotted 1px #bbb; }
.paysliprowend { border-left:solid 1px #bbb; border-right:solid 1px #bbb; border-bottom:solid 1px #bbb; }
.paysliprowend img { width:100%; height:1px; max-height:1px; display:block; }
.payslipcontainer { border-radius:4px; -moz-box-shadow:2px 2px 4px #aaa; -webkit-box-shadow:2px 2px 4px #aaa; box-shadow:2px 2px 4px #aaa; }
.payslipheader { font-family:Tahoma; font-weight:bold; font-size:11px; height:25px; color:#fff; padding-left:8px; padding-right:8px; background-color:#999999; }
.paysliptext { font-family:Tahoma; font-weight:normal; font-size:11px; height:25px; color:#555; padding-left:8px; padding-right:8px; border-bottom:dotted 1px #ddd; }
.paysliptext_nu { font-family:Tahoma; font-weight:normal; font-size:11px; height:25px; line-height:20px; color:#555; padding-left:8px; padding-right:8px; }
.payslipnotes { font-family:Tahoma; font-weight:normal; font-size:11px; height:25px; color:#555; padding:8px; white-space:pre-wrap; }

.payslipicon
{
    BACKGROUND-IMAGE: url(../images/styles/orange/payslip_icon.gif);
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    WIDTH: 16px;
    CURSOR: hand; /* only supported in ie5 */
    cursor: pointer; 
    BORDER-BOTTOM: medium none;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px    
}
.payslipqueryicon
{
    BACKGROUND-IMAGE: url(../images/styles/orange/payslip_query_icon.gif);
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    WIDTH: 16px;
    CURSOR: hand; /* only supported in ie5 */
    cursor: pointer; 
    BORDER-BOTTOM: medium none;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px
}
.payslipresponseicon
{
    BACKGROUND-IMAGE: url(../images/styles/orange/payslip_response_icon.gif);
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    WIDTH: 16px;
    CURSOR: hand; /* only supported in ie5 */
    cursor: pointer; 
    BORDER-BOTTOM: medium none;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px
}

/*Added 16.01.2006 Frikkx*/
.FMSsummaryheader
{
	Border-Right: 0px;
	Border-Top: 0px;
	Border-Bottom: 0px;
	Border-Left: 0px;
	Font-Weight: bold;
	Font-Size: 8pt;
	Color: #ffffff;
	Text-Indent: 1pt;
	Font-Family: Tahoma;
	Height: 15pt;
	Background-Color: #999999;
	Padding-Left : 1;
	Padding-Bottom : 1;
	Padding-Right : 1;
	Padding-Top : 1;
}

.FMSsummaryheader2
{
	Border-Right: 0px;
	Border-Top: 0px;
	Border-Bottom: 0px;
	Border-Left: 0px;
	Font-Weight: none;
	Font-Size: 7pt;
	Color: #ffffff;
	Text-Indent: 1pt;
	Font-Family: Tahoma;
	Height: 13pt;
	Background-Color: #999999;
	Padding-Left : 1;
	Padding-Bottom : 1;
	Padding-Right : 1;
	Padding-Top : 1;
}

		
.FMSDetailsTable
{
	Border-Right: 1px solid Gray;
	Border-Top: 1px solid Gray;
	Border-Bottom: 1px;
	Border-Left: 1px solid Gray;
	Font-Weight: none;
	Font-Size: 8pt;
	Color: #000000;
	Text-Indent: 1pt;
	Font-Family: Tahoma;
	Height: 15pt;
	Background-Color: transparent;
	Border-Top-Color : Gray;
	Border-Top-style : solid;
	Border-Top-width : thin;

	Border-Left-Color : Gray;
	Border-Left-style : solid;
	Border-Left-width : thin;

	Border-Bottom-Color : Gray;
	Border-Bottom-style : solid;
	Border-Bottom-width : thin;
	
	Border-Right-Color : Gray;
	Border-Right-style : solid;
	Border-Right-width : thin;
	
    Padding-Right: 1px;
    Padding-Left: 1px;
    Padding-Bottom: 1px;
 	Padding-Top: 1px;
}
.mainheader
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BORDER-LEFT: black 1px solid;
    COLOR: black;
	TEXT-INDENT: 3px;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Tahoma;
    HEIGHT: 29px;
    BACKGROUND-COLOR: #eeeeee
}
.summarytextbggrey
{
    FONT-SIZE: 8pt;
    COLOR: #000000;
    TEXT-INDENT: 2pt;
    FONT-FAMILY: Tahoma;
    HEIGHT: 15pt;
    BACKGROUND-COLOR: #eeeeee
}
.summarytextbgblue
{
    FONT-SIZE: 8pt;
    COLOR: #000000;
    TEXT-INDENT: 2pt;
    FONT-FAMILY: Tahoma;
    HEIGHT: 15pt;
    BACKGROUND-COLOR: #d1e4f6
}
.summarytextsmall
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 7pt;
    COLOR: #000000;
    FONT-FAMILY: Tahoma
}
.summarytextsmallcontrast
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 7pt;
    COLOR: white;
    FONT-FAMILY: Tahoma
}
.summarytextverysmall
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 6pt;
    COLOR: white;
    FONT-FAMILY: Tahoma
}
.summarytextbgred
{
    FONT-SIZE: 6pt;
    COLOR: #000000;
    TEXT-INDENT: 2pt;
    FONT-FAMILY: Tahoma;
    HEIGHT: 15pt;
    BACKGROUND-COLOR: red
}
.summarytextbggreen
{
    FONT-SIZE: 6pt;
    COLOR: #000000;
    TEXT-INDENT: 2pt;
    FONT-FAMILY: Tahoma;
    HEIGHT: 15pt;
    BACKGROUND-COLOR: limegreen	
}
.summarytextverysmallblack
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 6pt;
    COLOR: black;
    FONT-FAMILY: Tahoma
}
/* Start Devtask# 02727: Styles added on 01/02/2008 for Yearly Calendar: 
*/	
/* Copy Of: gantholiday */
.hd
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: white;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #0099cc;
    TEXT-ALIGN: center;
}
/* Copy Of: gantunauth */
.uau
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: white;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: red;
    TEXT-ALIGN: center;
}
/* Copy Of: gantlieu */
.lu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: white;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: green;
    TEXT-ALIGN: center;
}
/* Copy Of: gantabsence */
.abs
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: white;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #006699;
    TEXT-ALIGN: center;
    VERTICAL-ALIGN: middle;
}
/* Copy Of: headerlinkup */
.hlup
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: gray;
    FONT-FAMILY: Tahoma;
    TEXT-DECORATION: underline;
}
/* Copy Of: headerlinkover */
.hlovr
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Tahoma;
    TEXT-DECORATION: underline;
}
/* Copy Of: summaryheader */
.hsum
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    BORDER-LEFT: 0px;
    COLOR: black;
    TEXT-INDENT: 1pt;
    BORDER-BOTTOM: 0px;
    FONT-FAMILY: Tahoma;
    HEIGHT: 15pt;
    BACKGROUND-COLOR: gainsboro;
}
/* Copy Of: weekendheader */
.hwnd
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: #ffffff;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #3399cc;
    TEXT-ALIGN: center;
    VERTICAL-ALIGN: middle;
	padding: 0 5px;
}
/* Copy Of: gantweekend */
.wnd
{
    BACKGROUND-COLOR: #dddddd
}
/* Copy Of: gantday */
.gd
{
    BACKGROUND-COLOR: #eeeeee;
    TEXT-ALIGN: center;
}
/* Copy Of: gantdayheader */
.hday
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: white;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #999999;
    TEXT-ALIGN: center;
    VERTICAL-ALIGN: middle;
	padding: 0 5px;
}

.weekday .hwnd{
	VERTICAL-ALIGN: top;
}

.weekday .hday{
	VERTICAL-ALIGN: top;
}

/* Copy Of: ganttext */
.gtxt
{
    FONT-SIZE: 7pt;
    FONT-FAMILY: Tahoma;
}
/* Copy Of: ganttextover */
.gtovr
{
    FONT-SIZE: 7pt;
    CURSOR: hand; /* only supported in ie5 */
    cursor: pointer; 
    COLOR: #3399cc;
    FONT-FAMILY: Tahoma;
}

/* training icons */

.on_training_confirmed {
    border-right: medium none;
    border-top: medium none;
    background-image: url(../images/icon_training_confirmed.gif);
    border-left: medium none;
    width: 20px;
    cursor: pointer; 
    border-bottom: medium none;
    background-repeat: no-repeat;
    height: 18px;
    background-color: transparent; 
}
.on_training_booked {
    border-right: medium none;
    border-top: medium none;
    background-image: url(../images/icon_training_booked.gif);
    border-left: medium none;
    width: 20px;
    cursor: pointer; 
    border-bottom: medium none;
    background-repeat: no-repeat;
    height: 18px;
    background-color: transparent; 
}
.on_training_attended {
    border-right: medium none;
    border-top: medium none;
    background-image: url(../images/icon_training_attended.gif);
    border-left: medium none;
    width: 20px;
    cursor: pointer;
    border-bottom: medium none;
    background-repeat: no-repeat;
    height: 18px;
    background-color: transparent;
}

/* START devtask browsercompatibility -JB */
.menuback
{
    background-color:#eee;
}
table tr td.summarytext table tr td.summarytext table tr{
			cursor : pointer;
}
.ie7 tr {
    text-align:left;
}
/* END devtask browsercompatibility */

/* locale differences for start/stop time inputs */
.ib2057 {
    font-size: 8pt;
    text-align: center;
    width: 38px;
}
.ib1024 {
    font-size: 7pt;
    text-align: right;
    width: 45px;
}

/* DebugMe functionality */
html[DebugMe="select"] *:hover {
    cursor: help !important;
}