﻿body, html
{
  margin: 0;
  padding: 0;
  font-size: 11px;
  font-family: Verdana, Arial, Sans-Serif;
  color: #3b3393;
}
#divPage
{
  position: relative;
  width: 100%;
  min-width: 865px;
}
* html #divPage
{
  width: expression(document.body.clientWidth<900 ?   "865px" : "100%" );
}
* html img
{
  behavior: url(/Resources/Script/iepngfix.htc);
}
img.paddedIcon
{
  padding: 3px;
}
a, b
{
  color: #3b3393;
}
hr
{
  height: 1px;
  border: 1px solid #CCCCCC;
  margin: 6px 0;
}
p, li
{
  margin: 8px 0;
  color: Black;
}
input.TextInput, select, textarea
{
  border: solid 1px #CCCCFF;
  font-size: 11px;
  font-family: Verdana, Arial, Sans-Serif;
  color: #625897;
}
input.TextInput
{
  height: 17px;
  width:80%;
}
.Required
{
  background-color: #FFFF99;
}
.ValidationError
{
  margin-left: 5px;
  cursor: help;
}
.Hidden
{
  display: none;
}
th
{
  font-weight: normal;
}
div.Clearing
{
  clear: both;
  visibility: collapse;
  height: 0;
  font-size: 0;
}

h3.PageTitle
{
  text-align: left;
}
p.PageInfoText
{
  text-align: left;
  margin: 10px 0;
}
/*******************************************************************Generic Table*/
table.GenericTable
{
  border-width: 0;
  border-spacing: 1px;
  border-collapse: separate;
  background-color: #E7E7E7;
  color: #000000;
  margin: 5px 0;
}
table.GenericTable th, table.GenericTable tr.HeaderCell td
{
  font-size: 11px;
  height: 14px;
  background-color: #F5F5F5;
  color: #666666;
  text-transform: uppercase;
  border: solid 1px #FFFFFF;
  text-align: center;
}
table.GenericTable th a, table.GenericTable tr.HeaderCell td a
{
  color: #666666;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: none;
}
table.GenericTable th a:hover, table.GenericTable tr.HeaderCell td a:hover
{
  text-decoration: underline;
}
table.GenericTable tr.HeaderCell td
{
  height: 25px;
}
table.GenericTable td.leftAlign
{
  text-align: left !important;
}
table.GenericTable th.leftAlign
{
  text-align: left !important;
}
table.GenericTable td.centerAlign
{
  text-align: center !important;
}
table.GenericTable th.centerAlign
{
  text-align: center !important;
}
table.GenericTable td.rightAlign
{
  text-align: right !important;
}
table.GenericTable th.rightAlign
{
  text-align: right !important;
}
table.GenericTable td
{
  background-color: #FFFFFF;
  border: solid 1px #FFFFFF;
}
table.GenericTable tr.Alt td
{
  background-color: #EBF8FE;
}
.EmptyDataTable, .EmptyDataTable td
{
  border-style: none;
  border-width: 0px;
  border-spacing: 0px;
}
table.GenericTable .DetailHeaderCell
{
  font-size: 11px;
  height: 14px;
  background-color: #F5F5F5;
  color: #666666;
  text-transform: uppercase;
  border: solid 1px #FFFFFF;
  text-align:  left;
}
/*******************************************************************Frames*/
table.FrameTable
{
  border-collapse: collapse;
}
td.FrameTopLeft
{
  background: url(../Images/Frame-TopLeft.gif) no-repeat top left;
  width: 12px;
  height: 12px;
  overflow: hidden;
  font-size: 0;
}
td.FrameTopMiddle
{
  background: url(../Images/Frame-TopMiddle.gif) repeat-x top;
  height: 12px;
  overflow: hidden;
  font-size: 0;
}
td.FrameTopRight
{
  background: url(../Images/Frame-TopRight.gif) no-repeat top right;
  width: 12px;
  height: 12px;
  overflow: hidden;
  font-size: 0;
}
td.FrameCenterLeft
{
  background: url(../Images/Frame-CenterLeft.gif) repeat-y left;
  width: 12px;
  font-size: 0;
}
td.FrameContent
{
  padding: 2px 8px;
}
td.FrameCenterRight
{
  background: url(../Images/Frame-CenterRight.gif) repeat-y right;
  width: 12px;
  font-size: 0;
}
td.FrameBottomLeft
{
  background: url(../Images/Frame-BottomLeft.gif) no-repeat Bottom Left;
  width: 12px;
  height: 12px;
  font-size: 0;
}
td.FrameBottomMiddle
{
  background: url(../Images/Frame-BottomMiddle.gif) repeat-x Bottom;
  height: 12px;
  font-size: 0;
}
td.FrameBottomRight
{
  background: url(../Images/Frame-BottomRight.gif) no-repeat Bottom Right;
  width: 12px;
  height: 12px;
  font-size: 0;
}
/*******************************************************************Popups*/
.ModalBackground
{
  background-color: Gray;
  filter: alpha(opacity=70);
  opacity: 0.7;
}
div.ModalPopup
{
  background-color: White;
  width: 300px;
  text-align: center;
  border: solid 1px #000000;
  border-top-color: #d4d0c8;
  border-left-color: #d4d0c8;
  padding-bottom: 4px;
}
div.ModalPopup h4
{
  cursor: move;
  background: #f6f6f6 url(../Images/PopupBar.gif) repeat-x top left;
  height: 22px;
  line-height: 22px;
  text-align: left;
  padding-left: 5px;
  font-size: 12px;
  color: #666666;
  font-family: Verdana, Arial, Sans-Serif;
}
div.ModalPopup p
{
  text-align: center;
}
div.PopupContent
{
margin: 4px;
}
/*******************************************************************Headings*/
h1, h2, h3, h4, h5, h6
{
  font-family: Verdana, Arial, Sans-Serif;
  margin: 0;
  padding: 0;
  font-weight: normal;
  text-align: center;
}
h1
{
  font-size: 18px;
}
h2
{
  font-size: 17px;
}
h3
{
  font-size: 16px;
}
h4
{
  font-size: 15px;
}
h5
{
  font-size: 14px;
}
h6
{
  font-size: 13px;
}

