/* normal font selector */
body, table, tr, td, input, div, span, select, textarea {
	font-size: 14px !important;
	font-family: Verdana !important;
}

.InternalForm td,
.SmallPadding, .InteralForm 
{
	padding: 1px !important;
}

/* design file */

body
{
	width: 100%;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	top: 5px;
	left: 5px;
	font-family: Verdana;
	margin-bottom: 20px;
}

.error 
{
	color:Red;
}

div.Body, div.PopupBody
{
	margin: auto;
	height: 100%;
	width: 95%;
	min-width: 968px;	
}
div.PopupBody 
{
	margin: auto 5px;
	width: auto;
}

.Page
{
	/*min-height: 400px;*/
	margin: auto;
	clear: both;
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;	
	padding-bottom: 4px;
}

.FooterSection
{
	/*min-height: 400px;*/
	margin: auto;
	clear: both;
	border-top: solid 1px #CCC;
}

.ScrollSection
{
	overflow: auto;
}

.Section, .SmallSection, .MediumSection, .LargeSection, .FillSection 
{
	border: solid 1px #CCC;
	margin: auto;
}
.SmallSection
{
	width: 300px;
}
.MediumSection
{
	width: 450px;
}
.LargeSection
{
	width: 600px;
}
.FillSection
{
	width: 100%;
}
.NoPadding, .NoPadding td
{
	padding: 0px !important;
}
.SmallPadding, .InteralForm 
{
	padding: 2px !important;
	/* same as .InternalForm td */
}
.MediumPadding 
{
	padding: 5px;
}
.LargePadding
{
	padding: 10px;
}
tr.LargePadding td, td.LargePadding
{
	padding-left: 25px;
}
tr.MediumPadding td, td.MediumPadding
{
	padding-left: 15px;
}
tr.SmallPadding td, td.SmallPadding
{
	padding-left: 2px;
}
.SmallPaddingLeft 
{
	padding-left: 5px;
}
.MediumPaddingLeft
{
	padding-left: 15px;
}
.LargePaddingLeft
{
	padding-left: 25px;
}
.SmallPaddingBottom
{
	padding-bottom: 5px !important;
}
.MediumPaddingBottom
{
	padding-bottom: 15px !important;
}
.LargePaddingBottom
{
	padding-bottom: 25px !important;
}
.SmallMarginBottom
{
	margin-bottom: 2px;
}
.MediumMarginBottom
{
	margin-bottom: 5px;
}
.LargeMarginBottom
{
	margin-bottom: 10px;
}

.NoMargin
{
	margin: 0px;
}
.SmallMargin 
{
	margin: 2px;
}
.MediumMargin 
{
	margin: 5px;
}
.LargeMargin
{
	margin: 10px;
}
.UPMCHeaderBar
{
	padding-top: 8px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: smaller;
	clear: both;
}
.MenuTop
{
	margin-top: 2px;
	height: 14px;
	padding: 0px;
	vertical-align: top;
	clear: both;
	font-size:xx-small;
	padding-right: 5px;
}

.MenuTop img
{
	vertical-align: bottom;
	float: left;
	clear: right;
}
.MenuTop .UserHeader 
{
	float: right;
	clear: right;
}



.TitleBar
{
	/* font-size: 11pt; */
	font-weight: bold;
	line-height: 20pt;
	text-indent: 10px;
	height: 28px;
	color: #111214;
	vertical-align: middle;
	background-color: #b1bdc7;
	background-image: url(../Images/title_bg.gif);
	background-repeat: repeat-x;
	background-position: center top; 
	clear: both;
}

.Content
{
	clear: both;
	margin: 0px;
	padding-bottom: 10px;
}

