.leftMenyCell
{
    PADDING-LEFT: 20px;
    FONT-SIZE: 10px;
    VERTICAL-ALIGN: top;
    BACKGROUND-COLOR: #2f7dbe;
    TEXT-ALIGN: left;
    color: #ffffff; 
}
.title
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 26px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    FONT-STYLE: italic;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: center;
    text-shadow: Gray
}
.titleSmall
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: center;
    text-shadow: Gray
}
.subTitle
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    FONT-STYLE: italic;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left
}
.innerHeader
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 3px;
    COLOR: white;
    PADDING-TOP: 3px;
    BACKGROUND-COLOR: #377EBB
}
.subSection
{
	font-family: Verdana, Arial;
	font-size: 18;
	font-weight: bold;
	text-align: left;
	PADDING-BOTTOM: 5px; 
	PADDING-TOP: 5px; 
}
.contentText
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 5px;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left
}
.bold
{
	font-weight: bold;
}
A
{
	color: #072E7B;
    /*FONT-SIZE: 12px;*/
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
A:link
{
	color: #072E7B;
    /*FONT-SIZE: 12px;*/
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
A:visited
{
	color: #072E7B;
    /*FONT-SIZE: 12px;*/
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}

/* The A:hover must be placed after the A:link and A:visited rules,
since otherwise the cascading rules will hide the ’color’ property
of the A:hover rule. */
A:hover
{
	color: #4093C8;
    /*FONT-SIZE: 12px;*/
    FONT-FAMILY: Verdana, Arial;
    /*TEXT-DECORATION: underline*/
}
/* Similarly, because A:active is placed after A:hover,
the active rules will apply when the user both activates
and hovers over the A element.

But we do not need A:active
A:active
{
	color: #478EcB;
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: underline
}
*/

INPUT
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    color: #377EBB;
    /*background-color: #F5F5FF;*/
}

INPUT.bg_l
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    color: #377EBB;
    background-color: #FcFcFF;
}
TEXTAREA
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    color: #377EBB;
    background-color: #F5F5FF;
}

BUTTON
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #377EBB;
    background-color: #F5F5FF;
	FONT-FAMILY: Arial, Helvetica, sans-serif
}
SELECT
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    background-color: #F5F5FF;
    color:#377EBB
}
.side
{
    WIDTH: 3px;
    BACKGROUND-COLOR: #5588bb
}
.top_menu
{
    HEIGHT: 40px;
    BACKGROUND-COLOR: #5588bb
}
.baner
{
    PADDING-BOTTOM: 10px
}
.menu_title
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    PADDING-BOTTOM: 10px;
    COLOR: #fff;
    PADDING-TOP: 10px;
    BACKGROUND-COLOR: #5588bb
}
#menu
{
	width: 200px;
    BORDER-RIGHT: #31639c 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #31639c 1px solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 15px;
    PADDING-TOP: 0px;
    color: #31639c;
    BACKGROUND-COLOR: #F4F6FD;
}
.menu_item
{
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 40px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 4px;
    COLOR: #31639c;
    vertical-align: middle;
    TEXT-DECORATION: none
}
.menu_A
{
    vertical-align: middle;
}
.main_menu_item
{
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 15px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 8px;
    COLOR: #31639c;
    PADDING-TOP: 8px;
    TEXT-DECORATION: none;
/*  BORDER-TOP: #377EBB 1px solid; */
}
BODY.intranet
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px auto;
    COLOR: #433574;
    PADDING-TOP: 0px;
    POSITION: relative
}
.bottom
{
    HEIGHT: 40px;
    BACKGROUND-COLOR: #5588bb
}
.IntranetContent
{
    PADDING-RIGHT: 0px;
    BORDER-TOP: #31639c 1px solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}

BODY
{
	font-size: 12px;
	FONT-FAMILY: Verdana, Arial;
	color:Black;
}
.table
{
	background-color: #377EBB;
	BORDER: #377EBB 1px outset;    
}

.border
{
	border: 1px solid #001A88;
}

.level4_l
{
	font-size: 12px;
	color: #433574;
	padding: 3px 5px;
	vertical-align: middle;
	background-color: #F5F5FF;
}
.level4_l2
{
	font-size: 12px;
	color: #433574;
	padding: 3px 5px;
	vertical-align: middle;
	background-color: #e7e7F8;
}
.level4
{
	font-size: 12px;
	color: #433574;
	padding: 3px 5px;
	vertical-align: middle;
	background-color: #E7EBFD;
}
.level4b
{
	font-size: 12px;
	color: Black;
	padding: 3px 5px;
	vertical-align: middle;
	background-color: #00CCFF;
}
a.black:link 
{
	color: Black;
	text-decoration: underline;
}
.level4r
{
	font-size: 12px;
	color: Black;
	padding: 3px 5px;
	vertical-align: middle;
	background-color: #FF6666;
}
.level4y
{
	font-size: 12px;
	color: #555;
	padding: 3px 5px;
	vertical-align: middle;
	background-color: Yellow;
}
.level4_2
{
	font-size: 12px;
	color: #433574;
	padding: 3px 5px;
	vertical-align: middle;
	background-color: #F4F6FD;
}
.level4_3
{
	font-size: 12px;
	color: #881800;
	padding: 3px 5px;
	vertical-align: middle;
	background-color: #5B7CF7;
}
.middle
{
	vertical-align: middle;
}
.top
{
	vertical-align: top;
}
.left
{
	text-align:left
}
.right
{
	text-align:right
}
.center
{
	text-align: center;
}
.padding
{
    padding: 10px;
}
.paddingL
{
    padding: 15px;
}
.header
{
	color: White;
	font-weight: bold
}
.subHeader
{
	font-size: 12px;
	color: White;
	font-weight: bold;
	padding: 3px 5px;
	vertical-align: middle;
	background-color: #7FAAF8
}
.zoneAssignment
/*
Do not change font-family & font-size
because they are used in codeBehind
(in ZoneAssignmentManager) to detect the jobTitle width
*/
{
	font-family: Verdana;
	font-size: 10px;
	color: #002088;
	vertical-align: middle;
	text-align: center;
	/*background-color: #F8987F;*/
}
.text_l
{
	color: #F5F5FF;
	font-family: Verdana;
	font-size: 10px;	
}
.text_m
{
	color: #b0b0e8;
	font-family: Verdana;
	font-size: 10px;	
}
.text_d
{
	color: #377EBB;
	font-family: Verdana;
	font-size: 10px;	
}
.border
{
	border: solid 1 #000000
}
.stateon
{
	/*IE attribute, not supported by CSS and Netscape*/
	FILTER: alpha(Opacity=50);
}
.border_l{
	BORDER-LEFT: #31639c 1px solid;
}
.border_t{
	BORDER-TOP: #31639c 1px solid;
}
.border_b{
	BORDER-BOTTOM: #31639c 1px solid;
}
.border_r{
	BORDER-RIGHT: #31639c 1px solid;
}
.titles
{
	font-size:15px;
	color: #ffffff;
	font-weight: bold;
}
.dataLabel
{
	padding: 1px;
	font-size: 12px;
	font-weight: bold;
	color: #5588BB;
	background-color: #f7f7f7;
}

.cuisine
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	background-color: #F7F7F7;
}