.webfx-tree-container {
	margin: 0px;
	padding: 0px;
	font: icon;
	white-space: nowrap;
}

.webfx-tree-item {
	padding: 0px;
	margin: 0px;
	font: icon;
	color: white;
	white-space: nowrap;
	background: white;
}

.webfx-tree-item a,
.webfx-tree-item a:active,
.webfx-tree-item a:hover {
	margin-left: 3px;
	padding: 1px 2px 1px 2px;
}

.webfx-tree-item a {
	cursor: default;
	color: black;
	text-decoration: none;
}

.webfx-tree-item a.selected {
	background: #8D8D8D;
	color: highlighttext !important;
}

.webfx-tree-item a:hover {
	color: #000000;
	text-decoration: underline;
}

..webfx-tree-mouse-out {
	color: black;
}
/*
.webfx-tree-item a:active {
	background: highlight;
	color: highlighttext;
	text-decoration: none;
}
*/

.webfx-tree-item img {
	vertical-align: middle;
	border: 0px;
	margin:	0;
	width:	19px;
	height:	16px;
}

.webfx-tree-item .webfx-tree-icon {
/*	width:	16px;
	height:	16px;
*/
}

/*

bright: rgb(234,242,255);
normal: rgb(120,172,255);
dark:	rgb(0,66,174);

*/

/* import menu css */
#webfx-about {
	position:		absolute;
	background:		white;
	top:			102px;
	right:			10px;
	width:			20px;
	writing-mode:	tb-rl;
	filter:			flipH() flipV() alpha(opacity=50);
}

/* headers css */

#webfx-title {
	position:		absolute;
	left:			90px;
	top:			-5px;
	color:			black;
	background:		transparent;
	border:			0;
	
	padding:		0;
	margin:			0;
	
	font-family:	Arial Black, Verdana, Helvetica, Sans-Serif;
	font-weight:	bold;
	font-style:		italic;
	font-size:		45px;
	letter-spacing:	-5px;
}

#webfx-title-background {
	width:					100%;
	height:					67px;
	background:				white no-repeat;/*rgb(100,100,100) no-repeat;*/
	background-image:		url("title-background.png");
	background-position:	0 0;
}

#webfx-sub-title {
	position:		absolute;
	left:			96px;
	top:			45px;
	color:			black;
	background:		transparent;
	
	padding:		0;
	margin:			0;
	border:			0;
	
	font-family:	Verdana, Helvetica, Sans-Serif;
	font-size:		11px;
}

#webfx-menu-bar-1,
#webfx-menu-bar-2,
#webfx-menu-bar-3,
#webfx-menu-bar-4,
#webfx-menu-bar-5 {
	height:			2px;
	font-size:		0;
	overflow:		hidden;
	background:		rgb(120,172,255);/*#ff8800;*/

	padding:		0;
}

#webfx-menu-bar-1 {
	background:		rgb(0,66,174);/*rgb(120,172,255);/*black;/*rgb(234,242,255);*/
	height:			1px;
}

#webfx-menu-bar-2 {
	background:		rgb(120,172,255);/*#ff8800;*/
	height:			1px;
}

#webfx-menu-bar-3 {
	background:		rgb(120,172,255);/*#ff8800;*/
	height:			1px;
}

#webfx-menu-bar-4 {
	background:		rgb(0,66,174);
	height:			1px;
}

#webfx-menu-bar-5 {
	background:		#dddddd;
	height:			3px;
}

/* headers css end */


.webfx-main-body {
	margin-left:	100px;
	border-left:	1px solid rgb(120,172,255);
	/*border-right:	1px solid rgb(120,172,255);*/
}

/* h1 only used in header */

pre {
	margin:			20px;
	background:		#eeeeee;
	padding:		10px;
	border:			1px solid #dddddd;
	color:			black;
	width:			470px;
	width:			expression(490);
}

code {
	background:		#eeeeee;
	border:			1px solid #dddddd;
	color:			black;
}

hr {
	margin-left:		10px;
	margin-right:		10px;
	padding:			0;
	text-align:			left;
	width:				500px;
	height:				1px;
	color:				rgb(120,172,255);
	background-color:	rgb(120,172,255);
	border-bottom:		1px solid rgb(120,172,255);
	border:				0;
}


.author {
	margin-top:		50px;
	font-style:		italic;
}

.date {
	color:			rgb(0,66,174);
}

/* copied from xmenu.css */

.webfx-menu-bar {
	background:		rgb(120,172,255);/*rgb(255,128,0);*/

	padding:		2px;

	font-family:	Verdana, Helvetica, Sans-Serif;
	font-size:		11px;

}

/* end xmenu.css copy */td.dragitemHead
{
	background-color:#EDEDED;
	color:black;
	font-weight:bold;
	font-size:18px;
}

BODY
{
   font-family:    Verdana, Helvetica, Sans-Serif;
   FONT-SIZE: 14px;
	background: white;
   scrollbar-track-color: #F6F6F6;
   scrollbar-face-color: #F6F6F6;
   scrollbar-arrow-color: #2C2C2C;
   scrollbar-shadow-color: #2C2C2C;
   scrollbar-base-color: #F6F6F6;
}

frame.body
{
   scrollbar-track-color: #F6F6F6;
   scrollbar-face-color: #F6F6F6;
   scrollbar-arrow-color: #2C2C2C;
   scrollbar-shadow-color: #2C2C2C;
   scrollbar-base-color: #F6F6F6;
}
div.DivColor
{
	background-color: white;	
}

A.tabs
{
	text-decoration: none;
	color: #A52A2A;
}

A.tabs:hover
{
	text-decoration:underline;
	color: #A52A2A;
}

