BODY
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial;
    /*support for generic :hover modifer*/
    
}
TABLE
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial
}
DIV
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial
}
LABEL
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial
}
INPUT
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial
}
INPUT.DisabledTextInput
{
    BORDER: #C9C7BB 1px solid;
    COLOR: #ACA89B;
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial
}
TEXTAREA
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial
}
SELECT
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial
}
OPTION
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial
}
LABEL.PageHeader
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 11px;
    COLOR: #ffffff
}
LABEL.History
{
    COLOR: #ffffff
}
IMG
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none
}
A
{
    FONT-SIZE: 11px;
    CURSOR: pointer;
    COLOR: #191970;
    TEXT-DECORATION: none
}
A:link
{
    COLOR: #191970;
    TEXT-DECORATION: none
}
A:visited
{
    COLOR: #191970;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #4169e1;
    TEXT-DECORATION: underline
}
A:active
{
    COLOR: #4169e1;
    TEXT-DECORATION: underline
}
.Shown
{
	display: ;  /*EJF: intentional.  Firefox expects table-row for table rows, but blank works for both*/
}
.Hidden, .HIDDEN
{
    display: none;
}
.FlatButton
{
    BORDER-RIGHT: #141d54 2px solid;
    BORDER-TOP: #141d54 2px solid;
    BORDER-LEFT: #141d54 2px solid;
    CURSOR: pointer;
    BORDER-BOTTOM: #7692b0 2px solid;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center
}
.RaisedButton
{
    BORDER-RIGHT: #597e99 2px outset;
    BORDER-TOP: #597e99 2px outset;
    BORDER-LEFT: #597e99 2px outset;
    CURSOR: pointer;
    BORDER-BOTTOM: #597e99 2px outset;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center
}
.SunkenButton
{
    BORDER-RIGHT: #597e99 2px inset;
    BORDER-TOP: #597e99 2px inset;
    BORDER-LEFT: #597e99 2px inset;
    BORDER-BOTTOM: #597e99 2px inset;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center
}
.FlatBar
{
    BORDER-TOP: #141d54 2px solid;
    BORDER-BOTTOM: #141d54 2px solid;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #141d54
}
.RaisedBar
{
    BORDER-RIGHT: #597e99 2px outset;
    BORDER-TOP: #597e99 2px outset;
    BORDER-LEFT: #597e99 2px outset;
    BORDER-BOTTOM: #597e99 2px outset;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #141d54
}
.SunkenBar
{
    BORDER-TOP: #597e99 2px inset;
    BORDER-LEFT: 2px;
    BORDER-BOTTOM: #597e99 2px inset;
    HEIGHT: 37px;
    BACKGROUND-COLOR: #141d54
}
SELECT.MediumCombo
{
    FONT-SIZE: 11px;
    WIDTH: 130px;
    FONT-FAMILY: Arial
}
SELECT.LargeCombo
{
    FONT-SIZE: 11px;
    WIDTH: 180px;
    FONT-FAMILY: Arial
}
SELECT.SmallCombo
{
    FONT-SIZE: 11px;
    WIDTH: 50px;
    FONT-FAMILY: Arial
}
.MainBar
{
    BORDER-RIGHT: #597e99 2px groove;
    BORDER-TOP: #597e99 2px groove;
    BORDER-LEFT: #597e99 2px groove;
    BORDER-BOTTOM: #597e99 2px groove;
    HEIGHT: 35px;
    BACKGROUND-COLOR: #141d54
}
LABEL.Header
{
    FONT-WEIGHT: lighter;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial
}
SELECT
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial
}
A.HeaderLink
{
    FONT-WEIGHT: bolder;
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}






.DynamicMenu, .DynamicToolbarMenu, .CrumbMenu
{
	position: absolute;
	display: inline;
	width: 150px;	
}

.CrumbMenu 
{
	padding-top:9px !important;
	background: #333;
}



.DynamicMenu table, 
.DynamicToolbarMenu table, 
.CrumbMenu table
{
	background: #eeeeee;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid #333;
	border-bottom: 0px;
}