/*******************************************************************Buttons*/
a.Button
{
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  line-height: 30px;
  margin: 2px;
  padding: 8px 35px 8px 0;
  background-position: right;
  background-repeat: no-repeat;
}
a.Button:Hover
{
  text-decoration: underline;
}

a.Next
{
  background-image: url(../Images/Button-Next.png);
}
a.Next:Hover
{
  background-image: url(../Images/Button-Next-Hover.png);
}
* html a.Next
{
  background-image: url(../Images/Button-Next.gif);
}
* html a.Next:Hover
{
  background-image: url(../Images/Button-Next-Hover.gif);
}

a.Add
{
  background-image: url(../Images/Button-Add.png);
}
a.Add:Hover
{
  background-image: url(../Images/Button-Add-Hover.png);
}
* html a.Add
{
  background-image: url(../Images/Button-Add.gif);
}
* html a.Add:Hover
{
  background-image: url(../Images/Button-Add-Hover.gif);
}

a.Question
{
  background-image: url(../Images/Button-Question.png);
}
a.Question:Hover
{
  background-image: url(../Images/Button-Question-Hover.png);
}
* html a.Question
{
  background-image: url(../Images/Button-Question.gif);
}
* html a.Question:Hover
{
  background-image: url(../Images/Button-Question-Hover.gif);
}

a.Magnify
{
  background-image: url(../Images/Button-Magnify.png);
}
a.Magnify:Hover
{
  background-image: url(../Images/Button-Magnify-Hover.png);
}
* html a.Magnify
{
  background-image: url(../Images/Button-Magnify.gif);
}
* html a.Magnify:Hover
{
  background-image: url(../Images/Button-Magnify-Hover.gif);
}

a.Tick
{
  background-image: url(../Images/Button-Tick.png);
}
a.Tick:Hover
{
  background-image: url(../Images/Button-Tick-Hover.png);
}
* html a.Tick
{
  background-image: url(../Images/Button-Tick.gif);
}
* html a.Tick:Hover
{
  background-image: url(../Images/Button-Tick-Hover.gif);
}

a.Cross
{
  background-image: url(../Images/Button-Cross.png);
}
a.Cross:Hover
{
  background-image: url(../Images/Button-Cross-Hover.png);
}
* html a.Cross
{
  background-image: url(../Images/Button-Cross.gif);
}
* html a.Cross:Hover
{
  background-image: url(../Images/Button-Cross-Hover.gif);
}

a.Tools
{
  background-image: url(../Images/Button-Tools.png);
}
a.Tools:Hover
{
  background-image: url(../Images/Button-Tools-Hover.png);
}
* html a.Tools
{
  background-image: url(../Images/Button-Tools.gif);
}
* html a.Tools:Hover
{
  background-image: url(../Images/Button-Tools-Hover.gif);
}

a.Email
{
  background-image: url(../Images/Button-Email.png);
}
a.Email:Hover
{
  background-image: url(../Images/Button-Email-Hover.png);
}
* html a.Email
{
  background-image: url(../Images/Button-Email.gif);
}
* html a.Email:Hover
{
  background-image: url(../Images/Button-Email-Hover.gif);
}