/*auto complete css*/
#ajax_listOfOptions{
	position:absolute;	/* Never change this one */
	width:175px;	/* Width of box */
	height:250px;	/* Height of box */
	overflow:auto;	/* Scrolling features */
	border:1px solid #317082;	/* Dark green border */
	background-color:#FFF;	/* White background color */
	text-align:left;
	font-size:0.9em;
	z-index:100;
}
#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
	margin:1px;		
	padding:1px;
	cursor:pointer;
	font-size:0.9em;
}
#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
	
}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
	background-color:#2F4F4F;
	color:#FFF;
}
#ajax_listOfOptions_iframe{
	background-color:#F00;
	position:absolute;
	z-index:5;
}

form{
	display:inline;
}
TD.panelInfo
{
	BORDER-RIGHT: #F3F3F31px solid;
	PADDING-RIGHT: 2px;
	BORDER-TOP: #6495ed 1px solid;
	PADDING-LEFT: 2px;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #F3F3F3 1px solid;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #6495ed 1px solid;
	BACKGROUND-COLOR: #fffff0
}

form
{
	margin:0px;
}

td.tabSelected
{
	COLOR: Black;
	font-family:    Verdana, Helvetica, Sans-Serif;
	BACKGROUND-IMAGE: url("../images/misc/button_mid.jpg");	

}
td.servicebar_normal
{
/*	color:#636363;*/
	color:#FFFFFF;
  font-family:    Verdana, Helvetica, Sans-Serif;
	font-size:12px;
	
  
}
td.servicebar_selected
{
	color:#F2F2F2;
  font-family:    Verdana, Helvetica, Sans-Serif;
  font-size:12px;
  /*background-color:#C1C1C1;*/
/*	background-color:#8D8D8D;*/
		background-color:#484848;

}
td.tabSelected_new
{
  COLOR: white;
  font-family:Tahoma;
	background-color:#8D8D8D;
	color:#FDFBFC;
	font-size:16px;
	font-weight:regular;
	border-bottom: 3px  solid #8D8D8D;
}
td.tabNormal
{
	COLOR: Black;
	font-family:    Verdana, Helvetica, Sans-Serif;
	BACKGROUND-IMAGE: url("../images/misc/button_mid_o.jpg");
}
td.tabNormal_new
{
  COLOR: #636363;
  font-family:    Tahoma;
	font-size:16px;
  BACKGROUND-color: #EFEFEF;
	border:1px solid #EFEFEF;
}
td.tabBlink
{
	BACKGROUND-IMAGE: url("../images/misc/chatmsgblink1.gif");
	
}
Table.gridTable_box
{
	BORDER-RIGHT: #B0B0B0 1px solid;
	BORDER-TOP: #B0B0B0 1px solid;
	BORDER-LEFT: #B0B0B0 0px solid;
	BORDER-BOTTOM: 1px solid #B0B0B0;
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
TABLE.gridTable
{
	BORDER-RIGHT: #B0B0B0 1px solid;
	BORDER-TOP: #B0B0B0 1px solid;
	BORDER-LEFT: #B0B0B0 1px solid;
	BORDER-BOTTOM: 1px solid #B0B0B0;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

TR.gridDisable
{
	padding-left: 3px;
	BACKGROUND-COLOR: #D5D5D5;
	color: ThreedShadow;
}

td.gridColumnHeader
{
	font-family:    Verdana, Helvetica, Sans-Serif;
	font-size:        11px;

	padding-left:       3px;
	padding-top:        2px;
	padding-bottom:     2px;
	/*filter:             progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#E6E5E5',EndColorStr='#DDDCDC');*/
	background-image:	url('../images/misc/column_bg.jpg');
	background-color: #EDEDED;
	border-style:       solid;
	border-width:       1px;
	border-left-color:  #E6E5E5;
	border-right-color: #DDDCDC;
	border-top-color:   #E6E5E5;
	border-bottom-color:#DDDCDC;
}
div.gridColumnHeader
{
		font-family:    Verdana, Helvetica, Sans-Serif;
	font-size:        11px;

	padding-left:       3px;
	padding-top:        2px;
	padding-bottom:     2px;
	/*filter:             progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#E6E5E5',EndColorStr='#DDDCDC');*/
	background-image:	url('../images/misc/column_bg.jpg');
	background-color: #EDEDED;
	border-style:       solid;
	border-width:       1px;
	border-left-color:  #E6E5E5;
	border-right-color: #DDDCDC;
	border-top-color:   #E6E5E5;
	border-bottom-color:#DDDCDC;
}

tr.gridColumnHeaderwithred
{
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px; /*filter:             progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#E6E5E5',EndColorStr='#DDDCDC');*/
	background-image: url('../images/misc/column_bg_red.jpg');
	background-color: #EDEDED;
	border-style: solid;
	border-width: 1px;
	border-left-color: #E6E5E5;
	border-right-color: #DDDCDC;
	border-top-color: #E6E5E5;
	border-bottom-color: #DDDCDC;
}

td.gridColumnHeaderwithred
{
	font-family: Verdana, Helvetica, Sans-Serif,Times New Roman; 
	font-size: 11px;
	
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px; /*filter:             progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#E6E5E5',EndColorStr='#DDDCDC');*/
	background-image: url('../images/misc/column_bg_red.jpg');
	background-color: #EDEDED;
	border-style: solid;
	border-width: 1px;
	border-left-color: #E6E5E5;
	border-right-color: #DDDCDC;
	border-top-color: #E6E5E5;
	border-bottom-color: #DDDCDC;
	
}
tr.gridColumnHeaderwithgreen
{
	font-family:    Verdana, Helvetica, Sans-Serif;
	font-size:        11px;

	padding-left:       3px;
	padding-top:        2px;
	padding-bottom:     2px;
	/*filter:             progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#E6E5E5',EndColorStr='#DDDCDC');*/
	background-image:	url('../images/misc/column_bg_green.jpg');
	background-color: #EDEDED;
	border-style:       solid;
	border-width:       1px;
	border-left-color:  #E6E5E5;
	border-right-color: #DDDCDC;
	border-top-color:   #E6E5E5;
	border-bottom-color:#DDDCDC;
}
tr.gridColumnHeaderwithblue
{
	font-family:    Verdana, Helvetica, Sans-Serif;
	font-size:        11px;

	padding-left:       3px;
	padding-top:        2px;
	padding-bottom:     2px;
	/*filter:             progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#E6E5E5',EndColorStr='#DDDCDC');*/
	background-image:	url('../images/misc/column_bg_blue.jpg');
	background-color: #EDEDED;
	border-style:       solid;
	border-width:       1px;
	border-left-color:  #E6E5E5;
	border-right-color: #DDDCDC;
	border-top-color:   #E6E5E5;
	border-bottom-color:#DDDCDC;
}

td.divColumnHeader
{
/*filter:             progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#F6F6F6',EndColorStr='#FFFFFF');*/

	font-family:    Verdana, Helvetica, Sans-Serif;
	font-size:        11px;
	padding-left:       3px;
	padding-top:        2px;
	padding-bottom:     2px;
	background-image:	url('../images/misc/mid_bg.jpg');	
	background-color: #BDBDBD;
	border-style:       solid;
	border-width:       0px;
	border-left-color:  #FFFFFF;
	border-right-color: #808080;
	border-top-color:   #FFFFFF;
	border-bottom-color:#808080;
}

TR.gridColumnHeader
{
	BORDER-RIGHT: #b6bdd2 1px solid;
	BORDER-TOP: #b6bdd2 1px solid;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	BORDER-LEFT: #b6bdd2 1px solid;
	COLOR: black;
	padding-left: 3px;
	BORDER-BOTTOM: 1px solid #b6bdd2;
	BACKGROUND-COLOR: #C7C7C7;
	/*#bedaed;*/
}
TR.gridItem
{
	padding-left: 3px;
	BACKGROUND-COLOR: #E2E1E1;
}

.contentHeader
{
	filter:	progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#E0E1E3',EndColorStr='#FFFFFF');
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 3px;
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 2px;
	VERTICAL-ALIGN: middle;
	BORDER-LEFT: #D3D3D3 5px solid;
	color: white;
}
.contentHeaderText
{
	VERTICAL-ALIGN: middle;
	font-family:    Verdana, Helvetica, Sans-Serif;
	FONT-SIZE: 12px;
	COLOR: black;
	padding-left: 3px;
	FONT-VARIANT: normal;
	padding-bottom: 2px;
	padding-top:    2px;
}

.toolBar {
	/*
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFDBEAF7', EndColorStr='#EE9DB5D1');
	*/
	/*background:			#EEEEEE;*/
	background-image: url("../images/misc/top2_bg.jpg");
	/*filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#EDEDED', EndColorStr='#E8E8E8');*/
	border-style:		solid;
	border-width:		1px;
	border-left-color:	 #FFFFFF;
	border-right-color:	 #B0B0B0;
	border-top-color:	    #FFFFFF;
	border-bottom-color:  #B0B0B0;
	padding-top:    2px;
	padding-bottom:    2px;
	padding-left:    0px;
	padding-right:    0px;
}

.statusBar {
	background-image: url("../images/misc/statusbar.jpg");
	border-style:		solid;
	border-width:		1px;
	border-left-color:	 #FFFFFF;
	border-right-color:	 #B0B0B0;
	border-top-color:	    #FFFFFF;
	border-bottom-color:  #B0B0B0;
	padding-top:    2px;
	padding-bottom:    2px;
	padding-left:    0px;
	padding-right:    0px;
}


.sideBar
{
	background: #e7e7e7;
}
a.sortBy
{
	color: Black;
	cursor:pointer;
	TEXT-DECORATION: none;	
}

a.sortBy:hover
{
	color: Black;
	cursor:pointer;
	TEXT-DECORATION: underline;	
}

.quickList
{
	overflow:auto;
	background-color: #FAFAFA;
	border: 1px solid #B0B0B0; 
	height:96px; 
	padding-left: 2px;
}

TEXTAREA
{
	BORDER-RIGHT: gray 1px solid;
	PADDING-RIGHT: 4px;
	BORDER-TOP: gray 1px solid;
	PADDING-LEFT: 4px;
	FONT-SIZE: 11px;
	BORDER-LEFT: gray 1px solid;
	WIDTH: 150px;
	BORDER-BOTTOM: gray 1px solid;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	HEIGHT: 70px;
	BACKGROUND-COLOR: white;
	}

.errorHighlight
{
	border: 1px solid #F00;
	background-color: #F6F6F6; 
	background-image: url("../images/warning_obj.gif"); 
	background-position: right; 
	background-repeat: no-repeat;
}
/*
TD.gridHeader
{
	BORDER-TOP: 1px solid #E2E1E1;
	BORDER-BOTTOM: 1px solid #E2E1E1;	
	BORDER-LEFT: 1px solid #E2E1E1;
	BORDER-RIGHT: 1px solid #E2E1E1;	
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 2px;
	COLOR: darkgray;
	PADDING-TOP: 2px;
	PADDING-LEFT: 6px;
	PADDING-RIGHT: 6px;	
	BACKGROUND-COLOR:  #F6F6F6;
	background-image:	url('../images/misc/gridcolumn_bg.jpg');
}
*/
td.gridHeader
{
PADDING-RIGHT: 3px;
BORDER-TOP: #c4c0c1 1px solid;
PADDING-LEFT: 5px;
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
BACKGROUND-IMAGE: url(/images/designerimages/mediaplayer/datagrid-data.gif);
PADDING-BOTTOM: 3px;
COLOR: #666666;
PADDING-TOP: 3px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
HEIGHT: 25px;
BACKGROUND-COLOR: #f3f3f3;
TEXT-DECORATION: none

}
TD.gridRead
{
   font-family:    Verdana, Helvetica, Sans-Serif;
   font-size:        4px;
   FONT-WEIGHT: bold;
   COLOR: #000000;	/*#000080;*/
	padding-left:       3px;
	padding-top:        2px;
	padding-bottom:     2px;
	
	border-style:       solid;
	border-width:       1px;
	border-left-color:  #E6E5E5;
	border-right-color: #DDDCDC;
	border-top-color:   #E6E5E5;
	border-bottom-color:#DDDCDC;
	-moz-user-select:none
}


SPAN.SystemFont
{
	FONT-WEIGHT: bold;
	FONT-FAMILY: Courier New;
}

SPAN.RequiredFont
{
	color: #000000;
}
.Required
{
   color: #000000;
	FONT-SIZE: 11px;
	font-family:    Verdana, Helvetica, Sans-Serif;
	padding-top:    0px;
   padding-bottom:    0px;
   padding-right:    1px;
   padding-left:    1px
}

A.infotext
{
	FONT-SIZE: x-small;
	COLOR: #F6F6F6;
	font-family:    Verdana, Helvetica, Sans-Serif;
}

A.infotext:hover
{
	FONT-SIZE: x-small;
	COLOR: #A1A5A8;
	font-family:    Verdana, Helvetica, Sans-Serif;
}
A
{
	COLOR: navy;
}
A:hover
{
	COLOR: #A1A5A8;
}
A.inbox
{
	COLOR: #A1A5A8 ;
	text-decoration: none
}
A.inbox:hover
{
	COLOR: #A1A5A8 ;
	text-decoration: underline
}
a.help:link {color: navy; text-decoration: none}
a.help:visited {color: navy; text-decoration: none}
a.help:hover {text-decoration: underline}

td.dragitem
{
	filter:           progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#00D4D0C8',EndColorStr='#FFF6F5F4');
	background-color:#D4D0C8; 
	color:#D4D0C8;
}

td.tooltip
{
	filter:           progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#00D4D0C8',EndColorStr='#FFF6F5F4');
	background-color: #FFFFC0;
	border-style:        solid;
	border-width:        1px;
	color: #FFFFC0;
}



TR.gridAlternate
{
	padding-left: 3px;
	BACKGROUND-COLOR: #F1F3F4;
	-moz-user-select:none
}
TR.gridAlternateBold
{
	padding-left: 3px;
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #F1F3F4;
	-moz-user-select:none
}
Td.gridcolumnItem
{
	font-family:    Verdana, Helvetica, Sans-Serif;
	font-size:      11px;
	padding-left: 3px;
	BACKGROUND-COLOR: #F6F6F6;
}
Td.gridunreadcolumnItem
{
	font-family:    Verdana, Helvetica, Sans-Serif;
	font-size:      11px;
	padding-left: 3px;
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #F6F6F6;
}



Td.gridcolumnSelected
{
	padding-left: 3px;
	BACKGROUND-COLOR: #F9F9F9;
}

TR.gridItemBold
{
	COLOR: Black;
	padding-left: 3px;
    FONT-SIZE: 8px;
	BACKGROUND-COLOR: #F6F6F6;
}


TR.gridcolumnItem
{
	font-family:    Verdana, Helvetica, Sans-Serif;
	font-size:       11px;
	padding-left: 3px;
	BACKGROUND-COLOR: F6F6F6;
	-moz-user-select:none
}
TR.gridunreadcolumnItem
{
	font-family:    Verdana, Helvetica, Sans-Serif;
	font-size:       11px;
	FONT-WEIGHT: bold;
	padding-left: 3px;
	BACKGROUND-COLOR: F6F6F6;
}
TR.gridRead
{
   font-family:    Verdana, Helvetica, Sans-Serif;
   font-size:     11px;
   FONT-WEIGHT: bold;
   COLOR: #000000 ;/*#000080;*/
   padding-left: 3px;
   cursor:pointer;
	-moz-user-select:none
}

TR.gridSelected
{
	FONT-WEIGHT: bold;
	padding-left: 3px;
	BACKGROUND-COLOR:#F6F6F6;
}
TR.gridHighlight
{
   CURSOR: pointer;
	padding-left: 3px;
	background-color:	#F6F6F6;
   COLOR: BLACK;
   -moz-user-select:none

}

TR.gridFooter
{
	COLOR: Black;
	BACKGROUND-COLOR: #F6F6F6;
}
TD.formLabel
{
	BACKGROUND-COLOR: #F6F6F6;
	padding-left: 2px;
}
TD.folder
{
	FONT-WEIGHT: bold;
	COLOR: black;
	padding-left: 3px;
	BACKGROUND-COLOR:  #F6F6F6
}
TD.formDescription
{
	BACKGROUND-COLOR: #F6F6F6;/*#f8f8ff*/
	padding-left: 2px;
}
SELECT
{
	FONT-SIZE: 11px;
	FONT-FAMILY: Tahoma
}
.customBackColor
{
	BACKGROUND-COLOR: #ffffff;
}

.headerbutton
{
	height:20;
	width:300; text-align:center; font-family:Tahoma,Trebuchet MS,Verdana;
	font-size:9pt;font-weight:normal; cursor:pointer;
	border: 1px outset #f0f8ff;
	padding-left: 2px;
	background-image: url("../images/misc/folder_list_bg.jpg");
	/*filter:progid:-DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFDBEAF7',EndColorStr='#DD9DB5D1');*/
	background-color: #848484;
}

SPAN.infoText
{
    FONT-SIZE: x-small;
    COLOR: white;
	font-family:    Verdana, Helvetica, Sans-Serif;
}

INPUT
{
	border: 1px inset #A4A4A4;
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: white;
}

INPUT.checkbox
{
	border: 0px RED;
	border-color:red
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: white;
}
INPUT.removeButton
{
    COLOR: #A9A9A9;
    BORDER-RIGHT: 0;
	BORDER-TOP: 0;
    BORDER-LEFT: 0;
    BORDER-BOTTOM: 0;
	FONT-SIZE: 11px;
    CURSOR: pointer;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #F6F6F6;
	TEXT-DECORATION: underline;

}

TD
{
	FONT-SIZE: 11px;
	font-family:    Verdana, Helvetica, Sans-Serif;
}

UL
{
	FONT-SIZE: 11px;
    font-family:    Verdana, Helvetica, Sans-Serif;
}
LI.frontpage
{
    PADDING-RIGHT: 0px;
    FONT-SIZE: 13px;
	MARGIN: 0px 0px 0px 0px;
    font-family:    Verdana, Helvetica, Sans-Serif;

}

H6
{
	font-family:    Verdana, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 13px;
	font-variant: small-caps;
}

INPUT.checkInput {                  
	border-bottom-width: 0px;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
    BACKGROUND-COLOR: #F6F6F6;
}

.button {
	
	width:300; text-align:center; font-family:Tahoma,Trebuchet MS,Verdana;
	font-size:9pt;font-weight:normal; cursor:pointer;
	border: 1px outset #f0f8ff;
	padding-left: 2px;
	background-image: url("../images/misc/folder_list_bg.jpg");
	
	background-color: #848484;
}


.newbutton 	
{
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr= '#C0C0C0' , EndColorStr= '#F3F3F3');
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	cursor: pointer;
	color:#000000;
	border:Solid 1px #C0C0C0;
	background-color: #F3F3F3;
	width: 80px;
	text-align:center;
	style: border-collapse:collapse;
	
}

.newbuttonover
{
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr= '#F3F3F3' , EndColorStr= '#C0C0C0');
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	cursor: pointer;
	color:black;
	border:Solid 1px #C0C0C0;
	background-color: #F3F3F3;
	width: 80px;
	text-align:center;  
	style: border-collapse:collapse;
}