.DynamicMenu table tr td, 
.DynamicToolbarMenu table tr td,
.CrumbMenu table tr td
{
	font-size: 10px;
	font-family: verdana;
	text-align: left;
	border-bottom: 1px solid #333;
}


.DynamicToolbarMenu table
{
	border: 1px solid #aaa;
}

.DynamicToolbarMenu table tr
{
	background-color: #aad4f9;
}


.DynamicToolbarMenu table tr td
{
	FONT-SIZE: 11px;
    FONT-FAMILY: arial;
    font-weight: bold;
	padding: 7px 0px;
	border: 0px;
}

.DynamicToolbarMenu table tr td img
{
	
}

.DynamicToolbarMenu hr
{
	color: White;
}


.CrumbMenu table
{
	background-color: #333;	
	color: White;
	border: 0px;	
}





INPUT.Button, INPUT.LargeButton, INPUT.MiniButton, 
	A.Button, A:visited.Button, A:hover.Button, A:active.Button, 	
	A.LargeButton, A:visited.LargeButton, A:hover.LargeButton, A:active.LargeButton, 	
	A.ShortButton, A:visited.ShortButton, A:hover.ShortButton, A:active.ShortButton,
	A.MiniButton, A:visited.MiniButton, A:hover.MiniButton, A:active.MiniButton,
	A.PictureButton, A:visited.PictureButton, A:hover.PictureButton, A:active.PictureButton,
	A.ToolbarButton, A:visited.ToolbarButton, A:hover.ToolbarButton, A:active.ToolbarButton,
	A.TinyButton, A:visited.TinyButton, A:hover.TinyButton, A:active.TinyButton	
{
	display:inline-block;
	
    border: 2px solid  #a0a0a0; 
    border-top: 1px solid #a0a0a0;
    border-left: 1px solid #a0a0a0;
    
    COLOR: #404040;    
    BACKGROUND: url('../images/button_gradient2.gif') repeat-x #597e99;
    
    FONT-WEIGHT: lighter;
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial;
    font-weight: bold;
    TEXT-DECORATION: none;
    text-align: center;
    
    
    _width: 90px;
    height: 17px;
	_height:29px;
	
    padding: 5px;
    margin: 0px 3px;
    
    
    
    cursor: pointer;  
    behavior: url('common/general/htc/button.htc');
}

INPUT.Button, INPUT.LargeButton, INPUT.MiniButton
{
	height: 29px;	
}

A.Button, A:visited.Button, A:hover.Button, A:active.Button
{
	min-width: 90px;	
}


INPUT.LargeButton, A.LargeButton, A:visited.LargeButton,  A:hover.LargeButton,  A:active.LargeButton
{      
    _width: 150px; 
    min-width: 150px;   
}

.BackgroundSearch .Button, A.ShortButton, A:visited.ShortButton, A:hover.ShortButton, A:active.ShortButton
{
	height: 18px;
	_height: 21px;
	
	padding: 1px 5px;
	margin-bottom: -3px;
}

A.Button img, A.LargeButton img, A.ShortButton img, A.ToolbarButton img, A.TinyButton img
{
	margin-bottom: -4px;
	margin-right: 5px;
}


INPUT.MiniButton
{
    WIDTH: 45px;    
}

A.MiniButton, A:visited.MiniButton, A:hover.MiniButton, A:active.MiniButton
{
	width: 20px;
	height: 21px;
	overflow-y: hidden;
	padding: 1px 5px;
	margin-bottom: -1px;
	margin: 0px 2px;
}

A.PictureButton, A:visited.PictureButton, A:hover.PictureButton, A:active.PictureButton
{
	display:inline-block;
	
	width: 23px;
	height: 23px;
	overflow:hidden;
	/*overflow-y: hidden;*/
	background: url('../images/picture_button2.gif') 0px 0px no-repeat;
	border: 0px;
	margin: 0px 2px;
	padding: 3px 0px 0px 0px;
	
}