/*******************************************************************Header*/
#divHeader
{
  height: 100px;
  overflow: hidden;
  margin: 10px 0;
}
#divHeader table
{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  text-align: left;
}
#tdLogo
{
  width: 50px;
  padding-left: 10px;
}
#tdBannerStart
{
  width: 37px;
}

#tdBannerEnd
{
  text-align: right;
}
/*******************************************************************SideBar*/
#divSideBar
{
  width: 180px;
  float: left;
  margin-bottom: 5px;
}
#divSideBar table.FrameTable
{
  width: 178px;
}

/*******************************************************************Content*/

#divContentRight
{
  margin-left: 185px;
  margin-bottom: 5px;
}
* html #divContentRight
{
  margin-left: 182px;
  text-align: right;
}
* html #divContentRight *
{
  text-align: left;
}

#divContentRight table.FrameTable
{
  width: 100%;
}
* html #divContentRight table.FrameTable
{
  width: 99%;
}

td.FrameContent
{
  text-align: center;
}

/*******************************************************************MenuBar*/
div.MenuBar
{
  height: 26px;
  position: relative;
  top: 5px;
  z-index: 10;
}
div.MenuBar td
{
  padding: 0 2px;
}
div.MenuTab
{
  height: 26px;
  position: relative;
  background-position: top left;
  background-repeat: repeat-x;
}
div.TabLeft, div.TabRight
{
  position: absolute;
  top: 0;
  width: 14px;
  height: 26px;
  background-repeat: no-repeat;
  background-position: top left;
  z-index: 20;
}

div.MenuTab
{
  background-image: url(../Images/MenuTab-Middle.gif);
}
div.TabLeft
{
  left: 0;
  background-image: url(../Images/MenuTab-Left.png  );
}
div.TabRight
{
  right: 0;
  background-image: url(../Images/MenuTab-Right.png);
}
div.MenuBar a
{
  margin: 0 17px;
  line-height: 26px;
  color: #505050;
  text-decoration: none;
  white-space: nowrap;
}
div.MenuBar a:Hover
{
  color: Red;
}

/*******************************************************************ToolBar*/
#divToolBar, #divFooterBar
{
  position: relative;
  height: 40px;
  line-height: 40px;
  padding: 0 5px;
  vertical-align: middle;
  overflow: hidden;
  clear: both;
}
span.FocusedSeperator
{
  margin: 0 12px;
}
#divToolBarControls
{
  position: absolute;
  top: 0;
  right: 5px;
}
#divToolBar a
{
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 12px;
  text-decoration: none;
  margin: 2px;
}
#divToolBar a:Hover
{
  text-decoration: underline;
}

/*******************************************************************FooterBar*/
#divContent
{
  padding: 5px;
}

/*******************************************************************FooterBar*/

#divFooterBar input
{
  vertical-align: middle;
}
span.FooterHelp
{
  position: absolute;
  bottom: 0px;
  right: 5px;
}
* html span.FooterHelp
{
  bottom: 7px;
}
/*******************************************************************Copyright*/
#divCopyright
{
  position: relative;
  height: 32px;
  line-height: 30px;
  margin: 5px 10px;
  vertical-align: middle;
  overflow: hidden;
}
span.CopyrightVersion
{
}
span.CopyrightNotice
{
  position: absolute;
  top: 0;
  right: 10px;
}
span.CopyrightNotice img
{
  margin: 0 3px;
  vertical-align: middle;
}
/************** COLLAPSIBLE PANEL *********************************************/
table.collapsePanelTable
{
  padding: 0;
  border: 1px solid #CCC;
  width: 100%;
}
div.collapsePanel
{
  overflow: hidden;
}
div.collapsePanelHeader
{
  margin: 0;
  width: 100%;
  height: 30px;
  background-image: url(../Images/PanelHeaderBackground.gif);
  background-repeat: repeat-x;
  color: #FFF;
  font-weight: bold;
  position: relative;
  cursor: pointer;
  cursor: hand;
}
div.collapsePanelHeader H4
{
  text-align: left;
  padding-left: 15px;
  padding-top: 4px;
}
div.collapsePanelHeader a
{
  color: #ffffff;
}
div.PanelControlContainer
{
  position: absolute;
  top: 0;
  right: 20px;
  margin: 0;
  padding: 0;
  height: 30px;
}
* html div.PanelControlContainer
{
  top: 5px;
}

.ajax__calendar_container table td
{
  padding: 0 !important;
  border-width: 0 !important;
}

/*******************************************************************Progress Bar*/
.ProgressOuter
{
  position: fixed;
  z-index: 10000000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}

.ProgressOuter img
{
  position: relative;
  top: 45%;
}

* html .ProgressOuter img
{
  position: absolute;
}
* html .ProgressOuter
{
}