/*
Styles for calendar
*/

/* The main calendar widget.  DIV containing a table. */

div.calendar 
{ 
	position: relative; 
	background: #FFFFFF;	
}

.calendar, .calendar c_table {
  border: 1px solid #206A9B;
  font-size: 11px;
  color: #000;
  cursor: default;
  /*background: #F1F8FC;*/
  background: #F6F6F6;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .c_button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #007ED1 url(menuarrow2.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
	font-weight: bold;      /* Pressing it will take you to the current date */
	text-align: center;
	padding: 2px;
	background-color: #6699CC;
}

.calendar thead tr { /* Row <TR> containing navigation buttons */
  background: #007ED1;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #C7E1F3;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #206A9B;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #34ABFA;
  color: #000;
  border: 1px solid #016DC5;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #006AA9;
  border: 1px solid #008AFF;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #C7E1F3;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #F1F8FC;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #8FC4E8;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #D50000;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #206A9B;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #6699CC;
  color: #fff;
  border-top: 1px solid #206A9B;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #B8DAF0;
  border: 1px solid #178AEB;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #006AA9;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #34ABFA;
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  font-weight: bold;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #F1F8FC;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #E3F0F9;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #F1F8FC;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #267DB7;
  color: #fff;
}

.calendar td.time span.active {
  border-color: red;
  background-color: #000;
  color: #A5FF00;
}
.item {
 text-align: center;
 FONT-FAMILY: verdana,helvetica,arial;
 font-size: xx-small;
 BACKGROUND-COLOR: #FFFFFF;
 FONT-WEIGHT: bold;
 filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr= '#FFFFFF' , EndColorStr= '#CCCCCC' );
}