A.ToolbarButton, A:visited.ToolbarButton, A:hover.ToolbarButton, A:active.ToolbarButton	
{
	
	border:1px solid #f3f3f3;
	margin: 0px;
	padding: 6px 6px 3px 6px;
	background-position: 0px 29px;
	background-color:Transparent;
	text-align:left;
	
	font-size: 11px;
	
	height: 20px;
	_height:29px;
	_width:40px;
}

A.ToolbarButton img
{
	margin-right:6px !important;
}



A.TinyButton, A:visited.TinyButton, A:hover.TinyButton, A:active.TinyButton	
{
	border:1px solid #f0f0f0;
	margin: 2px;
	padding: 2px;	
	background: transparent;
	text-align:left;
	
	font-weight: normal;
	font-size: 11px;
	
	
	_width: 18px;
	height: 20px;
}




.LeftNavBox1 .SectionToolbar, 
.LeftNavBox2 .SectionToolbar
{
	height: 23px;
}
.LeftNavBox1 A.TinyButton, .LeftNavBox1 A:visited.TinyButton, .LeftNavBox1 A:hover.TinyButton, .LeftNavBox1 A:active.TinyButton,
.LeftNavBox2 A.TinyButton, .LeftNavBox2 A:visited.TinyButton, .LeftNavBox2 A:hover.TinyButton, .LeftNavBox2 A:active.TinyButton
{
	margin:0px;
	border:0px;
	background:transparent;
	
	height: 20px;
}

.LeftNavBox1 A.TinyButton *,
.LeftNavBox2 A.TinyButton *
{
	background:transparent !important;	
}

.LeftNavBox1 A.TinyButton nobr,
.LeftNavBox2 A.TinyButton nobr
{
	padding: 2px;
	_padding:0px;
}


.LeftNavBox1 A:hover.TinyButton, .LeftNavBox2 A:hover.TinyButton
{
	background-color: transparent !important;
	_background-color:#aad4f9 !important;	
}

.LeftNavBox1 A:hover.TinyButton *, .LeftNavBox2 A:hover.TinyButton *
{
	background-color:#aad4f9 !important;
	_background-color: transparent !important;
}



INPUT:hover.Button, A:hover.Button, A:hover.LargeButton, A:hover.ShortButton, A:hover.MiniButton, A:hover.TinyButton, A:hover.ToolbarButton
{
	background-position: 0px -29px;
}

A:hover.PictureButton
{
	background-position: -23px 0px;
}

A:hover.ToolbarButton
{
	border-color: #aaa;
}


.AdminToolbar
{
	background-color:#ddd; 
	width:100%;
}
.AdminToolbar A.ToolbarButton
{
	border-color: #ddd;
}