.Heading, .PopupHeading, .HeadingNoLine, .HeadingTextUnderline, .SmallHeadingTextUnderline
{
	text-align: left;
	color: #686868;
	/*font-size: 11pt; */
	font-weight: bold;
	line-height: 110%;
	text-indent: 10px;
	border-bottom: solid 1px #BCBCBC;
	margin-top: 5px;
}
.HeadingLightBG
{
	background-color: #e1e8ee;
	border-bottom: none;
}
.HeadingNoLine
{
	border-bottom: none;
}
.HeadingTextUnderline, .SmallHeadingTextUnderline
{
	border-bottom: none;
	text-decoration: underline;
}
.SmallHeadingTextUnderline
{
	text-indent: 0px;
	font-weight: normal;
	/* font-size: small; */
	color: #000;
}

.LightBG
{
	background-color: #e1e8ee;
}
.LightGrayBG
{
	background-color: #e7e7e7;
}

td.Heading
{
	height: auto;
}
.PopupHeading
{
	padding-top: 4px;
	padding-bottom: 6px;
	border-bottom: none;
	background-color: #A8BCCF;
	margin-top: 0px;
	color: #222;
	width: 100%;
}
.PopupHeading span
{
	color: #222;
	text-align: left;
	/* font-size: 11pt; */
	font-weight: bold;
	line-height: 10pt;
}

.Bold 
{
	color: #292929;
	font-weight: bold;
}

.LoginError
{
	background-color: #f6f7f8;
}
.Error, .LoginError
{
	
	color: #F00;
}
.Required
{
	color: #F00;
}

/* General Positioning */
.Center, .CenterLeft
{
	text-align: center !important;
	margin: auto;
}
td.Center 
{
	margin: 0px;
}
.Left
{
	text-align: left;
	float: left;
}

.Right
{
	text-align: right;
	float: right;
}
.Top, tr.Top td
{
	vertical-align: top !important;
}
.Bottom
{
	vertical-align: bottom;
}
.Middle
{
	vertical-align: middle !important;
}

div.Clear 
{
	clear: both;
}

.TextLeft
{
	text-align: left;
}


/* Links */
a, a:visited, a:hover 
{
	color: #4D6476;
	text-decoration: underline;
}
a:hover 
{
	text-decoration: none;
}


/* Forms */
.FormSection
{
	padding-top: 4px;
	padding-bottom: 7px;
	margin-bottom: 1px;
}
.FormSection .Heading
{
	margin: 0px 5px;
}
table.FormSection
{
	width: 100%;
}
.InternalForm td
{
	padding: 2px;
}
.SmallInternalForm td
{
	padding: 1px;
}
.InternalForm td .FullSection, .InternalForm td .FullHeightSection, .InternalForm td .FullWidthSection
{
	padding: 0px;
}
.HalfSection
{
	width: 50%;
}
.QuarterSection
{
	width: 25%;
}
.ThreeQuarterSection
{
	width: 75%;
}
.ThirdSection
{
	width: 33%;
}
.FullHeightSection, .FullSection
{
	height: 100%;
	vertical-align: top;
}
.FullWidthSection, .FullSection
{
	width: 100%;
	text-align: left;
}

.Row
{
	clear: both;
	line-height: 135%;
}
.RowBreak
{
	height: 20px;
}
.ColumnBreak
{
	font-size: 2pt;
	width: 20px;
}

.WordWrap 
{ 
    width:100%;
    word-break : break-all 
}

.WordBreak 
{ 
    width:100px; 
    OVERFLOW:hidden; 
    TEXT-OVERFLOW:ellipsis;
}

.ColumnBorderLeft
{
	border-left: solid 1px #CCC;
}
.ColumnBorderRight
{
	border-right: solid 1px #CCC;
}

.Panel, .FullPanel
{
	margin: 0px 5px;
	height: 100%;
	border-bottom: solid 1px #CCC;
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
}
.FullPanel
{
	border: solid 1px #CCC;
	min-height: 10px;
}
table.Panel, table.FullPanel
{
	margin: 0px;
}

.LoginPanel
{
	margin: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	border: solid 1px #CCC;
}
.LoginPanel .Heading 
{
	color: #000;
}

.PanelSeperator
{
	height: 10px;
}

td.DataGridScrollCell, tr.DataGridScrollCell td
{
}
td.DataGridVerticalScrollCell, tr.DataGridVerticalScrollCell td
{
}
td.DataGridHorizontalScrollCell, tr.DataGridHorizontalScrollCell td
{
}