/*	requested by Sheeraz bhai	*/

.Heading_HR
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:normal;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
    
.Header_invoice_HR
{
	background-image: url(../../images/misc/bg3.gif);
	background-repeat: repeat-x; 
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	color:#000000;
	text-decoration:none;

}

.Footer_invoice_HR
{
	background-image: url(images/misc/bg2.gif);
	background-repeat: repeat-x; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#000000;
	text-decoration:none;
}

.ContentText1_HR
{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
}

.ContentText2_HR
{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
}

.ContentText3_HR
{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	
}


.TableBorder_HR
{
	border: 1px solid #666666;
	border-collapse: collapse;
}
	
.TableBordertd_HR
{
    border: 1px solid #666666;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
}
.backgrounddisabler
{
   	filter:alpha(opacity=20);
   	opacity: 0.2;
  	background-color: black;
   	position:absolute;
   	width:100%;
   	height:100%;
   	z-index:999;
   	top: 0px;
   	left: 0px;
}
.backgrounddisabler_span
{
    filter:alpha(opacity=40);
    -moz-opacity:0.4;
    opacity: 0.4;
    background-color: #FFFFFF;
    z-index:999999;
    z-index:999999;
}
.backgrounddisabler_tab
{
	/*BACKGROUND-IMAGE: url(/images/designerimages/mediaplayer/datagrid-data.gif);*/
	position:absolute;
   	width:100%;
   	height:100%;
   	z-index:1;
   	top: 0px;
   	left: 0px;
}
.disablespantext
{
	font-color: white
}
.divBackground
{
	background-color: #E2E1E1;
}