INPUT.ThreeDotsButton
{
    BORDER-RIGHT: #333333 1px solid;
    BORDER-TOP: #98cdfe 1px solid;
    FONT-WEIGHT: lighter;
    FONT-SIZE: 11px;
    BORDER-LEFT: #98cdfe 1px solid;
    WIDTH: 22px;
    CURSOR: pointer;
    COLOR: #ffffff;
    BORDER-BOTTOM: #333333 1px solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #597e99
}
IMG.ImageButton
{
    CURSOR: pointer
}
.pointer
{
    CURSOR: pointer
}
TR.PageHeader
{
	border-right: #597e99 2px groove;
	border-top: #597e99 2px groove;
	border-left: #597e99 2px groove;
	border-bottom: #597e99 2px groove;
	background-color: #141d54;
}
TR.History
{
    BACKGROUND-COLOR: #141d54
}
LABEL.BoldLabel
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
    font-style:normal
}
A.HoverLink
{
    COLOR: #4169e1;
    TEXT-DECORATION: underline
}
A.Link
{
    BORDER-RIGHT: 2px;
    BORDER-TOP: 2px;
    BORDER-LEFT: 2px;
    COLOR: #191970;
    BORDER-BOTTOM: 2px;
    TEXT-DECORATION: none
}
A.ActiveHeaderLink
{
    FONT-WEIGHT: bolder;
    COLOR: #ffd850;
    TEXT-DECORATION: underline
}
A.HoverHeaderLink
{
    FONT-WEIGHT: bolder;
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}
A.DisabledHeaderLink
{
    FONT-WEIGHT: bolder;
    COLOR: #d3d3d3
}
A.HoverDisabledHeaderLink
{
    FONT-WEIGHT: bolder;
    COLOR: #d3d3d3
}
.Canvas
{
    BACKGROUND-COLOR: #141d54;
}
.TopMenuBar
{
    PADDING-TOP: 5px;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #597e99
}
LABEL.ColorHeader
{
    FONT-SIZE: 11px;
    COLOR: #ffd850
}
LABEL.StandardLabel
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Arial
}
INPUT.ButtonShow
{
    FONT-WEIGHT: lighter;
    FONT-SIZE: 11px;
    OVERFLOW: visible;
    WIDTH: 60px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #141d54
}
TABLE.PageHeader
{
    BORDER-RIGHT: #597e99 2px groove;
    BORDER-TOP: #597e99 2px groove;
    BORDER-LEFT: #597e99 2px groove;
    BORDER-BOTTOM: #597e99 2px groove;
    BACKGROUND-COLOR: #141d54
}
.ToolBar
{
    BORDER-RIGHT: #71b1ee 2px groove;
    BORDER-TOP: #71b1ee 2px groove;
    BORDER-LEFT: #71b1ee 2px groove;
    BORDER-BOTTOM: #71b1ee 2px groove;
    BACKGROUND-COLOR: #597e99
}
.LinksBar
{
    BORDER-RIGHT: #71b1ee 2px groove;
    BORDER-TOP: #71b1ee 2px groove;
    PADDING-BOTTOM: 3px;
    BORDER-LEFT: #71b1ee 2px groove;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #71b1ee 2px groove;
    BACKGROUND-COLOR: #f4f3f4
}
.PageTab
{
    BORDER-RIGHT: #b9b9b9 2px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #b9b9b9 2px solid;
    DISPLAY: none;
    PADDING-LEFT: 5px;
    BORDER-LEFT: #b9b9b9 2px solid;
    CURSOR: pointer;
    COLOR: #2a68a5;
    BORDER-BOTTOM: #b9b9b9 2px solid;
    TOP: 5px
}


IMG.ToolBarButton
{
    border: #597e99 2px solid;
    WIDTH: 22px;    
    HEIGHT: 22px;
    CURSOR: pointer;
}

IMG.RaisedToolBarButton
{
    BORDER-RIGHT: #597e99 2px outset;
    BORDER-TOP: #71b1ee 2px outset;
    BORDER-LEFT: #71b1ee 2px outset;
    WIDTH: 22px;
    CURSOR: pointer;
    BORDER-BOTTOM: #597e99 2px outset;
    HEIGHT: 22px
}


.GridBar
{
    BORDER: 0px;
	background: #eeeeee;
}

.ButtonLink
{
	padding: 2px;
}



IMG.GridBarButton, IMG.RaisedGridBarButton
{
    WIDTH: 18px;
    HEIGHT: 18px;
    
    border: 0px;
    CURSOR: pointer;     
    margin: 2px 2px;  
}

IMG.GridBarButton16
{
	WIDTH: 16px;
    HEIGHT: 16px;
    border: 0px;
    CURSOR: pointer;     
    margin: 2px 2px;
}


IMG.RaisedGridBarButton
{
	border: 1px solid #bbbbbb;
	margin: 1px 1px;
	background: #d0d0ff;
}

IMG.SunkenGridBarButton
{
    BORDER-RIGHT: #e7e7e7 2px inset;
    BORDER-TOP: #e7e7e7 2px inset;
    BORDER-LEFT: #e7e7e7 2px inset;
    BORDER-BOTTOM: #e7e7e7 2px inset;
    WIDTH: 18px;
    HEIGHT: 18px;
    CURSOR: pointer;
    BACKGROUND-COLOR: #dedfce
}

TR.ToolbarSpace
{
    BACKGROUND-COLOR: #C9C5C5;
    
}
TABLE.ToolbarSpace
{
    HEIGHT: 6px;
    BACKGROUND-COLOR: #C9C5C5;
    
}
TABLE.GridNavigator
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: center; 
    border:0px;
}
TABLE.GridNavigator tr td
{
	padding: 2px;
	border-left: 0px;
	border-right: 0px;
}