.DataGrid, .DataGridNoBorder, .DataGridDragDrop
{
	background-color: #FFF;
	border-color: #CCC !important;
}
.DataGrid, .DataGridNoBorder
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.DataGridNoBorder
{
	border: none;
}

.DataGridDragDrop
{
	background-color: #ACACAC;
}

.DataGridHeaderRow, .DataGridHeaderRowNoIndent
{
}
.DataGridHeaderRowNoIndent th, .DataGridHeaderRowNoIndent td, .DataGridHeaderRow th, .DataGridHeaderRow td 
{
	padding: 6px 8px;
	text-align: left;
	color: #2D2E30;
}
.DataGridHeaderRow td a, .DataGridHeaderRow th a, .DataGridHeaderColor
{
	color: #4D6476;
}

.DataGrid td 
{
	padding: 5px 10px;
	text-align: left;
}
.DataGridRow td, .DataGridAltRow td, .DataGridSelRow td
{
	padding: 6px 8px !important;    
}
.DataGridRow, .DataGridAltRow, .DataGridSelRow
{
	color: #333;
}
.DataGridAltRow, .DataGridNoBorderAltRow
{
	color: #151515;
	background-color: #EEE;
}

.DataGridSelRow 
{
	color: #7EC2FB;
	/*background-color:Aqua;*/
}

.DataGridFooterRow
{
	margin-top: 4px;
	padding-top: 4px;
	border-bottom: none;
}

.DataGridPager
{
	font-size: xx-small;
	vertical-align: middle;
	background-color: #FAFAFA;
}

.DataGridEdits
{
	text-align: right !important;
	font-size: xx-small;
	vertical-align: middle;
}
.DataGridEdits a
{
	text-align: right;
}
.DataGrid div.DataGridFill
{
	position: relative;
	display: block;
	width: 100%;
}

.Form td
{
	/*padding: 2px;*/
	/* vertical-align: top; */
}
.Form td .LabelHeading {
	vertical-align: bottom;
}
.Form .Spacer30
{
	width: 30px;
	padding: 0px;
}
.Form .Spacer20
{
	width: 20px;
	padding: 0px;
}
.Form .Spacer10
{
	width: 10px;
	padding: 0px;
}
.Form .Spacer5
{
	width: 5px;
	padding: 0px;
}
.Form .Spacer2
{
	width: 1px;
	padding: 0px;
}
.Form .Spacer
{
	padding: 0px;
}

.AltRow
{
	background-color: #EFEFEF;
}
.EditRow
{
	background-color: #FFC;
}
.Label, .LabelHeading, .DisabledLabel
{
	color: #000;
	vertical-align: middle;
	height: 100%;
}
.Label, .DisabledLabel
{
	text-align: right;
	vertical-align: middle;
}
.PopUpLabel
{
	text-align: right;
	vertical-align:text-top;
}
.LabelHeading
{
	line-height: 100%;
	border-bottom: solid 1px #EEE;
	color: #686868;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	padding-bottom: 3px;
}
.DisabledLabel
{
	color: #666;
}

.OneThird, .TwoThird, .OneFourth, .OneFifth, .OneSixth, .OneSeventh, .OneEighth, .OneHalf
{
	width: 125px;
	padding-right: 4px;
}
.OneThreeEight
{
	width: 150px;
}
.OneHalf
{
	width: 175px;
}
.TwoThird 
{
	width: 250px;
}
.OneFourth
{
	width: 105px;
}
.OneFifth
{
	width: 75px;
}
.OneSixth
{
	width: 50px;
}
.Sixty
{
	width: 60px;
}
.OneSeventh
{
	width: 25px;
}
.OneEighth
{
	width: 15px;
}

.Field, .DisabledTextField
{
	text-align: left;
	color: #000;
	vertical-align: middle;	
}
div.Field {
	float: left;
}
.DisabledTextField
{
	color: #666;
}
.FillInField 
{
	margin-bottom: 12px;
}