// new code
@charset "utf-8";
.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding-top: 7px;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
td.me_tootlbar
{
  BACKGROUND-IMAGE: url("../images/infinime_new_images/box_bg.gif");

}
td.me_days
{
	height:30px;
	BORDER-RIGHT: #E1E1E1 1px solid;
  BORDER-TOP: #E1E1E1 1px solid;
  BORDER-LEFT: #E1E1E1 1px solid;
  BORDER-BOTTOM: 1px solid #E1E1E1;
  BACKGROUND-IMAGE: url("../images/infinime_new_images/box1_bg.gif");
}
td.me_days1
{
  BORDER-RIGHT: #E1E1E1 1px solid;
  BORDER-TOP: #E1E1E1 1px solid;
  BORDER-LEFT: #E1E1E1 1px solid;
  BORDER-BOTTOM: 1px solid #E1E1E1;
}
div.search-input-bg
{
	margin:2px 8px 0 0;
	background: url(/images/misc/search-on.png) no-repeat;
	width:194px;
	height:25px;
	position:relative;
}
top-controls .searchClickOverlay
	{
		position:absolute;
		left:130px;
		top:0;
		width:20px;
		height:18px;
		cursor:pointer;
	}
	button.submit-search
	{	text-indent:-99999em;
			border:0;
			padding:0;
			margin:0;
			background: url(/images/misc/transPngFix.gif) 0 0 repeat;
			width:20px;
			height:20px;
			position:absolute;
			top:0;
			left:132px;
	}