TD.RecordsCount
{
    FONT-WEIGHT: lighter;
    BORDER-LEFT: #e7e7e7 1px solid;
}
IMG.GridButton
{
    CURSOR: pointer
}
TR.Header
{
    BORDER-RIGHT: #275888 2px ridge;
    BORDER-TOP: #275888 2px ridge;
    FONT-WEIGHT: lighter;
    FONT-SIZE: 11px;
    BORDER-LEFT: #275888 2px ridge;
    COLOR: #1e5d81;
    BORDER-BOTTOM: #275888 2px ridge;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
TD.LeftSidePageHeader
{
    BORDER-RIGHT: #cecfce 1px;
    BORDER-TOP: #cecfce 1px solid;
    BORDER-LEFT: #cecfce 1px solid;
    WIDTH: 195px;
    BORDER-BOTTOM: #cecfce 1px solid;
    HEIGHT: 35px;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: left
}
TD.RightSidePageHeader
{
    BORDER-RIGHT: #cecfce 1px solid;
    BORDER-TOP: #cecfce 1px solid;
    FONT-WEIGHT: lighter;
    FONT-SIZE: 16px;
    BORDER-LEFT: #cecfce 1px;
    COLOR: #1e5d81;
    BORDER-BOTTOM: #cecfce 1px solid;
    FONT-FAMILY: 'Arial Narrow', Arial;
    BACKGROUND-COLOR: #e4e4dd;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none
}
.TextHeader
{
    FONT-WEIGHT: lighter;
    FONT-SIZE: 18px;
    COLOR: #141d54;
    TEXT-INDENT: 5px;
    FONT-FAMILY: 'Arial Narrow', Arial;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
TD.HeaderBar
{
    BORDER-RIGHT: #112435 1px solid;
    BORDER-TOP: #112435 1px solid;
    FONT-SIZE: 8px;
    BORDER-LEFT: #112435 1px solid;
    BORDER-BOTTOM: #67a3db 2px groove;
    BACKGROUND-COLOR: #141d54
}
LABEL.BrandingLabel
{
    FONT-WEIGHT: lighter;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial
}
.HeaderBarCell
{
    BORDER-BOTTOM: #71b1ee 2px groove;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #597e99
}
.HeaderBarSeperatorCell
{
    BORDER-LEFT: #71b1ee 2px groove;
    BORDER-BOTTOM: #71b1ee 2px groove;
    BACKGROUND-COLOR: #597e99
}
INPUT.CustomizeButton
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    FONT-WEIGHT: lighter;
    FONT-SIZE: 11px;
    TEXT-TRANSFORM: uppercase;    
    WIDTH: 72px;
    COLOR: #ffffff;    
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #597e99;
    TEXT-DECORATION: none;
    cursor: pointer;
}
.HeaderBarMenuCell
{
    BORDER-LEFT: #71b1ee 2px;
    BORDER-BOTTOM: #71b1ee 2px groove;
    BACKGROUND-COLOR: #597e99
}
TABLE.WLLegendTable
{
    BORDER-RIGHT: #cccccc 2px solid;
    BORDER-TOP: #cccccc 2px solid;
    BORDER-LEFT: #cccccc 2px solid;
    BORDER-BOTTOM: #cccccc 2px solid;
    BACKGROUND-COLOR: #f2f2ef
}
INPUT.DisabledButton
{
    BORDER-RIGHT: #646459 1px solid;
    BORDER-TOP: #646459 1px solid;
    FONT-WEIGHT: lighter;
    FONT-SIZE: 11px;
    BORDER-LEFT: #646459 1px solid;
    WIDTH: 60px;
    CURSOR: pointer;
    COLOR: #3d607f;
    BORDER-BOTTOM: #646459 1px solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #f2f2ef
}
HR.HR
{
    COLOR: #141d54;
	HEIGHT: 1px;
}



.AlertBody
{
	background: #888;
	xBACKGROUND: url('../images/gradient_alert.gif') repeat-x  #d8d2cc;
}

.AlertBackground
{
    
}
.AlertBackgroundMain
{
    BACKGROUND: url('../images/gradient_alert.gif') repeat-x  #d8d2cc;
    border: 1px solid #866;
}
.AlertBackgroundMargin
{
    WIDTH: 15px;
    
}
.AlertHeader
{
	font-family: arial;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 16px;
    letter-spacing: 1px;
    COLOR: #333;
    padding: 6px 42px 22px 0px;
    text-align:center;
    background: #ddd;
}

.AlertLabelCell
{
	 
    
}

.AlertBoldLabel
{
    
    padding: 8px;
    overflow-y: auto; 
    vertical-align:middle;
    
    
}

.AlertBoldLabel label
{
	
    FONT-WEIGHT: xbold;
    FONT-SIZE: 14px;
    line-height: 19px;
    COLOR: #111;
    FONT-FAMILY: Arial;
}




INPUT.SelectedButton
{
	border-right: #fcf7ff 3px inset;
	border-bottom: #fcf7ff 3px inset;
	border-top: #59638e 3px inset;
	border-left: #59638e 3px inset;
	font-size: 11px;
	text-transform: uppercase;
	color: #ffffff;
	font-family: Arial;
	background-color: #597e99;
	text-align: center;
}

INPUT.OBButton
{      
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    FONT-WEIGHT: lighter;
    FONT-SIZE: 11px;
    TEXT-TRANSFORM: uppercase;        
    COLOR: #ffffff;    
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #597e99;
    TEXT-DECORATION: none;
    cursor: pointer;
}



.uploadIFrameContainer
{
	position: relative;
	border:1px solid transparent;
	height: 19px;
    width: 63px;

}

.uploadIFrame
{
	border: 0px;
    height: 19px;
    width: 63px;
    margin:0px;
    padding: 0px;
    
    display:inline;
    position:absolute;
    top:0px;
    left:0px;
}




















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

.calendar {
  position: relative;
  display: none;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 11px;
  cursor: default;
  background: Window;
  color: WindowText;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 11px;
  cursor: default;
  background: Window;
  color: WindowText;
  font-family: tahoma,verdana,sans-serif;
}

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

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: ButtonFace;
}