.FullField
{
	width: 100%;
}

.ExtraLongField {
	width: 99%;
	height: 25px !important;
}
.XXXLongField {
	width: 600px;
	height: 25px !important;
}
.XXLongField {
	width: 500px;
	height: 25px !important;
}
.XLongField {
	width: 350px;
	height: 25px !important;
}
.LongXLongField {
	width: 275px;
	height: 25px !important;
}
.LongField {
	width: 200px;
	max-width: 100%;
	min-width: 200px;
	height: 25px !important;
}
.MediumField {
	width: 175px;
	height: 25px !important;
}
.ShortMediumField {
	width: 125px;
	height: 25px !important;
}
.ThreeColumnListBoxAdjust
{
	width: 27%;
	max-width: 29%;
	min-width: 27%;
	width: expression(document.body.clientWidth>968?"29%":"27%");
}
.ShortField {
	width: 100px;
	height: 25px !important;
}
.XShortField {
	width: 75px;
	height: 25px !important;
}
.TinyField {
	width: 50px;
	height: 25px !important;
}
.MiniField {
	width: 25px;
	height: 25px !important;
}
.PunyField {
	width: 10px;
	height: 25px !important;
}
.PercentWidthField {
	height: 25px !important;
}

/* Button Rows */
.CenterButtons
{
	text-align: center;
	margin: auto;
	padding: 3px;
	vertical-align: bottom;
}

.LeftButtons
{
	float: left;
	padding: 3px;
	vertical-align: bottom;
}

.RightButtons
{
	float: right;
	padding: 3px;
	vertical-align: bottom;
}

.ClearButtons
{
	clear: both;
}

input.LargeButton
{
	width: 100px;
	margin: 0px 3px;
}

input.Button
{
	width: 80px;
	margin: 0px 3px;
}
input.SmallButton
{
	width: 50px;
	margin: 0px 2px;
}
input.TinyButton
{
	width: 25px;
	margin: 0px 1px;
}

/* Fonts Table Formatting */
th
{
	border-bottom: solid 1px #DDD;
}

th.SansSerif
{
	font-family: Sans-Serif;
}
th.Serif
{
	font-family: Serif;
}

td.Thirds
{
	width: 33%;
	padding-top: 5px;
	vertical-align: top;
	/* font-size: small; */
}

td.Verdana
{
	font-family: Verdana;
}

td.Tahoma
{
	font-family: Tahoma, Geneva;
}

td.TrebuchetMS
{
	font-family: Trebuchet MS;
}

td.Impact
{
	font-family: Impact;
}

td.Georgia
{
	font-family: Georgia;
}

td.CourierNew
{
	font-family: "Courier New";
}

td.TimesNewRoman
{
	font-family: "Times New Roman";
}

.HandleCSS
{
    width:16px;
    height:16px;
    background-color:black;
    background-image :  url(../Images/resize.png);
}

.ResizingCSS
{
    padding:0px;
    border-style:solid;
    border-width:1px;
    border-color:#aaccee;
    cursor:se-resize;
}


/* Menu Bar */
.MenuBar
{
	clear: both;
	/*background-image: url(../Images/menu_bg.gif);
	background-position: bottom;
	background-repeat: repeat-x;*/
    background-color: darkgray;
	height: 27px;
    vertical-align:top !important;
}
.HeaderBar {
    clear: both;	
    background-color:lightgray;
	height: 30px !important;
    vertical-align:top !important;
}
.SiteLogo
{
	position: relative;
	float: left;	
}
.SiteImage
{
	position: relative;
	float: left;
	border-top:solid thin #b1bdc7;
}
.MenuEnd
{
	position: relative;
	float: right;
}
.MenuNav
{
	font-family: Verdana, Sans-serif;
	/* font-size: 9pt; */
	vertical-align: bottom;
	height: 30px;
	z-index: 10;
}
.MenuNav ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.MenuNav ul li
{
	float: left;
	position: relative;
	vertical-align: bottom;
}