.border {
	border: 1pt solid #dedede;
}
.textbox55_wap{ 
font-weight: normal;
color: #000000; 
font-size: 12px;
font-family: Arial , Verdana, Tahoma ;
height: 14px;
width: 100%;  
background-color: #FFFFFF;
border: 0px solid #999999; 
text-decoration: none; 
vertical-align:middle;
}
.styleCloseSearch {
background-color:#333333;
}


.datagrid-data
{
PADDING-RIGHT: 3px;
BORDER-TOP: #c4c0c1 1px solid;
PADDING-LEFT: 5px;
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
BACKGROUND-IMAGE: url(/images/designerimages/mediaplayer/datagrid-data.gif);
PADDING-BOTTOM: 3px;
COLOR: #666666;
PADDING-TOP: 3px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
HEIGHT: 25px;
BACKGROUND-COLOR: #f3f3f3;
TEXT-DECORATION: none
}
.datagrid-data1
{
PADDING-RIGHT: 3px;
BORDER-TOP: #c4c0c1 1px solid;
PADDING-LEFT: 5px;
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
BACKGROUND-IMAGE: url(/images/designerimages/mediaplayer/datagrid-data1.gif);
PADDING-BOTTOM: 3px;
COLOR: #666666;
PADDING-TOP: 3px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
HEIGHT: 25px;
BACKGROUND-COLOR: #f3f3f3;
TEXT-DECORATION: none
}

.statusBar_new {
 /* background-image: url("../images/misc/statusbar_new.jpg");*/
	background-image: url("/images/me_images/menu_bg.jpg");
  border-style:   solid;
  border-width:   1px;
  border-left-color:   #FFFFFF;
  border-right-color:  #B0B0B0;
  border-top-color:     #FFFFFF;
  border-bottom-color:  #B0B0B0;
  padding-top:    2px;
  padding-bottom:    2px;
  padding-left:    0px;
  padding-right:    0px;
	color:#FFFFFF;
}
td.drawline
{
 background-image: url("../images/misc/white_btm_bg.gif");
 background-repeat: repeat-x; 
}
td.mobileboxbody
{
	 color:#333333;
	 cursor:pointer;
	 font-family:Helvetica;
	 font-size:17px;
	 text-decoration:none;
	 padding-bottom:8px; 
	 padding-left:12px;
	 padding-top:12px;	
	 border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#ccc

}
td.mobilebox
{
	 color:#333333;
	 cursor:pointer;
	 font-family:Helvetica;
	 font-size:17px;
	 text-decoration:none;
	 padding-left:12px;
	 padding-top:12px;	 
	 padding-bottom:8px; 
	 font-weight:bold;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#ccc

}
td.tdmobile
{
	color: rgb(51, 51, 51);
	cursor: pointer;
	font-family: tahoma;
	font-size: 17px;
	font-weight: normal;
	padding-left: 8px;
	text-decoration: none;

}
.buttonselected
{
  	background-color:#5A5A5A;
	padding-left:1px;
	border:1px;
	color:white;
}
.buttonsimple
{
  padding-left:1px;
		
}
.textfeild {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	width: 125px;
	height: 15px;
}