.calendar .nav {
  background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: ActiveCaption;
  color: CaptionText;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid ButtonShadow;
  padding: 2px;
  text-align: center;
  background: ButtonFace;
  color: ButtonText;
}

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

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border: 2px solid;
  padding: 0px;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  border-width: 1px;
  padding: 2px 0px 0px 2px;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

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

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

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid ButtonShadow;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody .rowhilite td {
  background: Highlight;
  color: HighlightText;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  padding: 2px 2px 0px 2px;
  background: ButtonFace;
  color: ButtonText;
}

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

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

.calendar tbody td.disabled { color: GrayText; }

.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) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: ButtonFace;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  color: ButtonText;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

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

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: Menu;
  color: MenuText;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

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

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

.calendar .combo .active {
  padding: 0px;
  border: 1px solid #000;
}

.calendar .combo .hilite {
  background: Highlight;
  color: HighlightText;
}

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

.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: Menu;
}

.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: Highlight;
  color: HighlightText;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}


.InactiveNotice
{
      font-weight:bold;
      color: #9b2c01;
}


.reqStar
{
  color: Red;	
  font-weight:bold;
  font-size: 18px;
  
  line-height: 8px;
  height:8px;
  
  margin-bottom:-5px;
  margin-top:0px;
  padding-top:4px;
  
}








.GridDebugDiv
{
	text-align:left;
	background-color: #d0d0d0 !important;	
	color: #666666;
	cursor:hand;
}

.GridDebugDiv *
{
	background-color: #d0d0d0 !important;	
}

.GridDebugSql
{
	text-align:left;
	background-color: #c0c0c0 !important;	
	color: black;
	display:none;
	padding: 4px;
}


.GridDebugSql *
{
	background-color: #c0c0c0 !important;
}