.MenuNav ul li a, 
.MenuNav ul li a:visited
{
	float: left;
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #4D6476;
	padding: 0px 16px;
	line-height: 29px;
	/* font-size: 9pt; */
	height: 30px;
	vertical-align: bottom;
}

.MenuNav ul li:hover
{
	width: auto;
}

.MenuNav ul li a:hover
{
	background-image: url(../Images/menu_bg_over.gif);
	background-position: bottom;
	color: #27323B;
}

.MenuNav ul li:hover a
{
	background-image: url(../Images/menu_bg_over.gif);
	background-position: bottom;
	color: #27323B;
}

.MenuNav ul li ul
{
	display: none;
}
.MenuNav table
{
	margin: 0;
	border-collapse: collapse;
	position: absolute;
	top: 0;
	left: 0;
}

/* specific to non IE browsers */
.MenuNav ul li:hover ul
{
	display: block;
	position: absolute;
	top: 29px;
	background-color: #E9EEED;
	background-image: none;
	margin-top: 1px;
	left: 0px;
	width: 150px;
}

.MenuNav ul li:hover ul li a
{
	display: block;
	background-color: #E9EEED;
	background-image: none;
	/* font-size: 10pt; */
	font-weight: normal;
	color: #4D6476;
	height: auto;
	line-height: 15px;
	padding: 4px 16px;
	width: 120px;
}
.MenuNav ul li.MenuCategoryOne:hover ul, .MenuNav ul li.MenuCategoryOne:hover ul li a
{
	width: 180px;
}
	
.MenuNav ul li.MenuCategoryTwo:hover ul, .MenuNav ul li.MenuCategoryTwo:hover ul li a
{
	width: 110px;
}
.MenuNav ul li.MenuCategoryThree:hover ul, .MenuNav ul li.MenuCategoryThree:hover ul li a
{
	width: 80px;
}
.MenuNav ul li.MenuCategorySix:hover ul, .MenuNav ul li.MenuCategorySix:hover ul li a
{
	width: 90px;
}
.MenuNav ul li:hover ul li a:hover
{
	color: #27323B;
	background: #D0DAE0;
}


/* specific to IE5.5 and IE6 browsers*/
.MenuNav ul li a:hover ul
{
	display: block;
	position: absolute;
	top: 30px;
	top: 29px;
	background-color: #E9EEED;
	background-image: none;
	left: 0;
	margin-top: 1px;
}
.MenuNav ul li a:hover ul li a
{
	display: block;
	font-weight: normal;
	color: #4D6476;
	height: 1px;
	line-height: 20px;
	padding: 4px 16px;
	width: 152px;
	width: 120px;
}
.MenuNav ul li a.MenuCategoryThree:hover ul li a
{
	width: 100px;
}
.MenuNav ul li a.MenuCategoryTwo:hover ul li a
{
	width: 110px;
}
.MenuNav ul li a.MenuCategorySix:hover ul li a
{
	width: 90px;
}

.MenuNav ul li a:hover ul li a:hover
{
	color: #27323B;
	background: #D0DAE0;
}

.OptionSelected {
	background-color: #7EA583 !important;
}

/* Font Changer Styles */
.FontChangerSmall
{
	font-size: 10px;
}
.FontChangerNormal
{
	font-size: 11px;
}
.FontChangerLarge
{
	font-size: 12px;
}
.FontChanger, .FontChanger a, .FontChanger:link, .FontChanger:visited, .FontChanger:hover 
{
	text-decoration: none;
}
.FontChangerSelected
{
	font-weight: bold;
}

/* Display Notes */
.DynamicData
{
	background-color: #FDD;
}
.QuestionAboutThis
{
	background-color: #FBF371;
}


/* Modal Popup */
.ModalBackground {
	background-color: #FAFAFA;
	filter: alpha(opacity=20);
	opacity: 0.7;
}

.HideDisplay
{
	display: none;
}

.PopupIcon
{
	width: 22px;
	height: 14px;
	vertical-align: bottom;
}