.style2 {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.style4 {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
 html .clearfix{height:1%;}.clearfix{display:block;}
.overlay_dialog {
	background-color: aliceblue;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}


.dialog_nw {
	background: transparent url(../images/dialog/left-top.gif) no-repeat 0 0;			
  width:10px;
  height:25px;
}

.dialog_n {
  background: transparent url(../images/dialog/top-middle.gif) repeat-x 0 0;			
  height:25px;
}

.dialog_ne {
  background: transparent url(../images/dialog/right-top.gif) no-repeat 0 0;			
  width:10px;	  
  height:25px;
}

.dialog_w {
  background: transparent url(../images/dialog/frame-left.gif) repeat-y top left;			
  width:7px;
}

.dialog_e {
  background: transparent url(../images/dialog/frame-right.gif) repeat-y top right;			
  width:7px;	  
}

.dialog_sw {
  background: transparent url(../images/dialog/bottom-left-c.gif) no-repeat 0 0;			
  width:7px;
  height:7px;
}

.dialog_s {
  background: transparent url(../images/dialog/bottom-middle.gif) repeat-x 0 0;			
  height:7px;
}

.dialog_se, .dialog_sizer  {
  background: transparent url(../images/dialog/bottom-right-c.gif) no-repeat 0 0;			
  width:7px;
  height:7px;
}

.dialog_sizer {
	cursor:se-resize;	
}

.dialog_close {
	width: 23px;
	height: 23px;
	background: transparent url(../images/dialog/button-close-focus.gif) no-repeat 0 0;			
	position:absolute;
	top:0px;
	right:11px;
	cursor:pointer;
	z-index:1000;
}

.dialog_minimize {
	width: 23px;
	height: 23px;
	background: transparent url(../images/dialog/button-min-focus.gif) no-repeat 0 0;			
	position:absolute;
	top:0px;
	right:55px;
	cursor:pointer;
	z-index:1000;
}

.dialog_maximize {
	width: 23px;
	height: 23px;
	background: transparent url(../images/dialog/button-max-focus.gif) no-repeat 0 0;			
	position:absolute;
	top:0px;
	right:33px;
	cursor:pointer;
	z-index:1000;
}

.dialog_title {
	float:left;
	height:14px;
	font-size:14px;
	text-align:center;
	margin-top:2px;
	width:100%;
	color:#123456;
}

.dialog_content {
	overflow:auto;
	color: #000;
	font-family: Tahoma, Arial, sans-serif;
  font: 12px arial;
	background:#FDFDFD;
}

.top_draggable{
  cursor:move;
}


/* For alert/confirm dialog */
.dialog_window {
	border:1px solid #F00;	
	background: #FFF;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	width:400px;
}

.dialog_message {
  font: 12px arial;
	text-align:center;
	width:100%;
	padding-bottom:10px;
}

.dialog_buttons {
	text-align:center;
	width:100%;
}

.dialog_buttons input {
	width:20%;
	margin:10px;
}

.dialog_progress {
	float:left;
	margin:auto;
	text-align:center;
	width:100%;
	height:16px;
	background: #FFF url('alert/progress.gif') no-repeat center center
}

.dialog_wired_frame {
	background: #FFF;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;	
}



/* DO NOT CHANGE THESE VALUES*/
.dialog {
	display: block;
	position: absolute;
}

.dialog table.table_window  { 
  border-collapse: collapse; 
  border-spacing: 0; 
  width: 100%;
	margin: 0px;
	padding:0px;
}

.dialog table.table_window td , .dialog table.table_window th { 
  padding: 0; 
}

.dialog .title_window {
  -moz-user-select:none;
}
/* menu body */

.menu-body {
	color:		Black;
	margin:		0;
	padding:	0;
	overflow:	hidden;
	border:		0;
	cursor:		default;
}

.menu-body .outer-border {
	border:		1px solid #666666;
	margin:		0;
	padding:	0;
	
}

.menu-body .inner-border {
	width:			100%;
	
	border:			1px solid #f9f8f7;
	border-width:	1px 0 1px 0;
	padding:		0 1px 0 1px;
	margin:			0;
	background: #f6f6f6 url("../../images/misc/menubackground.gif") repeat-y;
}

/* menu body */

/*****************************************************************************/

/* menu items */

.menu-body td {
	font:			Menu;
	color:		Black;
}

.menu-body .hover td {
	background-color:	#F4F4F4;
}

.menu-body .disabled-hover td {
	background-color:	#F4F4F4;
}

.menu-body td.empty-icon-cell {
	padding:		2px;
	border:		0;
}

.menu-body td.empty-icon-cell span {
	width:	16px;
}

.menu-body td.icon-cell {
	padding:	2px;
	border:		0;
}


.menu-body td.icon-cell img {
	width:	16px;
	height:	16px;
	margin:	0;
	filter:	Alpha(Opacity=70);
}

.menu-body .hover td.icon-cell img {
	filter:	none;
	position:	relative;
	left:		-1px;
	top:		-1px;
}


.menu-body .disabled-hover td.icon-cell img,
.menu-body .disabled td.icon-cell img {
	display:	static;
	filter:		Gray() Alpha(Opacity=40);
}


.menu-body .disabled-hover td.empty-icon-cell,
.menu-body .hover td.empty-icon-cell,
.menu-body .disabled-hover td.icon-cell,
.menu-body .hover td.icon-cell {
	border:			1px solid #0A246A;
	border-right:	0;
	padding:		1px 2px 1px 1px;
	background-color: #DBDBDB;
}

.menu-body td.label-cell {
	width:		100%;
	padding:	2px 5px 2px 5px;
	border:		0;
}

.menu-body .disabled-hover td.label-cell,
.menu-body .hover td.label-cell,
.menu-body .disabled-hover td.shortcut-cell,
.menu-body .hover td.shortcut-cell {
	padding:		1px 5px 1px 5px;
	border:			1px solid #0A246A;
	border-left:	0;
	border-right:	0;
	background-color: #e8e8e8;
}

.menu-body td.shortcut-cell {
	padding:	2px 5px 2px 5px;
}

.menu-body td.arrow-cell {
	width:			20px;
	padding:		2px 2px 2px 0px;
	font-family:	Webdings;
}

/* end menu items */

/*****************************************************************************/

/* disabled items */

.menu-body .disabled-hover td.arrow-cell,
.menu-body .hover td.arrow-cell {
	padding:		1px 1px 1px 0px;
	border:			1px solid #0A246A;
	border-left:	0;
	background-color: #e8e8e8;	
}

.menu-body #scroll-up-item td,
.menu-body #scroll-down-item td {
	font-family:	Webdings !important;
	text-align:		center;
	padding:		10px;
}

.menu-body .disabled td {
	color:				#cccccc;
}

.menu-body .disabled-hover td {
	background-color:	white;
	color:				#cccccc;
}

/* end disabled items */

/*****************************************************************************/

/* separator */

.menu-body .separator td {
	font-size:	0.001mm;
	padding:	1px 0px 1px 27px;
}

.menu-body .separator-line {
	overflow:		hidden;
	border-top: 1px solid #DFDFDF;
	height:			1px;
}

/* end separator */

/*****************************************************************************/

/* Scroll buttons */

.menu-body #scroll-up-item,
.menu-body #scroll-down-item {
	width:		100%;
}

.menu-body #scroll-up-item td,
.menu-body #scroll-down-item td {
	font-family:	Webdings;
	text-align:		center;
	padding:		1px 5px 1px 5px;
}

.menu-body #scroll-up-item .disabled-hover td,
.menu-body #scroll-up-item .hover td,
.menu-body #scroll-down-item .disabled-hover td,
.menu-body #scroll-down-item .hover td {
	border:		1px solid #0A246A;
	padding:	0px 4px 0px 4px;
}

/* End scroll buttons */

/*****************************************************************************/

/* radio and check box items */

.menu-body .checked {
	padding:	0px;
}

.menu-body .checked.hover {
	padding:	0px;
}

.menu-body .checked .check-box,
.menu-body .checked .radio-button {
	display:		inline-block;
	font-family:	Webdings;
	overflow:		hidden;
	color:			MenuText;
	text-align:		center;
	vertical-align:	center;
	background-color:	#F3F8FC;
	border:				1px solid #0A246A;
}

.menu-body .check-box {
	width:			19px;
	height:			19px;
	font-size:		133%;
	padding-bottom:	5px;
	padding-left:	1px;
}

.menu-body .radio-button {
	width:			19px;
	height:			19px;
	font-size:		50%;
	padding:		5px;
}

/* end radio and check box items */

/*****************************************************************************/

/* Menu Bar */

.menu-bar {
	/*filter:	progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#00D4D0C8',EndColorStr='#D7E4F1');*/
	background:		url("../../images/misc/top_bg.jpg");
	cursor:			default;
	padding:		1px;
	height:			20px;
}

.menu-bar .menu-button {
	background:	transparent;
	color:		ButtonText;
	font:		Menu;
	padding:	3px 7px 3px 7px;
	border:		0;
	margin:		0;
	display:	inline-block;
	white-space:	nowrap;
	cursor:			default;
}

.menu-bar .menu-button.active {
	background:		#F3F8FC;
	padding:		2px 6px 3px 6px;
	border:			1px solid #666666;
	border-bottom:	0;
}

.menu-bar .menu-button.hover {
	background: #E2E2E2;
	padding:		2px 6px 2px 6px;
	border-width:	1px;
	border-style:	solid;
	border-color:	#0A246A;
}

/* End Menu Bar */.coolButton,
.coolButtonHover,
.coolButtonActiveHover,
.coolButtonActive,
.coolButtonActiveDisabled,
.coolButtonDisabled,
.coolButtonUpDisabled {
	cursor: 			Default;
	font: 				Icon;
	font-weight: 		normal;
	padding:			2px 5px 2px 5px;
	border:				0px solid ButtonFace;
	white-space:		nowrap;
	vertical-align:		middle;
	background-color: 	transparent;
	height:				16px;
}

.coolButton img {
	/*filter:				gray();*/
}

.coolButtonHover {
/*
	border-width:		1px;
	border-left-color:	ButtonHighlight;
	border-right-color:	ButtonShadow;
	border-top-color:	ButtonHighlight;
	border-bottom-color:ButtonShadow;
*/
	border-width:	1px;
	border-style:	solid;
	border-color: Black;	
	padding:			1px 4px 1px 4px;		
	background: #CECECE;	
}

.coolButtonActiveHover {
/*
	border-width:		1px;
	border-left-color:	ButtonShadow;
	border-right-color:	ButtonHighlight;
	border-top-color:	ButtonShadow;
	border-bottom-color:ButtonHighlight;
	padding:			2px 3px 0px 5px;
*/	
	border-width:	1px;
	border-style:	solid;
	border-color:	#EAEAEA;	
	color: 			black;
	padding:			1px 4px 1px 4px;		
	background:		#EAEAEA;	
}

.coolButtonActive {
	border-width:		1px;
	border-left-color:	ButtonShadow;
	border-right-color:	ButtonHighlight;
	border-top-color:	ButtonShadow;
	border-bottom-color:ButtonHighlight;
	padding:			2px 3px 0px 5px;
	/*background-image:	url("images/cbback.gif");*/
}

.coolButtonUpDisabled,
.coolButtonActiveDisabled,
.coolButtonDisabled {
	padding:			2px 5px 2px 5px;
	color:				GrayText;
	border-width: 		0px;
}

.coolButtonActiveDisabled {
	border-width:		1px;
	border-left-color:	ButtonShadow;
	border-right-color:	ButtonHighlight;
	border-top-color:	ButtonShadow;
	border-bottom-color:ButtonHighlight;
	padding:			2px 3px 0px 5px;
}

.coolButtonUpDisabled {
	border-width:		1px;
	border-left-color:	ButtonHighlight;
	border-right-color:	ButtonShadow;
	border-top-color:	ButtonHighlight;
	border-bottom-color:ButtonShadow;
}

/* My latest build of mozilla crashed with the opacity */
.coolButtonUpDisabled img,
.coolButtonActiveDisabled img,
.coolButtonDisabled img {
	-moz-opacity:		0.5;
}

/* IE specific
 * When the button becomes disbabled the innerHTML is enclosed by two spans
 * This is done so that the image will look disabled using filters
 */
.coolButtonUpDisabled .coolButtonDisabledContainer,
.coolButtonActiveDisabled .coolButtonDisabledContainer,
.coolButtonDisabled .coolButtonDisabledContainer {
	display:			block;
	background:			GrayText;
	filter:				chroma(color=#010101) dropshadow(color=ButtonHighlight, offx=1, offy=1);
	width:				100%;
	height:				100%;
	vertical-align:		center;
}

.coolButtonUpDisabled .coolButtonDisabledContainer .coolButtonDisabledContainer,
.coolButtonActiveDisabled .coolButtonDisabledContainer .coolButtonDisabledContainer,
.coolButtonDisabled .coolButtonDisabledContainer .coolButtonDisabledContainer {
	background:			Transparent;
	filter:				gray()
						/* Remove all bright shades of gray */
						chroma(color=#ffffff) chroma(color=#fefefe) chroma(color=#fdfdfd)
						chroma(color=#fcfcfc) chroma(color=#fbfbfb) chroma(color=#fafafa)
						chroma(color=#f9f9f9) chroma(color=#f8f8f8) chroma(color=#f7f7f7)
						chroma(color=#f6f6f6) chroma(color=#f5f5f5) chroma(color=#f4f4f4)
						chroma(color=#f3f3f3) 
						mask(color=#010101);
}

/* end IE specific */