/* Modal Popup Menu */
.PopupMenu {
	position: absolute;
	visibility: hidden;
	filter: alpha(opacity=90);
}   
.RowPopupHover 
{
	background-color: #BCC8D2;
}

.FooterBox
{
	width:80%;
	margin-top: 20px;
	border: solid 1px #c8c8c8;
	font-size: x-small;
}
.FooterBox div
{
	padding: 6px;
}
.FooterBox .SiteJumper
{
	border-bottom: solid 1px #c8c8c8;
	background-color: #f9f9f9;
	color: #000;
	text-align: left;
	padding-left: 40px;
}
.FooterBox .Help
{
	border-bottom: solid 1px #c8c8c8;
	background-color: #fffafa;
	color: #000;
}
.FooterBox .Legal
{
	padding: 10px;
	background-color: #fffff0;
	border-right: solid 1px #c8c8c8;
	color: #000;
}

.collapsePanel
{
   font-size:medium;
   color:#000099;
   font-weight:bold;
}
.collapseTargetPanel
{
   background-color:Transparent;
   padding-left:7px;
   font-size: 0.8em;
}
.FixedHeader 
{ 
	font-weight:bold; 
	background-color: #E1E8EE; 
	position:fixed;
	max-height:30px;	 
    top:expression(this.parentNode.parentNode.scrollTop-1);
}
.TinyPanel 
{ 	
	max-height: 80px; 
	height:auto;
}
.SmallPanel 
{ 	
	max-height:150px; 
	height:auto;
}
.MediumPanel 
{ 	
	max-height:250px; 
	height:auto;
}
.ItemsPanel 
{ 	
	max-height:350px; 
	height:auto;
}
.LargePanel 
{ 	
	max-height:450px; 
	height:auto;
}
.XLargePanel 
{ 	
	max-height:550px; 
	height:auto;
}
.XXLargePanel 
{ 	
	max-height:650px; 
	height:auto;
}

body div#toolTip 
{ 
	position:absolute;
	z-index:1000;
	width:220px;
	background:#000;
	border:2px double #fff;
	text-align:left;
	padding:5px;
	min-height:1em;
	-moz-border-radius:5px; 
}

body div#toolTip p 
{ 
	margin:0;
	padding:0;
	color:#fff;
	font:11px/12px verdana,arial,sans-serif; 
}

body div#toolTip p em 
{ 
	display:block;
	margin-top:3px;
	color:#f60;
	font-style:normal;
	font-weight:bold; 
}
body div#toolTip p em span 
{ 
	font-weight:bold;
	color:#fff; 
}

.SmallPaddingRight 
{
	padding-right: 5px;
}
.MediumPaddingRight
{
	padding-right: 10px;
}
.LargePaddingRight
{
	padding-right: 20px;
}
.XLargePaddingRight
{
	padding-right: 30px;
}

.progress
{
    display: block;
    position: absolute;
    padding: 2px 3px;
}
.progresscontainer
{
    border: solid 2px #808080;
    border-width: 2px 0px;
}
.progressheader
{
	background-image: url("../Images/popup_bg.gif") repeat-x 0px 0px; 
	background-color: #CC9999;   
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 2px 2px;
    padding: 0px 10px;
    color: #000000;
    font-size: 11pt;
    font-weight: bold;
    line-height: 1.9;  
    font-family: arial,helvetica,clean,sans-serif;
}
.progressbody
{
    background-color: #33FFCC;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 2px;
    padding: 10px;    
}


.ChecklistColumns input
{
	display: block;
	clear: both;
}	
.ChecklistColumns label
{
	margin-left: 23px;
	margin-top: -17px;
	display: block;
	clear: both;
}
.ChecklistColumns td
{
	padding: 4px !important;
}

.TransparentGrayBackground 
{
	position:fixed;
	top: 0;
	left: 0;
	
	background-color:Gray;
	filter:alpha(opacity=80);
	opacity:0.8;
	
	height: 100%;
	width: 100%;
	min-height: 100%;
	min-width: 100%;	
}

.AliquotScrollSection div, .AliquotScrollSection table
{                
	max-height: 150px !important;
}

.PredefinedScrollSection div, .PredefinedScrollSection table
{               
	max-height: 240px !important;
}

.NoBorder
{
	border: none !important;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	background-color: transparent; 
}

.PredefinedPanel
{
	margin: 0px 5px;
	border-bottom: solid 1px #CCC;
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
	height: auto;
	max-height: 300px !important;	
}

.UpperCase
{
	text-transform:uppercase;           
}

.LowerCase
{
	text-transform:lowercase;           
} 

.ModalBackgroundTop {
      z-index: 100001 !important;
}

ConfirmationModalPopupTop
{
      z-index: 100002 !important;
}

.ConfirmationModalPopup {
	border: solid 1px #b2b2b2;
	border-radius: 16px;
	background-color: #e7e6dd;
	width: 325px;
	z-index: 25;
}
.ConfirmationModalPopupHeader
{
      height: 30px;
      width: 325px;
      text-align: center;
      background-image: url("../Images/popup_bg.gif");
      background-position: top;
      background-repeat: repeat-x;
      font-weight: bold;
}
.ConfirmationModalPopupHeader div
{
      width: 325px;
      padding-top: 10px;
      text-align: center;
      margin: auto;
}
.ConfirmationModalPopupHeader table
{
      width: 100%;
}
.ConfirmationModalPopup .InternalForm td, 
.ConfirmationModalPopup .InternalForm 
{
      padding: 10px !important;
}

.SessionTimer
{
      border: solid 1px #b2b2b2;
      background-color: #FFF;
      padding: 0px 0px 0px 0px;
      display: inline;  
}

.SessionWarning
{
      color: #F00;
      font-weight: bold;
}

.NoDisplay
{
      display: none;
}

.CenterAlign
{
	text-align:center;
	vertical-align:middle !important;
}

.RightCenterAlign
{
	text-align:right !important;
	vertical-align:middle !important;
}

.LeftCenterAlign
{
	text-align:left !important;
	vertical-align:middle !important;
}

.FixedHeader 
{ 
	font-weight:bold; 
	background-color: #E1E8EE; 
	position:relative ; 
	top:expression(this.parentNode.parentNode.parentNode.scrollTop-1) !important;
	z-index: 10;
}

.instruction{
    color:#aa3300;
    }
    
/* CUSTOM TABS
----------------------------------------------------------*/
.TabControl
{
	width: 100%;
}

.TabControl .TabControlHeader
{
	vertical-align: bottom;
	min-height: 20px;
}

.TabControl .TabControlHeader .TabControlHeaderItem
{
	color: #3a4f63;
	text-decoration: none;
	min-height: 18px;
	vertical-align: bottom;
	display:inline-block;
	padding: 0px 8px;
	background-color: #eee;
	margin-right: 1px;
	margin-top: 2px;
	border-top: solid 1px #eee;
	border-left: solid 1px #eee;
	border-right: solid 1px #eee;
	line-height: 175%;
}

.TabControl .TabControlHeader .TabControlHeaderItem:hover
{
	border-color: #d4e5f0;
	background-color: #d4e5f0;
}

.TabControl .TabControlHeader .TabControlHeaderSelected
{
	background-color: darkkhaki;
	border-color: #c5dfef;
}

	.TabControl .TabControlHeader .TabControlHeaderSelected:hover {
		background-color: darkkhaki;
	}

.TabControl .TabControlPanel
{
	border: solid 1px #c5dfef;
	padding: 5px;
}

.failureNotification
{
    color: Red;
    font-weight: bold;
	font-size: 8.5pt !important;
}

/* TILE PANEL ELEMENTS   
----------------------------------------------------------*/

.TilePanel
{
	margin: 0 auto;
	border-collapse: collapse;
	border: solid 1px #bcc5ca;
	border-radius:10px;
}

.TilePanel tr th
{
	border-collapse: collapse;
	border-bottom: solid 1px #bcc5ca;
	background-color: #d3dce1;
	padding: 8px;
}

.TilePanel tr td
{
	background-color: #ecf4f8;
	padding: 2px;
}

.TilePanel tr td table
{
	margin: 0px auto;
	width: 90%;
}

.TilePanel tr td table tr td
{
	text-align: right;
	padding: 8px;
}
.TilePanel tr td table tr td.LoginLabel
{
	max-width: 15%;
	white-space: nowrap;
}
.TilePanel tr td table tr td.LoginField
{
	min-width: 85%;
}
.TilePanel tr td table tr td.LoginButton
{
	padding: 0px 8px;
	text-align: center;
}

/*Calendar*/
/* Customized Ajax Calendar Styles */

.cal_Theme1 td, .cal_Theme1 table td
{
	padding: 1px !important;
}

.cal_Theme1 .ajax__calendar_container 
{
background-color: #e2e2e2; border:solid 1px #cccccc; 
}

.cal_Theme1 .ajax__calendar_header 
{
background-color: #ffffff; margin-bottom: 4px; 
}

.cal_Theme1 .ajax__calendar_title, 

.cal_Theme1 .ajax__calendar_next, 

.cal_Theme1 .ajax__calendar_prev 
{
color: #004080; padding-top: 1px; 
} 

.cal_Theme1 .ajax__calendar_body 
{ 
background-color: #e9e9e9; border: solid 1px #cccccc; 
} 

.cal_Theme1 .ajax__calendar_dayname 
{ 
text-align:center; font-weight:bold; margin-bottom: 4px; margin-top: 2px; 
} 

.cal_Theme1 .ajax__calendar_day
{ 
text-align:center; 
} 

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day, 

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month, 

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year, 

.cal_Theme1 .ajax__calendar_active 
{ 
color: #004080; font-weight:bold; background-color: #ffffff; 
}

.cal_Theme1 .ajax__calendar_today 
{ 
font-weight:bold; font-size: 11px !important; 
} 

.cal_Theme1 .ajax__calendar_other, 

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today, 

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title 
{ 
color: #bbbbbb; 
}

.cal_Theme1 table tr td
{ 
	padding-right:0px !important;
}

.RowSeparation
{
    border-bottom: dashed 2px black;
}

.Italic
{
    font-style: italic;
}

.Underline
{
    text-decoration: underline;
}

.RemoveX::-ms-clear 
{
    display: none; 
    width:0; 
    height:0;
}

.CreateSideBar
{
    width: 140px; 
    position: fixed; 
    left: 87%; 
    top: 35%; 
    margin: 0 0 0 10px; 
}

.RoundCornerPanel {
	display: inline-block;
	border: 1px solid transparent;
	border-radius: 24px;
	padding: 12px 32px;
	text-align: center;
	cursor: pointer;
	background-color: #53f2c6;
	font-size: x-large !important;
}

.FrontDisplayPanel {
	display: inline-block;
	border: 1px solid black;
	border-radius: 15px;
	padding: 12px 32px;
	text-align: center;
	cursor: pointer;
	background-color: cornsilk;
	font-size: small !important;
	font-weight: bold;
}

.AdminDisplayPanel {
	display: inline-block;
	border: 1px solid black;
	border-radius: 15px;
	padding: 12px 32px;
	text-align: center;
	cursor: pointer;
	background-color: honeydew;
	font-size: small !important;
	font-weight: bold;
	color:black !important;
}

.InstructionCornerPanel {
	display: inline-block;
	border: 1px solid black;
	border-radius: 15px;
	padding: 12px 32px;
	text-align: center;
	cursor: text;
	font-weight: bold;
	color: black;
	background-color: lightgrey;
	font-size: large !important;
}

.CustomComboBoxStyle .ajax__combobox_textboxcontainer input {
	background-color: transparent;
	border: solid 1px black;
	width: 400px !important;
	height: 25px !important;
	padding: 4px;
	font: 14px Verdana !important;
}

.CustomComboBoxStyle .ajax__combobox_buttoncontainer button {
	background-color: transparent;
	border: solid 1px black;
}

.CustomComboBoxStyle .ajax__combobox_itemlist {
	font: 14px Verdana;
}